:root{--paper:#f5f3ec;--ink:#252821;--muted:#686a64;--line:#c9c7c0;--line-strong:#777970;--rust:#b75437;--rust-soft:#f6e7e0;--rust-dark:#90412d;--petrol:#316f69;--danger:#9f3d32;--disabled-surface:#d8d6d0;--disabled-border:#c4c2bc;--disabled-ink:#777873;--route-line:#9b9b94;--snapshot-divider:#d3d0c8;--neutral-strong:#555750;--on-accent:#fff;--font-body:Inter, Arial, sans-serif;--font-display:Georgia, "Times New Roman", serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px;--radius-sm:4px;--radius-md:6px;--focus-width:2px;--focus-offset:3px;--motion-fast:.14s;font-family:var(--font-body);color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}a{color:inherit}button:focus-visible,a:focus-visible{outline:var(--focus-width) solid var(--rust);outline-offset:var(--focus-offset)}.app-shell{background:var(--paper);min-height:100vh}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:74px;padding:0 clamp(24px,3.2vw,52px);display:flex}.wordmark{font-family:var(--font-display);letter-spacing:.035em;font-size:22px;font-weight:700;line-height:1;text-decoration:none}.navigation-link,.text-button{border:0;border-bottom:2px solid var(--rust);min-height:44px;color:var(--ink);cursor:pointer;background:0 0;padding:8px 2px;font-weight:600}.navigation-link:hover,.text-button:hover{color:var(--rust)}.play-layout{grid-template-columns:minmax(250px,292px) minmax(0,1fr);gap:clamp(30px,3vw,48px);width:min(100%,1680px);margin:0 auto;padding:36px clamp(24px,3.2vw,52px) 40px;display:grid}.clue-panel{border-right:1px solid var(--line);padding:28px 30px 0 0}.case-title,.case-picker h1{color:var(--ink);font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:42px;font-weight:700;line-height:1.06}.case-intro{margin:16px 0 0;font-size:17px;line-height:1.5}.clue-list{border-top:1px solid var(--line);margin-top:36px;padding-top:22px}.clue-list h2,.character-tray h2,.success-summary h2{font-family:var(--font-display);letter-spacing:-.025em;margin:0;font-size:25px;line-height:1.15}.clue-list ol{margin:18px 0 0;padding:0;list-style:none}.clue-list li{grid-template-columns:42px minmax(0,1fr);align-items:start;gap:16px;margin:0 0 18px;font-size:16px;line-height:1.5;display:grid}.clue-number{border:1px solid var(--route-line);width:36px;height:36px;color:var(--neutral-strong);border-radius:50%;place-items:center;font-size:15px;font-weight:600;display:grid}.game-column{min-width:0}.desktop-snapshots{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.snapshot{min-width:0}.desktop-snapshots .snapshot:first-child{padding-right:clamp(20px,2.5vw,40px)}.desktop-snapshots .snapshot+.snapshot{border-left:1px solid var(--snapshot-divider);padding-left:clamp(20px,2.5vw,40px)}.snapshot-time{font-family:var(--font-display);letter-spacing:-.04em;margin:0 0 28px;font-size:34px;font-weight:700;line-height:1}.room-route{grid-template-columns:repeat(var(--room-count), minmax(0, 1fr));gap:clamp(9px,1.4vw,20px);display:grid;position:relative}.room-route:before{z-index:0;top:42px;left:calc(100% / (var(--room-count) * 2));width:calc(100% - 100% / var(--room-count));background:var(--line-strong);content:"";height:1px;position:absolute}.room-column{min-width:0;position:relative}.room-route-label{z-index:1;min-height:58px;color:var(--ink);text-align:center;justify-content:center;align-items:flex-start;padding:0 2px;font-size:15px;font-weight:600;line-height:1.4;display:flex;position:relative}.route-node{border:2px solid var(--ink);background:var(--paper);border-radius:50%;width:16px;height:16px;position:absolute;bottom:9px;left:50%;transform:translate(-50%)}.room-slot{border:1px solid var(--line-strong);width:100%;min-height:184px;color:var(--ink);text-align:center;cursor:pointer;transition:border-color var(--motion-fast) ease, background-color var(--motion-fast) ease;background:0 0;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:32px 10px 24px;display:flex;position:relative}.room-slot:hover{border-color:var(--rust)}.room-slot.is-selected,.room-slot.is-occupied.is-selected{border:2px solid var(--rust);background:var(--rust-soft)}.room-occupant{font-size:18px;font-weight:700;line-height:1.3}.room-empty{max-width:100%;color:var(--muted);overflow-wrap:anywhere;font-size:15px;line-height:1.45}.selected-label{color:var(--rust);font-size:14px;font-weight:600;line-height:1.3}.selected-label:before{content:"✓";margin-right:5px}.room-clear{z-index:2;border:1px solid var(--line);width:30px;height:30px;color:var(--neutral-strong);background:var(--paper);opacity:0;cursor:pointer;border-radius:50%;place-items:center;padding:6px;display:grid;position:absolute;top:64px;right:5px}.room-clear svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8px;width:16px;height:16px}.room-column:hover .room-clear,.room-clear:focus-visible{opacity:1}.character-tray{border-top:1px solid var(--line);margin-top:18px;padding-top:22px}.character-list{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;width:min(100%,700px);margin-top:18px;display:grid}.character-option{border:1px solid var(--line-strong);min-height:64px;color:var(--ink);cursor:pointer;transition:border-color var(--motion-fast) ease, background-color var(--motion-fast) ease;background:0 0;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:12px;display:flex}.character-option:hover{border-color:var(--rust)}.character-option.is-selected{border:2px solid var(--rust);background:var(--rust-soft)}.character-name{font-size:16px;font-weight:650;line-height:1.3}.game-actions{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.board-progress{margin:0 0 18px;font-size:16px;font-weight:600;line-height:1.4}.action-row{grid-template-columns:repeat(3,minmax(112px,max-content)) minmax(180px,1fr);align-items:center;gap:16px;display:grid}.secondary-button,.primary-button,.case-choose-button{border:1px solid var(--line-strong);min-height:54px;color:var(--ink);cursor:pointer;transition:color var(--motion-fast) ease, border-color var(--motion-fast) ease, background-color var(--motion-fast) ease;background:0 0;border-radius:4px;padding:12px 18px;font-size:15px;font-weight:600;line-height:1.25}.secondary-button:hover,.case-choose-button:not(:disabled):hover{border-color:var(--rust);color:var(--rust)}.primary-button{border-color:var(--rust);color:var(--on-accent);background:var(--rust)}.primary-button:hover:not(:disabled){border-color:var(--rust-dark);background:var(--rust-dark)}.primary-button:disabled,.secondary-button:disabled,.case-choose-button:disabled{border-color:var(--disabled-border);color:var(--disabled-ink);background:var(--disabled-surface);cursor:not-allowed}.feedback-message,.hint-message{border-left:3px solid var(--danger);color:var(--ink);margin:16px 0 0;padding:12px 14px;font-size:15px;line-height:1.5}.hint-message{border-left-color:var(--petrol)}.hint-button{justify-content:center;align-items:center;gap:9px;width:100%;display:inline-flex}.hint-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:20px;height:20px}.hint-list{border-left:3px solid var(--petrol);color:var(--ink);margin:12px 0 0;padding:12px 14px 12px 34px;font-size:15px;line-height:1.5}.hint-list li+li{margin-top:6px}.save-notice{border-left:3px solid var(--danger);width:min(100% - 48px,1540px);color:var(--ink);background:var(--rust-soft);margin:14px auto 0;padding:12px 16px;font-size:14px;line-height:1.45}.success-summary{border-top:1px solid var(--petrol);margin-top:24px;padding:22px 0 4px}.success-summary h2:before{color:var(--petrol);content:"✓";margin-right:10px}.success-summary p{font-size:16px;line-height:1.5}.success-summary .primary-button{margin-top:8px}.mobile-snapshot-controls,.mobile-snapshot{display:none}.case-picker{width:min(100% - 48px,900px);margin:54px auto}.case-picker-heading-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding-bottom:24px;display:flex}.case-picker-list{margin:0;padding:0;list-style:none}.case-picker-item{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;min-height:110px;padding:22px 0;display:flex}.case-picker-item h2{font-family:var(--font-display);margin:0;font-size:24px}.case-picker-item p{color:var(--muted);margin:8px 0 0}.case-choose-button:not(:disabled){border-color:var(--rust)}.dialog-backdrop{z-index:10;background:#2528217a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.restart-dialog{border:1px solid var(--line);background:var(--paper);border-radius:5px;width:min(100%,440px);padding:26px;box-shadow:0 16px 50px #25282133}.restart-dialog h2{font-family:var(--font-display);margin:0;font-size:25px;line-height:1.2}.restart-dialog-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}@media (width<=900px){.topbar{min-height:58px;padding:0 18px}.wordmark{font-size:20px}.play-layout{flex-direction:column;gap:28px;width:100%;padding:28px 18px 36px;display:flex}.clue-panel{border:0;padding:0}.case-title{font-size:clamp(34px,9vw,40px)}.case-intro{margin-top:10px;font-size:16px;line-height:1.45}.clue-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:22px;padding-top:16px;padding-bottom:8px}.clue-list h2,.character-tray h2{font-size:24px}.clue-list ol{margin-top:12px}.clue-list li{grid-template-columns:36px minmax(0,1fr);gap:12px;margin-bottom:10px;font-size:16px;line-height:1.45}.clue-number{width:30px;height:30px;font-size:14px}.desktop-snapshots{display:none}.mobile-snapshot-controls{border:1px solid var(--line);border-radius:6px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px;padding:2px;display:grid}.time-option{min-height:48px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:4px;font-size:16px;font-weight:650}.time-option.is-selected{color:var(--on-accent);background:var(--rust)}.mobile-snapshot{display:block}.mobile-snapshot .snapshot-time{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.room-route{gap:9px}.room-route:before{top:41px}.room-route-label{min-height:56px;padding:0;font-size:15px}.route-node{width:14px;height:14px;bottom:7px}.room-slot{min-height:132px;padding:26px 5px 16px}.room-occupant{font-size:16px}.room-empty{font-size:15px}.selected-label{font-size:13px}.room-clear{opacity:1;width:44px;height:44px;padding:12px;top:59px;right:2px}.character-tray{margin-top:24px;padding-top:18px}.character-list{grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:10px;width:100%;margin-top:14px}.character-option{min-height:58px;padding:8px 5px}.character-name{font-size:15px}.game-actions{margin-top:18px;padding-top:16px}.board-progress{margin-bottom:14px;font-size:16px}.action-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.secondary-button,.primary-button{min-height:52px;padding:10px 8px;font-size:15px}.case-picker{width:calc(100% - 36px);margin:32px auto}.save-notice{width:calc(100% - 36px);margin-top:10px;font-size:14px}.case-picker h1{font-size:36px}.case-picker-heading-row{align-items:flex-start;gap:12px}.case-picker-item{gap:8px;min-height:96px}.case-picker-item h2{font-size:19px}.case-choose-button{min-height:44px;padding:8px 10px;font-size:14px}.restart-dialog{padding:20px}.restart-dialog-actions>button{flex:1}}@media (width<=380px){.play-layout{padding-left:14px;padding-right:14px}.room-route{gap:6px}.room-route-label,.room-empty{font-size:14px}.room-slot{min-height:120px;padding-left:3px;padding-right:3px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}