:root{--navy-900:#05070f;--navy-800:#0a1020;--panel:#101b2e;--panel-2:#17253c;--panel-edge:#7eb6ff61;--gold:#ffd166;--gold-deep:#f4a62a;--pink:#ff2d6a;--pink-soft:#ff7aa2;--cyan:#6fd3ff;--text:#eef3ff;--muted:#9fb0cc;--danger:#ff4d4d;--ok:#5ddc8f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--text);overscroll-behavior:none;background:#03050b;margin:0;padding:0;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Noto Sans JP,Meiryo,system-ui,sans-serif}#root{height:100%}.app-root{background:radial-gradient(circle at 50% 20%,#131c33 0%,#05070f 60%,#03050b 100%);place-items:center;width:100%;height:100%;min-height:100dvh;display:grid}.app-frame{background:var(--navy-800);flex-direction:column;width:min(100vw,56.25dvh,540px);height:min(100dvh,177.778vw,960px);font-size:clamp(12px,3.4cqw,16px);display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #7eb6ff2e,0 24px 60px #000000b3;container-type:size}.screen{flex-direction:column;animation:.26s ease-out screen-in;display:flex;position:absolute;inset:0}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.panel{border:1px solid var(--panel-edge);background:linear-gradient(#17253cf0,#0c1422f0);border-radius:10px;box-shadow:inset 0 1px #ffffff14}.btn{appearance:none;border:1px solid var(--panel-edge);color:var(--text);font:inherit;cursor:pointer;background:linear-gradient(#1d2e4a,#111c2f);border-radius:10px;padding:.75em 1.1em;font-weight:700;transition:transform 90ms,filter .12s}.btn:active{filter:brightness(1.2);transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:linear-gradient(#ff4d7e,#d5003f);border-color:#ffbed2b3;box-shadow:0 0 18px #ff2d6a73}.btn--ghost{background:#ffffff0f}.btn--gold{background:linear-gradient(180deg, var(--gold), var(--gold-deep));color:#2a1a00;border-color:#fff0c8cc}.paper-label{color:#1a1a1a;letter-spacing:.02em;background:#f6f2e6;padding:.25em .8em;font-weight:800;transform:rotate(-1.4deg);box-shadow:0 2px 6px #00000080}.stack{flex-direction:column;display:flex}.muted{color:var(--muted)}.center{text-align:center}.stage{background:var(--navy-900);flex-direction:column;display:flex;position:absolute;inset:0}.titlebar{background:linear-gradient(#0c1424,#070d18);border-bottom:1px solid #7eb6ff33;align-items:center;gap:.5em;padding:.5em .6em;display:flex}.titlebar__logo{align-items:center;gap:.35em;min-width:0;display:flex}.titlebar__name{letter-spacing:.02em;white-space:nowrap;text-shadow:0 2px #000;font-size:1.15em;font-weight:900}.titlebar__name em{color:var(--pink);font-style:normal}.titlebar__sub{color:var(--muted);white-space:nowrap;font-size:.62em}.titlebar__spacer{flex:1}.menu-btn{border:1px solid var(--panel-edge);width:3em;color:var(--text);cursor:pointer;background:linear-gradient(#1d2e4a,#111c2f);border-radius:8px;place-items:center;gap:2px;padding:.3em 0;font-size:.65em;font-weight:800;display:grid}.menu-btn span{background:var(--text);border-radius:2px;width:1.6em;height:2px;display:block}.hud{background:linear-gradient(#090f1cf2,#060a14f2);border-bottom:1px solid #7eb6ff29;grid-template-columns:auto 1fr auto;gap:.4em;padding:.45em .6em;display:grid}.hud__box{border:1px solid var(--panel-edge);background:linear-gradient(#17253ce6,#0a111ee6);border-radius:8px;padding:.35em .6em}.hud__label{letter-spacing:.14em;color:var(--muted);font-size:.6em;font-weight:700}.hud__score{color:var(--gold);text-shadow:0 2px #0009;font-size:1.5em;font-weight:900;line-height:1.05}.hud__score small{margin-left:.15em;font-size:.5em}.hud__combo{color:var(--muted);align-items:baseline;gap:.4em;font-size:.72em;font-weight:800;display:flex}.hud__combo b{color:var(--text);font-size:1.5em}.hud__combo .mult{color:var(--pink-soft)}.hud__mission{flex-direction:column;justify-content:center;display:flex}.hud__mission-text{font-size:.72em;font-weight:700;line-height:1.25}.hud__mission-count{color:var(--gold);font-weight:900}.hud__timer{font-variant-numeric:tabular-nums;font-size:1.3em;font-weight:900;line-height:1.05}.hud__timer.is-warning{color:var(--danger);animation:.8s infinite pulse}@keyframes pulse{50%{opacity:.45}}.gamearea{isolation:isolate;flex:1;min-height:0;position:relative;overflow:hidden}.backdrop{position:absolute;inset:0}.backdrop__img{object-fit:cover;object-position:center 22%;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.backdrop__dusk{mix-blend-mode:multiply;pointer-events:none;background:linear-gradient(#ff823c29,#78284647);position:absolute;inset:0}.backdrop--morning{background:linear-gradient(#cfe4ff 0%,#a8c6e8 42%,#6d8098 72%,#4a586b 100%)}.backdrop--lunch{background:linear-gradient(#ffeccc 0%,#ffd9a3 40%,#b9987a 74%,#6d5947 100%)}.backdrop--after{background:linear-gradient(#ffb27a 0%,#e2766e 38%,#7b4a6b 72%,#37263f 100%)}.backdrop__floor{background:linear-gradient(#0000000d,#0000006b);height:46%;position:absolute;bottom:0;left:0;right:0}.backdrop__vanish{filter:blur(6px);background:radial-gradient(#ffffff8c,#0000 70%);width:26%;height:34%;position:absolute;top:26%;left:50%;transform:translate(-50%)}.backdrop__line{background:#ffffff38;position:absolute}.backdrop__notice{color:#b3161b;text-align:center;background:#f7f3e8;width:22%;padding:.5em .3em;font-size:.62em;font-weight:900;line-height:1.25;position:absolute;top:8%;left:3%;transform:rotate(-2deg);box-shadow:0 3px 8px #00000059}.backdrop__banner{color:#24304a;text-align:center;background:#ffffffe0;border-radius:2px;width:46%;padding:.35em;font-size:.6em;font-weight:800;line-height:1.3;position:absolute;top:6%;left:26%;box-shadow:0 3px 8px #00000047}.target{cursor:pointer;filter:drop-shadow(0 4px 6px #00000059);background:0 0;border:0;width:auto;padding:0;transition:transform .12s;position:absolute;transform:translate(-50%,-100%)}.target__ground{pointer-events:none;background:radial-gradient(#00000073,#0000 70%);border-radius:50%;width:62%;height:6%;position:absolute;bottom:0;left:50%;transform:translate(-50%,40%)}.target__img,.target__sprite{width:auto;height:100%;display:block}.target:active{transform:translate(-50%,-100%)scale(.97)}.target__mark{background:var(--pink);color:#fff;border:2px solid #fff;border-radius:50%;flex:none;place-items:center;width:1.5em;height:1.5em;font-size:.9em;font-weight:900;animation:1.1s ease-in-out infinite bob;display:grid;box-shadow:0 0 12px #ff2d6acc}@keyframes bob{50%{transform:translateY(-4px)}}.target__label{pointer-events:none;justify-items:center;gap:.15em;margin-bottom:.25em;display:grid;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.target__nameline{align-items:center;gap:.25em;display:flex}.target__name{white-space:nowrap;background:#060a14c7;border:1px solid #7eb6ff4d;border-radius:999px;padding:.1em .45em;font-size:.55em;font-weight:700}.target__debug{color:#ffe08a;white-space:nowrap;background:#000000b3;border-radius:3px;padding:0 .3em;font-size:.5em;font-weight:800}.reticle{pointer-events:none;border:2px solid var(--pink);border-radius:50%;width:3.4em;height:3.4em;animation:.22s ease-out reticle-in;position:absolute;top:14%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 18px #ff2d6acc,inset 0 0 18px #ff2d6a66}.reticle:before,.reticle:after{content:"";background:var(--pink);position:absolute}.reticle:before{width:2px;height:22%;box-shadow:0 118% 0 var(--pink);top:-10%;left:50%;transform:translate(-50%)}.reticle:after{width:22%;height:2px;box-shadow:118% 0 0 var(--pink);top:50%;left:-10%;transform:translateY(-50%)}@keyframes reticle-in{0%{opacity:0;transform:translate(-50%,-50%)scale(1.4)}}.report-btn{z-index:130;aspect-ratio:1;color:#fff;cursor:pointer;background:radial-gradient(circle at 35% 30%,#ff6b95,#e50046 60%,#a80034 100%);border:3px solid #ffd2e1d9;border-radius:50%;place-items:center;gap:0;width:27%;animation:1.8s ease-in-out infinite report-glow;display:grid;position:absolute;bottom:4%;right:4%;box-shadow:0 0 24px #ff2d6a8c,0 6px 14px #00000080}.report-btn:disabled{filter:grayscale(.55)brightness(.85);opacity:.9;cursor:not-allowed;animation:none}.report-btn__jp{letter-spacing:.08em;text-shadow:0 2px 3px #00000080;font-size:1.4em;font-weight:900;line-height:1}.report-btn__en{letter-spacing:.18em;opacity:.9;font-size:.55em;font-weight:800}@keyframes report-glow{50%{box-shadow:0 0 34px #ff2d6ae6,0 6px 14px #00000080}}.speech{background:linear-gradient(#090f1cf5,#060a14f5);border-top:1px solid #7eb6ff2e;grid-template-columns:auto 1fr;align-items:center;gap:.5em;padding:.5em .6em;display:grid}.speech__face{border:1px solid var(--panel-edge);background:#16233a;border-radius:8px;flex:none;width:3.4em;height:3.4em;overflow:hidden}.speech__face-img{object-fit:cover;width:100%;height:100%;display:block}.speech__body{min-width:0}.speech__name{background:#2d4a8a;border:1px solid #7eb6ff80;border-radius:3px;padding:.05em .6em;font-size:.62em;font-weight:800;display:inline-block}.speech__text{margin-top:.25em;font-size:.72em;line-height:1.4}.bottomnav{background:linear-gradient(#0b1220,#060a14);border-top:1px solid #7eb6ff33;grid-template-columns:repeat(5,1fr);display:grid}.bottomnav button{appearance:none;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;justify-items:center;gap:.25em;padding:.55em 0 .6em;font-size:.6em;font-weight:700;display:grid}.bottomnav button.is-active{color:var(--text)}.bottomnav .icon{font-size:1.5em;line-height:1}.debug-panel{z-index:40;background:#000000c7;border:1px solid #ffe08a;border-radius:8px;gap:.3em;max-width:46%;padding:.4em .5em;font-size:.55em;display:grid;position:absolute;bottom:4%;left:2%}.debug-panel b{color:#ffe08a}.debug-panel .row{flex-wrap:wrap;gap:.3em;display:flex}.debug-panel button{font:inherit;color:#ffe08a;cursor:pointer;background:#20180a;border:1px solid #ffe08a;border-radius:5px;padding:.2em .45em}.mission-clear{z-index:140;font:inherit;color:#2a1a00;background:linear-gradient(180deg, var(--gold), var(--gold-deep));cursor:pointer;white-space:nowrap;border:2px solid #fff3cf;border-radius:999px;padding:.6em 1.2em;font-size:.8em;font-weight:900;animation:1.4s ease-in-out infinite bob;position:absolute;bottom:4%;left:50%;transform:translate(-50%);box-shadow:0 0 22px #ffd16699}.desk{cursor:pointer;filter:drop-shadow(0 4px 8px #00000073);background:0 0;border:0;width:auto;padding:0;transition:transform .12s;position:absolute;transform:translate(-50%,-100%)}.desk__img{width:auto;height:100%;display:block}.desk__frame{aspect-ratio:1.25;background:#ffd16624;border:2px dashed #ffd166e6;border-radius:10px;height:100%;animation:1.8s ease-in-out infinite desk-pulse;display:block;box-shadow:0 0 16px #ffd16659}@keyframes desk-pulse{50%{background:#ffd16642}}.desk__icon{filter:drop-shadow(0 2px 4px #000000b3);place-items:center;width:46%;font-size:1.2em;animation:1.8s ease-in-out infinite bob;display:grid;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.desk__icon img{width:100%;height:auto;display:block}.desk__label{white-space:nowrap;color:#2a1a00;background:linear-gradient(180deg, var(--gold), var(--gold-deep));pointer-events:none;border:1px solid #fff0c8cc;border-radius:999px;margin-top:.2em;padding:.1em .5em;font-size:.55em;font-weight:800;position:absolute;top:100%;left:50%;transform:translate(-50%)}.desk__debug{color:#ffe08a;white-space:nowrap;background:#000000b3;border-radius:3px;padding:0 .3em;font-size:.5em;font-weight:800;position:absolute;top:calc(100% + 1.6em);left:50%;transform:translate(-50%)}.desk:active{transform:translate(-50%,-100%)scale(.96)}.areabar{background:linear-gradient(#0c1424f5,#070c16f5);border-bottom:1px solid #7eb6ff29;align-items:center;gap:.5em;padding:.35em .6em;display:flex}.areabar__label{letter-spacing:.12em;color:var(--muted);flex:none;font-size:.58em;font-weight:800;line-height:1.3}.areabar__cost{color:var(--pink-soft);display:block}.areabar__list{flex:1;gap:.35em;min-width:0;display:flex;overflow-x:auto}.areabar__chip{min-width:0;font:inherit;white-space:nowrap;border:1px solid var(--panel-edge);color:var(--text);cursor:pointer;background:linear-gradient(#1d2e4a,#111c2f);border-radius:8px;flex:1 1 0;align-items:center;gap:.35em;padding:.4em .5em;font-size:.62em;font-weight:800;display:flex}.areabar__chip.is-here{opacity:1;cursor:default;background:linear-gradient(#ff4d7e,#d5003f);border-color:#ffbed2b3}.areabar__chip:disabled:not(.is-here){opacity:.4;cursor:not-allowed}.areabar__name{text-overflow:ellipsis;overflow:hidden}.areabar__count{background:#ffffff2e;border-radius:999px;margin-left:auto;padding:0 .4em;font-weight:900}.areabar__count.is-empty{opacity:.45}.signage{z-index:2;pointer-events:none;filter:drop-shadow(0 3px 6px #0006);position:absolute}.mob{pointer-events:none;width:auto;position:absolute}.player-foreground{z-index:150;pointer-events:none;filter:drop-shadow(0 -4px 18px #00000080);width:47%;position:absolute;bottom:-9%;left:-7%}.report-btn__icon{filter:drop-shadow(0 2px 3px #00000080);pointer-events:none;width:46%;height:auto;margin-bottom:-.1em}.hud__place{letter-spacing:0;color:var(--cyan);margin-left:.6em;font-weight:800}.title-screen{text-align:center;background:#05070f;justify-content:space-between;padding:2em 1.2em 1.6em;overflow:hidden}.title-screen__bg{z-index:0;object-fit:cover;object-position:center 30%;width:100%;height:100%;position:absolute;inset:0}.title-screen__bg--fallback{background:radial-gradient(circle at 50% 25%,#2a1730 0%,#0b1020 55%,#05070f 100%)}.title-screen__scrim-top{z-index:1;background:linear-gradient(#04060ce0,#04060c00);height:34%;position:absolute;inset:0 0 auto}.title-screen__scrim-bottom{z-index:1;background:linear-gradient(#04060c00,#04060ceb);height:46%;position:absolute;inset:auto 0 0}.title-screen__logo{z-index:2;justify-items:center;gap:.3em;margin-top:.6em;display:grid;position:relative}.title-screen__main{letter-spacing:.04em;text-shadow:0 3px #000,0 0 24px #ff2d6a99;font-size:2.5em;font-weight:900;line-height:1.08}.title-screen__line{display:block}.title-screen__main em{color:var(--pink);font-style:normal}.title-screen__tagline{color:#fff;letter-spacing:.18em;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-shadow:0 1px 3px #000000e6;background:#060912b8;border:1px solid #ff2d6a73;border-radius:999px;padding:.4em 1.1em .4em 1.2em;font-size:.95em;font-weight:700}.title-screen__menu{z-index:2;gap:.6em;margin-bottom:.5em;display:grid;position:relative}.title-screen__footer{color:var(--muted);font-size:.6em}.loop-screen{gap:.8em;padding:1.2em 1em;overflow-y:auto}.screen-heading{letter-spacing:.08em;border-left:4px solid var(--pink);padding-left:.5em;font-size:1.1em;font-weight:900}.loop-card{text-align:left;width:100%;min-height:8em;padding:0;position:relative;overflow:hidden}.loop-card__thumb{z-index:0;object-fit:cover;object-position:center 30%;width:100%;height:100%;position:absolute;inset:0}.loop-card--locked .loop-card__thumb{filter:grayscale(.7)brightness(.4)}.loop-card__scrim{z-index:1;background:linear-gradient(100deg,#060a14eb 45%,#060a148c 100%);position:absolute;inset:0}.loop-card__body{z-index:2;gap:.35em;padding:.85em;display:grid;position:relative}.loop-card__top{align-items:center;gap:.5em;display:flex}.loop-card__no{color:var(--gold);letter-spacing:.1em;font-size:.65em;font-weight:800}.loop-card__diff{color:var(--pink-soft);background:#ff2d6a2e;border:1px solid #ff7aa299;border-radius:999px;margin-left:auto;padding:.15em .6em;font-size:.62em;font-weight:900}.loop-card__school{font-size:1.05em;font-weight:900}.loop-card__theme{color:var(--muted);font-size:.72em}.loop-card__best{color:var(--gold);font-size:.68em;font-weight:800}.loop-card--locked{opacity:.45}.story-screen{cursor:pointer;background:#05070f;justify-content:flex-end;overflow:hidden}.story-screen__bg-img{z-index:0;object-fit:cover;object-position:center 25%;width:100%;height:100%;position:absolute;inset:0}.story-screen__scrim{z-index:1;background:linear-gradient(#04060cbf,#04060c00);height:22%;position:absolute;inset:0 0 auto}.story-screen__title{z-index:2;color:#dfe6f5;letter-spacing:.1em;text-shadow:0 2px 4px #000c;border-bottom:1px solid #7eb6ff59;padding-bottom:.4em;font-size:.8em;font-weight:800;position:absolute;top:1.2em;left:1.2em;right:1.2em}.story-screen__character{z-index:1;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 12px 26px #000000a6);width:auto;max-width:none;height:69%;animation:.26s ease-out bust-in;position:absolute;bottom:8.6em;left:50%;transform:translate(-50%)}@keyframes bust-in{0%{opacity:0;transform:translate(-50%)translateY(10px)}}.story-screen__box{z-index:2;border:1px solid var(--panel-edge);background:linear-gradient(#0a1220f0,#060a14f7);border-radius:12px;min-height:8.5em;margin:0 .7em .9em;padding:.9em .9em 1em;position:relative}.story-screen__speaker{background:linear-gradient(#3a5fae,#22366a);border:1px solid #7eb6ff99;border-radius:4px;padding:.15em .8em;font-size:.7em;font-weight:800;display:inline-block;position:absolute;top:-.9em;left:.8em}.story-screen__text{min-height:4.5em;font-size:.86em;line-height:1.65}.story-screen__next{color:var(--gold);font-size:.66em;font-weight:800;animation:1.2s ease-in-out infinite bob;position:absolute;bottom:.5em;right:.8em}.story-screen__skip{z-index:5;padding:.35em .8em;font-size:.62em;position:absolute;top:1em;right:1em}.story-screen__progress{color:var(--muted);font-size:.6em;position:absolute;bottom:.5em;left:.9em}.result-screen{background:linear-gradient(#14203a,#05070f);gap:.7em;padding:1.2em 1em 1em;overflow-y:auto}.result-screen__stage{color:var(--muted);letter-spacing:.16em;font-size:.75em;font-weight:800}.result-screen__total{justify-items:center;padding:.8em;display:grid}.result-screen__total-label{letter-spacing:.24em;color:var(--muted);font-size:.65em;font-weight:800}.result-screen__total-value{color:var(--gold);text-shadow:0 3px #00000080;font-size:2.6em;font-weight:900;line-height:1.1}.rank-badge{color:#2a1a00;background:radial-gradient(circle at 35% 30%, #fff0bf, var(--gold) 55%, var(--gold-deep));border-radius:50%;place-items:center;width:3.2em;height:3.2em;font-size:1.5em;font-weight:900;display:grid;box-shadow:0 0 22px #ffd1668c}.rank-badge--low{color:#17202f;box-shadow:none;background:radial-gradient(circle at 35% 30%,#d6e2f5,#8fa5c4 60%,#5d708c)}.stat-list{border:1px solid var(--panel-edge);background:#7eb6ff2e;border-radius:10px;gap:1px;display:grid;overflow:hidden}.stat-row{background:#0d1524f2;justify-content:space-between;align-items:center;padding:.5em .8em;font-size:.78em;display:flex}.stat-row b{font-size:1.15em;font-weight:900}.stat-row--highlight b{color:var(--pink-soft)}.result-screen__actions{gap:.5em;margin-top:auto;padding-top:.6em;display:grid}.gauge{background:#ffffff1f;border-radius:999px;height:.7em;overflow:hidden}.gauge__fill{background:linear-gradient(90deg, var(--pink), var(--gold));height:100%;transition:width .6s ease-out}.ending-screen{background:#04060d;overflow:hidden}.ending-screen__cg{z-index:0;width:100%;height:100%;position:absolute;inset:0}.ending-screen__cg--cover{object-fit:cover;object-position:center 28%}.ending-screen__cg--contain{object-fit:contain;background:#0a0e1a}.ending-screen__cg--fallback{background:radial-gradient(circle at 50% 30%,#2b1430 0%,#080c18 60%,#04060d 100%)}.ending-screen__scrim{z-index:1;background:linear-gradient(#04060d00,#04060df0);height:62%;position:absolute;inset:auto 0 0}.ending-screen__title{z-index:2;text-align:center;letter-spacing:.06em;color:var(--gold);text-shadow:0 2px 4px #000000e6,0 0 22px #ffd16673;font-size:1.35em;font-weight:900;position:absolute;top:2.2em;left:0;right:0}.ending-screen__kicker{z-index:2;text-align:center;letter-spacing:.3em;color:#dfe6f5;text-shadow:0 2px 4px #000000e6;font-size:.68em;font-weight:800;position:absolute;top:1.1em;left:0;right:0}.ending-screen__unlock{text-align:center;color:var(--gold);background:#ffd1661f;border:1px solid #ffd16680;border-radius:10px;margin:0 .7em .6em;padding:.6em;font-size:.72em;font-weight:800}.settings-screen{gap:.9em;padding:1.2em 1em}.settings-row{gap:.35em;padding:.8em;display:grid}.settings-row label{font-size:.78em;font-weight:800}.settings-row input[type=range]{width:100%;accent-color:var(--pink)}.settings-note{color:var(--muted);font-size:.66em;line-height:1.5}.settings-muted{color:var(--danger);margin-left:.5em;font-size:.85em;font-weight:800}.modal-overlay{z-index:300;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#03060eb8;place-items:end center;padding:.8em;animation:.16s ease-out fade-in;display:grid;position:absolute;inset:0}.modal-overlay--center{place-items:center}@keyframes fade-in{0%{opacity:0}}.modal{border:1px solid var(--panel-edge);background:linear-gradient(#131f34fa,#080d18fc);border-radius:14px;width:100%;max-height:86%;padding:.9em;animation:.22s cubic-bezier(.2,.9,.3,1) modal-up;overflow-y:auto;box-shadow:0 -8px 40px #0009}@keyframes modal-up{0%{opacity:0;transform:translateY(18px)}}.modal__header{border-bottom:1px solid #7eb6ff40;align-items:center;gap:.5em;padding-bottom:.55em;display:flex}.modal__face{border:1px solid var(--panel-edge);object-fit:cover;border-radius:8px;flex:none;width:2.6em;height:2.6em;display:block}.modal__header-text{flex:1;min-width:0}.modal__kicker{letter-spacing:.2em;color:var(--cyan);font-size:.6em;font-weight:800}.modal__name{font-size:1.15em;font-weight:900}.modal__close{border:1px solid var(--panel-edge);width:1.9em;height:1.9em;color:var(--text);cursor:pointer;background:#ffffff12;border-radius:50%;margin-left:auto;font-size:.9em;font-weight:900}.observe__body{grid-template-columns:5.5em 1fr;gap:.7em;padding:.7em 0;display:grid}.observe__portrait{border:1px solid var(--panel-edge);aspect-ratio:3/4;background:linear-gradient(#1b2942,#0d1526);border-radius:10px;place-items:center;display:grid;overflow:hidden}.observe__meta{align-content:start;gap:.4em;display:grid}.observe__chips{flex-wrap:wrap;gap:.3em;display:flex}.chip{background:#7eb6ff24;border:1px solid #7eb6ff66;border-radius:999px;padding:.2em .6em;font-size:.6em;font-weight:800}.chip--danger{color:var(--pink-soft);background:#ff2d6a29;border-color:#ff7aa299}.observe__suspicion{color:var(--muted);gap:.2em;font-size:.62em;font-weight:800;display:grid}.observe__quote{border-left:3px solid var(--pink);background:#ff2d6a14;border-radius:0 8px 8px 0;padding:.5em .6em;font-size:.75em;line-height:1.5}.hint-title{letter-spacing:.14em;color:var(--cyan);margin:.5em 0 .35em;font-size:.65em;font-weight:900}.hint-list{gap:.35em;margin:0;padding:0;list-style:none;display:grid}.hint-list li{background:#ffffff0d;border:1px solid #7eb6ff2e;border-radius:8px;grid-template-columns:1.4em 1fr;gap:.3em;padding:.45em .55em;font-size:.74em;line-height:1.45;display:grid}.hint-list li .no{color:var(--gold);font-weight:900}.hint-list li.is-hidden{color:var(--muted);opacity:.75;font-style:italic}.observe__actions{grid-template-columns:1fr 1.4fr;gap:.5em;margin-top:.8em;display:grid}.result-modal{text-align:center;border-radius:16px;max-width:100%;padding:1.2em 1em}.result-modal--success{border-color:#ffd166b3;box-shadow:0 0 40px #ffd16640}.result-modal--fail{border-color:#ff4d4db3;box-shadow:0 0 40px #ff4d4d33}.result-modal__stamp{letter-spacing:.3em;color:var(--muted);font-size:.62em;font-weight:900}.result-modal__headline{text-shadow:0 2px #00000080;margin:.3em 0 .5em;font-size:1.3em;font-weight:900;line-height:1.3}.result-modal--success .result-modal__headline{color:var(--gold)}.result-modal--fail .result-modal__headline{color:var(--danger)}.result-modal__item{object-fit:contain;filter:drop-shadow(0 6px 10px #00000073);width:5.2em;height:5.2em;margin:.2em auto .4em;animation:.42s cubic-bezier(.2,1.4,.4,1) score-pop;display:block}.result-modal__points{font-size:2.3em;font-weight:900;line-height:1.1;animation:.4s cubic-bezier(.2,1.4,.4,1) score-pop}@keyframes score-pop{0%{opacity:0;transform:scale(.5)}}.result-modal__mult{color:var(--pink-soft);font-size:.68em;font-weight:800}.result-modal__detail{color:var(--text);margin:.7em 0 .2em;font-size:.75em;line-height:1.55}.result-modal__teacher-row{text-align:left;border-top:1px dashed #7eb6ff4d;align-items:center;gap:.6em;margin-top:.5em;padding-top:.5em;display:flex}.result-modal__teacher-face{object-fit:cover;object-position:top center;border:1px solid var(--panel-edge);background:#16233a;border-radius:8px;flex:none;width:2.6em;height:2.6em}.result-modal__teacher{color:var(--muted);font-size:.68em;line-height:1.5}.result-modal .btn{width:100%;margin-top:.9em}.menu-modal{gap:.5em;max-width:80%;display:grid}.menu-modal h3{margin:0 0 .3em;font-size:1em}.desk-modal{text-align:center;max-width:92%}.desk-modal__title{color:var(--gold);margin:.2em 0 .5em;font-size:1.1em;font-weight:900}.desk-modal__lead{color:var(--text);margin:0 0 .6em;font-size:.76em;line-height:1.6}.desk-modal__cost{color:var(--pink-soft)}.desk-modal__warn{color:var(--danger);margin:0 0 .6em;font-size:.72em;font-weight:800}.desk-modal__clue{text-align:left;border-left:3px solid var(--cyan);background:#6fd3ff1a;border-radius:0 8px 8px 0;margin:.6em 0 0;padding:.5em .6em;font-size:.72em;line-height:1.5}.desk-modal__time{color:var(--muted);margin:.6em 0 0;font-size:.66em}.hint-title__locked{color:var(--muted);letter-spacing:0;margin-left:.4em;font-size:.85em;font-weight:700}.desk-inside{aspect-ratio:4/3;border:1px solid var(--panel-edge);background:#0d1526;border-radius:10px;width:100%;margin:.4em 0 .6em;position:relative;overflow:hidden}.desk-inside__bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.desk-inside__item{filter:drop-shadow(0 8px 14px #000000a6);width:38%;animation:.42s cubic-bezier(.2,1.4,.4,1) score-pop;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.binocular{background:#6fd3ff12;border:1px solid #6fd3ff47;border-radius:10px;align-items:center;gap:.7em;margin-top:.7em;padding:.5em .6em;display:flex}.binocular__btn{cursor:pointer;background:0 0;border:0;flex:none;width:3.6em;height:3.6em;padding:0;transition:transform .12s;position:relative}.binocular__btn:active:not(.is-disabled){transform:scale(.94)}.binocular__btn.is-disabled{cursor:not-allowed;filter:grayscale(.6)brightness(.7)}.binocular__frame,.binocular__icon{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.binocular__icon{padding:20%}.binocular__count{background:var(--cyan);color:#06263a;border:2px solid #06263a;border-radius:999px;min-width:1.5em;padding:0 .25em;font-size:.62em;font-weight:900;line-height:1.5em;position:absolute;top:-.25em;right:-.25em}.binocular__count.is-empty{background:var(--muted);color:#1a1f28}.binocular__note{color:var(--text);margin:0;font-size:.7em;line-height:1.5}.binocular__note.is-muted{color:var(--muted)}.binocular-view{z-index:400;cursor:pointer;animation:.22s ease-out fade-in;position:absolute;inset:0}.binocular-view__frame{object-fit:cover;width:100%;height:100%;animation:.42s cubic-bezier(.2,.9,.3,1) binocular-focus;position:absolute;inset:0}@keyframes binocular-focus{0%{opacity:0;transform:scale(1.25)}}.binocular-view__hint{color:var(--text);text-align:center;background:#040a12e6;border:1px solid #6fd3ff99;border-radius:10px;margin:0;padding:.7em .9em;font-size:.78em;line-height:1.6;animation:.5s ease-out .3s backwards hint-in;position:absolute;bottom:16%;left:1.2em;right:1.2em}.binocular-view__label{letter-spacing:.2em;color:var(--cyan);margin-bottom:.25em;font-size:.75em;font-weight:900;display:block}@keyframes hint-in{0%{opacity:0;transform:translateY(8px)}}