:root{color-scheme:dark;--ink: #f8efd8;--faded: #c6bba1;--gold: #ffd747;--navy: #14234a;--panel: #1b2d53;--rule: #f7e4ae2b;--mono: "Cascadia Mono", "Courier New", monospace;font-family:Trebuchet MS,system-ui,sans-serif;color:var(--ink);background:var(--navy)}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}#store{min-height:100vh;height:100dvh;position:relative;isolation:isolate;overflow:hidden}#world,.vignette{position:absolute;inset:0}#world{touch-action:none;background:#232a42}#world canvas,#tape-view canvas{display:block;width:100%;height:100%}.vignette{pointer-events:none;background:linear-gradient(180deg,#111d38a8,#111c3200 17%,transparent 78%,#101b33a1)}.topbar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:26px 34px;z-index:2;pointer-events:none}.top-actions{display:flex;gap:9px;pointer-events:auto}.wordmark{display:flex;align-items:center;gap:11px;font-size:14px;font-weight:900;letter-spacing:.055em;line-height:1.04;text-shadow:0 2px 8px #111b32}.wordmark small{display:block;margin-top:3px;font:700 9px var(--mono);letter-spacing:.14em;color:var(--gold)}.brand-mark{display:grid;place-items:center;width:38px;height:30px;color:var(--gold);background:#224584;border:1.5px solid var(--gold);border-radius:2px;transform:skew(-8deg);box-shadow:3px 3px #152449;font:italic 900 17px/1 Arial,sans-serif}.pill{display:inline-flex;gap:8px;align-items:center;justify-content:center;border:1px solid #f8e7be55;border-radius:5px;background:#161f32eb;min-height:42px;padding:0 13px;font-size:13px;font-weight:700;transition:border-color .15s,background .15s}.pill:hover{border-color:var(--gold);background:#2b3549}.pill:disabled,.ticket:disabled{opacity:.48;cursor:default;transform:none}.pill svg{fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.sound[aria-pressed=false] .waves,.sound[aria-pressed=true] .mute{display:none}.sound[aria-pressed=true]{color:var(--gold)}.intro{position:absolute;inset:0;display:flex;align-items:end;justify-content:space-between;padding:0 max(5vw,28px) clamp(30px,8vh,105px);background:radial-gradient(ellipse at 0% 100%,#101d39f7 1%,#142344be 29%,#141c2d00 68%),linear-gradient(0deg,#131c31bd 0%,transparent 34%)}.intro-copy{max-width:650px}.eyebrow{display:flex;align-items:center;gap:10px;font:700 11px/1.3 var(--mono);letter-spacing:.16em;color:var(--gold);margin:0}.open-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#a7c998;box-shadow:0 0 13px #a7c9996b;flex:0 0 auto}.divider{width:20px;height:1px;display:inline-block;background:#dfc99564}h1{font:900 clamp(60px,9vw,134px)/.86 Impact,"Arial Narrow","Arial Black",sans-serif;letter-spacing:-.022em;margin:19px 0 20px -4px;text-shadow:3px 4px #193366,0 7px 48px #10152590}h1 span{color:var(--gold)}.intro p{margin:0 0 24px;font-size:clamp(14px,1.75vw,20px);color:#e9ddc0}.ticket{display:inline-flex;gap:24px;justify-content:space-between;align-items:center;min-height:51px;padding:0 19px;background:var(--gold);color:#1c2e57;border:1px solid #ffe580;border-radius:3px;font-weight:850;box-shadow:4px 4px #9e7832;transition:background .15s,transform .15s}.ticket:hover{background:#ffdb83;transform:translateY(-2px)}.ticket span{font-size:19px}.small-note{display:block;color:#e0cba5;margin-top:20px;font:700 10px/1.4 var(--mono);letter-spacing:.18em}.small-note span{color:var(--gold);margin-inline:3px}.intro-index{border-top:1px solid #edd4a36b;color:var(--gold);text-align:right;padding-top:9px;margin-bottom:1px;min-width:105px}.intro-index>span{display:block;font:700 10px var(--mono);letter-spacing:.19em}.intro-index strong{display:block;font:700 clamp(29px,4vw,55px)/1.13 var(--mono);letter-spacing:-.09em}.intro-index strong span{opacity:.55}.game-hud{pointer-events:none;position:absolute;inset:0}.reticle{position:absolute;left:50%;top:50%;width:8px;height:8px;border:1px solid #fff4d5eb;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px #191323}.reticle.active{width:12px;height:12px;border-color:var(--gold);background:#f6c76535}.target{position:absolute;top:calc(50% + 23px);left:50%;transform:translate(-50%);display:grid;gap:4px;min-width:155px;padding:9px 14px;text-align:center;background:#192135eb;border:1px solid #f6c76569;border-radius:5px}#target-title{font-size:14px;font-weight:750}#target-action{color:var(--gold);font-size:11px}.hud-bottom{position:absolute;bottom:22px;left:34px;right:34px;display:flex;justify-content:space-between;align-items:center;gap:12px}.control-guide{display:flex;flex-wrap:wrap;gap:7px 14px;align-items:center;font-size:11px;color:#f0e4c9;text-shadow:0 1px 4px #10182b}kbd{font:700 10px var(--mono);border:1px solid #eedab15e;border-radius:3px;background:#161f32ec;color:#f8ead0;padding:2px 5px;white-space:nowrap}.progress-readout{display:flex;gap:7px;align-items:center;white-space:nowrap;color:#e2cb9d;font:700 10px var(--mono);letter-spacing:.08em}#explored{color:#fff0ca}.resume{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px;background:#151c2b88}.resume p{font-size:13px;color:#eee2c6;margin:0}.notice{position:absolute;top:78px;right:34px;z-index:3;padding:12px 15px;max-width:min(330px,calc(100vw - 42px));background:#172135f0;border:1px solid var(--rule);border-radius:4px;color:var(--ink);font-size:13px}.shelf-stock{position:absolute;z-index:1;top:84px;left:34px;display:flex;align-items:center;gap:7px;max-width:calc(100% - 68px)}.shelf-stock-label{min-width:125px;padding:6px 10px;border:1px solid var(--rule);border-radius:4px;background:#182443ed;color:var(--gold)}.shelf-stock-label strong,.shelf-stock-label span{display:block;font:700 11px/1.5 var(--mono)}.shelf-stock-label span{color:var(--ink)}.touch-controls{display:none}dialog{color:var(--ink);margin:auto;padding:0;border:1px solid #cfb1766a;border-radius:9px;background:var(--panel);box-shadow:0 26px 100px #080c17b9;max-width:calc(100vw - 28px);max-height:88dvh}dialog::backdrop{background:#0a1122bc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.catalog-dialog{width:864px}.catalog-dialog[open]{display:flex;flex-direction:column}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 28px 18px;border-bottom:1px solid var(--rule)}.dialog-head h2{font-size:clamp(29px,5.5vw,52px);letter-spacing:-.055em;line-height:1.04;margin:7px 0 0}.circle{border:1px solid var(--rule);border-radius:50%;min-width:42px;min-height:42px;display:grid;place-items:center;font-size:24px;background:#172033;line-height:1}.circle:hover{border-color:var(--gold);color:var(--gold)}.catalog-scroll{min-height:0;overflow-y:auto;padding:18px 28px 30px;scrollbar-color:#927849 #182137}.catalog-tools{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 28px;border-bottom:1px solid var(--rule)}.catalog-filters,.catalog-navigation,.pages,.import-actions{display:flex;align-items:end;flex-wrap:wrap;gap:8px}.pages{align-items:center}.pages span{min-width:47px;text-align:center;color:var(--faded);font:700 11px var(--mono)}.catalog-filters label,.csv-label{display:grid;gap:5px;font-size:12px;color:var(--faded)}.catalog-filters input,.catalog-filters select,#watched-file,#profile-username,#saved-profile-pages{background:#14234a;color:var(--ink);border:1px solid var(--rule);border-radius:4px;min-height:42px;padding:6px 10px;font:inherit;font-size:13px}.catalog-filters input{width:155px}.catalog-filters select{max-width:160px}.catalog-navigation .ticket{min-height:42px;padding:0 12px;gap:9px;font-size:12px}.credits{display:flex;align-items:center;gap:9px 15px;flex-wrap:wrap;padding:11px 28px;border-top:1px solid var(--rule);color:var(--faded);font-size:10px}.credits img{display:block;width:81px;height:auto}.import-dialog{width:590px}.import-body{padding:16px 28px 25px}.import-body p{font-size:14px;line-height:1.45}.import-body a{color:var(--gold)}.import-body .import-detail{color:var(--faded);font-size:12px}.csv-label{margin:21px 0 7px}#watched-file{max-width:100%}.profile-import .csv-label{margin-top:0}#profile-username{width:min(100%,280px)}.import-alternative{border-top:1px solid var(--rule);margin-top:13px;padding-top:12px}.import-alternative summary{cursor:pointer;color:var(--gold);font-size:13px;font-weight:700}.import-alternative input{display:block;max-width:100%;margin-bottom:8px}#import-progress{display:block;width:100%;height:12px;margin-top:14px;accent-color:var(--gold)}.import-status:empty{display:none}.import-status[data-error=true]{color:#ffb8ae}.import-actions{margin-top:16px}.guide-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:9px;padding:16px}.guide-list .pill{display:flex;flex-direction:column;gap:3px;padding:8px 12px;align-items:flex-start}.guide-list small{color:var(--gold);font:700 10px var(--mono)}.catalog-section+.catalog-section{margin-top:22px}.catalog-section h3{margin:0 0 12px;color:var(--gold);font:700 11px var(--mono);letter-spacing:.13em;text-transform:uppercase}.catalog-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.catalog-scroll>.eyebrow{margin:0 0 12px}.film-card{display:flex;align-items:start;flex-direction:column;gap:5px;min-width:0;padding:0;text-align:left;border:0;background:transparent}.film-poster{display:grid;place-items:center;overflow:hidden;width:100%;aspect-ratio:2/3;border:1px solid #e8d2ac4b;border-radius:3px;background:#12203c;color:var(--faded);text-align:center;font:700 12px var(--mono);transition:border .15s,transform .15s}.film-poster img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}.film-card:hover .film-poster{border-color:var(--gold);transform:translateY(-2px)}.film-card strong{font-size:12px;line-height:1.25;overflow-wrap:anywhere}.film-card small{font:700 10px var(--mono);color:var(--faded)}.inspect-dialog{inset:0;width:100%;height:100%;max-width:none;max-height:none;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden}.inspect-dialog::backdrop{background:#0a112270;-webkit-backdrop-filter:none;backdrop-filter:none}body:has(.inspect-dialog[open]) :is(.topbar,.intro,.notice){visibility:hidden}#tape-view{width:100%;height:100%;display:grid;place-items:center;touch-action:none;cursor:grab}#tape-view:focus{outline:none}#tape-view:active{cursor:grabbing}#close-film{position:absolute;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right))}.fallback-poster{max-width:75%;max-height:74dvh;object-fit:contain;border-radius:3px}@media(pointer:coarse){.touch-controls{position:absolute;inset:auto 19px 45px;display:flex;justify-content:space-between;align-items:end}.touch-controls button{pointer-events:auto;touch-action:none}.dpad{display:grid;grid-template-columns:repeat(3,45px);gap:4px}.dpad button{width:45px;height:45px;background:#1b253bdc;border:1px solid #e5d0a174;border-radius:5px}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1}.dpad button:active{background:#695a4b}.control-guide,#target-action{display:none}}@media(max-width:620px){.topbar{padding:17px 16px}.shelf-stock{top:72px;left:16px;max-width:calc(100% - 32px)}.top-actions{gap:6px}.pill{min-height:44px;padding-inline:10px}.wordmark{font-size:11px;gap:8px}.brand-mark{width:29px;height:25px}.intro{padding:0 23px max(32px,8dvh);background:linear-gradient(0deg,#101829f9 0%,#10182980 46%,transparent 74%)}.intro-index{display:none}.intro p{max-width:290px}.hud-bottom{left:19px;right:19px;bottom:17px}.catalog-scroll{padding:16px}.catalog-tools,.credits,.import-body{padding-inline:16px}.catalog-filters input{width:134px}.top-actions .sound span{display:none}#import-button svg,#catalog-button svg{display:none}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dialog-head{padding:15px 16px}.notice{right:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:0s!important}}