:root{--bg: #0a0b0c;--bg-elev: #111316;--bg-panel: #15181c;--border: #2a2e34;--border-soft: #1c2026;--text: #e6e4e1;--text-dim: #9a9fa8;--text-mute: #6b717a;--accent: #c45c4a;--accent-soft: #8a4a3e;--amber: #c4a574;--amber-dim: #8a7350;--ok: #6a9a7a;--danger: #a05048;--font-ui: "Outfit", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--radius: 5px;--shadow: 0 8px 28px rgba(0, 0, 0, .38);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .03);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;width:100%;max-width:100%;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased}html{overflow-x:hidden}body{overflow-x:hidden;position:relative}#grain{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay}@media (prefers-reduced-motion: reduce){#grain{display:none}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}#app{min-height:100dvh;width:100%;max-width:100%;display:flex;flex-direction:column;overflow-x:hidden;min-width:0}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:var(--amber);text-decoration:none}a:hover{text-decoration:underline}.topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;padding:10px 16px;border-bottom:1px solid var(--border-soft);background:#0a0b0cf0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:50;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.brand{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;color:var(--text-dim);flex:0 1 auto;min-width:0;overflow-wrap:anywhere}.brand strong{color:var(--text);font-weight:500}.topbar-meta{display:flex;align-items:center;gap:6px 8px;flex-wrap:wrap;justify-content:flex-end;flex:1 1 auto;min-width:0;max-width:100%}.pill{font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;color:var(--text-mute);border:1px solid var(--border);padding:4px 8px;border-radius:999px;max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:break-word;line-height:1.3}.icon-btn{width:36px;height:36px;border-radius:8px;border:1px solid var(--border);background:var(--bg-elev);color:var(--text-dim);display:inline-flex;align-items:center;justify-content:center;transition:border-color .2s,color .2s}.icon-btn:hover,.icon-btn[aria-pressed=true]{border-color:var(--amber-dim);color:var(--amber)}.landing{flex:1;display:grid;place-items:center;padding:32px 20px calc(40px + var(--safe-b));text-align:center;position:relative}.landing:before{content:"";position:absolute;top:10%;right:20%;bottom:10%;left:20%;background:radial-gradient(ellipse at center,rgba(138,74,62,.12),transparent 70%);pointer-events:none}.landing-inner{position:relative;max-width:520px;width:100%}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.28em;color:var(--accent);text-transform:uppercase;margin-bottom:20px}.landing h1{font-weight:300;font-size:clamp(2.2rem,8vw,3.4rem);letter-spacing:.18em;margin:0 0 12px;text-indent:.18em}.subtitle{font-family:var(--font-mono);font-size:12px;letter-spacing:.16em;color:var(--text-dim);margin:0 0 28px}.meta-grid{display:grid;gap:8px;margin:0 auto 36px;max-width:340px;text-align:left;font-family:var(--font-mono);font-size:12px;color:var(--text-mute)}.meta-grid div{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid var(--border-soft)}.meta-grid span:last-child{color:var(--text-dim)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:var(--radius);font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;transition:transform .15s,background .2s,border-color .2s}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(180deg,#2a2220,#1a1413);border:1px solid var(--accent-soft);color:var(--text);box-shadow:var(--shadow)}.btn-primary:hover{border-color:var(--accent);background:linear-gradient(180deg,#322824,#1e1816)}.btn-ghost{border:1px solid var(--border);color:var(--text-dim);background:transparent}.btn-ghost:hover{border-color:var(--text-mute);color:var(--text)}.btn-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.landing-foot{margin-top:40px;font-size:12px;color:var(--text-mute)}.landing-foot a{color:var(--text-dim)}.intro{flex:1;display:flex;flex-direction:column;justify-content:center;padding:24px 20px calc(32px + var(--safe-b));max-width:640px;margin:0 auto;width:100%}.intro-terminal{font-family:var(--font-mono);font-size:clamp(12px,2.8vw,14px);color:var(--text-dim);min-height:220px;border:1px solid var(--border);background:var(--bg-elev);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);overflow:hidden}.intro-line{margin:0 0 8px;opacity:0;animation:fadeLine .5s ease forwards}.intro-line.accent{color:var(--amber)}.intro-line.warn{color:var(--accent)}@keyframes fadeLine{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.intro-actions{margin-top:20px;display:flex;justify-content:space-between;align-items:center;gap:12px}.panel{max-width:min(480px,100%);margin:32px auto;padding:22px 18px;width:calc(100% - 32px);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-inset),var(--shadow);box-sizing:border-box}.panel h2{margin:0 0 8px;font-weight:500;font-size:1.25rem;letter-spacing:.04em}.panel p.lead{color:var(--text-dim);font-size:14px;margin:0 0 20px}.field{margin-bottom:14px;text-align:left}.field label{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--text-mute);margin-bottom:6px}.field input{width:100%;padding:12px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:var(--text);font-family:var(--font-mono);font-size:14px}.field input:focus{outline:1px solid var(--amber-dim);border-color:var(--amber-dim)}.cred-box{font-family:var(--font-mono);background:var(--bg);border:1px dashed var(--border);padding:14px;border-radius:var(--radius);margin:16px 0;word-break:break-all;font-size:13px}.cred-box .label{color:var(--text-mute);font-size:10px;letter-spacing:.12em;margin-bottom:4px}.cred-box .value{color:var(--amber);font-size:16px;letter-spacing:.08em}.alert{padding:10px 12px;border-radius:var(--radius);font-size:13px;margin-bottom:12px}.alert-error{background:#a0504826;border:1px solid var(--danger);color:#e0b0aa}.alert-ok{background:#6a9a7a1f;border:1px solid var(--ok);color:#b8d4c0}.workspace{flex:1;display:grid;grid-template-columns:minmax(0,1fr);gap:0;max-width:1200px;margin:0 auto;width:100%;max-width:min(1200px,100%);min-width:0;padding-bottom:calc(24px + var(--safe-b));box-sizing:border-box}@media (min-width: 900px){.workspace{grid-template-columns:280px 1fr;min-height:calc(100dvh - 57px)}}.sidebar{border-bottom:1px solid var(--border-soft);padding:14px 16px;background:var(--bg-elev);min-width:0;max-width:100%}@media (min-width: 900px){.sidebar{border-bottom:none;border-right:1px solid var(--border-soft)}}.case-head h1{font-size:1.05rem;font-weight:500;margin:0 0 4px;letter-spacing:.06em}.case-head .codename{font-family:var(--font-mono);font-size:11px;color:var(--accent);letter-spacing:.14em;margin-bottom:12px}.case-summary{font-size:13px;color:var(--text-dim);margin:0 0 16px}.progress-track{height:3px;background:var(--border-soft);border-radius:2px;margin-bottom:8px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--amber-dim),var(--accent-soft));width:0%;transition:width .4s ease}.progress-label{font-family:var(--font-mono);font-size:10px;color:var(--text-mute);letter-spacing:.06em;margin-bottom:14px;overflow-wrap:anywhere;word-break:break-word;line-height:1.45}.nav-list{list-style:none;margin:0;padding:0}.nav-list li{margin-bottom:4px}.nav-list button{width:100%;text-align:left;padding:10px 12px;border-radius:var(--radius);border:1px solid transparent;color:var(--text-dim);font-size:13px;display:flex;justify-content:space-between;align-items:center;gap:8px;min-width:0}.nav-list button>span:first-child{min-width:0;overflow-wrap:anywhere}.nav-list button:hover{background:var(--bg-panel);color:var(--text)}.nav-list button.active{border-color:var(--border);background:var(--bg-panel);color:var(--text)}.nav-list button:disabled{opacity:.4;cursor:not-allowed}.badge-solved{font-family:var(--font-mono);font-size:10px;color:var(--ok)}.main-pane{padding:14px 16px;min-width:0;max-width:100%;overflow-x:hidden}.tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--border-soft);overflow-x:auto}.tab{padding:10px 14px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--text-mute);border-bottom:2px solid transparent;white-space:nowrap}.tab.active{color:var(--amber);border-bottom-color:var(--amber-dim)}.board{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:12px;text-align:left;transition:border-color .2s,transform .15s;min-height:100px;box-shadow:var(--shadow-inset)}.card:hover:not(:disabled){border-color:var(--amber-dim);transform:translateY(-1px)}.card:disabled{opacity:.35;cursor:not-allowed}.card .tag{font-family:var(--font-mono);font-size:10px;color:var(--text-mute);letter-spacing:.08em;margin-bottom:6px}.card .title{font-size:13px;color:var(--text)}.viewer{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.viewer-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:10px 12px;border-bottom:1px solid var(--border-soft);font-family:var(--font-mono);font-size:12px;color:var(--text-dim);min-width:0}.viewer-head>span{min-width:0;flex:1 1 120px;overflow-wrap:anywhere}.viewer-head select{flex:0 1 auto;max-width:100%;min-width:0;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;font:inherit}.viewer-body{padding:16px}.viewer-body img,.viewer-body svg{max-width:100%;height:auto;display:block;margin:0 auto;background:#0d0e10}.doc-pre{font-family:var(--font-mono);font-size:12px;white-space:pre-wrap;color:var(--text-dim);line-height:1.6;margin:0}.footage-wrap{position:relative;background:#050506;aspect-ratio:16 / 9;border-radius:4px;overflow:hidden;border:1px solid var(--border)}.footage-wrap canvas{width:100%;height:100%;display:block}.footage-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin-top:10px;width:100%;max-width:100%;min-width:0}.footage-controls input[type=range]{flex:1 1 120px;min-width:0;max-width:100%;accent-color:var(--amber-dim)}.footage-controls .pill{flex:0 0 auto}audio{width:100%;margin-top:8px}.transcript{margin-top:12px;padding:12px;background:var(--bg);border-radius:var(--radius);font-size:13px;color:var(--text-dim);border:1px solid var(--border-soft)}.transcript summary{cursor:pointer;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--text-mute)}.puzzle{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px;max-width:100%;min-width:0;box-shadow:var(--shadow-inset)}.puzzle h3{margin:0 0 8px;font-size:1rem;font-weight:500}.puzzle .prompt{color:var(--text-dim);font-size:14px;margin:0 0 16px}.answer-row{display:flex;flex-wrap:wrap;gap:8px}.answer-row input{flex:1 1 140px;min-width:0;width:100%;padding:12px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);font-family:var(--font-mono);font-size:14px}.hint-box{margin-top:14px;padding:12px;border-left:2px solid var(--amber-dim);background:#c4a5740f;font-size:13px;color:var(--text-dim)}.hint-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.vault-seed{font-family:var(--font-mono);margin:12px 0 16px;padding:12px;border:1px solid var(--border);background:var(--bg);border-radius:var(--radius);font-size:13px;color:var(--amber);overflow-wrap:anywhere;word-break:break-word;max-width:100%}.vault-seed strong{overflow-wrap:anywhere;letter-spacing:.12em}.finale{text-align:center;padding:32px 16px;max-width:560px;margin:0 auto}.finale h2{letter-spacing:.12em;font-weight:400;margin-bottom:16px}.finale .reveal{text-align:left;color:var(--text-dim);font-size:14px;line-height:1.7;margin-bottom:24px}.reward-card{border:1px solid var(--amber-dim);background:linear-gradient(180deg,#1a1814,#121416);padding:20px;border-radius:var(--radius);text-align:left}.reward-card .code{font-family:var(--font-mono);font-size:18px;letter-spacing:.1em;color:var(--amber);margin:8px 0;word-break:break-all}.status-pending{color:var(--amber)}.status-verified,.status-paid{color:var(--ok)}.terms{max-width:680px;margin:0 auto;padding:32px 20px calc(40px + var(--safe-b))}.terms h1{font-weight:500;letter-spacing:.08em;font-size:1.4rem}.terms h2{font-size:1rem;margin-top:28px;color:var(--amber);font-weight:500}.terms p,.terms li{color:var(--text-dim);font-size:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.lobby{flex:1;width:100%;max-width:min(960px,100%);margin:0 auto;min-width:0;padding:18px 16px calc(28px + env(safe-area-inset-bottom,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));box-sizing:border-box}.lobby-head{margin-bottom:20px}.lobby-head h1{font-weight:400;font-size:clamp(1.2rem,4vw,1.6rem);letter-spacing:.14em;margin:0 0 8px}.lobby-campaign{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:8px}.lobby-campaign .progress-track{flex:1;min-width:120px;max-width:320px;margin:0}.lobby-meta{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--text-mute)}.case-grid{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 600px){.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 900px){.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (horizontal-viewport-segments: 2){.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:max(16px,calc(env(viewport-segment-left 1 0,16px) - env(viewport-segment-right 0 0,0px)))}.workspace{grid-template-columns:minmax(0,env(viewport-segment-width 0 0,280px)) minmax(0,1fr);column-gap:max(12px,calc(env(viewport-segment-left 1 0,12px) - env(viewport-segment-right 0 0,0px)))}}.case-tile{display:flex;flex-direction:column;align-items:stretch;text-align:left;min-height:132px;min-width:0;max-width:100%;padding:14px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-inset);transition:border-color .2s,transform .15s,opacity .2s;-webkit-tap-highlight-color:transparent}.case-tile:not(:disabled):hover,.case-tile:not(:disabled):focus-visible{border-color:var(--amber-dim);outline:none}.case-tile:not(:disabled):active{transform:scale(.99)}.case-tile:disabled,.case-tile.is-locked{opacity:.55;cursor:not-allowed;border-style:dashed}.case-tile.is-core{border-color:var(--accent-soft);background:linear-gradient(160deg,#1a1413 0%,var(--bg-panel) 50%)}.case-tile .tile-id{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;color:var(--accent);margin-bottom:6px}.case-tile .tile-title{font-size:1rem;font-weight:500;letter-spacing:.04em;margin:0 0 8px;color:var(--text)}.case-tile .tile-summary{flex:1;font-size:13px;color:var(--text-dim);margin:0 0 12px;line-height:1.45}.case-tile .tile-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.case-tile .chip{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;padding:6px 10px;min-height:32px;display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--border);color:var(--text-mute)}.case-tile .chip-open{color:var(--amber);border-color:var(--amber-dim)}.case-tile .chip-done{color:var(--ok);border-color:var(--ok)}.case-tile .chip-lock{color:var(--text-mute)}.tile-progress{height:3px;background:var(--border-soft);border-radius:2px;margin-top:10px;overflow:hidden}.tile-progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--amber-dim),var(--accent-soft));transition:width .4s ease}.route-fade{animation:routeIn .35s ease}@media (prefers-reduced-motion: reduce){.route-fade{animation:none}}@keyframes routeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.notes-board{margin-top:16px;padding:12px;border:1px dashed var(--border);border-radius:var(--radius);background:var(--bg)}.notes-board h4{margin:0 0 8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--text-mute);font-weight:500}.notes-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.notes-list li{font-size:12px;color:var(--text-dim);font-family:var(--font-mono);padding:8px 10px;min-height:44px;display:flex;align-items:center;border-left:2px solid var(--amber-dim);background:#c4a5740a}.footage-hotspots{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.footage-hotspot{position:absolute;pointer-events:auto;min-width:44px;min-height:44px;border:1px solid rgba(196,165,116,.55);background:#c4a5741f;border-radius:4px;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent}.footage-hotspot:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.footage-hotspot.found{border-color:var(--ok);background:#6a9a7a33}.footage-reveal{position:absolute;left:8px;right:8px;bottom:8px;padding:10px 12px;min-height:44px;display:flex;align-items:center;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;color:var(--amber);background:#0a0b0ce0;border:1px solid var(--amber-dim);border-radius:4px;pointer-events:none}.btn{min-height:44px;padding:12px 22px}.icon-btn{width:44px;height:44px;min-width:44px;min-height:44px}.tab{min-height:44px;padding:12px 14px}.nav-list button{min-height:44px;padding:12px}.card{min-height:88px;padding:14px}.answer-row input,.hint-actions .btn{min-height:44px}.footage-controls .btn{min-height:44px;min-width:72px}.footage-controls input[type=range]{min-height:44px;touch-action:none}.topbar{padding-top:max(12px,env(safe-area-inset-top,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.sidebar{padding-left:max(16px,env(safe-area-inset-left,0px))}.main-pane{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-bottom:max(16px,env(safe-area-inset-bottom,0px))}@media (max-width: 360px){.landing h1{letter-spacing:.1em;font-size:1.8rem}.btn-row{flex-direction:column}.btn{width:100%}.board{grid-template-columns:1fr}.case-tile .tile-title{font-size:.95rem}.workspace .tabs{gap:0}}.board{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}@media (min-width: 600px){.board{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (min-width: 600px) and (max-width: 899px){.workspace{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border-soft)}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 900px){.workspace{grid-template-columns:minmax(240px,300px) minmax(0,1fr)}}html,body,#app{width:100%;max-width:100%;overflow-x:hidden}img,canvas,svg,video,audio,iframe{max-width:100%;height:auto}.footage-wrap{max-width:100%;width:100%;min-width:0}.cred-box .value,.reward-card .code,.mono-sm,.doc-pre,.notes-list li{overflow-wrap:anywhere;word-break:break-word}.board,.case-grid,.puzzle,.viewer,.panel,.finale,.terms,.admin{min-width:0;max-width:100%;box-sizing:border-box}.card{min-width:0;max-width:100%;overflow-wrap:anywhere}.btn-back-lobby{width:100%;margin-bottom:12px}.campaign-banner{margin:16px 0;padding:14px;border:1px solid var(--accent-soft);border-radius:var(--radius);background:#8a4a3e1f;font-size:13px;color:var(--text-dim);text-align:left}.admin{max-width:1100px;margin:0 auto;padding:20px 14px calc(40px + var(--safe-b))}.admin-login{display:flex;justify-content:center;padding-top:48px}.admin-card{width:min(420px,100%);border:1px solid var(--border);background:var(--bg-panel);border-radius:var(--radius);padding:24px 20px}.admin-card h1{letter-spacing:.14em;font-weight:500;margin:4px 0 12px}.admin-head{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.admin-head h1{margin:0;letter-spacing:.1em;font-weight:500;font-size:1.35rem}.admin-meta{font-size:12px;color:var(--text-mute);font-family:var(--font-mono);margin:4px 0 0}.admin-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--radius);background:#0c0e10;max-width:100%;min-width:0}.admin-table{width:100%;border-collapse:collapse;font-size:12px;font-family:var(--font-mono);min-width:720px}.admin-table.compact{min-width:480px}.admin-table th,.admin-table td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}.admin-table th{color:var(--text-mute);font-weight:500;letter-spacing:.06em;text-transform:uppercase;font-size:10px;position:sticky;top:0;background:#121416}.admin-table tr:hover td{background:#ffffff05}.linkish{background:none;border:none;color:var(--amber);font:inherit;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.mono-sm{font-size:10px;color:var(--text-mute);word-break:break-all}.flag-badge{display:inline-block;background:#3a1a1a;color:#f07178;border:1px solid #5a2a2a;border-radius:999px;padding:1px 8px;font-size:11px}.chip-complete{color:var(--ok)}.chip-in_progress{color:var(--amber)}.chip-not_started,.status-none{color:var(--text-mute)}.status-rejected{color:#f07178}.admin-detail{margin-top:24px;border:1px solid var(--border);border-radius:var(--radius);padding:16px;background:var(--bg-panel)}.admin-detail-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.admin-detail-head h2{margin:0;font-weight:500;letter-spacing:.08em}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:14px 0;font-size:13px;color:var(--text-dim)}.admin-flags ul{margin:8px 0 0;padding-left:18px;font-size:13px}.admin-flags .sev-high{color:#f07178}.admin-flags .sev-medium{color:var(--amber)}.admin-flags .sev-low{color:var(--text-dim)}.admin-case{margin:8px 0;border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;background:#0c0e10}.admin-case summary{cursor:pointer;font-family:var(--font-mono);font-size:12px}.btn-sm{padding:6px 10px;font-size:12px}.btn-row.wrap{flex-wrap:wrap}.muted{color:var(--text-mute);font-size:13px}.field{display:block;margin:14px 0}.field span{display:block;font-size:11px;letter-spacing:.1em;color:var(--text-mute);margin-bottom:6px;font-family:var(--font-mono)}.field input{width:100%;background:#0c0e10;border:1px solid var(--border);color:var(--text);padding:10px 12px;border-radius:var(--radius);font-family:var(--font-mono)}.topbar-left{display:flex;align-items:baseline;gap:8px;min-width:0;flex:0 1 auto}.brand-sub{font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;color:var(--text-mute);opacity:.7}.topbar-actions{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;min-width:0}.pill-id{font-variant-numeric:tabular-nums}.lobby-head h1{font-weight:450;letter-spacing:.12em;margin-bottom:10px}.lobby-meta{letter-spacing:.08em}.case-tile .tile-id{letter-spacing:.14em;opacity:.95}.case-tile .tile-title{font-weight:500;letter-spacing:.03em;line-height:1.25}.case-tile .tile-summary{font-size:12.5px;line-height:1.5;color:var(--text-dim)}.eyebrow{letter-spacing:.22em;font-size:10px;margin-bottom:14px}.landing h1{font-weight:300;letter-spacing:.16em;line-height:1.1}.panel h2{font-size:1.15rem;letter-spacing:.06em;font-weight:500}.puzzle h3{font-size:.95rem;letter-spacing:.04em;font-weight:500}.puzzle .prompt{font-size:13.5px;line-height:1.55}.btn{letter-spacing:.12em;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .12s ease}.btn-primary{box-shadow:var(--shadow-inset),0 4px 16px #00000052}.btn-ghost{background:#12141659}.icon-btn{transition:border-color .18s ease,color .18s ease,background .18s ease;background:var(--bg-elev)}.case-tile:not(:disabled):hover,.case-tile:not(:disabled):focus-visible{transform:none;border-color:var(--amber-dim);box-shadow:var(--shadow-inset),0 0 0 1px #8a735026}.card:hover:not(:disabled){transform:none;border-color:var(--amber-dim)}.route-fade{animation:routeIn .28s ease}@keyframes routeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.route-fade{animation:none}.btn,.icon-btn,.case-tile,.card{transition:none}}.board{width:100%;max-width:100%;min-width:0;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,148px),1fr))}@media (min-width: 360px) and (max-width: 599px){.board{grid-template-columns:repeat(2,minmax(0,1fr))}}.viewer{max-width:100%;min-width:0;box-shadow:var(--shadow-inset)}.progress-track{height:2px;background:var(--border-soft)}.tile-progress{height:2px}@media (max-width: 480px){.topbar{flex-direction:column;align-items:stretch;padding:max(8px,var(--safe-t)) max(12px,var(--safe-r)) 8px max(12px,var(--safe-l));gap:8px}.topbar-left{width:100%}.brand{letter-spacing:.14em;font-size:10px}.topbar-meta{width:100%;justify-content:space-between;flex-wrap:nowrap;gap:8px}.pill-id{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{flex:0 0 auto}.icon-btn{width:40px;height:40px;min-width:40px;min-height:40px}.topbar-actions .pill{padding:6px 8px;font-size:9px;letter-spacing:.08em}.landing{padding:24px max(14px,var(--safe-l)) calc(32px + var(--safe-b)) max(14px,var(--safe-r))}.landing h1{letter-spacing:.1em;text-indent:0;font-size:clamp(1.7rem,9vw,2.2rem)}.eyebrow{letter-spacing:.16em}.subtitle{letter-spacing:.1em;font-size:11px}.tabs{margin-bottom:12px;gap:0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:10px;letter-spacing:.06em;font-size:10px;flex:0 0 auto}.footage-controls{gap:8px}.footage-controls .btn{min-width:60px;padding:10px 12px;letter-spacing:.1em}.footage-controls input[type=range]{flex:1 1 100%;order:3;min-height:36px}.case-head h1,.case-head .codename{overflow-wrap:anywhere}.intro-actions{flex-wrap:wrap}.intro-actions .btn{flex:1 1 auto}.sidebar,.main-pane,.lobby{padding-left:max(12px,var(--safe-l));padding-right:max(12px,var(--safe-r))}}@media (max-width: 360px){.board{grid-template-columns:minmax(0,1fr)}.meta-grid{max-width:100%}.btn{letter-spacing:.1em;padding-left:16px;padding-right:16px}}@media (min-width: 600px) and (max-width: 899px){.topbar,.topbar-meta{flex-wrap:nowrap}}@media (min-width: 900px){.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.workspace{grid-template-columns:minmax(0,280px) minmax(0,1fr)}.topbar{padding-left:max(20px,var(--safe-l));padding-right:max(20px,var(--safe-r))}.brand{letter-spacing:.2em;font-size:11px}}#app>*,.workspace>*,.main-pane>*,.lobby>*,.viewer-body>*{max-width:100%;min-width:0}.tabs{max-width:100%}.footage-wrap--real{position:relative;background:#050607;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;aspect-ratio:16 / 9}.footage-video{display:block;width:100%;height:100%;object-fit:contain;background:#000}.footage-hud{position:absolute;left:10px;right:10px;top:8px;display:flex;justify-content:space-between;pointer-events:none;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-shadow:0 1px 2px #000}.footage-rec{color:#c45c4a}.footage-cap{color:#c4a574e6}.footage-wrap--real .footage-hotspots{z-index:2}.footage-wrap--real .footage-reveal{z-index:3}