:root{--ink:#101411;--panel:#1c241e;--lime:#ccfa4f;--yellow:#f2d64b;--paper:#f3f0e7;--muted:#b6beb2;--line:#48523e;font-family:Arial,Helvetica,sans-serif;color:var(--paper);font-size:16px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--ink)}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button,a,input,textarea{outline-offset:5px}button:focus-visible,a:focus-visible{outline:3px solid var(--yellow)}button{border:0}h1,h2,h3,p{margin:0}h1,h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.015em}h1{font-size:clamp(4rem,8.8vw,9rem);line-height:.88}h2{font-size:clamp(2.5rem,5vw,4.8rem);line-height:.98}h3{font-size:1.2rem}p{line-height:1.6}small{font-size:.875rem}.mono,.eyebrow,.caseid,.timer,.progress li,.stamp{font-family:'Courier New',monospace}.eyebrow{font-size:.875rem;letter-spacing:.15em;color:var(--lime);font-weight:bold;text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:14px 23px;font-weight:800;background:var(--lime);color:var(--ink);border:1px solid var(--lime);text-decoration:none;transition:background .18s,transform .18s}.btn:hover:not(:disabled){background:var(--yellow);border-color:var(--yellow);transform:translateY(-2px)}.btn.secondary{background:transparent;color:var(--paper);border-color:#737e68}.btn.paperbtn{background:var(--ink);color:var(--paper);border-color:var(--ink)}.muted{color:var(--muted)}.toolbar{min-height:82px;display:flex;align-items:center;justify-content:space-between;padding:18px 3vw;border-bottom:1px solid var(--line);gap:15px;background:#101411f2}.brand{font-weight:900;letter-spacing:.055em;font-size:1rem}.brand small{display:block;font-family:monospace;font-weight:normal;color:var(--muted);font-size:.75rem;letter-spacing:.12em;margin-top:6px}.tools{display:flex;align-items:center;gap:20px}.iconbtn{background:none;color:var(--paper);font-size:.875rem;padding:9px;border:1px solid #59624e;min-height:40px}.timer{font-size:1.45rem;color:var(--lime);min-width:5ch}.timer.urgent{color:var(--yellow)}.score{font-family:monospace;color:var(--muted);font-size:.875rem}.intro{position:relative;min-height:calc(100svh - 82px);overflow:hidden;isolation:isolate;background:#111}.intro-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}.intro:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#101411ef 0%,#101411ac 36%,#1014110a 68%),linear-gradient(0deg,#101411b0,transparent 40%)}.intro-inner{position:relative;width:min(1600px,94vw);margin:auto;min-height:calc(100svh - 82px);padding:55px 0 94px;display:flex;flex-direction:column;justify-content:center}.intro .caseid{font-size:.875rem;color:var(--paper);margin-bottom:25px}.caseid:before{content:'■';color:var(--lime);margin-right:12px}.intro h1{max-width:850px}.intro h1 .lime{display:block;color:var(--lime)}.intro .brief{position:relative;background:var(--paper);color:var(--ink);padding:22px 25px;width:min(465px,100%);margin:33px 0 27px;box-shadow:8px 8px 0 #0008;border-left:7px solid var(--yellow);transform:rotate(-1deg)}.brief:before{content:'GÖREV BRİFİNGİ';display:block;font:bold .75rem monospace;letter-spacing:.1em;margin-bottom:10px}.intro .brief p{font-size:1rem}.startline{display:flex;gap:25px;align-items:center}.startline small{line-height:1.8;color:#d4d9ce}.scene-stamp{position:absolute;right:5vw;top:11%;font:bold clamp(1rem,2vw,2rem) monospace;color:var(--yellow);border:3px solid var(--yellow);padding:12px 20px;transform:rotate(8deg);opacity:.8}.case-tab{position:absolute;right:6vw;bottom:17%;border-left:2px solid var(--lime);padding-left:18px;font-family:monospace;max-width:260px}.case-tab b{display:block;font-size:1.6rem;color:var(--lime);margin-bottom:5px}.tape{position:absolute;left:-1%;bottom:12px;width:102%;padding:11px 3vw;transform:rotate(-1deg);background:repeating-linear-gradient(120deg,var(--yellow) 0 36px,#ddc53f 36px 40px);color:var(--ink);font-weight:900;font-size:.875rem;letter-spacing:.16em;white-space:nowrap;overflow:hidden}.progress{display:flex;list-style:none;padding:0;margin:0;border-bottom:1px solid var(--line);background:#111711}.progress li{flex:1;padding:15px 10px;text-align:center;font-size:.875rem;color:#87917e;border-right:1px solid var(--line)}.progress .current{background:var(--lime);color:var(--ink);font-weight:bold}.progress .done{color:var(--lime)}.progress .num{margin-right:10px;font-weight:bold}.game{max-width:1536px;margin:auto;padding:34px 3vw 50px;animation:enter .35s ease}.stage-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.stage-head .eyebrow{margin-bottom:12px}.stage-head p{max-width:450px;font-size:1rem;color:var(--muted)}.stage-head .stamp{color:var(--yellow);border:2px solid;padding:9px 14px;transform:rotate(-4deg);font-weight:bold}.scene-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px}.scene-frame{position:relative;align-self:start;background:#080b08;border:1px solid var(--line);box-shadow:0 15px 35px #0006}.scene-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.frame-meta{padding:11px 14px;font-family:monospace;color:var(--muted);display:flex;justify-content:space-between;font-size:.875rem;background:#151c16}.hotspot{position:absolute;width:44px;height:44px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid #d4f772;background:#151d14b8;color:var(--lime);font-family:monospace;font-size:1rem;box-shadow:0 0 0 5px #c9f75014}.hotspot:after{content:'';position:absolute;left:calc(100% + 8px);top:50%;width:34px;border-top:1px solid #b7d679}.hotspot.found{background:var(--lime);color:var(--ink)}.hotspot:hover{box-shadow:0 0 0 10px #c9f75020}.scene-side{background:var(--paper);color:var(--ink);padding:22px;position:relative;align-self:stretch;box-shadow:6px 6px 0 #0005}.paper-label{display:inline-block;background:var(--yellow);color:var(--ink);font:bold .75rem monospace;letter-spacing:.12em;padding:8px 11px;transform:rotate(-2deg);margin-bottom:22px}.scene-side h3{font-family:Impact,Arial,sans-serif;font-size:2rem;line-height:1.05;text-transform:uppercase}.evidence-list{list-style:none;padding:0;margin:25px 0}.evidence-list li{padding:16px 0;border-bottom:1px solid #b1b8aa;font-size:.95rem;display:flex;gap:12px;line-height:1.4}.evidence-list span{font-family:monospace;font-weight:bold;color:#5b654f}.feedback{min-height:30px;line-height:1.5;margin:12px 0 0;font-weight:bold;font-size:.95rem}.feedback.error{color:#ffbdaa}.paper .feedback.error{color:#9b2f23}.feedback.success{color:var(--lime)}.paper .feedback.success{color:#426100}.actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:25px}.paper{background:var(--paper);color:var(--ink);padding:28px;position:relative;box-shadow:7px 7px 0 #0004}.paper input,.paper textarea{background:#fff;color:var(--ink);border-color:#8c987c}.form-label{display:block;font-weight:bold;margin:0 0 10px;font-size:.95rem}input,textarea{width:100%;background:#0b100d;color:var(--paper);border:1px solid #717f5f;padding:14px;border-radius:0;min-height:50px}textarea{min-height:100px;resize:vertical}input.code{font:bold 2rem 'Courier New',monospace;letter-spacing:.35em;text-align:center;text-transform:uppercase}.bench{display:grid;grid-template-columns:280px minmax(0,1fr);gap:30px}.exhibit{background:var(--paper);color:var(--ink);position:relative;padding:18px 25px 20px;transform:rotate(-1deg);align-self:start;box-shadow:7px 9px 0 #0005}.exhibit:before{content:'015-A';font:bold 1rem monospace;position:absolute;top:-12px;right:16px;background:var(--yellow);padding:8px 14px;transform:rotate(4deg)}.exhibit img{display:block;margin:18px auto;width:135px;height:315px;object-fit:contain}.exhibit .measurement{border-top:1px solid #8b967c;padding-top:12px;display:flex;justify-content:space-between}.exhibit small{display:block;margin-top:13px;color:#555e4a;font-size:.75rem;line-height:1.4}.suspects{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.suspect{background:#242d22;border:2px solid transparent;color:var(--paper);padding:0;text-align:left;position:relative;transition:transform .2s,border .2s}.suspect:hover{transform:translateY(-5px)}.suspect[aria-pressed=true]{border-color:var(--lime);background:#323f24}.suspect .record{background:var(--paper);margin:10px;position:relative}.suspect img{height:216px;max-width:100%;width:100%;object-fit:contain;padding:13px}.suspect strong{font-size:1rem;display:block;margin:13px 12px 7px}.suspect small{display:block;color:#c3ccbd;margin:0 12px 12px;font-size:.875rem}.record-number{position:absolute;top:5px;left:6px;font: .75rem monospace;color:#56624a}.selected-detail{margin:20px 0;min-height:49px;border-bottom:1px solid var(--line);padding:0 0 16px;color:var(--muted);line-height:1.7}.selected-detail b{color:var(--lime);padding:0 8px}.answer-row{display:grid;grid-template-columns:140px auto;gap:18px;align-items:end;max-width:600px}.cipher-layout{display:grid;grid-template-columns:1.06fr 1fr;gap:35px;align-items:start}.photo-document{position:relative;min-height:460px;background:#171d17;overflow:hidden;box-shadow:0 10px 35px #0008}.photo-document>img{width:100%;height:460px;object-fit:cover}.photo-caption{position:absolute;bottom:28px;left:20px;right:20px;background:var(--paper);padding:25px;color:var(--ink);transform:rotate(-2deg);box-shadow:3px 5px 0 #0006}.photo-caption .encrypted{font:bold clamp(1.3rem,2.4vw,2.5rem) 'Courier New',monospace;letter-spacing:.09em;margin:14px 0;word-break:break-word}.photo-caption small{font-family:monospace;font-size:.75rem}.dial{display:flex;align-items:center;gap:20px;margin:20px 0}.dial output{font:bold 3.7rem 'Courier New',monospace;color:var(--lime);width:2ch}.dial .btn{min-width:53px;padding:10px;font-size:1.5rem}.alphabet{font-family:monospace;font-size:.95rem;line-height:2;letter-spacing:.23em;overflow-wrap:anywhere;background:#080d0a;padding:16px;color:#b6c3a7;border-left:3px solid var(--lime)}.decode-result{font-family:monospace;letter-spacing:.07em;font-size:1.5rem;min-height:59px;padding:14px 0;color:var(--yellow);overflow-wrap:anywhere}.helper-copy{font-size:.875rem;color:var(--muted);margin-top:12px;line-height:1.6}.cipher-work form{margin-top:24px}.recording{display:grid;grid-template-columns:1fr 1fr;gap:34px}.recorder-scene{position:relative;min-height:340px}.recorder-scene img{height:100%;width:100%;object-fit:cover}.audio-console{background:#0a0f0c;padding:24px;border:1px solid var(--line);margin-top:-30px;position:relative;width:94%;margin-left:3%}.audio-controls{display:flex;align-items:center;justify-content:space-between;gap:15px}.signal-track{height:55px;display:flex;align-items:center;gap:5px;justify-content:center;margin:14px 0}.signal-track i{height:10px;width:10px;background:var(--lime)}.signal-track i.long{width:34px}.signal-track i.gap{width:22px;background:none}.audio-console.playing .signal-track i:not(.gap){animation:signal .7s infinite alternate}.morse-reference{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:20px 0}.morse-reference div{text-align:center;background:var(--paper);color:var(--ink);padding:14px 5px}.morse-reference b{display:block;font-size:1.4rem}.morse-reference span{font:bold 1.1rem monospace;white-space:nowrap;display:block;margin-top:8px}.grid-layout{display:grid;grid-template-columns:minmax(300px,1fr) 1fr;gap:40px}.grid-paper{transform:rotate(-1deg);max-width:580px;padding:30px 30px 34px}.matrix{display:grid;grid-template-columns:35px repeat(5,1fr);gap:3px;margin-top:8px}.matrix span{text-align:center;align-self:center;font:bold 1rem monospace}.matrix button{aspect-ratio:1;background:#dedfce;color:var(--ink);font:bold 1.5rem monospace;border:1px solid #9aab84}.matrix button:hover{background:#cad4b2}.matrix button.selected{background:#a2cc32;border:2px solid #293b0c}.coordinates{display:flex;gap:15px;margin:25px 0}.coordinate{border:1px solid var(--line);padding:20px 25px;font:bold 2rem monospace;color:var(--lime)}.letter-output{display:flex;gap:10px;margin:25px 0}.letter-output span{width:70px;height:75px;border-bottom:3px solid var(--lime);background:#273121;display:grid;place-items:center;font:2.3rem monospace}.safe-layout{display:grid;grid-template-columns:1fr 1fr;gap:38px}.lock-console{background:linear-gradient(125deg,#252e26,#0a0e0c);border:1px solid #667559;padding:35px;box-shadow:inset 0 0 0 8px #101711,0 15px 30px #0005}.lock-console .code{height:95px;font-size:3rem;background:#050a06;color:var(--lime);border:2px solid #687d4f;margin:25px 0}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}.keypad button{padding:14px;background:#35422f;color:var(--paper);font:1.35rem monospace;min-height:50px}.keypad button:hover{background:var(--lime);color:var(--ink)}.checklist{list-style:none;padding:0;margin:25px 0}.checklist li{padding:15px 0;border-bottom:1px solid #aaa;font-size:1rem;display:flex;justify-content:space-between;gap:20px}.checklist b{font-family:monospace}.completion{max-width:1000px;margin:30px auto;padding:3vw}.completion .seal{display:inline-block;font:bold 1rem monospace;color:var(--lime);border:2px solid;padding:12px 20px;transform:rotate(-5deg);margin:20px 0 25px}.completion h2{font-size:clamp(3.7rem,8vw,7rem);color:var(--lime)}.stats{display:flex;gap:45px;margin:35px 0}.stats span{display:block;color:var(--muted);margin-top:7px}.stats strong{font:2rem monospace}.report{margin-top:25px}.report textarea{margin:10px 0 20px}.bottom-note{margin-top:30px;font-size:.75rem;color:var(--muted);text-align:center}dialog{background:var(--paper);color:var(--ink);border:0;padding:30px;max-width:600px;width:calc(100% - 32px);max-height:90svh;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#050906d9;backdrop-filter:blur(4px)}dialog h2{font-size:2.5rem;margin:15px 0 22px}dialog p{font-size:1.05rem}dialog .btn{margin-top:24px}dialog img{width:100%;max-height:330px;object-fit:contain;background:var(--paper)}dialog .close{float:right;color:var(--ink);background:none;padding:3px 9px;font-size:1.4rem}.journal-row{padding:17px 0;border-bottom:1px solid #a9b49b}.journal-row small{display:block;margin-bottom:7px}.journal-row strong{font-family:monospace;letter-spacing:.05em}.pause-overlay{position:fixed;inset:0;z-index:50;background:#07100beF;display:grid;place-items:center;text-align:center;padding:25px}.pause-overlay .btn{margin-top:30px}.scanline{position:absolute;left:0;right:0;top:0;height:2px;background:#ccfa4f5c;animation:scan 8s linear infinite;pointer-events:none}@keyframes scan{to{top:90%}}@keyframes signal{to{opacity:.25}}@keyframes enter{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(min-width:1700px){.intro-inner{padding-left:40px}}@media(max-width:1050px){.scene-layout{grid-template-columns:1fr 250px}.bench{grid-template-columns:210px 1fr;gap:20px}.exhibit{padding:15px}.suspects{grid-template-columns:repeat(2,1fr)}.suspect img{height:170px}.cipher-layout,.recording,.grid-layout,.safe-layout{gap:24px}.scene-stamp{right:4vw}.case-tab{display:none}.intro h1{max-width:700px}.progress li{font-size:.75rem;padding:15px 5px}.progress .num{margin-right:5px}.stage-head p{max-width:340px}}@media(max-width:720px){.toolbar{padding:14px 17px;min-height:75px;flex-wrap:wrap}.brand{font-size:.875rem}.tools{gap:8px;flex-wrap:wrap;justify-content:flex-end}.tools .iconbtn{font-size:.75rem;padding:7px}.timer{font-size:1.15rem}.score{display:none}.brand small{font-size:.75rem;letter-spacing:0}.intro-inner{padding:36px 5px 90px;min-height:calc(100svh - 90px);justify-content:flex-end}.intro-bg{object-position:65%}.intro:before{background:linear-gradient(0deg,#101411 2%,#101411d9 35%,#10141130 100%)}.intro h1{font-size:clamp(3.7rem,14vw,6rem)}.intro .brief{padding:15px 18px;margin:23px 0;max-width:100%}.intro .brief p{font-size:.95rem}.scene-stamp{top:20px;right:18px;font-size:.875rem;padding:7px 11px}.intro .caseid{font-size:.75rem;margin-top:80px;margin-bottom:20px}.startline{gap:15px}.startline small{font-size:.75rem}.tape{font-size:.75rem}.game{padding:25px 17px 40px}.stage-head{display:block;margin-bottom:22px}.stage-head p{margin-top:17px;max-width:none}.stage-head .stamp{display:none}h2{font-size:2.5rem}.progress{overflow:hidden}.progress li{font-size:.75rem;min-width:0;line-height:1.4}.progress .num{display:block;margin:0 0 4px}.progress .text{font-size:.75rem}.scene-layout,.cipher-layout,.recording,.grid-layout,.safe-layout{grid-template-columns:1fr}.scene-side{padding:20px}.scene-side h3{font-size:1.6rem}.evidence-list{margin:10px 0}.evidence-list li{padding:11px 0}.scene-side .btn{width:100%}.frame-meta{font-size:.75rem;padding:10px}.hotspot{width:36px;height:36px;font-size:.875rem}.hotspot:after{width:14px}.bench{grid-template-columns:1fr}.exhibit{transform:none;display:grid;grid-template-columns:110px 1fr;gap:18px;padding:18px}.exhibit img{width:90px;height:210px;margin:0;grid-row:1 / 4}.exhibit .paper-label{margin:10px 0;align-self:start;font-size:.75rem}.exhibit .measurement{display:block;line-height:1.7}.exhibit small{margin:0}.suspect img{height:185px}.suspect strong{font-size:1rem}.suspect small{font-size:.875rem}.answer-row{grid-template-columns:100px 1fr}.answer-row .btn{padding:14px 8px}.photo-document,.photo-document>img{min-height:320px;height:320px}.photo-caption{left:13px;right:13px;bottom:20px;padding:20px}.photo-caption .encrypted{font-size:1.55rem}.recorder-scene{min-height:230px;height:230px}.audio-console{padding:18px}.morse-reference span{font-size:.9rem}.paper{padding:22px}.matrix{grid-template-columns:22px repeat(5,1fr)}.matrix button{font-size:1.25rem}.grid-paper{transform:none}.lock-console{padding:24px}.completion{margin:0;padding:26px 18px}.stats{gap:26px}.stats strong{font-size:1.5rem}.stats span{font-size:.875rem}.completion h2{font-size:3.9rem}.checklist li{display:block}.checklist b{display:block;margin-top:8px}.completion .actions .btn{width:100%}.audio-controls .btn{padding:12px;font-size:.875rem}.hotspot .label{display:none}}@media print{body{background:white;color:black}.toolbar,.progress,.actions,.seal,.bottom-note,.stats,.report button{display:none!important}.completion{max-width:none;margin:0}.completion h2{font-size:36px;color:black}.paper{box-shadow:none;background:white;color:black}.report textarea{border:0;resize:none;color:black;background:white}.report{break-inside:avoid}.game{padding:0}dialog{display:none}}
/* Full sand-impression photographs and accessible inspection viewer. */
.sand-exhibit{padding:15px;transform:rotate(-.6deg)}.evidence-zoom{display:block;width:100%;position:relative;background:none;padding:0;margin:10px 0 16px;overflow:hidden}.sand-exhibit .evidence-zoom img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;margin:0}.evidence-zoom>span{position:absolute;bottom:10px;right:10px;background:#101411df;color:var(--lime);padding:9px;font:bold .8rem monospace}.sand-exhibit .measurement{gap:7px;font-size:.9rem}.sand-record .record{margin:7px;background:#b9a684}.sand-record img{padding:0;height:auto;aspect-ratio:2/3;object-fit:cover;display:block}.sand-record .record-number{background:#101411d9;color:#d1e6b6;padding:5px;font-size:.75rem;z-index:1}.sand-record[aria-pressed=true]:after{content:'SEÇİLİ';position:absolute;right:9px;bottom:8px;font:bold .7rem monospace;color:var(--lime)}.comparison-actions{margin-top:10px}.comparison-dialog{width:min(1100px,calc(100% - 28px));max-width:1100px;background:#121a13;color:var(--paper);padding:25px}.comparison-dialog .close{color:var(--paper)}.comparison-dialog h2{font-size:2rem;margin-bottom:15px}.comparison-dialog .eyebrow{color:var(--lime)!important}.comparison-dialog .paperbtn{background:var(--lime);color:var(--ink)}.zoom-controls{display:flex;align-items:center;gap:20px;margin-bottom:18px}.zoom-controls input{width:min(400px,50%);padding:0;border:0;min-height:36px;accent-color:var(--lime)}.zoom-controls output{font:bold 1.1rem monospace;color:var(--lime)}.zoom-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.zoom-pair.single{grid-template-columns:1fr;max-width:460px;margin:auto}.zoom-pair figure{margin:0;min-width:0}.zoom-pair figcaption{font:bold .875rem monospace;padding:10px 12px;background:#cbdcb4;color:var(--ink)}.zoom-port{height:min(54vh,600px);overflow:auto;background:#baa888;overscroll-behavior:contain;scrollbar-color:#b4d28f #24311c}.zoom-port img{display:block;width:100%;height:100%;max-height:none;max-width:none;object-fit:contain;background:#baa888}.zoom-help{font-size:.875rem!important;color:var(--muted);margin-top:16px}.comparison-dialog .btn{margin-top:15px}.sand-exhibit small{line-height:1.5}@media(max-width:720px){.sand-exhibit{grid-template-columns:125px 1fr;padding:15px;gap:15px}.sand-exhibit .evidence-zoom{grid-column:1;grid-row:1/4;margin:0;align-self:start}.sand-exhibit .paper-label{grid-column:2;margin-top:2px;line-height:1.5}.sand-exhibit .measurement,.sand-exhibit small{grid-column:2}.sand-exhibit .evidence-zoom img{height:auto;width:100%}.evidence-zoom>span{font-size:.75rem;padding:6px;bottom:5px;right:5px}.comparison-dialog{padding:17px}.zoom-pair{gap:9px}.zoom-pair figcaption{font-size:.75rem;line-height:1.5;min-height:54px;padding:7px}.zoom-port{height:42vh}.zoom-controls{gap:12px;font-size:.875rem}.zoom-help{font-size:.875rem!important}.comparison-dialog h2{font-size:1.8rem}.sand-record img{height:auto}.sand-record strong{padding-bottom:4px}.sand-record[aria-pressed=true]:after{bottom:5px}.comparison-actions .btn{width:100%}}
.cipher-instruction{border-left:5px solid var(--yellow);background:#202a20;padding:19px 20px;margin:18px 0 22px;display:flex;gap:18px;align-items:center}.cipher-instruction strong{font:bold 1.3rem monospace;color:var(--yellow);white-space:nowrap}.cipher-instruction span{color:var(--muted);font-size:.95rem;line-height:1.55}.alphabet{display:flex!important;flex-direction:column;gap:10px}.alphabet span{display:block}.cipher-strip{margin-top:22px;border:1px solid #627351;background:#090e0a;padding:19px;display:flex;align-items:center;justify-content:space-between;gap:14px}.cipher-strip span{font-size:.75rem;color:var(--muted);letter-spacing:.15em}.cipher-strip b{font:1.4rem 'Courier New',monospace;color:var(--lime);letter-spacing:.1em}.cipher-work form{margin-top:26px}@media(max-width:720px){.cipher-instruction{display:block}.cipher-instruction strong{display:block;margin-bottom:8px}.cipher-strip{display:block}.cipher-strip b{display:block;margin-top:12px;font-size:1.2rem;word-break:break-word}}

.grid-work{min-width:0}.round-progress{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.round-progress span{padding:10px 14px;border:1px solid var(--line);font-size:.875rem}.round-progress .active{background:var(--lime);color:var(--ink);font-weight:bold}.coordinates{flex-wrap:wrap;gap:10px}.coordinate{padding:14px 16px;font-size:1.5rem}.letter-output{gap:8px;flex-wrap:wrap;margin:16px 0}.letter-output .grid-letter{flex:0 1 62px;min-width:40px;width:62px;height:68px;background:var(--paper);color:var(--ink);border:2px solid #87986c;font:bold 2rem monospace;text-align:center;padding:4px;caret-color:var(--ink)}.letter-output .grid-letter:focus{outline:3px solid var(--lime);outline-offset:2px}.found-fragments{font-size:1rem;color:var(--muted)}.found-fragments b{color:var(--lime)}@media(max-width:480px){.letter-output{gap:6px}.letter-output .grid-letter{flex-basis:calc((100% - 24px)/5);width:calc((100% - 24px)/5);min-width:0;height:56px;font-size:1.7rem}.coordinate{padding:12px;font-size:1.2rem}.grid-paper{padding:18px}.matrix{grid-template-columns:24px repeat(5,minmax(0,1fr))}.matrix button{font-size:1.25rem}}