:root{color:#edf1e8;background:#05080a;font-family:Manrope,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #060a0c;--panel: #101719;--panel-2: #182225;--line: rgba(196, 211, 208, .19);--paper: #ded9c6;--paper-ink: #24271f;--brass: #ccb579;--mist: #9baeb1;--danger: #f47977}*{box-sizing:border-box}html,body,#app{min-height:100%}html{background:var(--ink)}body{margin:0;min-width:320px;min-height:100dvh;overflow-x:hidden;background:radial-gradient(circle at 50% 0%,#1c2b2c,#05080a 58%)}button,input{font:inherit}button{touch-action:manipulation}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #f4e9ad;outline-offset:3px}.app-shell{position:relative;z-index:0;display:grid;grid-template-rows:auto 1fr auto;min-height:100dvh;background:linear-gradient(180deg,#05090a57,#05080af2 62%),radial-gradient(circle at 50% 22%,color-mix(in srgb,var(--case-color) 14%,transparent),transparent 34%)}.world-art{position:fixed;z-index:-1;inset:0;background-image:linear-gradient(180deg,#04080a2e,#04080ae0 76%),url(./signal-lost-world-z3e8nFrg.webp);background-position:center 18%;background-size:cover;opacity:.48;filter:saturate(.78) contrast(1.08);pointer-events:none}.world-art:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.06) 4px);mix-blend-mode:multiply}.topbar{position:sticky;z-index:5;top:0;display:grid;grid-template-columns:52px 1fr 52px;align-items:center;min-height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 10px 0;border-bottom:1px solid var(--line);background:#050a0cdb;backdrop-filter:blur(18px)}.icon-button{display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;color:#e8eee8;background:transparent;border-radius:50%;font-weight:800;letter-spacing:-.12em}.icon-button:active{background:#ffffff14}.brand-lockup{display:flex;flex-direction:column;align-items:center;line-height:1}.maker{margin-bottom:3px;color:var(--brass);font:500 10px/1 ui-monospace,monospace;letter-spacing:.28em}.brand-lockup strong{font:750 15px/1 Arial Narrow,Manrope,sans-serif;letter-spacing:.19em}main{width:min(100%,1320px);margin:0 auto;padding:0 12px 96px}.case-strip{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;min-height:82px;padding:14px 6px 10px;border-bottom:1px solid var(--line)}.case-strip span,.eyebrow{color:var(--case-color, var(--brass));font:700 10px/1.2 ui-monospace,monospace;letter-spacing:.17em}.case-strip h1{max-width:250px;margin:5px 0 0;font:650 clamp(20px,6vw,30px)/1.05 Georgia,serif;letter-spacing:-.02em}.case-count{text-align:right}.case-count strong{display:block;color:var(--case-color);font:600 20px/1 ui-monospace,monospace}.case-count span{color:var(--mist);letter-spacing:.05em}.view{display:none}.view.is-active{display:block}.receiver-view{padding-top:12px}.receiver-panel{position:relative;overflow:hidden;max-width:680px;margin:0 auto;padding:15px 14px 16px;border:1px solid rgba(205,191,147,.33);border-radius:22px;background:linear-gradient(115deg,rgba(255,255,255,.035),transparent 32%),linear-gradient(180deg,#151f21f5,#070c0ef7);box-shadow:0 28px 70px #0000007a,inset 0 0 0 4px #00000038}.receiver-panel:before{content:"";position:absolute;inset:7px;border:1px solid rgba(203,181,121,.11);border-radius:17px;pointer-events:none}.frequency-readout{position:relative;z-index:1;display:flex;align-items:baseline;justify-content:center;gap:9px;width:min(100%,320px);margin:0 auto 7px;padding:9px 14px;border:1px solid rgba(205,225,209,.16);border-radius:9px;background:#07100f;box-shadow:inset 0 0 24px color-mix(in srgb,var(--case-color) 10%,transparent)}.frequency-readout strong{color:#f0f5dd;font:500 clamp(35px,10vw,48px)/1 ui-monospace,"Roboto Mono",monospace;letter-spacing:-.06em;text-shadow:0 0 15px color-mix(in srgb,var(--case-color) 42%,transparent)}.frequency-readout span{color:var(--mist);font:700 10px/1 ui-monospace,monospace;letter-spacing:.12em}.signal-meter{display:block;width:min(100%,380px);height:44px;margin:0 auto -3px}.dial-wrap{position:relative;width:min(100%,420px);margin:0 auto -8px}.tuning-dial{display:block;width:100%;height:clamp(206px,56vw,294px);cursor:grab;touch-action:none}.tuning-dial:active{cursor:grabbing}.dial-center{position:absolute;left:50%;top:58%;display:grid;place-items:center;width:70px;height:70px;transform:translate(-50%,-50%);color:#e0e9e09e;font:700 9px/1 ui-monospace,monospace;letter-spacing:.18em;pointer-events:none}.dial-center i{width:8px;height:8px;margin-top:-17px;border-radius:50%;background:var(--brass);box-shadow:0 0 9px #ccb5795c}.fine-tune{display:grid;grid-template-columns:52px 1fr 52px;align-items:center;width:min(100%,220px);margin:0 auto 10px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.fine-tune button{min-width:52px;min-height:48px;border:0;color:#f0f3e9;background:#ffffff0e;font-size:24px}.fine-tune button:active{color:var(--case-color);background:#ffffff1a}.fine-tune span{color:var(--mist);text-align:center;font:700 9px/1 ui-monospace,monospace;letter-spacing:.18em}.signal-status{display:flex;align-items:center;justify-content:center;gap:9px;min-height:28px;margin-bottom:10px}.signal-status p{margin:0;color:#c9d3ce;font-size:13px;text-align:center}.status-lamp{flex:0 0 auto;width:9px;height:9px;border:1px solid #68787a;border-radius:50%;background:#283235}.status-lamp.is-hot{border-color:var(--case-color);background:var(--case-color);box-shadow:0 0 12px var(--case-color)}.scan-button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;width:100%;min-height:66px;border:1px solid color-mix(in srgb,var(--case-color) 58%,#303d3f);border-radius:13px;color:#f3f6ed;background:#11191b;box-shadow:inset 0 -3px #00000073;user-select:none;-webkit-user-select:none}.scan-button:active{transform:translateY(1px);box-shadow:inset 0 -1px #0006}.scan-button strong{position:relative;z-index:1;font:750 14px/1.2 ui-monospace,monospace;letter-spacing:.12em}.scan-button small{position:relative;z-index:1;margin-top:5px;color:var(--mist);font-size:11px}.scan-progress{position:absolute;inset:0;transform:scaleX(0);transform-origin:left;background:color-mix(in srgb,var(--case-color) 24%,transparent)}.caption-panel{display:flex;gap:10px;max-width:680px;min-height:44px;margin:9px auto 0;padding:9px 12px;border-left:2px solid var(--case-color);background:#05090bb3}.caption-panel span{flex:0 0 auto;padding-top:3px;color:var(--case-color);font:700 8px/1 ui-monospace,monospace;letter-spacing:.1em}.caption-panel p{margin:0;color:#bdcac7;font-size:12px;font-style:italic}.caption-panel.is-muted{border-left-color:#627174}.notebook-view,.records-view{padding:14px 0}.notebook-paper{max-width:760px;margin:0 auto;padding:clamp(20px,5vw,36px);border-radius:8px;color:var(--paper-ink);background:repeating-linear-gradient(0deg,transparent 0 27px,rgba(58,72,67,.1) 28px),linear-gradient(115deg,#e7e1cf,#cbc6b6);box-shadow:0 24px 70px #00000075}.notebook-paper>header{border-bottom:2px solid rgba(35,42,35,.62)}.notebook-paper>header span{color:#53615b;font:700 10px/1 ui-monospace,monospace;letter-spacing:.12em}.notebook-paper h2{margin:7px 0 10px;font:650 clamp(27px,7vw,40px)/1 Georgia,serif}.notebook-paper header p{max-width:620px;margin:0 0 17px;line-height:1.55}.notebook-paper h3{font:700 13px/1.2 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.hunt-hints{padding:12px 0;border-bottom:1px solid rgba(42,50,43,.24)}.hunt-hints ol{margin:8px 0 0;padding-left:24px}.hunt-hints li{padding:5px 0;font:italic 15px/1.45 Georgia,serif}.evidence-list{padding-top:9px}.evidence{display:grid;grid-template-columns:35px 1fr;gap:10px;padding:12px 0;border-bottom:1px dashed rgba(41,48,42,.3);opacity:.58}.evidence.is-decoded{opacity:1}.evidence>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid currentColor;border-radius:50%;font:700 11px/1 ui-monospace,monospace}.evidence strong{display:block;font-size:14px}.evidence p{margin:4px 0;font:italic 15px/1.35 Georgia,serif}.evidence button{min-height:36px;padding:0;border:0;border-bottom:1px solid;color:#2a514a;background:transparent;font-size:12px}.answer-panel{margin-top:20px;padding:16px;border:2px solid rgba(38,48,41,.64);background:#f4f0da75}.answer-panel>span{font:800 9px/1 ui-monospace,monospace;letter-spacing:.15em}.answer-panel h3{margin:8px 0;text-transform:none}.answer-panel p{line-height:1.45}.answer-panel form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px}.answer-panel input{min-width:0;height:52px;border:1px solid #454d44;border-radius:6px;color:#1f271f;background:#ffffff94;font:700 24px/1 ui-monospace,monospace;letter-spacing:.28em;text-align:center}.answer-panel button{min-height:52px;border:0;border-radius:6px;color:#eef3e8;background:#273d38;font-weight:700}.answer-panel.is-wrong{animation:paper-shake .25s linear;border-color:#9a3d3d}.closed-stamp{display:inline-block;margin:8px 0;padding:7px 11px;border:3px double #7a3333;color:#7a3333;font:800 15px/1 ui-monospace,monospace;letter-spacing:.12em;transform:rotate(-2deg)}.records-panel{max-width:760px;margin:0 auto;padding:clamp(18px,5vw,34px);border:1px solid var(--line);border-radius:18px;background:#090f11e8;box-shadow:0 28px 70px #00000073}.records-panel h2{margin:8px 0;font:650 clamp(26px,7vw,42px)/1.08 Georgia,serif}.records-panel>p{color:var(--mist)}.record-list{display:grid;gap:7px;margin:22px 0}.record-list article{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:13px 10px;border:1px solid var(--line);border-radius:10px;background:#ffffff06}.record-index{color:var(--brass);font:700 12px/1 ui-monospace,monospace}.record-list strong,.record-list span{display:block}.record-list span{margin-top:4px;color:var(--mist);font-size:12px}.record-time{font:600 13px/1 ui-monospace,monospace}.ending{margin:18px 0;padding:16px;border-left:2px solid #b68cff;background:#b68cff14}.ending strong{color:#c8a8ff;font:700 11px/1 ui-monospace,monospace;letter-spacing:.13em}.ending p{margin:8px 0 0;line-height:1.5}.secondary-button,.danger-button{min-height:50px;padding:0 16px;border:1px solid var(--line);border-radius:9px;color:#edf1e8;background:#ffffff0a}.bottom-nav{position:fixed;z-index:6;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(3,1fr);padding:5px 8px calc(5px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#05090bf0;backdrop-filter:blur(16px)}.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:54px;border:0;border-radius:9px;color:#829396;background:transparent;font-size:11px}.bottom-nav span{margin-bottom:3px;font-size:17px}.bottom-nav button.is-current{color:#eef3eb;background:color-mix(in srgb,var(--case-color) 10%,transparent)}.bottom-nav button.is-current span{color:var(--case-color)}.onboarding{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));overflow-y:auto;background:#020507ed;backdrop-filter:blur(14px)}.onboarding-card{width:min(100%,520px);padding:clamp(22px,7vw,42px);border:1px solid rgba(204,181,121,.4);border-radius:18px;background:linear-gradient(160deg,#182426,#080d0f);box-shadow:0 35px 90px #000000a6}.onboarding-card h2{margin:9px 0 12px;font:750 clamp(33px,11vw,58px)/.94 "Arial Narrow",sans-serif;letter-spacing:.08em}.onboarding-card>p{color:#b7c4c2;line-height:1.5}.onboarding-card ol{display:grid;gap:10px;padding:0;list-style:none}.onboarding-card li{display:grid;grid-template-columns:37px 1fr;gap:11px;align-items:center}.onboarding-card li b{display:grid;place-items:center;width:35px;height:35px;border:1px solid #69d8d0;border-radius:50%;color:#69d8d0;font:700 12px/1 ui-monospace,monospace}.onboarding-card li strong,.onboarding-card li span{display:block}.onboarding-card li span{color:#aebbb9;font-size:13px}.onboarding-card li strong{margin-bottom:2px;color:#eef2e9;font-size:15px}.onboarding-card .privacy-note{font-size:11px}.onboarding-card button,.transmission-card button{width:100%;min-height:54px;margin-top:8px;border:1px solid #69d8d0;border-radius:9px;color:#f0f4ea;background:#183431;font-weight:750}dialog{color:#edf1e8}dialog::backdrop{background:#020507c7;backdrop-filter:blur(8px)}.sheet{width:min(100% - 16px,560px);max-height:calc(100dvh - 20px);margin:auto auto 8px;padding:0;border:1px solid rgba(204,181,121,.35);border-radius:18px 18px 10px 10px;background:#0e1618;box-shadow:0 25px 80px #000000b3}.sheet form{padding:20px}.sheet header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sheet h2{margin:6px 0 18px;font:650 28px/1 Georgia,serif}.sheet header button{width:48px;height:48px;border:0;border-radius:50%;color:#eef2ea;background:#ffffff0f;font-size:25px}.case-options{display:grid;gap:8px}.case-options>button{display:grid;grid-template-columns:36px 1fr 28px;gap:10px;align-items:center;width:100%;min-height:72px;padding:10px;border:1px solid var(--line);border-radius:10px;color:#eef2e9;background:#ffffff06;text-align:left}.case-options>button.is-active{border-color:var(--brass);background:#ccb57914}.case-options>button:disabled{color:#718083;opacity:.65}.case-options>button>span{color:var(--brass);font:700 11px/1 ui-monospace,monospace}.case-options strong,.case-options small{display:block}.case-options small{margin-top:4px;color:var(--mist);line-height:1.25}.case-options i{font-style:normal;text-align:center}.settings-list{display:grid;gap:7px;margin-bottom:18px}.settings-list label{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;min-height:68px;padding:10px;border:1px solid var(--line);border-radius:9px}.settings-list strong,.settings-list small{display:block}.settings-list small{margin-top:4px;color:var(--mist);line-height:1.3}.settings-list input{width:25px;height:25px;accent-color:#69d8d0}.danger-button{width:100%;border-color:#f4797775;color:#ff9e9b}.local-note{color:var(--mist);font-size:11px;line-height:1.4}.transmission-dialog{width:min(100% - 24px,540px);padding:0;border:1px solid rgba(204,181,121,.45);border-radius:16px;background:#111a1c}.transmission-card{padding:clamp(22px,6vw,38px)}.transmission-card h2{margin:8px 0 14px;font:650 30px/1 Georgia,serif}.sound-caption{padding:9px 11px;border-left:2px solid var(--case-color);color:#b8c5c3;background:#ffffff09;font-style:italic}.transmission-card blockquote{margin:20px 0;font:400 20px/1.45 Georgia,serif}.clue-tag{padding:12px;border:1px dashed var(--brass);color:#ead99f;text-align:center;font:700 13px/1 ui-monospace,monospace;letter-spacing:.08em}@keyframes paper-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media(min-width:760px){main{padding-inline:24px}.case-strip{padding-inline:14px}.receiver-view.is-active{display:grid;grid-template-columns:minmax(470px,680px) minmax(220px,320px);align-items:start;justify-content:center;gap:16px;padding-top:22px}.caption-panel{margin:0;min-height:110px;flex-direction:column;border-left-width:3px}.caption-panel p{font-size:15px;line-height:1.5}.bottom-nav{right:24px;bottom:18px;left:auto;width:350px;border:1px solid var(--line);border-radius:14px;padding:5px}main{padding-bottom:105px}.sheet{margin:auto;border-radius:18px}}@media(min-width:1080px){.topbar{padding-inline:24px}.receiver-panel{padding:18px 24px 20px}.case-strip h1{max-width:none}}@media(max-width:370px),(max-height:690px){.case-strip{min-height:68px;padding-top:8px}.case-strip h1{font-size:20px}.receiver-view{padding-top:7px}.receiver-panel{padding-top:10px;padding-bottom:11px;border-radius:16px}.frequency-readout{margin-bottom:2px;padding-block:6px}.frequency-readout strong{font-size:34px}.signal-meter{height:33px}.tuning-dial{height:190px}.fine-tune{margin-bottom:6px}.scan-button{min-height:59px}.caption-panel{margin-top:6px;min-height:38px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}@media(prefers-contrast:more){:root{--line: rgba(240,245,236,.52);--mist: #c7d3d1}.world-art{opacity:.16}.receiver-panel,.records-panel,.topbar,.bottom-nav{background:#071012;backdrop-filter:none}}