@font-face{font-family:Zen Maru Gothic;font-style:normal;font-weight:400 500;font-display:swap;src:url(./zmg-500-TrqoqKsl.woff2) format("woff2")}@font-face{font-family:Zen Maru Gothic;font-style:normal;font-weight:600 700;font-display:swap;src:url(./zmg-700-BTEvUGz6.woff2) format("woff2")}@font-face{font-family:Zen Maru Gothic;font-style:normal;font-weight:800 900;font-display:swap;src:url(./zmg-900-HffjrgjM.woff2) format("woff2")}@font-face{font-family:Yuji Boku;font-style:normal;font-weight:400;font-display:swap;src:url(./yuji-logo-DXz0tvMT.woff2) format("woff2")}:root{--stage: #1f2633;--paper: #fbf6ec;--paper-2: #f2e8d5;--paper-3: #e9dcc3;--ink: #3b2f28;--ink-2: #6b5a4e;--ink-3: #9a8878;--line: #d9c9a9;--accent: #c8423a;--accent-ink: #ffffff;--leaf: #4f8a3a;--sky: #3b6c9c;--gold: #c9921f;--panel: rgba(251, 246, 236, .95);--chip: rgba(251, 246, 236, .86);--scrim: rgba(24, 18, 14, .45);--shadow: 0 10px 28px rgba(40, 28, 18, .22);--shadow-s: 0 3px 10px rgba(40, 28, 18, .16);--radius: 18px;--font: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", "BIZ UDPGothic", "Yu Gothic UI", "Yu Gothic", Meiryo, system-ui, sans-serif;--logo: "Yuji Boku", "Hiragino Mincho ProN", "Yu Mincho", serif;--tag-fact: #2f6f4f;--tag-guess: #8a5aa8;--tag-theory: #b07a1e;--tag-oops: #c8423a;--tag-local: #3b6c9c;--tag-ai: #6b6b6b;--tag-heard: #7a6a2e;--tag-reason: #1f7a8c;--case: #e08a1e;--case-ink: #2a1606;--case-soft: rgba(224, 138, 30, .14);--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper: #2a231e;--paper-2: #342b25;--paper-3: #40352d;--ink: #f3eadb;--ink-2: #d2c3b0;--ink-3: #a8998a;--line: #5a4c40;--panel: rgba(38, 31, 27, .95);--chip: rgba(38, 31, 27, .84);--scrim: rgba(0, 0, 0, .55);--tag-fact: #6fc39a;--tag-guess: #c7a0e6;--tag-theory: #e5b25a;--tag-oops: #ff8a80;--tag-local: #8ab8ea;--tag-ai: #b8b8b8;--tag-heard: #d8c27a;--tag-reason: #7fd0dc;--case: #f0a64a;--case-soft: rgba(240, 166, 74, .16);color-scheme:dark}}:root[data-theme=dark]{--paper: #2a231e;--paper-2: #342b25;--paper-3: #40352d;--ink: #f3eadb;--ink-2: #d2c3b0;--ink-3: #a8998a;--line: #5a4c40;--panel: rgba(38, 31, 27, .95);--chip: rgba(38, 31, 27, .84);--scrim: rgba(0, 0, 0, .55);--tag-fact: #6fc39a;--tag-guess: #c7a0e6;--tag-theory: #e5b25a;--tag-oops: #ff8a80;--tag-local: #8ab8ea;--tag-ai: #b8b8b8;--tag-heard: #d8c27a;--tag-reason: #7fd0dc;--case: #f0a64a;--case-soft: rgba(240, 166, 74, .16);color-scheme:dark}html{font-size:16px}html[data-text=small]{font-size:14px}html[data-text=large]{font-size:18.5px}html,body{margin:0;height:100%;overflow:hidden;background:var(--stage);color:var(--ink);font-family:var(--font);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;-webkit-text-size-adjust:100%;user-select:none;-webkit-user-select:none}*{box-sizing:border-box}button{font-family:inherit;color:inherit}#app{position:fixed;inset:0}#scene{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}#ui{position:absolute;inset:0;pointer-events:none;overflow:hidden}#ui .interactive,#ui button,#ui input,#ui select,#ui textarea,#ui a,#ui .sheet,#ui .talk,#ui .popover,#ui .modal,#ui .title-screen{pointer-events:auto}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 58%,rgba(20,14,10,.28) 100%)}.boot{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:.6rem;background:radial-gradient(ellipse at 50% 40%,#3a4a5c,#1b2230);color:#f6eedf;z-index:50;transition:opacity .6s}.boot-logo{font-family:var(--logo);font-size:3.4rem;letter-spacing:.06em}.boot-sub{letter-spacing:.4em;font-weight:700;opacity:.8;font-size:.8rem}.boot-bar{width:180px;height:4px;border-radius:4px;background:#ffffff26;overflow:hidden;margin-top:.8rem}.boot-bar span{display:block;height:100%;width:40%;background:#f0c46a;border-radius:4px;animation:boot 1.2s ease-in-out infinite}@keyframes boot{0%{transform:translate(-100%)}to{transform:translate(260%)}}.boot-msg{font-size:.8rem;opacity:.7}.btn{appearance:none;border:0;border-radius:999px;padding:.75rem 1.4rem;font-size:1rem;font-weight:700;background:var(--paper);color:var(--ink);box-shadow:var(--shadow-s);cursor:pointer;transition:transform .12s,background .2s,box-shadow .2s;min-height:44px}.btn:active{transform:scale(.97)}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.ghost{background:transparent;box-shadow:inset 0 0 0 2px var(--line)}.btn:disabled{opacity:.45;cursor:default}.btn:focus-visible,.icon-btn:focus-visible,.action:focus-visible,.choice:focus-visible,.tab:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.icon-btn{appearance:none;border:0;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--chip);color:var(--ink);box-shadow:var(--shadow-s);cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.icon-btn svg{width:22px;height:22px}.hidden{display:none!important}.title-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:calc(6vh + var(--safe-t)) 16px calc(5vh + var(--safe-b));background:linear-gradient(180deg,#14100c40,#14100c00 35% 60%,#14100c73);z-index:20;transition:opacity .6s}.title-logo{text-align:center;color:#fffaf0;text-shadow:0 2px 18px rgba(0,0,0,.45)}.title-logo h1{margin:0;font-family:var(--logo);font-weight:400;font-size:clamp(3.4rem,15vw,6.4rem);line-height:1;letter-spacing:.04em}.title-logo .en{font-weight:900;letter-spacing:.5em;margin:.4rem 0 .9rem .5em;font-size:.95rem}.title-logo p{margin:0;font-size:1rem;line-height:1.7;font-weight:700}.title-menu{display:grid;gap:.7rem;width:min(320px,86vw)}.title-menu .btn{width:100%;font-size:1.05rem}.title-note{color:#f6eedf;font-size:.75rem;opacity:.85;text-align:center;line-height:1.6;margin-top:.4rem}.hud-top{position:absolute;top:calc(10px + var(--safe-t));left:calc(10px + var(--safe-l));right:calc(10px + var(--safe-r));display:flex;justify-content:space-between;align-items:flex-start;gap:8px;pointer-events:none}.clock-chip{pointer-events:auto;background:var(--chip);border-radius:14px;padding:6px 12px 7px;box-shadow:var(--shadow-s);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);line-height:1.25;min-width:0}.clock-chip .d{font-size:.72rem;color:var(--ink-2);font-weight:700}.clock-chip .t{font-size:1.05rem;font-weight:900;display:flex;align-items:center;gap:6px}.clock-chip .t small{font-size:.72rem;font-weight:700;color:var(--ink-2)}.top-left{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;pointer-events:none}.case-chip{pointer-events:auto;appearance:none;border:2px solid var(--case);background:var(--chip);color:var(--ink);border-radius:14px;padding:5px 11px 5px 7px;min-height:44px;display:flex;align-items:center;gap:6px;box-shadow:var(--shadow-s);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer;text-align:left;line-height:1.2;animation:toastin .3s ease-out}.case-chip svg{width:24px;height:24px;flex:none}.case-chip b{display:block;font-size:.84rem;font-weight:900}.case-chip small{display:block;font-size:.68rem;font-weight:700;color:var(--ink-2)}.case-chip.ready{background:var(--case);color:var(--case-ink);animation:casepulse 1.6s ease-in-out infinite}.case-chip.ready small{color:var(--case-ink);opacity:.8}.case-chip.solved{border-color:var(--leaf)}.case-chip.solved small{color:var(--gold);letter-spacing:.05em}.case-chip:active{transform:scale(.96)}@keyframes casepulse{0%,to{box-shadow:0 0 #e08a1e00}50%{box-shadow:0 0 0 5px #e08a1e73}}.is-talking .case-chip,.is-dressing .case-chip{opacity:0;pointer-events:none}.top-right{display:flex;gap:8px;pointer-events:auto}.gauges{margin-top:6px;display:grid;gap:4px;font-size:.68rem;font-weight:700;color:var(--ink-2)}.gauge{display:grid;grid-template-columns:max-content 72px;align-items:center;gap:6px}.gauge span{white-space:nowrap}.gauge i{display:block;height:7px;border-radius:7px;background:var(--paper-3);overflow:hidden}.gauge i b{display:block;height:100%;border-radius:7px;transition:width .6s}.actionbar{position:absolute;left:50%;bottom:calc(10px + var(--safe-b));transform:translate(-50%);width:min(560px,calc(100% - 20px));display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:6px;background:var(--panel);border-radius:22px;box-shadow:var(--shadow);pointer-events:auto;transition:transform .35s,opacity .3s}.actionbar.away{transform:translate(-50%,140%);opacity:0}.action{appearance:none;border:0;background:transparent;border-radius:16px;padding:6px 2px 5px;display:grid;justify-items:center;gap:2px;cursor:pointer;color:var(--ink);font-weight:700;font-size:.72rem;min-height:56px;transition:background .15s,transform .1s}.action svg{width:28px;height:28px}.action:active{transform:scale(.94)}.action.on{background:var(--paper-3)}.action.pulse{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #c9921f00}50%{box-shadow:0 0 0 4px #c9921f8c}}.popover{position:absolute;left:50%;bottom:calc(92px + var(--safe-b));transform:translate(-50%);width:min(520px,calc(100% - 20px));background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px;animation:pop .22s ease-out}@keyframes pop{0%{transform:translate(-50%,12px);opacity:0}}.popover h3{margin:0 0 8px 4px;font-size:.9rem;color:var(--ink-2)}.pop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}.pop-item{appearance:none;border:0;background:var(--paper-2);border-radius:14px;padding:10px 6px 8px;display:grid;justify-items:center;gap:4px;cursor:pointer;font-weight:700;font-size:.8rem;color:var(--ink);min-height:84px}.pop-item svg{width:36px;height:36px}.pop-item span{word-break:keep-all;overflow-wrap:anywhere;text-align:center;line-height:1.3}.pop-item small{font-weight:500;color:var(--ink-2);font-size:.66rem}.pop-item:active{transform:scale(.96)}.pop-item.on{box-shadow:inset 0 0 0 2px var(--gold)}.talk{position:absolute;left:50%;bottom:calc(8px + var(--safe-b));transform:translate(-50%);width:min(660px,calc(100% - 16px));max-height:min(50vh,480px);display:flex;flex-direction:column;background:var(--panel);border-radius:22px;box-shadow:var(--shadow);padding:14px 14px 12px;animation:rise .28s ease-out}@keyframes rise{0%{transform:translate(-50%,30px);opacity:0}}.talk-head{display:flex;align-items:center;gap:8px;margin-bottom:4px}.talk-name{font-weight:900;font-size:.86rem;color:var(--accent);letter-spacing:.05em}.tagchip{font-size:.66rem;font-weight:900;padding:2px 8px;border-radius:999px;color:#fff;background:var(--ink-3);white-space:nowrap}.tagchip.fact{background:var(--tag-fact)}.tagchip.guess{background:var(--tag-guess)}.tagchip.theory{background:var(--tag-theory)}.tagchip.oops{background:var(--tag-oops)}.tagchip.local{background:var(--tag-local)}.tagchip.ai{background:var(--tag-ai)}.tagchip.heard{background:var(--tag-heard)}.tagchip.reason{background:var(--tag-reason)}.ai-badge{font-size:.62rem;font-weight:900;padding:1px 7px;border-radius:999px;color:var(--ink-2);box-shadow:inset 0 0 0 1.5px var(--line);white-space:nowrap}.ai-badge.hidden{display:none}.talk-text.thinking{color:var(--ink-3)}.talk-text.thinking:after{content:"";display:inline-block;width:1.6em;text-align:left;animation:dots 1.2s steps(4,end) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.talk-close{margin-left:auto;width:36px;height:36px}.talk-text{font-size:1.12rem;line-height:1.7;font-weight:700;min-height:3.4em;padding:2px 4px 6px;overflow-y:auto;cursor:pointer;user-select:text;-webkit-user-select:text;white-space:pre-wrap;word-break:break-word}.talk-text .next{display:inline-block;margin-left:6px;color:var(--accent);animation:bob .9s ease-in-out infinite}@keyframes bob{50%{transform:translateY(3px)}}.choices{display:grid;gap:6px;margin:4px 0 8px;overflow-y:auto;min-height:0}.choice{appearance:none;border:0;text-align:left;padding:.62rem 1rem;border-radius:14px;background:var(--paper-2);box-shadow:inset 0 0 0 1.5px var(--line);font-size:.98rem;font-weight:700;cursor:pointer;min-height:44px;color:var(--ink)}.choice:hover{background:var(--paper-3)}.choice.end{background:transparent;color:var(--ink-2);font-size:.86rem}.suggests{display:flex;gap:6px;align-items:center;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:0 2px 7px;-webkit-overflow-scrolling:touch}.suggests::-webkit-scrollbar{display:none}.suggests .sg-label{flex:none;font-size:.7rem;font-weight:900;color:var(--ink-3)}.suggests .sg{appearance:none;flex:none;white-space:nowrap;font-family:inherit;font-size:.8rem;font-weight:700;color:var(--ink-2);background:transparent;border:0;box-shadow:inset 0 0 0 1.5px var(--line);border-radius:999px;padding:0 12px;min-height:34px;cursor:pointer}.suggests .sg:hover{background:var(--paper-2);color:var(--ink)}.suggests .sg:focus-visible{outline:3px solid var(--gold);outline-offset:1px}.inputrow{display:flex;gap:6px;align-items:center}.inputrow input{flex:1;min-width:0;height:46px;border-radius:23px;border:0;box-shadow:inset 0 0 0 2px var(--line);background:var(--paper);color:var(--ink);padding:0 16px;font-size:16px;font-family:inherit;font-weight:700;outline:none;user-select:text;-webkit-user-select:text}.inputrow input:focus{box-shadow:inset 0 0 0 2px var(--gold)}.inputrow .icon-btn{flex:none}.inputrow .icon-btn.send{background:var(--accent);color:#fff}.talk-note{font-size:.68rem;color:var(--ink-3);margin:6px 4px 0}.story-card{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:#140f0a8c;color:#fff8ea;z-index:30;animation:fade .5s ease-out;pointer-events:auto}.story-card .no{font-size:.9rem;letter-spacing:.4em;font-weight:700;opacity:.85}.story-card .tt{font-family:var(--logo);font-size:clamp(2rem,9vw,3.4rem);margin-top:.4rem}@keyframes fade{0%{opacity:0}}#ui .dress{pointer-events:auto}.dress{position:absolute;left:50%;bottom:calc(8px + var(--safe-b));transform:translate(-50%);width:min(660px,calc(100% - 16px));max-height:min(46vh,440px);display:flex;flex-direction:column;background:var(--panel);border-radius:22px;box-shadow:var(--shadow);padding:12px 12px 10px;z-index:15;animation:rise2 .25s ease-out}.dress-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.dress-head h2{margin:0 0 0 4px;font-size:1.05rem;font-weight:900;white-space:nowrap}.dress-head .icon-btn{margin-left:auto;flex:none}.grow-chip{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.72rem;font-weight:700;color:var(--ink-2);background:var(--paper-2);border-radius:999px;padding:4px 10px;min-width:0;line-height:1.35}.dress .tabs{padding:0 0 8px}.dress .tab{padding:8px 11px}.dress .tab.has-new:after{content:"";display:inline-block;width:7px;height:7px;margin-left:5px;border-radius:50%;background:var(--accent);vertical-align:middle}.dress-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(94px,1fr));gap:8px;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:2px;min-height:0}.look-item{appearance:none;position:relative;border:2px solid transparent;background:var(--paper-2);border-radius:14px;padding:8px 4px 7px;display:grid;justify-items:center;gap:3px;font:inherit;font-size:.78rem;color:var(--ink);cursor:pointer;min-height:92px}.look-item .ic svg{width:44px;height:44px}.look-item b{font-weight:800;font-size:.74rem;white-space:nowrap;letter-spacing:-.02em;line-height:1.25;text-align:center;word-break:keep-all;overflow-wrap:anywhere}.look-item small{font-size:.64rem;color:var(--ink-2);line-height:1.3;text-align:center}.look-item.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--paper-2))}.look-item.locked{color:var(--ink-2);cursor:default}.look-item.new:after{content:"NEW";position:absolute;top:4px;right:6px;font-size:.56rem;font-weight:900;color:var(--accent-ink);background:var(--accent);border-radius:999px;padding:1px 5px}.look-item:active{transform:scale(.97)}.is-dressing .clock-chip{visibility:hidden}.is-dressing .actionbar,.is-dressing .hint{display:none!important}.sheet-wrap{position:absolute;inset:0;background:var(--scrim);display:grid;place-items:end center;z-index:25;animation:fade .2s;pointer-events:auto}.sheet{width:min(860px,100%);height:min(92vh,100%);background:var(--paper);border-radius:22px 22px 0 0;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;animation:rise2 .28s ease-out;padding-bottom:var(--safe-b)}@keyframes rise2{0%{transform:translateY(40px);opacity:0}}.sheet-head{display:flex;align-items:center;gap:10px;padding:14px 14px 8px 18px}.sheet-head h2{margin:0;font-size:1.2rem;font-weight:900;white-space:nowrap;flex:none}.sheet-head .count{font-size:.72rem;color:var(--ink-2);font-weight:700;line-height:1.4;min-width:0}.sheet-head .icon-btn{margin-left:auto}.tabs{display:flex;gap:6px;padding:0 12px 8px;overflow-x:auto;scrollbar-width:none;flex:none}.tabs::-webkit-scrollbar{display:none}.tab{appearance:none;border:0;white-space:nowrap;padding:8px 14px;border-radius:999px;background:var(--paper-2);font-weight:700;font-size:.85rem;cursor:pointer;color:var(--ink-2);min-height:38px}.tab.on{background:var(--ink);color:var(--paper)}.sheet-body{flex:1;overflow-y:auto;padding:6px 14px 24px;-webkit-overflow-scrolling:touch;user-select:text;-webkit-user-select:text}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.card{background:var(--paper-2);border-radius:16px;padding:12px;box-shadow:inset 0 0 0 1px var(--line)}.card h4{margin:0 0 4px;font-size:.98rem;font-weight:900;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.card p{margin:.2rem 0 0;font-size:.84rem;line-height:1.65;color:var(--ink)}.card .say{margin-top:.4rem;font-size:.8rem;color:var(--ink-2)}.card .meta{font-size:.7rem;color:var(--ink-3);margin-top:.3rem}.card.locked{opacity:.75;background:transparent;box-shadow:inset 0 0 0 1.5px dashed var(--line);border:1.5px dashed var(--line)}.card.locked h4{color:var(--ink-3)}.card.wide{grid-column:1 / -1}.badge-verify{font-size:.62rem;font-weight:900;color:var(--tag-theory);border:1.5px solid currentColor;border-radius:6px;padding:0 4px}.list{display:grid;gap:6px}.logrow{display:grid;grid-template-columns:4.6em 1fr;gap:8px;font-size:.86rem;line-height:1.6;padding:6px 2px;border-bottom:1px dashed var(--line)}.logrow .who{font-weight:900;color:var(--ink-2)}.logrow .who.u{color:var(--accent)}.empty{color:var(--ink-3);font-size:.9rem;padding:24px 6px;text-align:center}.progress{height:8px;border-radius:8px;background:var(--paper-3);overflow:hidden;margin:2px 0 12px}.progress b{display:block;height:100%;background:var(--leaf)}.set-section{margin:4px 0 18px}.set-section h3{font-size:.86rem;color:var(--ink-2);margin:0 4px 8px;font-weight:900}.set-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--paper-2);border-radius:14px;margin-bottom:6px;min-height:52px}.set-row label{flex:1;font-weight:700;font-size:.92rem}.set-row label small{display:block;font-weight:500;font-size:.72rem;color:var(--ink-2);margin-top:2px;line-height:1.5}.set-row input[type=range]{width:min(42vw,200px);accent-color:var(--accent)}.set-row select{font-family:inherit;font-size:.9rem;padding:8px 10px;border-radius:10px;border:0;box-shadow:inset 0 0 0 1.5px var(--line);background:var(--paper);color:var(--ink);font-weight:700}.switch{appearance:none;width:52px;height:30px;border-radius:999px;background:var(--paper-3);position:relative;cursor:pointer;flex:none;transition:background .2s;box-shadow:inset 0 0 0 1.5px var(--line)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .2s}.switch:checked{background:var(--leaf)}.switch:checked:after{transform:translate(22px)}.memo{font-size:.78rem;line-height:1.7;color:var(--ink-2);padding:4px 6px 8px}.memo a{color:var(--sky)}.mem-item{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--paper);border-radius:12px;margin-bottom:6px;box-shadow:inset 0 0 0 1px var(--line)}.mem-item span{flex:1;font-size:.9rem;font-weight:700}.mem-item small{color:var(--ink-2);font-weight:500;margin-right:6px}.btn.small{padding:.4rem .9rem;font-size:.82rem;min-height:36px}.btn.danger{background:var(--accent);color:#fff}.toasts{position:absolute;top:calc(70px + var(--safe-t));left:50%;transform:translate(-50%);display:grid;gap:6px;justify-items:center;width:min(420px,calc(100% - 20px));pointer-events:none;z-index:40}.toast{background:var(--panel);border-radius:14px;padding:8px 14px;box-shadow:var(--shadow-s);font-weight:700;font-size:.86rem;display:flex;align-items:center;gap:8px;animation:toastin .3s ease-out;max-width:100%}.toast b{color:var(--accent)}.toast.out{opacity:0;transform:translateY(-8px);transition:all .4s}@keyframes toastin{0%{opacity:0;transform:translateY(-10px)}}.caption{position:absolute;left:50%;bottom:calc(100px + var(--safe-b));transform:translate(-50%);max-width:min(560px,calc(100% - 24px));text-align:center;font-size:.86rem;font-weight:700;color:#fffaf0;background:#1e16108c;padding:6px 12px;border-radius:12px;pointer-events:none;transition:opacity .4s}.bubble{position:absolute;transform:translate(-50%,-100%);width:max-content;max-width:min(260px,70vw);background:var(--panel);color:var(--ink);border-radius:16px;padding:8px 12px;font-weight:700;font-size:.9rem;line-height:1.55;box-shadow:var(--shadow-s);pointer-events:none;transition:opacity .35s}.bubble:after{content:"";position:absolute;left:50%;bottom:-8px;transform:translate(-50%);border:8px solid transparent;border-top-color:var(--panel);border-bottom:0}.hint{position:absolute;background:var(--gold);color:#2a1d08;font-weight:900;font-size:.82rem;padding:8px 12px;border-radius:12px;box-shadow:var(--shadow-s);pointer-events:auto;max-width:min(280px,80vw);line-height:1.5;animation:toastin .3s ease-out;cursor:pointer}.hint:after{content:"";position:absolute;left:var(--arrow, 50%);bottom:-7px;transform:translate(-50%);border:8px solid transparent;border-top-color:var(--gold);border-bottom:0}.observe-card{position:absolute;left:50%;top:calc(70px + var(--safe-t));transform:translate(-50%);width:min(440px,calc(100% - 20px));background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 14px;font-size:.9rem;line-height:1.7;font-weight:700;animation:centerin .3s ease-out;pointer-events:auto}@keyframes centerin{0%{opacity:0;transform:translate(-50%,-10px)}}.observe-card ul{margin:4px 0 0;padding-left:1.2em}.clue-card{position:absolute;left:50%;top:calc(70px + var(--safe-t));transform:translate(-50%);width:min(400px,calc(100% - 20px));background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);border-top:5px solid var(--case);padding:10px 14px 12px;display:grid;grid-template-columns:76px 1fr;grid-template-areas:"head head" "icon title" "icon text" "icon caution" "foot foot";column-gap:12px;align-items:start;animation:centerin .3s ease-out;pointer-events:auto;z-index:22}.clue-card-head{grid-area:head;font-size:.74rem;font-weight:900;color:var(--case);letter-spacing:.04em;margin-bottom:4px}.clue-card .clue-icon{grid-area:icon;width:76px;height:76px;border-radius:14px;background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--line)}.clue-card h4{grid-area:title;margin:0;font-size:1rem;font-weight:900}.clue-card>p{grid-area:text;margin:2px 0 0;font-size:.86rem;line-height:1.65;font-weight:700}.clue-card>p.clue-caution{grid-area:caution}.clue-caution{margin-top:6px!important;padding:4px 8px;border-left:4px solid var(--accent);background:#c8423a14;border-radius:0 8px 8px 0;font-size:.78rem!important;line-height:1.55;font-weight:700;color:var(--ink)}.clue-card-foot{grid-area:foot;display:flex;align-items:center;gap:10px;margin-top:10px;font-size:.78rem;font-weight:900;color:var(--ink-2)}.clue-card-foot .btn{margin-left:auto}.case-body{padding-top:2px}.case-say{background:var(--case-soft);border-radius:16px;padding:10px 14px 12px;box-shadow:inset 0 0 0 1.5px var(--case);margin-bottom:6px}.case-say-who{font-size:.72rem;font-weight:900;color:var(--case)}.case-say-line{font-size:.94rem;line-height:1.72;font-weight:700;margin-top:3px;animation:sayin .35s ease-out both}@keyframes sayin{0%{opacity:0;transform:translateY(4px)}}.case-h{margin:16px 2px 8px;font-size:.95rem;font-weight:900}.clue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.clue-tile{appearance:none;border:0;font:inherit;color:inherit;text-align:left;background:var(--paper-2);border-radius:14px;padding:10px;box-shadow:inset 0 0 0 1px var(--line);display:grid;align-content:start;gap:4px}.clue-tile .clue-icon{width:60px;height:60px;border-radius:12px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line)}.clue-t{font-size:.86rem;font-weight:900}.clue-d{font-size:.76rem;line-height:1.55;color:var(--ink-2)}.clue-tile .clue-caution{margin-top:2px!important;font-size:.72rem!important}.clue-tile.locked{background:transparent;box-shadow:none;border:1.5px dashed var(--line);justify-items:start}.clue-tile.locked .q{font-size:1.6rem;font-weight:900;color:var(--ink-3);line-height:1}.clue-tile.locked .clue-t{color:var(--ink-3)}.clue-tile.locked .btn{margin-top:4px}.clue-tile.pickable{cursor:pointer;box-shadow:inset 0 0 0 2px var(--case);animation:casepulse 1.6s ease-in-out infinite}.clue-tile.pickable:active{transform:scale(.97)}.clue-tile.chosen{box-shadow:inset 0 0 0 3px var(--case);background:var(--case-soft)}.cand-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.cand-card{background:var(--paper-2);border-radius:16px;padding:10px 12px 12px;box-shadow:inset 0 0 0 1px var(--line);transition:opacity .25s}.cand-head{display:flex;align-items:center;gap:8px;min-height:40px}.cand-head b{font-size:1rem;font-weight:900}.cand-card.crossed{opacity:.55}.cand-card.crossed .cand-head b{text-decoration:line-through;text-decoration-color:var(--accent);text-decoration-thickness:2px}.cand-card.culprit{background:var(--case-soft);box-shadow:inset 0 0 0 3px var(--case);opacity:1}.stamp{font-size:.78rem;font-weight:900;color:var(--accent);border:2.5px solid currentColor;border-radius:6px;padding:0 6px;transform:rotate(-8deg);white-space:nowrap}.stamp.no{color:var(--ink-3)}.xbtn{appearance:none;margin-left:auto;width:42px;height:42px;flex:none;border-radius:50%;border:2px solid var(--line);background:var(--paper);color:var(--ink-3);font-size:1.2rem;font-weight:900;cursor:pointer}.xbtn.on{background:var(--accent);border-color:var(--accent);color:#fff}.cand-rows{display:grid;grid-template-columns:max-content 1fr;gap:3px 8px;margin:6px 0 0;font-size:.8rem;line-height:1.5}.cand-rows dt{font-weight:900;color:var(--ink-2)}.cand-rows dd{margin:0}.cand-rows dd.dim{opacity:.5}.cand-card .accuse{width:100%;margin-top:10px}.case-rank,.case-rankcard{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-top:16px;padding:10px 12px;background:var(--paper-2);border-radius:14px;box-shadow:inset 0 0 0 1px var(--line)}.case-rankcard{margin:0 0 10px}.case-rank b,.case-rankcard b{font-weight:900}.case-rank span,.case-rankcard span{font-size:.82rem;font-weight:700;color:var(--ink-2)}.case-rank .btn{margin-left:auto}.modal-wrap{position:absolute;inset:0;background:var(--scrim);display:grid;place-items:center;z-index:45;padding:16px;pointer-events:auto}.modal{width:min(420px,100%);background:var(--paper);border-radius:20px;box-shadow:var(--shadow);padding:18px;animation:pop2 .2s ease-out}@keyframes pop2{0%{transform:scale(.96);opacity:0}}.modal h3{margin:0 0 8px;font-size:1.08rem}.modal p{margin:0 0 14px;font-size:.9rem;line-height:1.75;color:var(--ink)}.modal .row{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}@media(orientation:landscape)and (max-height:520px){.dress{left:calc(10px + var(--safe-l));transform:none;width:min(56vw,600px);max-height:calc(100% - 20px - var(--safe-b))}.talk{left:calc(10px + var(--safe-l));transform:none;width:min(60vw,640px);max-height:calc(100% - 20px - var(--safe-b));animation:none}.talk-text{font-size:1rem;min-height:2.8em}.choices{grid-template-columns:1fr 1fr;gap:5px}.choice{min-height:40px;padding:.42rem .8rem;font-size:.9rem}.choice.end{grid-column:1 / -1;min-height:34px}.is-talking .clock-chip{opacity:0;pointer-events:none}.actionbar{width:min(480px,calc(100% - 20px))}.action{min-height:50px}.action svg{width:24px;height:24px}.caption{bottom:calc(84px + var(--safe-b))}.popover{bottom:calc(80px + var(--safe-b))}.title-screen{padding-top:calc(3vh + var(--safe-t))}.title-logo h1{font-size:3.4rem}.title-logo p{font-size:.85rem}.sheet{height:100%;border-radius:0}.clue-card{left:auto;right:calc(10px + var(--safe-r));transform:none;top:calc(60px + var(--safe-t));width:min(380px,48vw);animation:toastin .3s ease-out}.case-say-line{font-size:.9rem}}@media(max-width:380px){.action{font-size:.66rem}.talk-text{font-size:1.02rem}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}