:root{--bg: #1a1c16;--surface: #2a2e24;--surface2: #23261e;--border: #4a5240;--border-dim: #3a4034;--text: #e8e4d4;--text-dim: #8a8a78;--accent: #c4b86a;--accent-red: #b03028;--accent-green: #5a8a4a;--ink: #0c0c0a;--paper: #e2d9c4;--paper-dark: #c9bfaa;--paper-edge: #4a4236;--paper-fibers: rgba(100, 82, 60, .06);--olive: #5a6248;--olive-dark: #3a4030;--paper-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='0.35'/%3E%3C/svg%3E");--font-title: "Courier Prime", "Courier New", monospace;--font-body: "Courier Prime", "Courier New", monospace;--font-display: "Courier Prime", "Courier New", monospace}html,body{background:var(--bg);background-image:repeating-linear-gradient(0deg,transparent,transparent 23px,rgba(0,0,0,.04) 23px,rgba(0,0,0,.04) 24px),repeating-linear-gradient(90deg,transparent,transparent 23px,rgba(0,0,0,.03) 23px,rgba(0,0,0,.03) 24px)}#game-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E")}.paper-surface,.menu-paper,#btn-briefing-ready,.btn-stamp,.btn-menu-start,.btn-p,.btn-s,#record-btn,#hud-bar,.hud-country,#sus-val,.suspicion-strip,.officer-speech-bar,.phrase-panel,.record-bar,.country-card,#score-popup,.cin-win-content,.dossier,#screen-settings .settings-card{background-color:var(--paper)!important;background-image:linear-gradient(168deg,rgba(255,252,240,.45) 0%,transparent 42%),linear-gradient(rgba(90,70,50,.03) 1.5px,transparent 1.5px),linear-gradient(90deg,rgba(90,70,50,.025) 1.5px,transparent 1.5px),var(--paper-grain)!important;background-size:auto,100% 4px,4px 100%,180px 180px!important;background-blend-mode:multiply,normal,normal,overlay!important;box-shadow:inset 0 0 0 1px #fffff01f,inset 0 -18px 36px -12px #28201812,inset 0 1px #ffffff2e!important}.briefing-letter{background-color:var(--paper)!important;background-image:linear-gradient(168deg,rgba(255,252,240,.45) 0%,transparent 42%),linear-gradient(rgba(90,70,50,.03) 1.5px,transparent 1.5px),linear-gradient(90deg,rgba(90,70,50,.025) 1.5px,transparent 1.5px),var(--paper-grain)!important;background-size:auto,100% 4px,4px 100%,180px 180px!important;background-blend-mode:multiply,normal,normal,overlay!important;box-shadow:6px 6px #18141059,inset 0 0 0 1px #fffff526,inset 0 -18px 36px -12px #28201814,inset 0 1px #fff3!important}.btn-stamp,.btn-menu-start,.btn-p,.btn-s,#record-btn,#btn-briefing-ready{font-family:var(--font-body)!important;border-radius:1px!important;border:2px solid var(--paper-edge)!important;border-bottom-width:3px!important;border-right-width:3px!important;color:#1a1610!important;letter-spacing:.12em!important;text-transform:uppercase!important;filter:sepia(.08) contrast(1.02);text-shadow:0 1px 0 rgba(255,255,250,.25),.5px .5px 0 rgba(40,30,20,.12);box-shadow:3px 3px #14100c8c,inset 0 -3px 10px #0000001f,inset 0 2px 6px #fffff533,inset 0 0 20px #3c30200a!important}.btn-menu-start:hover,.btn-p:hover{background-color:#d4c896!important;filter:sepia(.12) contrast(1.03)}.btn-s:hover{background-color:#c8c0a8!important;color:#1a1610!important;filter:sepia(.1)}.typewriter-stage{position:relative;display:flex;flex-direction:column;align-items:center;width:min(94vw,640px);margin:0 auto;filter:drop-shadow(0 28px 48px rgba(0,0,0,.55))}.typewriter-stage .menu-paper{position:relative;z-index:2;width:min(72vw,380px)!important;max-width:380px!important;padding:28px 36px 56px!important;margin-bottom:-86px;transform:rotate(-.5deg);border-radius:0!important;box-shadow:4px 6px #14100c7a,inset 0 0 0 1px #fffaeb38,inset 0 -20px 36px -12px #2820181a!important;text-align:center}.typewriter-stage .menu-paper .menu-eyebrow{font-size:9px!important;letter-spacing:.32em!important;margin-bottom:12px!important}.typewriter-stage .menu-paper .menu-title,.typewriter-stage .menu-paper .menu-title-accent{font-size:clamp(28px,4.2vw,44px)!important;line-height:1!important;letter-spacing:2px!important;text-shadow:none!important}.typewriter-stage .menu-paper .menu-title-accent{margin-bottom:18px!important}.typewriter-stage .menu-paper .menu-sep{margin-bottom:16px!important}.typewriter-stage .menu-paper .menu-sep-line{width:56px!important}.typewriter-stage .menu-paper .menu-tagline{font-size:9px!important;letter-spacing:.28em!important;margin-bottom:22px!important;line-height:1.55!important}.typewriter-stage .menu-paper .btn-menu-start{padding:12px 28px!important;font-size:11px!important;letter-spacing:.3em!important}.typewriter-stage .menu-paper .menu-hint{margin-top:12px!important;font-size:8px!important}.typewriter-stage .menu-paper .menu-stamp{top:12px!important;right:14px!important;transform:rotate(-6deg);font-size:7px!important;padding:2px 8px!important}.typewriter{width:min(94vw,640px);height:auto;display:block;position:relative;z-index:1}.menu-paper{border:3px solid var(--paper-edge)!important;box-shadow:8px 8px #14100c8c,inset 0 0 0 1px #fffaeb33,inset 0 -18px 36px -12px #28201814!important;padding:56px 64px 44px!important;max-width:540px;width:92%}.menu-paper:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border:1px dashed rgba(40,32,20,.35);pointer-events:none}.menu-paper .menu-eyebrow,.menu-paper .menu-tagline,.menu-paper .menu-hint{color:var(--olive-dark)!important;font-weight:700}.menu-paper .menu-title,.menu-paper .menu-title-accent{color:var(--ink)!important;text-shadow:0 1px 0 rgba(255,252,240,.3),1px 1px 0 rgba(40,32,20,.18)!important}.menu-paper .menu-title-accent{color:var(--accent-red)!important}.menu-paper .menu-sep-line{background:var(--paper-edge)!important}.menu-paper .menu-sep-dot{background:var(--olive-dark)!important}.menu-stamp{background:#b030280f}#screen-menu{background:transparent!important}#btn-settings{position:fixed;top:14px;right:14px;z-index:220;width:42px;height:42px;border:2px solid var(--paper-edge);background:var(--paper);font-size:20px;line-height:1;color:var(--ink);cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:2px 2px #14100c8c;transition:transform .18s ease,box-shadow .18s ease}body[data-screen=screen-menu] #btn-settings,body[data-screen=screen-settings] #btn-settings{display:flex}#btn-settings:hover{transform:rotate(35deg) scale(1.06);box-shadow:3px 3px #14100ca6}#screen-settings{background:#0a080ec7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:60}#screen-settings .settings-card{position:relative;width:min(86vw,460px);padding:36px 40px 28px!important;border:3px solid var(--paper-edge)!important;box-shadow:8px 8px #14100c99,inset 0 0 0 1px #fffaeb33!important}.settings-title{font-family:var(--font-display);font-size:18px;letter-spacing:.3em;color:var(--ink);text-align:center;margin-bottom:22px;border-bottom:2px solid var(--paper-edge);padding-bottom:10px}.settings-row{display:grid;grid-template-columns:110px 1fr 56px;align-items:center;gap:12px;margin-bottom:18px}.settings-row label{font-size:11px;letter-spacing:.2em;color:var(--ink);text-transform:uppercase;font-weight:700}.settings-row input[type=range]{width:100%;height:22px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.settings-row input[type=range]::-webkit-slider-runnable-track{height:6px;background:repeating-linear-gradient(90deg,var(--paper-edge) 0 8px,transparent 8px 10px);border:1px solid var(--paper-edge)}.settings-row input[type=range]::-moz-range-track{height:6px;background:repeating-linear-gradient(90deg,var(--paper-edge) 0 8px,transparent 8px 10px);border:1px solid var(--paper-edge)}.settings-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:22px;background:var(--accent-red);border:2px solid var(--ink);margin-top:-8px;border-radius:1px;cursor:grab}.settings-row input[type=range]::-moz-range-thumb{width:14px;height:22px;background:var(--accent-red);border:2px solid var(--ink);border-radius:1px}.settings-row span{font-family:var(--font-display);font-size:13px;letter-spacing:.1em;color:var(--ink);text-align:right}#btn-settings-close{margin-top:10px;width:100%}#hud-bar{border-bottom:3px solid var(--paper-edge);color:var(--ink)!important;position:relative}#hud-bar:before,#hud-bar:after{content:"";position:absolute;bottom:-8px;width:24px;height:12px;border-bottom:3px solid var(--accent-red);pointer-events:none}#hud-bar:before{left:0;border-left:3px solid var(--accent-red)}#hud-bar:after{right:0;border-right:3px solid var(--accent-red)}.record-bar{position:relative}.record-bar:before,.record-bar:after{content:"";position:absolute;top:-8px;width:24px;height:12px;border-top:3px solid var(--olive-dark);pointer-events:none}.record-bar:before{left:0;border-left:3px solid var(--olive-dark)}.record-bar:after{right:0;border-right:3px solid var(--olive-dark)}.phrase-dot{width:14px!important;height:14px!important;border-radius:0!important;border:2px solid var(--paper-edge)!important;background:var(--paper-dark)!important}.phrase-dot.active{background:var(--accent)!important}.phrase-dot.pass{background:var(--accent-green)!important;border-color:var(--olive-dark)!important}.phrase-dot.fail{background:var(--accent-red)!important}@keyframes score-pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.04)}}#score-popup.show{animation:score-pulse .7s ease-in-out infinite}#score-popup.show:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border:2px dashed var(--paper-edge);pointer-events:none}.country-card{transition:transform .18s ease,box-shadow .18s ease}@keyframes card-stamp{0%{transform:translate(0) rotate(0)}50%{transform:translate(-2px,-2px) rotate(-.6deg)}to{transform:translate(0) rotate(0)}}.country-card:active{animation:card-stamp .22s ease-out}.hud-country{font-family:var(--font-display)!important;color:var(--olive-dark)!important;border:2px solid var(--paper-edge);padding:4px 10px;display:inline-block}.hud-officer{color:var(--ink)!important;opacity:.75}.hud-sus-bar{border:2px solid var(--ink)!important;background:repeating-linear-gradient(90deg,#1a1a14,#1a1a14 8px,#2a2a20 8px,#2a2a20 10px)!important}.hud-sus-fill{background:repeating-linear-gradient(90deg,var(--accent-red) 0px,#802018 6px,var(--accent-red) 6px,var(--accent-red) 8px)!important}#sus-val{font-family:var(--font-display)!important;font-size:14px!important;letter-spacing:.15em;border:2px solid var(--paper-edge);padding:2px 8px}.bottom-panels{position:relative;border-top:3px solid var(--paper-edge)!important;box-shadow:inset 0 2px #fffaeb73,inset 0 0 0 1px #fffaeb2e,0 -10px 28px #0000008c}.paper-corner{position:absolute;width:22px;height:22px;top:-3px;pointer-events:none;background:linear-gradient(135deg,transparent 50%,rgba(80,60,40,.18) 50%) 0 0/100% 100%;z-index:1}.paper-corner-tl{left:0;transform:rotate(0)}.paper-corner-tr{right:0;transform:scaleX(-1)}.game-stepper{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:8px;padding:12px 28px 10px;border-bottom:2px dashed rgba(120,100,60,.45)}.stepper-step{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:6px 8px;border:1.5px solid var(--paper-edge);background:#fffaeb59;transition:background .25s ease,transform .25s ease,box-shadow .25s ease,opacity .25s ease;opacity:.5;position:relative}.stepper-step .step-num{font-family:var(--font-display);font-size:14px;letter-spacing:.08em;color:var(--ink);border:1.5px solid var(--paper-edge);padding:2px 6px;background:var(--paper-dark);min-width:28px;text-align:center}.stepper-step .step-text{display:flex;flex-direction:column;line-height:1.15}.stepper-step .step-label{font-size:11px;font-weight:700;letter-spacing:.22em;color:var(--ink);text-transform:uppercase}.stepper-step .step-hint{font-size:9px;letter-spacing:.05em;color:var(--olive-dark);margin-top:2px}.stepper-arrow{font-family:var(--font-display);font-size:22px;color:var(--olive-dark);text-align:center;-webkit-user-select:none;user-select:none;opacity:.6}.game-stepper[data-active=speak] .stepper-step[data-step=listen],.game-stepper[data-active=verdict] .stepper-step[data-step=listen],.game-stepper[data-active=verdict] .stepper-step[data-step=speak]{opacity:.85}.game-stepper[data-active=speak] .stepper-step[data-step=listen] .step-num,.game-stepper[data-active=verdict] .stepper-step[data-step=listen] .step-num,.game-stepper[data-active=verdict] .stepper-step[data-step=speak] .step-num{background:var(--accent-green);color:#0a0a08;border-color:var(--olive-dark)}.game-stepper[data-active=listen] .stepper-step[data-step=listen],.game-stepper[data-active=speak] .stepper-step[data-step=speak],.game-stepper[data-active=verdict] .stepper-step[data-step=verdict]{opacity:1;background:#b030281f;border-color:var(--accent-red);box-shadow:3px 3px #14100c59;animation:stepper-pulse 1.4s ease-in-out infinite}.game-stepper[data-active=listen] .stepper-step[data-step=listen] .step-num,.game-stepper[data-active=speak] .stepper-step[data-step=speak] .step-num,.game-stepper[data-active=verdict] .stepper-step[data-step=verdict] .step-num{background:var(--accent-red);color:#f8f0d8;border-color:var(--accent-red)}@keyframes stepper-pulse{0%,to{box-shadow:3px 3px #14100c59}50%{box-shadow:3px 3px #14100c59,0 0 0 4px #b030282e}}@media (max-width: 880px){.game-stepper{grid-template-columns:1fr;gap:6px}.stepper-arrow{display:none}}.suspicion-strip{background:transparent!important;background-image:none!important;border-top:0!important;border-bottom:1px solid rgba(120,100,60,.35)!important;color:var(--ink)!important;padding:8px 32px!important;box-shadow:none!important}.suspicion-strip .hud-sus-label{color:var(--olive-dark)!important;font-weight:700;font-size:9px;letter-spacing:.22em}.suspicion-strip .hud-sus-bar{position:relative;border:2px solid var(--ink)!important;background:repeating-linear-gradient(90deg,#1a1a14,#1a1a14 8px,#2a2a20 8px,#2a2a20 10px)!important;height:11px!important;box-shadow:inset 0 1px 2px #00000080}.hud-sus-ticks{position:absolute;top:-10px;right:0;bottom:-8px;left:0;display:flex;justify-content:space-between;pointer-events:none}.hud-sus-ticks span{width:1px;background:#3c321e99}.hud-sus-ticks span:nth-child(odd){background:#140c06d9}.suspicion-strip .hud-sus-val{font-family:var(--font-display)!important;background:transparent!important;color:var(--ink)!important;border:2px solid var(--paper-edge)!important;padding:2px 8px!important;letter-spacing:.12em;box-shadow:none!important;text-shadow:none!important}.officer-speech-bar{position:relative;border-top:3px double var(--paper-edge)!important;background:transparent!important;background-image:none!important;color:var(--ink)!important;padding:14px 64px!important}.officer-speech-bar:before{content:"▸";position:absolute;left:22px;color:var(--olive-dark);opacity:.7}.officer-speech-bar .officer-line-text{color:var(--ink)!important;font-style:italic;font-size:14px}.phrase-panel{border-top:3px double var(--paper-edge)!important;background:transparent!important;background-image:none!important;position:relative;padding:32px 40px 22px!important}.phrase-panel:before{content:"";position:absolute;top:14px;right:64px;bottom:12px;left:64px;background-color:#f5ebcc;background-image:linear-gradient(168deg,rgba(255,252,240,.55) 0%,transparent 45%),var(--paper-grain);background-size:auto,220px 220px;background-blend-mode:multiply;border:1px solid rgba(120,100,60,.35);box-shadow:4px 5px #281e1259,inset 0 0 0 1px #fffcf08c;transform:rotate(-.35deg);z-index:0;pointer-events:none}.phrase-panel:after{content:"";position:absolute;top:4px;left:50%;width:86px;height:18px;transform:translate(-50%) rotate(-1deg);background:linear-gradient(90deg,transparent 0%,rgba(255,245,200,.85) 8%,rgba(255,245,200,.85) 92%,transparent 100%);border-top:1px dashed rgba(120,100,60,.3);border-bottom:1px dashed rgba(120,100,60,.3);box-shadow:0 1px 2px #281e122e;pointer-events:none;z-index:0}.phrase-panel-label,.phrase-foreign,.phrase-trans,.phrase-phonetic{position:relative;z-index:1}.phrase-panel-label{color:var(--olive-dark)!important;font-weight:700}.phrase-foreign,.phrase-trans,.phrase-phonetic{color:var(--ink)!important}.record-bar{border-top:3px double var(--paper-edge)!important;background:transparent!important;background-image:none!important;color:var(--ink)!important}.record-bar .rec-status{color:var(--olive-dark)!important;font-weight:700}.repeat-prompt .phrase-panel:before{box-shadow:4px 5px #281e1259,inset 0 0 0 1px #fffcf08c,0 0 0 3px #c8960a1f,0 0 14px #c8960a40;animation:phrase-pulse 1.4s ease-in-out infinite}.repeat-prompt .phrase-panel:after{animation:tape-wiggle 1.6s ease-in-out infinite}.repeat-prompt .phrase-panel-label{letter-spacing:.12em}@keyframes phrase-pulse{0%,to{transform:rotate(-.35deg) scale(1)}50%{transform:rotate(-.35deg) scale(1.01)}}@keyframes tape-wiggle{0%,to{transform:translate(-50%) rotate(-1deg)}50%{transform:translate(-50%) rotate(.6deg)}}#record-btn{width:96px!important;height:56px!important;border-radius:4px 4px 0 0!important;border:3px solid var(--paper-edge)!important;border-bottom-width:0!important;background-color:var(--paper)!important;background-image:linear-gradient(168deg,rgba(255,252,240,.5) 0%,transparent 45%),var(--paper-grain)!important;background-blend-mode:multiply!important;position:relative;display:flex;align-items:center;justify-content:center;margin-top:-10px;box-shadow:4px 4px #14100c73,inset 0 0 0 1px #fffaeb99!important;transition:transform .18s ease,box-shadow .18s ease}#record-btn:after{content:"";position:absolute;left:0;right:0;bottom:-16px;height:16px;background:linear-gradient(135deg,var(--paper) 50%,transparent 50%) 0 0/50% 100%,linear-gradient(225deg,var(--paper) 50%,transparent 50%) 100% 0/50% 100%;background-repeat:no-repeat;filter:drop-shadow(2px 2px 0 rgba(20,16,12,.45));pointer-events:none}#record-btn:hover{transform:translateY(-3px);box-shadow:6px 6px #14100c80,inset 0 0 0 1px #fffaeba6!important}#record-btn.s-ready{border-color:var(--accent-red)!important;box-shadow:4px 4px #14100c73,inset 0 0 0 1px #fffaeb99,0 0 0 3px #b0302840!important;animation:pulse-ready 1.6s ease-in-out infinite}#record-btn.s-recording{border-color:var(--accent-red)!important;background-color:#f0d8c8!important;animation:pulse-rec .7s ease-in-out infinite}#record-btn .rec-icon{width:18px!important;height:18px!important;border-radius:50%!important;background:var(--accent-red)!important;box-shadow:0 0 0 2px #fffaebb3,inset 0 1px #ffe6dc99}#record-btn.s-recording .rec-icon{border-radius:2px!important;width:14px!important;height:14px!important}#record-btn.s-processing .rec-icon{background:transparent!important;border:2px solid var(--olive-dark);border-top-color:transparent;border-radius:50%!important;animation:spin 1s linear infinite;box-shadow:none}#rec-timer{font-family:var(--font-display)!important;background:transparent!important;color:var(--ink)!important;padding:2px 10px;border:2px solid var(--paper-edge);text-shadow:none!important;box-shadow:none!important}#waveform-canvas{border:1px solid var(--paper-edge);background:#281e1214}.record-bar:before,.record-bar:after{border-top-color:var(--accent-red)!important}.record-bar:before{border-left-color:var(--accent-red)!important}.record-bar:after{border-right-color:var(--accent-red)!important}#hud-bar:before,#hud-bar:after{border-bottom-color:var(--accent-red)!important}#hud-bar:before{border-left-color:var(--accent-red)!important}#hud-bar:after{border-right-color:var(--accent-red)!important}.officer-line-text,.phrase-foreign,.phrase-trans,.phrase-phonetic{color:var(--ink)!important}.phrase-panel-label,.rec-status{color:var(--olive-dark)!important;font-weight:700}.country-card{border:3px solid var(--paper-edge)!important;box-shadow:4px 4px #1814108c}.country-card:hover{transform:translate(-2px,-2px)!important;box-shadow:6px 6px 0 var(--ink)!important}#score-popup{border:4px solid var(--paper-edge)!important;box-shadow:8px 8px #18141066,inset 0 0 0 1px #fffaeb33!important}#score-num{font-family:var(--font-display)!important;letter-spacing:.08em}#officer-layer{z-index:4}#game-container.state-win-ending #cin-win{z-index:60;background:#1a201861}#game-container.state-win-ending #officer-layer{z-index:58;bottom:14%}#game-container.state-win-ending #cin-win .cin-win-content{z-index:62;position:relative}#game-container.state-fail-cops #officer-layer{z-index:55;bottom:13%}#game-container.state-fail-cops #cin-fail{z-index:52}#game-container.state-fail-jail #officer-layer{z-index:56;bottom:16%;transform:translate(-50%) scale(.82);filter:brightness(.4) contrast(1.15) drop-shadow(0 6px 20px rgba(0,0,0,.9))}#game-container.state-fail-jail #cin-fail{z-index:54}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;background:radial-gradient(ellipse 85% 70% at 50% 45%,#0000 40%,#080604a6),radial-gradient(ellipse 30% 20% at 20% 12%,rgba(220,210,190,.06) 0%,transparent 60%);mix-blend-mode:multiply}@keyframes dossier-rise{0%{opacity:0;transform:translateY(20px) rotate(-1.2deg)}to{opacity:1;transform:translateY(0) rotate(-.5deg)}}body[data-screen=screen-menu] .typewriter-stage .menu-paper{animation:dossier-rise .8s cubic-bezier(.22,.9,.28,1) both}#hud-bar{gap:14px;flex-wrap:wrap}#btn-abort-mission{margin-left:auto}.bottom-panels{width:min(880px,92vw)!important;max-width:none!important}.country-card{box-shadow:4px 4px #1814108c,inset 0 1px #fffaeb38!important}.country-card .card-divider{height:2px!important;background:linear-gradient(90deg,transparent 0%,var(--paper-edge) 50%,transparent 100%)!important}@media (max-width: 820px){#hud-bar{padding:10px 14px!important}.hud-dots{gap:8px!important}.bottom-panels{width:min(96vw,820px)!important}.suspicion-strip{padding:8px 18px!important;gap:10px!important}.officer-speech-bar{padding:12px 18px!important}.phrase-panel{padding:22px 18px 18px!important}.phrase-panel:before{top:14px;right:28px;bottom:12px;left:28px}.phrase-panel:after{width:70px}}@media (max-width: 640px){#hud-bar{flex-direction:column;align-items:flex-start}#btn-abort-mission{margin-left:0;width:100%;text-align:center}.suspicion-strip{grid-template-columns:1fr;text-align:left}.suspicion-strip .hud-sus-val{justify-self:start}.record-bar{flex-wrap:wrap;justify-content:center;gap:12px!important;padding:16px 16px 22px!important}.rec-status{width:100%!important;text-align:center!important;order:1}#record-btn{width:84px!important;height:48px!important;order:2}.rec-right{width:100%!important;order:3}#waveform-canvas{width:100%!important}#rec-timer{font-size:26px!important}}.paper-surface,.menu-paper,.briefing-letter,.dossier,.cin-win-content,#screen-settings .settings-card,#score-popup{position:relative}.paper-surface:after,.menu-paper:after,.briefing-letter:after,.dossier:after,.cin-win-content:after,#screen-settings .settings-card:after,#score-popup:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px dashed rgba(80,62,40,.35);pointer-events:none;mix-blend-mode:multiply}.paper-surface:before,.menu-paper:before,.briefing-letter:before,.dossier:before,.cin-win-content:before,#screen-settings .settings-card:before,#score-popup:before{content:"";position:absolute;top:-8px;right:-8px;width:26px;height:26px;background:linear-gradient(135deg,transparent 50%,rgba(70,54,36,.25) 50%);pointer-events:none}.briefing-letter:before{top:-6px;right:-6px;width:22px;height:22px}.typewriter-stage .menu-paper:before{top:-10px;right:-10px;bottom:-10px;left:-10px}.typewriter-stage .menu-paper:after{top:8px;right:8px;bottom:8px;left:8px}#score-popup:before{top:-6px;right:-6px;width:22px;height:22px}#score-popup{background-color:var(--paper)!important}#score-popup #score-lbl,#score-popup #score-num{color:var(--popup-color, var(--accent))!important}#record-btn:active{transform:translateY(0) scale(.98)}.officer-speech-bar:after{content:"";position:absolute;right:22px;top:50%;width:22px;height:2px;background:var(--paper-edge);opacity:.45;transform:translateY(-50%)}.phrase-panel:after{box-shadow:0 1px 2px #281e122e,0 6px 10px #0000001f}.phrase-transcript{position:relative;z-index:1;margin-top:12px;font-family:var(--font-body);font-size:11px;letter-spacing:.05em;color:var(--olive-dark);font-style:italic;min-height:14px;text-align:center}.phrase-transcript.empty{color:var(--accent-red);opacity:.75}.briefing-screen{background:#1a1c16f0;z-index:150;justify-content:center;align-items:center}.briefing-stage{position:relative;width:min(92vw,560px);min-height:min(88vh,560px);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:max(24px,5vh);padding-bottom:200px;box-sizing:border-box}.briefing-envelope-wrap{position:absolute;left:50%;bottom:0;transform:translate(-50%,120%);transition:transform .85s cubic-bezier(.34,1.1,.64,1);z-index:1}.briefing-screen.active .briefing-envelope-wrap{transform:translate(-50%,12px)}.briefing-screen.briefing--closing .briefing-envelope-wrap{transform:translate(-50%,120%);transition:transform .7s cubic-bezier(.55,0,.85,.4)}.briefing-envelope{width:280px;height:180px;position:relative;filter:drop-shadow(0 12px 24px rgba(0,0,0,.5));transition:transform .5s ease}.briefing-screen.briefing--open .briefing-envelope{transform:translateY(28px) scale(.9)}.briefing-letter{position:relative;z-index:4;width:min(90vw,480px);max-height:0;opacity:0;overflow:hidden;border:2px solid var(--paper-edge);padding:0 28px;margin-top:0;margin-bottom:auto;transform-origin:50% 0%;transform:rotateX(-12deg) scaleY(.3);transition:max-height .7s cubic-bezier(.34,1.15,.64,1),opacity .45s ease,padding .5s ease,transform .65s cubic-bezier(.34,1.15,.64,1)}.briefing-screen.briefing--open .briefing-letter{max-height:520px;opacity:1;padding:28px 28px 24px;transform:rotateX(0) scaleY(1)}.briefing-screen.briefing--closing .briefing-letter{max-height:0;opacity:0;padding:0 28px;transform:rotateX(-8deg) scaleY(.2)}.briefing-letter-header{font-size:10px;letter-spacing:.35em;text-transform:uppercase;color:var(--accent-red);border-bottom:2px solid var(--paper-edge);padding-bottom:10px;margin-bottom:16px;background:transparent!important;box-shadow:none!important}#briefing-text{font-family:var(--font-body);font-size:14px;line-height:1.65;color:var(--ink);min-height:200px;white-space:pre-wrap}#btn-briefing-ready{margin-top:22px;width:100%;max-width:280px;padding:14px 24px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .4s ease}.briefing-screen.briefing--typed #btn-briefing-ready{opacity:1;pointer-events:all}#cin-win.cin-win--1989{background:#1a20188c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#win-green-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}#win-green-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#28783c00;pointer-events:none;transition:background .15s ease}#cin-win.flash-green #win-green-flash{background:#328c468c}.cin-win-content{position:relative;z-index:2;text-align:center;max-width:520px;padding:32px;border:4px solid var(--ink);background:var(--paper);box-shadow:8px 8px #0000004d}#win-msg{font-family:var(--font-body);font-size:15px;line-height:1.7;color:var(--ink);min-height:72px;margin-bottom:28px}#cin-win .cin-btns{flex-wrap:wrap;justify-content:center}#cin-fail.cin-fail--1989{background:#140a0af0;overflow:hidden;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:6vh 4vw 12vh}#cin-fail.fail-stage-cops:not(.fail-stage-jail){background:#080408a6!important}#cin-fail.fail-stage-buttons{pointer-events:auto}.cin-fail-alarm{position:relative;z-index:4;margin-top:6vh;font-family:var(--font-display);font-size:clamp(28px,6vw,56px);font-weight:900;color:#ff5050;text-align:center;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 0 14px rgba(255,0,0,.85),0 0 36px rgba(255,40,40,.55),3px 3px 0 #2a0608;opacity:0;transform:scale(.8);transition:opacity .25s ease,transform .35s cubic-bezier(.34,1.2,.64,1);max-width:92vw;line-height:1.1}#cin-fail.fail-stage-alarm .cin-fail-alarm,#cin-fail.fail-stage-cops .cin-fail-alarm,#cin-fail.fail-stage-bubble .cin-fail-alarm{opacity:1;transform:scale(1)}.cin-fail-cops{position:absolute;bottom:14%;left:50%;transform:translate(-50%);width:min(96vw,920px);display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;align-items:flex-end;justify-items:center;gap:4px;pointer-events:none;opacity:0;transition:opacity .4s ease;z-index:3}#cin-fail.fail-stage-cops .cin-fail-cops{opacity:1}.cop{width:100%;max-width:150px;filter:drop-shadow(0 14px 20px rgba(0,0,0,.7));transition:transform .85s cubic-bezier(.34,1.1,.64,1)}.cop svg{width:100%;height:auto;display:block}.cop-l1{transform:translate(-260%,6%) scale(.95);transition-delay:0s}.cop-l2{transform:translate(-300%,14%) scale(.78);transition-delay:.1s}.cop-l3{transform:translate(-340%,22%) scale(.62);transition-delay:.2s}.cop-r1{transform:translate(260%,8%) scale(.92);transition-delay:.05s}.cop-r2{transform:translate(300%,18%) scale(.72);transition-delay:.15s}#cin-fail.fail-stage-cops .cop-l1{transform:translateY(6%) scale(.95)}#cin-fail.fail-stage-cops .cop-l2{transform:translateY(14%) scale(.78)}#cin-fail.fail-stage-cops .cop-l3{transform:translateY(22%) scale(.62)}#cin-fail.fail-stage-cops .cop-r1{transform:translateY(8%) scale(.92)}#cin-fail.fail-stage-cops .cop-r2{transform:translateY(18%) scale(.72)}.cop-r1 svg,.cop-r2 svg{transform:scaleX(-1)}.cin-fail-bubble{position:absolute;bottom:48%;left:50%;transform:translate(-50%,30px) scale(0);background:var(--paper);border:3px solid var(--ink);padding:14px 24px;font-family:var(--font-body);font-weight:700;font-size:clamp(14px,2vw,18px);color:var(--ink);box-shadow:5px 5px 0 var(--ink);opacity:0;transition:transform .35s cubic-bezier(.34,1.2,.64,1),opacity .25s ease;white-space:nowrap;z-index:6}.cin-fail-bubble:after{content:"";position:absolute;bottom:-16px;left:50%;width:0;height:0;margin-left:-10px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:16px solid var(--ink)}.cin-fail-bubble:before{content:"";position:absolute;bottom:-12px;left:50%;width:0;height:0;margin-left:-7px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:12px solid var(--paper);z-index:1}#cin-fail.fail-stage-bubble .cin-fail-bubble{opacity:1;transform:translate(-50%) scale(1)}.cin-fail-jail{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .7s ease;background:linear-gradient(180deg,#020204d9,#02020499,#020204d9),radial-gradient(ellipse at 50% 45%,transparent 30%,rgba(6,6,10,.92) 75%);z-index:7}#cin-fail.fail-stage-jail .cin-fail-jail{opacity:1}.cin-fail-jail svg{width:min(94vw,760px);height:auto;filter:drop-shadow(0 10px 24px rgba(0,0,0,.85))}#cin-fail .cin-btns{position:absolute;bottom:6%;left:0;right:0;display:flex;justify-content:center;gap:14px;opacity:0;transition:opacity .5s ease;z-index:8}#cin-fail.fail-stage-buttons .cin-btns{opacity:1;pointer-events:all}#cin-fail.fail-stage-jail .cin-fail-cops,#cin-fail.fail-stage-jail .cin-fail-bubble,#cin-fail.fail-stage-jail .cin-fail-alarm{opacity:0;transition:opacity .4s ease}@media (max-width: 720px){.cin-fail-cops{width:100%;gap:2px}.cin-fail-bubble{bottom:52%;padding:10px 16px}}:focus-visible{outline:2px solid var(--accent-red);outline-offset:3px}button:focus:not(:focus-visible){outline:none}.btn-menu-start,.btn-p,.btn-s,.btn-stamp,#btn-briefing-ready,#btn-abort-mission,#btn-settings-close{position:relative;overflow:hidden;transition:transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .12s ease,background-color .2s ease,filter .2s ease!important}.btn-menu-start:active,.btn-p:active,.btn-s:active,.btn-stamp:active,#btn-briefing-ready:active,#btn-abort-mission:active,#btn-settings-close:active{transform:translate(2px,2px) scale(.97)!important;box-shadow:1px 1px #14100c8c,inset 0 2px 8px #0003!important;filter:brightness(.92)!important;transition-duration:.06s!important}.btn-menu-start:after,.btn-p:after,.btn-s:after,.btn-stamp:after,#btn-briefing-ready:after{content:""!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:radial-gradient(circle at var(--ripple-x, 50%) var(--ripple-y, 50%),rgba(40,30,18,.18) 0%,transparent 60%)!important;opacity:0!important;border:none!important;pointer-events:none!important;transition:opacity .4s ease!important}.btn-menu-start:active:after,.btn-p:active:after,.btn-s:active:after,.btn-stamp:active:after,#btn-briefing-ready:active:after{opacity:1!important;transition-duration:.08s!important}.btn-menu-start{animation:btn-start-entrance .6s .4s cubic-bezier(.22,.9,.28,1) both}@keyframes btn-start-entrance{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.btn-menu-start:hover{transform:translateY(-2px) scale(1.04)!important;box-shadow:4px 6px #14100c99,0 0 24px #b0302833,inset 0 0 0 1px #fffaeb4d!important}.country-card{opacity:0;animation:card-enter .5s cubic-bezier(.22,.9,.28,1) both}.country-card:nth-child(1){animation-delay:.08s}.country-card:nth-child(2){animation-delay:.16s}.country-card:nth-child(3){animation-delay:.24s}.country-card:nth-child(4){animation-delay:.32s}@keyframes card-enter{0%{opacity:0;transform:translateY(24px) rotate(-1deg)}to{opacity:1;transform:translateY(0) rotate(0)}}.country-card:hover .card-flag{animation:flag-bounce .4s cubic-bezier(.34,1.56,.64,1)}@keyframes flag-bounce{0%{transform:scale(1)}40%{transform:scale(1.18) rotate(-4deg)}70%{transform:scale(.95) rotate(2deg)}to{transform:scale(1) rotate(0)}}.country-card:hover .card-name{letter-spacing:4px;transition:letter-spacing .3s ease}.country-card:hover .card-diff{background:#b0302814;border-color:var(--accent-red);color:var(--accent-red);transition:all .25s ease}#record-btn.s-ready{animation:record-breathe 2s ease-in-out infinite!important}@keyframes record-breathe{0%,to{box-shadow:4px 4px #14100c73,inset 0 0 0 1px #fffaeb99,0 0 #b0302859}50%{box-shadow:4px 4px #14100c73,inset 0 0 0 1px #fffaeb99,0 0 0 10px #b0302800,0 0 20px #b030281f}}#record-btn.s-recording{animation:record-urgent .6s ease-in-out infinite!important}@keyframes record-urgent{0%,to{box-shadow:2px 2px #14100c73,0 0 #b0302880;transform:scale(1)}50%{box-shadow:2px 2px #14100c73,0 0 0 12px #b0302800,0 0 28px #b0302826;transform:scale(1.03)}}#record-btn:before{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 20px);left:50%;transform:translate(-50%) translateY(4px);background:var(--ink);color:var(--paper);font-family:var(--font-body);font-size:9px;letter-spacing:.15em;text-transform:uppercase;padding:5px 12px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s ease,transform .2s ease;z-index:10}#record-btn.s-ready:hover:before,#record-btn.s-recording:hover:before{opacity:1;transform:translate(-50%) translateY(0)}.game-stepper[data-active=listen]~.phrase-panel .phrase-foreign{opacity:.6;transition:opacity .4s ease}.game-stepper[data-active=speak]~.phrase-panel .phrase-foreign{opacity:1;text-shadow:0 0 12px rgba(176,48,40,.15);transition:opacity .4s ease,text-shadow .4s ease}.game-stepper[data-active=verdict]~.phrase-panel .phrase-foreign{opacity:.5}.game-stepper[data-active=verdict]~.phrase-panel .phrase-transcript{font-size:13px;color:var(--ink);font-weight:700;transition:all .3s ease}.hud-sus-bar:after{content:"";position:absolute;left:75%;top:-2px;bottom:-2px;width:2px;background:var(--accent-red);opacity:.5;z-index:1}.hud-sus-fill.critical{animation:sus-critical-pulse .8s ease-in-out infinite!important}@keyframes sus-critical-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.4)}}body.high-stress:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:199;background:radial-gradient(ellipse 80% 70% at 50% 50%,transparent 40%,rgba(120,20,20,.12) 100%);animation:stress-vignette 2s ease-in-out infinite}@keyframes stress-vignette{0%,to{opacity:.6}50%{opacity:1}}#score-popup{transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .2s ease!important}#score-popup.show{animation:score-slam .35s cubic-bezier(.17,.67,.29,1.2)!important}@keyframes score-slam{0%{transform:translate(-50%,-50%) scale(0) rotate(-8deg);opacity:0}60%{transform:translate(-50%,-50%) scale(1.08) rotate(1deg);opacity:1}80%{transform:translate(-50%,-50%) scale(.97) rotate(-.5deg)}to{transform:translate(-50%,-50%) scale(1) rotate(0)}}#score-num{transition:text-shadow .3s ease}#score-popup.show #score-num{text-shadow:0 0 20px var(--popup-color, var(--accent))}.screen{transition:opacity .45s ease,transform .45s ease!important;transform:translateY(0)}.screen:not(.active){transform:translateY(8px)}#screen-country-select.active .cs-eyebrow{animation:fade-down .4s .1s ease both}#screen-country-select.active .cs-title{animation:fade-down .4s .2s ease both}@keyframes fade-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.phrase-dot{transition:all .35s cubic-bezier(.34,1.56,.64,1)!important}.phrase-dot.active{transform:scale(1.15);animation:dot-active-pulse 1.2s ease-in-out infinite!important}@keyframes dot-active-pulse{0%,to{box-shadow:0 0 #c4b86a80}50%{box-shadow:0 0 0 6px #c4b86a00}}.phrase-dot.pass{animation:dot-pass-pop .4s cubic-bezier(.34,1.56,.64,1)!important}@keyframes dot-pass-pop{0%{transform:scale(.6)}50%{transform:scale(1.3)}to{transform:scale(1)}}.phrase-dot.fail{animation:dot-fail-shake .4s ease!important}@keyframes dot-fail-shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}#hud-bar{transform:translateY(-100%);transition:opacity .5s ease,transform .4s cubic-bezier(.22,.9,.28,1)!important}#hud-bar.visible{transform:translateY(0)}#btn-abort-mission{font-family:var(--font-body);font-size:9px;letter-spacing:.15em;text-transform:uppercase;padding:6px 14px;border:2px solid var(--paper-edge);background:var(--paper);color:var(--accent-red);cursor:pointer;transition:all .2s ease}#btn-abort-mission:hover{background:#b0302814;border-color:var(--accent-red);transform:translateY(-1px);box-shadow:2px 3px #14100c66}#btn-abort-mission:active{transform:translate(1px,1px);box-shadow:0 0 #14100c66}.briefing-screen.briefing--open .briefing-letter{animation:letter-unfold .7s cubic-bezier(.34,1.15,.64,1) both}@keyframes letter-unfold{0%{max-height:0;opacity:0;transform:rotateX(-12deg) scaleY(.3)}40%{opacity:.8}to{max-height:520px;opacity:1;transform:rotateX(0) scaleY(1)}}.briefing-screen.briefing--typed #btn-briefing-ready{animation:briefing-ready-pulse 1.8s ease-in-out infinite}@keyframes briefing-ready-pulse{0%,to{box-shadow:3px 3px #14100c8c}50%{box-shadow:3px 3px #14100c8c,0 0 0 4px #b0302833}}#cin-win.show .cin-win-content{animation:win-content-enter .5s .15s cubic-bezier(.22,.9,.28,1) both}@keyframes win-content-enter{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}#cin-win .cin-btns.show{animation:win-btns-enter .4s cubic-bezier(.22,.9,.28,1) both}@keyframes win-btns-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#cin-fail.fail-stage-alarm .cin-fail-alarm{animation:alarm-flicker .12s steps(2) 6,alarm-settle .3s .72s ease both}@keyframes alarm-flicker{0%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes alarm-settle{0%{transform:scale(1.02)}to{transform:scale(1)}}body.recording-ring #officer-layer{filter:drop-shadow(0 24px 48px rgba(0,0,0,.9)) drop-shadow(0 0 20px rgba(176,48,40,.25))!important;transition:filter .4s ease}#rec-timer.show{animation:timer-tick .1s steps(1) infinite}@keyframes timer-tick{0%{opacity:1}50%{opacity:.85}to{opacity:1}}#waveform-canvas{transition:opacity .3s ease!important}#waveform-canvas.show{animation:waveform-in .3s ease both}@keyframes waveform-in{0%{opacity:0;transform:scaleY(.3)}to{opacity:1;transform:scaleY(1)}}.officer-line-text:empty:after{content:"▮";animation:blink-cursor .8s step-end infinite;color:var(--olive-dark);opacity:.5}@keyframes blink-cursor{0%,to{opacity:.5}50%{opacity:0}}#btn-settings{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,background-color .2s ease!important;overflow:hidden}#btn-settings:hover{transform:rotate(45deg) scale(1.12)!important;box-shadow:3px 3px #14100ca6;background-color:#d4c896!important}#btn-settings:active{transform:rotate(90deg) scale(.92)!important;box-shadow:1px 1px #14100c8c!important}.result-row{opacity:0;animation:result-row-enter .35s ease both}.result-row:nth-child(1){animation-delay:.1s}.result-row:nth-child(2){animation-delay:.2s}.result-row:nth-child(3){animation-delay:.3s}.result-row:nth-child(4){animation-delay:.4s}@keyframes result-row-enter{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.result-badge{animation:badge-pop .3s .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes badge-pop{0%{transform:scale(0)}to{transform:scale(1)}}button:disabled{cursor:not-allowed!important;opacity:.4!important}*{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}#rec-timer.urgent{color:var(--accent-red)!important;animation:timer-urgent .5s ease-in-out infinite!important;font-weight:700}@keyframes timer-urgent{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.btn-p:hover,.btn-stamp:hover,#btn-briefing-ready:not(:disabled):hover{transform:translateY(-2px) scale(1.03)!important;box-shadow:5px 5px #14100c99,inset 0 0 0 1px #fffaeb4d!important}.btn-s:hover{transform:translateY(-2px) scale(1.03)!important;box-shadow:5px 5px #14100c80!important}.country-card:hover{transform:translate(-2px,-4px) scale(1.02)!important}