.chart-room-body{background:repeating-linear-gradient(0deg,transparent,transparent 79px,rgba(180,140,60,.055) 79px,rgba(180,140,60,.055) 80px),repeating-linear-gradient(90deg,transparent,transparent 79px,rgba(180,140,60,.055) 79px,rgba(180,140,60,.055) 80px),linear-gradient(rgba(8,6,3,.84),rgba(8,6,3,.84)),url('../assets/images/backgrounds/chart.webp') center/cover fixed,#0d0a06;min-height:100vh}.chart-room-hero{position:relative;padding:var(--spacing-xl) 0 var(--spacing-xxl);overflow:hidden;background:radial-gradient(ellipse at 50% 100%,rgba(60,130,122,.12) 0,transparent 60%),radial-gradient(ellipse at 20% 50%,rgba(180,140,60,.08) 0,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(180,140,60,.06) 0,transparent 50%),linear-gradient(180deg,#0a0805 0,#1a1409 60%,#0f0c07 100%);border-bottom:3px solid var(--color-brass-polished);box-shadow:0 4px 30px rgba(0,0,0,.8),0 1px 0 rgba(212,168,88,.3) inset}.chart-room-hero::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(180,140,60,.05) 39px,rgba(180,140,60,.05) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,rgba(180,140,60,.05) 39px,rgba(180,140,60,.05) 40px);pointer-events:none}.chart-room-hero::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,transparent 40%,rgba(0,0,0,.5) 100%);pointer-events:none}.chart-room-hero .container{position:relative;z-index:2}.chart-room-hero-panel{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-sm)}.chart-room-subtitle{font-family:var(--font-technical);font-size:.75rem;color:var(--color-brass-aged);letter-spacing:.25em;text-transform:uppercase;margin:0;opacity:.85}.chart-room-hero h1{font-family:var(--font-display);font-size:clamp(2rem, 5vw, 3.4rem);color:var(--color-gold);text-shadow:0 0 40px rgba(212,168,88,.5),0 2px 4px rgba(0,0,0,.8),0 -1px 0 rgba(255,255,255,.1);margin:0;letter-spacing:.04em;text-transform:uppercase}.chart-room-hero-desc{font-family:var(--font-heading);font-size:clamp(.95rem, 1.5vw, 1.15rem);color:var(--color-aged-paper);max-width:560px;line-height:1.65;margin:0 auto;opacity:.85}.compass-rose-wrap{position:relative;width:200px;height:200px;margin:var(--spacing-md) auto 0;flex-shrink:0}.compass-rose{width:200px;height:200px;animation:compass-slow-spin 90s linear infinite;opacity:.8;filter:drop-shadow(0 0 14px rgba(212, 168, 88, .45))}@keyframes compass-slow-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.compass-needle-group{animation:compass-slow-spin 90s linear infinite reverse;transform-origin:100px 100px}.chart-room-bg-compass{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;opacity:.04;animation:compass-slow-spin 120s linear infinite;pointer-events:none;z-index:1}.chart-room-main{position:relative;padding:var(--spacing-xl) 0 var(--spacing-xl);background:repeating-linear-gradient(-22deg,transparent,transparent 119px,rgba(212,168,88,.025) 119px,rgba(212,168,88,.025) 120px),repeating-linear-gradient(22deg,transparent,transparent 119px,rgba(212,168,88,.025) 119px,rgba(212,168,88,.025) 120px)}.chart-room-main::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1000px;height:1000px;background:radial-gradient(circle,rgba(60,130,122,.04) 0,transparent 60%);pointer-events:none}.chart-room-main::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,transparent calc(50% - 600px),rgba(212,168,88,.06) calc(50% - 600px),rgba(212,168,88,.06) calc(50% - 598px),transparent calc(50% - 598px),transparent calc(50% + 598px),rgba(212,168,88,.06) calc(50% + 598px),rgba(212,168,88,.06) calc(50% + 600px),transparent calc(50% + 600px));pointer-events:none}.chart-coord-divider{display:flex;align-items:center;justify-content:center;gap:0;padding:var(--spacing-xs) 0;position:relative}.chart-coord-divider::before{content:'';position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0,rgba(212,168,88,.15) 10%,rgba(212,168,88,.35) 40%,rgba(212,168,88,.35) 60%,rgba(212,168,88,.15) 90%,transparent 100%)}.ccd-marker{position:relative;z-index:2;display:flex;align-items:center;gap:var(--spacing-sm);padding:0 var(--spacing-md);background:0 0}.ccd-tick{width:1px;height:24px;background:linear-gradient(180deg,transparent,rgba(212,168,88,.5) 30%,rgba(212,168,88,.5) 70%,transparent);flex-shrink:0}.ccd-diamond{width:12px;height:12px;border:1px solid rgba(212,168,88,.55);transform:rotate(45deg);background:rgba(212,168,88,.08);flex-shrink:0}.ccd-label{font-family:var(--font-technical);font-size:.58rem;letter-spacing:.2em;color:rgba(212,168,88,.45);text-transform:uppercase;white-space:nowrap}.ccd-dot{width:4px;height:4px;border-radius:50%;background:rgba(212,168,88,.4);flex-shrink:0}.mission-dossiers{display:flex;flex-direction:column;gap:0;padding:0 0 var(--spacing-lg)}.mission-dossier{position:relative;display:grid;grid-template-areas:"strip strip" "image info";grid-template-columns:420px 1fr;grid-template-rows:auto 1fr;min-height:340px;background:linear-gradient(160deg,#1e160b 0,#261c0e 40%,#1a1309 100%);border:5px solid #c9a030;border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px rgba(180,140,50,.35),0 12px 50px rgba(0,0,0,.75),0 4px 16px rgba(0,0,0,.55),inset 0 2px 0 rgba(255,220,100,.15),inset 0 0 30px rgba(0,0,0,.35),inset 0 -2px 0 rgba(0,0,0,.4);transition:transform .3s ease,box-shadow .3s ease}.mission-dossier:hover{transform:translateY(-4px);box-shadow:0 0 0 1px rgba(212,168,88,.55),0 0 25px rgba(212,168,88,.1),0 16px 60px rgba(0,0,0,.8),0 6px 20px rgba(0,0,0,.6),inset 0 2px 0 rgba(255,220,100,.2),inset 0 0 30px rgba(0,0,0,.3),inset 0 -2px 0 rgba(0,0,0,.4)}.mission-dossier.dossier-alt{grid-template-areas:"strip strip" "info image";grid-template-columns:1fr 420px}.mission-classification-strip{grid-area:strip;height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-md);background:linear-gradient(90deg,#2e6b64 0,#3a7e76 20%,#3c827a 50%,#3a7e76 80%,#2e6b64 100%);border-bottom:3px solid rgba(160,120,40,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 -1px 0 rgba(0,0,0,.3),0 2px 8px rgba(0,0,0,.4);position:relative;z-index:5}.mission-classification-strip::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.07) 0,transparent 50%,rgba(0,0,0,.1) 100%);pointer-events:none}.strip-file-label{font-family:var(--font-technical);font-size:.65rem;font-weight:700;letter-spacing:.2em;color:rgba(255,255,255,.92);text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.5);position:relative;z-index:1}.strip-mission-number{font-family:var(--font-technical);font-size:.63rem;letter-spacing:.15em;color:rgba(255,255,255,.72);text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.5);position:relative;z-index:1}.strip-status{display:flex;align-items:center;gap:7px;font-family:var(--font-technical);font-size:.63rem;letter-spacing:.15em;color:rgba(255,255,255,.88);text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.5);position:relative;z-index:1}.strip-status-dot{width:8px;height:8px;background:#7ee880;border-radius:50%;box-shadow:0 0 8px rgba(126,232,128,.9),0 0 3px rgba(126,232,128,.6);animation:status-pulse 2s ease-in-out infinite;flex-shrink:0}@keyframes status-pulse{0%,100%{opacity:1;box-shadow:0 0 8px rgba(126,232,128,.9)}50%{opacity:.65;box-shadow:0 0 3px rgba(126,232,128,.5)}}.dossier-rivet{position:absolute;width:18px;height:18px;background:radial-gradient(circle at 35% 30%,#f0d870,#c89820 45%,#7a5010 80%);border-radius:50%;box-shadow:0 0 0 2px rgba(90,60,10,.9),0 0 0 3px rgba(200,152,32,.3),0 2px 5px rgba(0,0,0,.7),inset 0 1px 2px rgba(255,255,255,.35);z-index:20;pointer-events:none}.dossier-rivet-tl{top:5px;left:5px}.dossier-rivet-tr{top:5px;right:5px}.dossier-rivet-bl{bottom:5px;left:5px}.dossier-rivet-br{bottom:5px;right:5px}.mission-image-col{grid-area:image;position:relative;overflow:hidden;border-right:3px solid rgba(180,140,50,.5);background:rgba(0,0,0,.45);box-shadow:inset -4px 0 12px rgba(0,0,0,.4)}.dossier-alt .mission-image-col{border-right:none;border-left:3px solid rgba(180,140,50,.5);box-shadow:inset 4px 0 12px rgba(0,0,0,.4)}.mission-thumbnail-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.mission-thumbnail{width:100%;height:100%;object-fit:cover;object-position:center;image-rendering:pixelated;filter:brightness(.88) contrast(1.08) saturate(1.1);transition:filter .4s ease,transform .5s ease;display:block}.mission-dossier:hover .mission-thumbnail{filter:brightness(1) contrast(1.08) saturate(1.18);transform:scale(1.04)}.mission-thumbnail-wrapper::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 24px,rgba(180,140,60,.05) 24px,rgba(180,140,60,.05) 25px),repeating-linear-gradient(90deg,transparent,transparent 24px,rgba(180,140,60,.05) 24px,rgba(180,140,60,.05) 25px);pointer-events:none;z-index:2}.mission-thumbnail-wrapper::after{content:'';position:absolute;inset:0;background:linear-gradient(160deg,rgba(60,130,122,.08) 0,transparent 55%),linear-gradient(0deg,rgba(0,0,0,.25) 0,transparent 40%);pointer-events:none;z-index:3}.mission-coords{position:absolute;bottom:8px;right:10px;font-family:var(--font-technical);font-size:.58rem;color:rgba(212,168,88,.65);letter-spacing:.1em;z-index:4;text-transform:uppercase;text-shadow:0 1px 3px rgba(0,0,0,.9)}.mission-coords-tl{position:absolute;top:8px;left:10px;font-family:var(--font-technical);font-size:.58rem;color:rgba(212,168,88,.65);letter-spacing:.1em;z-index:4;text-transform:uppercase;text-shadow:0 1px 3px rgba(0,0,0,.9)}.mission-info-col{grid-area:info;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);position:relative;overflow:hidden}.mission-info-col::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(180,140,60,.018) 10px,rgba(180,140,60,.018) 11px);pointer-events:none}.mission-info-col>*{position:relative;z-index:1}.mission-type-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mission-type-badge{display:inline-block;font-family:var(--font-technical);font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(180,240,220,.88);background:rgba(60,130,122,.22);border:1px solid rgba(60,130,122,.45);border-radius:2px;padding:3px 9px}.mission-platform-badge{display:inline-block;font-family:var(--font-technical);font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(232,200,120,.82);background:rgba(180,140,60,.1);border:1px solid rgba(180,140,60,.28);border-radius:2px;padding:3px 9px}.mission-title{font-family:var(--font-display);font-size:clamp(1.6rem, 2.8vw, 2.3rem);font-weight:700;color:var(--color-gold);text-shadow:0 0 25px rgba(212,168,88,.35),0 2px 5px rgba(0,0,0,.7),0 -1px 0 rgba(255,255,255,.08);letter-spacing:.04em;text-transform:uppercase;margin:0;line-height:1.2}.mission-title-divider{height:2px;background:linear-gradient(90deg,rgba(212,168,88,.7) 0,rgba(212,168,88,.9) 40%,rgba(212,168,88,.7) 100%);margin:0;border:none}.mission-meta-grid{display:grid;grid-template-columns:auto 1fr;gap:5px 16px;align-items:baseline}.mission-meta-label{font-family:var(--font-technical);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--color-brass-aged);white-space:nowrap}.mission-meta-value{font-family:var(--font-heading);font-size:.95rem;color:var(--color-aged-paper);font-weight:600}.mission-meta-value a{color:#8fcfc5;text-decoration:none;border-bottom:1px solid rgba(91,155,142,.35);transition:color .15s ease,border-color .15s ease}.mission-meta-value a:hover{color:var(--color-gold);border-color:rgba(212,168,88,.55)}.mission-description{font-family:var(--font-body);font-size:clamp(1rem, 1.3vw, 1.1rem);line-height:1.78;color:rgba(232,213,181,.88);margin:0;flex-grow:1}.mission-cta{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;margin-top:auto;padding-top:var(--spacing-sm);border-top:1px solid rgba(180,140,50,.2)}.mission-cta .brass-button{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-size:.88rem;padding:.65rem 1.6rem;color:var(--color-iron-dark)}.mission-cta .brass-button:active,.mission-cta .brass-button:hover,.mission-cta .brass-button:visited{color:var(--color-iron-dark)}.mission-cta .brass-button svg{flex-shrink:0}.mission-stamp{position:absolute;bottom:var(--spacing-md);right:var(--spacing-md);width:84px;height:84px;border:3px solid rgba(60,130,122,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;transform:rotate(-14deg);opacity:.15;pointer-events:none}.mission-stamp span{font-family:var(--font-technical);font-size:.5rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-primary-teal);text-align:center;line-height:1.1}.chart-cta-section{padding:var(--spacing-xl) 0 var(--spacing-xxl)}.recruitment-notice{position:relative;background:linear-gradient(160deg,#1e160b 0,#261c0e 50%,#1a1309 100%);border:5px solid #c9a030;border-radius:3px;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-xl);text-align:center;box-shadow:0 0 0 1px rgba(180,140,50,.35),0 8px 40px rgba(0,0,0,.7),inset 0 2px 0 rgba(255,220,100,.1),inset 0 0 30px rgba(0,0,0,.3);overflow:hidden}.recruitment-notice::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(-22deg,transparent,transparent 79px,rgba(212,168,88,.025) 79px,rgba(212,168,88,.025) 80px);pointer-events:none}.notice-rivet{position:absolute;width:18px;height:18px;background:radial-gradient(circle at 35% 30%,#f0d870,#c89820 45%,#7a5010 80%);border-radius:50%;box-shadow:0 0 0 2px rgba(90,60,10,.9),0 0 0 3px rgba(200,152,32,.3),0 2px 5px rgba(0,0,0,.7),inset 0 1px 2px rgba(255,255,255,.35);z-index:5}.notice-rivet-tl{top:5px;left:5px}.notice-rivet-tr{top:5px;right:5px}.notice-rivet-bl{bottom:5px;left:5px}.notice-rivet-br{bottom:5px;right:5px}.recruitment-title-plate{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:10px var(--spacing-md);background:linear-gradient(135deg,rgba(10,8,5,.9) 0,rgba(20,15,8,.95) 50%,rgba(10,8,5,.9) 100%);border:1px solid rgba(212,168,88,.35);border-radius:2px;box-shadow:0 0 0 1px rgba(107,80,32,.4),inset 0 1px 0 rgba(255,220,100,.08)}.recruitment-title-plate::after,.recruitment-title-plate::before{content:'◆';font-size:.45rem;color:rgba(212,168,88,.5);flex-shrink:0}.recruitment-heading{font-family:var(--font-display);font-size:clamp(1.1rem, 2vw, 1.4rem);font-weight:700;color:var(--color-gold);text-transform:uppercase;letter-spacing:.1em;margin:0;text-shadow:0 0 20px rgba(212,168,88,.4),0 1px 3px rgba(0,0,0,.6)}.recruitment-title-plate .title-gear{width:22px;height:22px;opacity:.7;animation:compass-slow-spin 20s linear infinite;flex-shrink:0}.recruitment-title-plate .title-gear.reverse{animation-direction:reverse}.recruitment-desc{position:relative;z-index:2;font-family:var(--font-body);font-size:clamp(1rem, 1.5vw, 1.15rem);color:var(--color-aged-paper);line-height:1.7;max-width:480px;margin:0 auto var(--spacing-lg)}.recruitment-cta-row{position:relative;z-index:2;display:flex;justify-content:center}.discord-btn{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:.92rem;padding:.75rem 1.9rem;color:var(--color-iron-dark)}.discord-btn:active,.discord-btn:hover,.discord-btn:visited{color:var(--color-iron-dark)}.quill-chronicle{position:fixed;left:1.1rem;top:50%;transform:translateY(-50%);display:none;flex-direction:column;align-items:center;width:38px;max-height:82vh;z-index:90;pointer-events:none;opacity:0;transition:opacity .8s ease}@media (min-width:1380px){.quill-chronicle{display:flex;opacity:.6}}.quill-feather{flex-shrink:0;filter:drop-shadow(0 0 8px rgba(212, 168, 88, .28));animation:quill-sway 12s ease-in-out infinite;transform-origin:19px 88px}@keyframes quill-sway{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.quill-feather svg{width:38px;height:100px;display:block}.quill-ink-trail{flex:1;width:2px;min-height:120px;max-height:calc(82vh - 120px);background:linear-gradient(180deg,rgba(212,168,88,.6) 0,rgba(180,140,60,.45) 25%,rgba(150,115,45,.35) 55%,rgba(110,82,28,.22) 80%,rgba(80,58,18,.14) 100%);border-radius:1px;position:relative;overflow:visible;box-shadow:0 0 4px rgba(212,168,88,.18),1px 0 0 rgba(255,210,80,.08)}.quill-ink-drop{position:absolute;left:50%;transform:translateX(-50%);width:8px;height:10px;background:radial-gradient(ellipse at 40% 35%,rgba(240,196,88,.85),rgba(150,110,28,.65));border-radius:50% 50% 48% 48%/56% 56% 44% 44%;box-shadow:0 0 6px rgba(212,168,88,.4)}.quill-ink-drop:first-child{top:18%;animation:inkdrop-glow 5s ease-in-out infinite 0ms}.quill-ink-drop:nth-child(2){top:50%;animation:inkdrop-glow 5s ease-in-out infinite 1.6s}.quill-ink-drop:nth-child(3){top:82%;animation:inkdrop-glow 5s ease-in-out infinite 3.2s}@keyframes inkdrop-glow{0%,100%{opacity:.45;transform:translateX(-50%) scale(1)}50%{opacity:.95;transform:translateX(-50%) scale(1.25);box-shadow:0 0 10px rgba(212,168,88,.65)}}@media (max-width:1000px){.mission-dossier,.mission-dossier.dossier-alt{grid-template-areas:"strip" "image" "info";grid-template-columns:1fr;grid-template-rows:auto 300px 1fr}.dossier-alt .mission-image-col,.mission-image-col{border-right:none;border-left:none;border-bottom:3px solid rgba(180,140,50,.4);box-shadow:inset 0 -4px 12px rgba(0,0,0,.4)}.mission-info-col{padding:var(--spacing-md) var(--spacing-md) var(--spacing-md)}}@media (max-width:600px){.mission-dossier,.mission-dossier.dossier-alt{grid-template-rows:auto 240px 1fr}.strip-mission-number{display:none}.chart-room-bg-compass{width:280px;height:280px}.compass-rose-wrap{width:150px;height:150px}.compass-rose{width:150px;height:150px}}