:root{color-scheme:light;--ink:#302b24;--muted:#665846;--paper:#fffaf0;--table:#ece2cc;--line:#a39781;--rust:#903f24;--green:#315b48;--blue:#32536b;--shadow:0 3px 3px #39270f25,0 9px 18px #39270f16;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15px;color:var(--ink);background:var(--table)}
*{box-sizing:border-box}body{margin:0;min-width:300px}button,input,select{font:inherit}button,a.button{cursor:pointer;touch-action:manipulation}button{min-height:44px;border:1px solid var(--line);border-radius:4px;color:var(--ink);background:var(--paper);padding:.55rem .9rem;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#f7ebd2}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:default;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--rust);outline-offset:3px}a{color:var(--blue)}button.primary,.button{background:var(--green);color:#fffdf5;border-color:var(--green);font-weight:650}.primary:hover:not(:disabled),.button:hover{background:#254938}button.quiet{border-color:transparent;background:transparent}button.secondary{border-color:var(--ink)}button.text-button{border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;padding:.4rem;font-size:.9rem}label{display:grid;gap:7px;font-weight:600}input:not([type=checkbox],[type=range]),select{width:100%;min-width:0;min-height:46px;border:1px solid #897c66;border-radius:3px;background:#fffdf7;color:var(--ink);padding:.55rem .7rem}input[type=range]{accent-color:var(--green);min-width:0;cursor:pointer}input[type=checkbox]{width:20px;height:20px;accent-color:var(--green)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:600}h1{font-size:clamp(1.6rem,2.6vw,2.35rem);line-height:1.15}h2{font-size:1.2rem}h3{font-size:1rem}p{line-height:1.6}small,.small{font-size:.83rem;color:var(--muted);line-height:1.5}.credit{font-size:.72rem;color:var(--muted);line-height:1.5}img{display:block;max-width:100%}.button{display:inline-flex;align-items:center;min-height:44px;padding:.7rem 1rem;text-decoration:none;border-radius:4px}.button-row{display:flex;flex-wrap:wrap;gap:8px}.skip{position:absolute;left:8px;top:-100px;padding:12px;background:var(--paper);z-index:5000}.skip:focus{top:8px}
#topbar{padding:6px clamp(10px,2.3vw,36px);display:flex;align-items:center;gap:20px;min-height:62px;border-bottom:1px solid #b4a68b;background:var(--paper)}.wordmark{font-family:Georgia,serif;font-size:1.8rem;font-weight:900;border:0;background:transparent;padding:0 8px;letter-spacing:-2px}.top-tagline{font-family:Georgia,serif;color:var(--muted);font-size:1rem}.top-controls{display:flex;align-items:center;gap:4px;margin-left:auto}.flag{padding:10px;min-width:46px;border-color:transparent;background:transparent}.flag svg{width:27px;height:18px;box-shadow:0 0 0 1px #66584680}.flag[aria-pressed=true]{background:#e8ddc2;border-color:#897c66}.audio-quick{display:flex;align-items:center;gap:4px;margin-right:14px}.volume{display:grid;grid-template-columns:auto minmax(45px,75px) 35px;align-items:center;gap:6px;font-size:.73rem;font-weight:500}.volume output{font-variant-numeric:tabular-nums}.volume input{width:100%;margin:0;height:34px}.mute{padding:0;min-width:32px;font-family:Georgia,serif;font-size:1.2rem;border:0;background:transparent}.mute.is-muted{text-decoration:line-through;color:var(--rust)}
#main{max-width:1680px;margin:auto;padding:0 clamp(10px,2.2vw,36px)}.entry{min-height:calc(100dvh - 64px);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);align-items:center;gap:clamp(24px,5vw,90px);max-width:1200px;margin:auto}.entry-art{text-align:center;padding:30px 0}.menu-scene{height:430px;max-width:640px;position:relative;margin:auto}.scene-card{position:absolute;width:clamp(125px,13vw,175px);border-radius:5px;box-shadow:var(--shadow);transform:rotate(var(--tilt));animation:menu-deal .7s both;animation-delay:var(--delay)}.scene-card img{width:100%;border-radius:5px}.sc0{left:1%;top:13%;--tilt:-14deg;--delay:0s}.sc1{left:28%;top:1%;--tilt:5deg;--delay:.06s}.sc2{right:0;top:10%;--tilt:16deg;--delay:.12s}.sc3{left:11%;bottom:0;--tilt:-8deg;--delay:.16s}.sc4{right:11%;bottom:0;--tilt:11deg;--delay:.2s}.sc5{left:35%;bottom:2%;--tilt:-3deg;--delay:.24s}.sc6{left:35%;top:30%;--tilt:20deg;--delay:.28s}.focus-logo{position:absolute;width:85%;top:26%;left:7.5%;filter:drop-shadow(0 5px 0 #fff6) drop-shadow(0 8px 7px #60452030)}.intro{font-family:Georgia,serif;font-size:clamp(1.2rem,1.7vw,1.5rem);margin:28px auto 0;max-width:440px;line-height:1.45}.entry-form{padding:30px 0;max-width:380px}.entry-form h1{margin-bottom:15px}.entry-form>p{margin:10px 0 22px}.entry-form form{display:grid;gap:12px;margin:25px 0 12px}.entry-form .primary{width:100%}.entry-form>.text-button,.entry-form>.resume{width:100%;margin-top:12px}.entry-form .credit{margin-top:28px}.join-fields{padding-top:10px;display:grid;gap:12px;border-top:1px solid var(--line)}#roomcode{text-transform:uppercase;font-size:1.2rem;letter-spacing:3px}.form-error{color:#8b341e;font-size:.9rem;min-height:0}.form-error:empty{display:none}.loading{min-height:65dvh;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;text-align:center;padding:30px}.loading img{width:300px}.loading p{max-width:500px}
.table-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;min-height:77px}.detectives{display:flex;align-items:center;gap:24px}.detective{display:flex;gap:9px;align-items:center;min-width:0}.initial{display:grid;place-items:center;width:39px;height:39px;background:#d7c4a2;color:#402e1a;font:600 1.5rem Georgia,serif;border:1px solid #8e7854;border-radius:50%}.detective.local .initial{background:var(--blue);color:#fffdf5;border-color:var(--blue)}.detective strong{font-size:.96rem;overflow-wrap:anywhere}.presence{display:block;font-size:.7rem}.acting strong{text-decoration:underline;text-decoration-color:var(--rust);text-underline-offset:5px}.case-meta{font-size:.85rem;text-align:center}.room-label{color:var(--muted);margin-left:8px}.lobby{max-width:760px;margin:20px auto 40px}.lobby-heading{text-align:center;margin-bottom:28px}.lobby-heading img{width:230px;margin:0 auto 5px}.lobby-heading h1{font-size:1.7rem}.lobby-heading p{margin-top:10px;color:var(--muted)}.mode-list{display:grid;gap:9px}.mode{display:flex;align-items:center;gap:16px;padding:16px 20px;text-align:left;position:relative;background:#f8f1e2}.mode.chosen{border:2px solid var(--rust);padding:15px 19px;background:#fffaf0}.mode:disabled{opacity:1}.mode-number{font:italic 2.7rem Georgia,serif;color:#876a42;min-width:42px}.mode strong{display:block;font:600 1.45rem Georgia,serif}.mode small{display:block;margin-top:5px}.mode .checkmark{margin-left:auto;color:var(--green);font-size:1.4rem}.lobby-options{display:grid;gap:16px;padding:23px 0}.lobby-options select{margin-top:3px}.lobby-options .small{max-width:640px}.lobby-bottom{border-top:1px solid #b4a68b;padding-top:20px;text-align:center}.lobby-bottom>.primary{min-width:250px}.invitation{display:flex;gap:16px;justify-content:center;align-items:center;margin:15px auto}.invitation>span{font-size:1.5rem;letter-spacing:3px;font-variant-numeric:tabular-nums}
.action-strip{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;padding:12px 18px;background:var(--paper);border-top:1px solid #a39781;border-bottom:1px solid #a39781;margin:0 -6px 16px;box-shadow:0 2px 3px #39270f0d}.action-strip.your-action{border-left:5px solid var(--rust);padding-left:13px}.action-strip>div:first-child{min-width:0}.action-strip strong{display:block;font-family:Georgia,serif;font-size:1.25rem}.action-strip span{display:block;font-size:.85rem;color:var(--muted);margin-top:4px}.action-buttons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;flex-shrink:0;max-width:58%}.action-buttons button{font-size:.88rem}.action-buttons .offer-button{background:#e6d6b8;border-color:#89734e}.play-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:28px;max-width:1240px;margin:auto;align-items:start}.private-area{padding:30px 0 0}.private-heading h2{font-size:1.2rem}.private-heading .text-button{padding-left:0;font-size:.78rem}.secret-cards{display:flex;gap:8px;justify-content:flex-start;margin:5px 0 12px}.secret-card{padding:0;width:150px;max-width:100%;aspect-ratio:1;border:2px solid var(--blue);box-shadow:var(--shadow);position:relative}.secret-cards:has(.secret-card:nth-child(2)){flex-direction:column}.secret-cards:has(.secret-card:nth-child(2)) .secret-card{width:120px}.secret-card img{width:100%;height:100%;object-fit:cover}.private-area>p{font-size:.82rem;color:var(--muted);max-width:170px}.private-area>.primary{margin-top:18px;width:100%;font-size:.83rem}.private-progress{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 8px;margin-top:24px;padding-top:14px;border-top:1px solid #b4a68b}.private-progress strong{font:600 2.3rem Georgia,serif}.private-progress>span{font-size:.8rem}.private-progress small{grid-column:1/-1;display:block;margin-top:10px}.ready-label{margin-top:16px;color:var(--green)!important;font-weight:600}.exhibit-table{min-width:0;--card-size:min(16.1vh,165px);max-width:100%}.table-label{display:flex;align-items:center;justify-content:space-between;padding-bottom:9px;max-width:100%}.table-label h2{font-size:1.1rem}.table-label span{font-size:.8rem;color:var(--muted)}.exhibit-layout{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,1fr);gap:24px;max-width:calc(var(--card-size)*5 + 56px);margin:auto}.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-content:start}.exhibit{padding:0;aspect-ratio:1;min-height:0;border:0;border-radius:4px;position:relative;background:transparent;box-shadow:var(--shadow);width:100%;isolation:isolate;transition:box-shadow .18s,transform .18s;touch-action:pan-y}.exhibit img{width:100%;height:100%;border-radius:4px;object-fit:contain}.exhibit:disabled{opacity:1}.exhibit:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 7px 9px #39270f30;background:transparent}.exhibit.selected{outline:3px solid var(--rust);outline-offset:3px;transform:translateY(-3px);z-index:2}.exhibit.own:not(.removed){box-shadow:0 0 0 2px var(--blue),var(--shadow)}.exhibit.own.selected{box-shadow:var(--shadow)}.position{position:absolute;left:4px;top:3px;font-size:.63rem;font-weight:700;color:#514330;background:#fffaf0;padding:2px 4px;border-radius:2px}.selection-mark{position:absolute;right:3px;top:3px;display:grid;place-items:center;background:var(--rust);color:white;width:23px;height:23px;border-radius:50%;font-weight:bold}.secret-mark{position:absolute;bottom:1px;left:0;right:0;text-align:center;font-size:.62rem;background:var(--blue);color:#fffdf5;padding:3px 1px}.exhibit.removed{box-shadow:none;border:1px dashed #a1947b;background:#ddd0b6}.exhibit.removed img{opacity:0}.exhibit.removed .position{background:transparent}.removed-mark{position:absolute;inset:0;display:grid;place-items:center;font-size:.68rem;color:#665846;font-style:italic}.exhibit.removed.selected{border-style:solid}.exhibit.removed.selected img{opacity:1}.exhibit.removed.selected .removed-mark{display:none}.exhibit.revealed-target{outline:3px solid var(--rust);outline-offset:2px}.exhibit.revealed-target.local-target{outline-color:var(--blue)}.exhibit.revealed-target img{opacity:1}.exhibit.revealed-target .secret-mark{display:none}.reveal-name{position:absolute;bottom:0;left:0;right:0;background:var(--rust);color:white;padding:4px;font-size:.67rem;overflow-wrap:anywhere}.local-target .reveal-name{background:var(--blue)}.side-area{position:relative;border-left:1px solid #a39781;padding-left:15px;min-width:0}.side-area h3{position:absolute;bottom:calc(100% + 9px);left:15px;white-space:nowrap;font:500 .75rem system-ui,sans-serif;color:var(--muted)}.side-cards{display:grid;gap:10px}.inspection-tip{font-size:.74rem;text-align:center;color:var(--muted);margin-top:14px}.files{max-width:1240px;margin:28px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:24px}.clue-file{min-width:0;border-top:2px solid #9f8b69;padding-top:10px;border-radius:0;min-height:115px}.clue-file h2{font-size:1rem;display:flex;align-items:center;gap:10px}.clue-file small{font:400 .75rem system-ui,sans-serif}.file-cards{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;min-height:68px;align-items:center}.file-cards>p{font-size:.8rem;color:var(--muted);font-style:italic}.file-card{padding:0;position:relative;width:68px;aspect-ratio:1;min-height:0;border:0;box-shadow:0 2px 3px #39270f20}.file-card img{border-radius:3px;width:100%}.file-card>span{position:absolute;bottom:0;left:0;padding:2px 4px;background:#fffaf0;color:var(--ink);font-size:.65rem}.file-card.selected{outline:3px solid var(--rust);outline-offset:1px}.drop-ready{outline:3px dashed var(--green);outline-offset:7px;background:#f8f1df}.table-footer{max-width:1240px;margin:22px auto;display:flex;align-items:center;gap:12px}.table-footer>span{font-size:.65rem;color:var(--muted);margin-left:auto;max-width:430px}.travelling-card,.drag-card{position:fixed;pointer-events:none;z-index:2000;transform-origin:top left;box-shadow:var(--shadow)}.travelling-card img,.drag-card img{width:100%;height:100%;border-radius:4px}.drag-card{transform:rotate(-3deg)}
#action-cue{position:fixed;top:150px;left:50%;transform:translateX(-50%);z-index:50;max-width:90vw}#action-cue button{background:#fffaf0;border:2px solid var(--rust);box-shadow:var(--shadow);padding:12px 18px;font-family:Georgia,serif}#action-cue span{margin-left:15px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:min(90vw,600px);background:#302b24;color:#fffaf0;padding:13px 22px;z-index:3000;border-radius:4px;box-shadow:var(--shadow);font-size:.9rem;text-align:center}dialog{width:min(640px,calc(100vw - 24px));max-height:90dvh;border:1px solid #897c66;border-radius:5px;padding:0;background:var(--paper);color:var(--ink);box-shadow:0 12px 60px #231b0c50}dialog::backdrop{background:#302b2470}dialog.wide{width:min(1000px,calc(100vw - 24px))}.dialog-head{display:flex;justify-content:flex-end;position:sticky;top:0;background:var(--paper);z-index:2;border-bottom:1px solid #ddd1b8}.dialog-content{padding:20px 28px 30px}.dialog-content h1{margin-bottom:20px}.dialog-content p{margin:12px 0}.dialog-content .button-row{margin-top:20px}.rule-illustration{display:flex;justify-content:center;gap:12px}.rule-illustration>span{width:22%}.rule-illustration img{border-radius:4px;box-shadow:var(--shadow)}.rules{padding-left:24px;line-height:1.65}.rules li{padding-left:6px;margin:16px 0}.inspect{margin:0}.inspect img{width:min(100%,500px);margin:auto;box-shadow:var(--shadow)}.inspect figcaption{text-align:center;font-size:.9rem;margin:16px 0 0}.settings-volume{display:grid;grid-template-columns:1fr 44px;gap:12px;align-items:center;margin:24px 0}.settings-volume .volume{grid-template-columns:100px minmax(60px,1fr) 42px;font-size:.9rem}.settings-volume .mute{border:1px solid var(--line)}.check{display:flex;align-items:center;gap:12px;margin-top:20px}.history-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.history-list>div{display:grid;gap:8px}.history-list b{font-size:.78rem;overflow-wrap:anywhere}.history-list button{padding:0;aspect-ratio:1;min-height:0}.example{max-width:850px;margin:45px auto}.example>p{max-width:670px;margin:18px 0}.example-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;margin:25px 0}.example-cards button{padding:0;min-height:0;box-shadow:var(--shadow)}
.case-result{max-width:1060px;margin:20px auto 32px;background:var(--paper);padding:25px 32px;border-top:3px solid var(--rust);box-shadow:0 3px 10px #39270f18}.result-title{display:flex;justify-content:space-between;gap:20px;align-items:center}.result-title h1{margin:7px 0 10px}.result-title p{max-width:680px;font-size:.9rem}.round-score{text-align:center;min-width:130px}.round-score strong{display:block;font:600 4rem Georgia,serif;color:var(--green);line-height:1}.round-score span{font-size:.75rem}.deduction-pairs{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:24px 0}.deduction-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px 15px;align-items:start}.deduction-pair h2{grid-column:1/-1;border-bottom:1px solid #c5b89d;padding-bottom:8px}.deduction-pair>p{font-size:.75rem;line-height:1.5}.deduction-pair>p:first-of-type{grid-column:1}.answer-cards{display:flex;gap:6px;grid-row:3;grid-column:1;max-width:220px}.answer-cards button{padding:0;min-height:0;aspect-ratio:1;flex:1;max-width:130px;box-shadow:var(--shadow)}.answer-cards.deduction{grid-column:2}.deduction-pair>p:nth-of-type(2){grid-column:2;grid-row:2}.deduction-pair .correct{display:block;color:var(--green)}.deduction-pair .missed{display:block;color:var(--rust)}.stage-0 .actual,.stage-0 .deduction,.stage-0 .deduction-pair>p:nth-of-type(2),.stage-1 .deduction,.stage-1 .deduction-pair>p:nth-of-type(2){visibility:hidden}.stage-1 .actual,.stage-2 .deduction{animation:answer-in .5s both}.stage-3 .round-score strong{animation:score-in .5s both}.result-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #c5b89d;padding-top:12px;font-size:.85rem}.round-review{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.round-review button{font-size:.8rem}.review-targets{display:grid;grid-template-columns:1fr 1fr;gap:15px}.review-targets .answer-cards{grid-column:auto;grid-row:auto}.review-targets h2{grid-row:1}
@keyframes menu-deal{from{opacity:0;transform:translateY(25px) rotate(0)}to{opacity:1;transform:rotate(var(--tilt))}}@keyframes answer-in{from{opacity:0;transform:translateY(12px) rotate(-4deg)}to{opacity:1;transform:none}}@keyframes score-in{from{transform:scale(.86)}to{transform:scale(1)}}
@media(min-width:1450px){.exhibit-table{--card-size:min(16.4vh,178px)}.play-layout{grid-template-columns:195px minmax(0,1fr);gap:36px}.secret-card{width:170px}.files{margin-top:30px}}
@media(max-width:1180px){.top-tagline{display:none}.play-layout{gap:20px;grid-template-columns:150px minmax(0,1fr)}.exhibit-table{--card-size:min(16vh,155px)}.secret-card{width:135px}.private-area{padding-top:28px}.private-area>p{font-size:.76rem}.action-buttons{max-width:62%}.case-meta{font-size:.75rem}.detectives{gap:14px}.audio-quick{margin-right:3px}.volume{grid-template-columns:auto 55px 30px;font-size:.65rem}}
@media(max-width:850px){#topbar{gap:8px}.audio-quick{display:none}.entry{grid-template-columns:1fr 330px;gap:28px}.menu-scene{height:350px}.scene-card{width:120px}.entry-form{padding-right:5px}.play-layout{grid-template-columns:125px minmax(0,1fr);gap:18px}.private-area>p{font-size:.75rem}.secret-card{width:115px}.secret-cards:has(.secret-card:nth-child(2)) .secret-card{width:98px}.private-area>.primary{font-size:.75rem;padding:8px}.private-progress{grid-template-columns:1fr}.private-progress small{font-size:.68rem}.exhibit-layout{gap:13px}.board,.side-cards{gap:8px}.side-area{padding-left:9px}.side-area h3{left:9px;font-size:.65rem}.action-strip{gap:10px;align-items:flex-start;padding:11px 12px}.action-strip strong{font-size:1.08rem}.action-strip span{font-size:.77rem}.action-buttons{max-width:58%;gap:4px}.action-buttons button{font-size:.77rem;padding:7px 10px}.detectives{gap:12px}.detective strong{font-size:.82rem}.initial{width:32px;height:32px;font-size:1.1rem}.case-meta{font-size:.7rem}.table-meta>.quiet{font-size:.77rem;padding:8px}.case-result{padding:22px}.files{gap:18px}.file-card{width:60px}.table-footer>span{max-width:300px}.position{font-size:.55rem}.secret-mark{font-size:.55rem}}
@media(max-width:650px){:root{font-size:14px}#topbar{padding:5px 8px;min-height:57px}.wordmark{font-size:1.6rem}.top-controls{gap:0}.top-controls>.quiet{font-size:.78rem;padding:6px 8px}.flag{padding:8px;min-width:42px}.flag svg{width:24px;height:16px}#main{padding:0 10px}.entry{display:flex;flex-direction:column;gap:0;min-height:auto;padding:10px 0 30px}.entry-art{padding:10px 0;width:100%}.menu-scene{height:240px;max-width:370px}.scene-card{width:108px}.focus-logo{width:82%;left:9%;top:20%}.intro{font-size:1.16rem;max-width:270px;margin-top:18px}.entry-form{max-width:390px;width:100%;padding:15px 12px}.entry-form h1{font-size:1.5rem;text-align:center}.entry-form>p{text-align:center;margin-bottom:15px}.entry-form form{margin-top:18px}.entry-form .credit{margin-top:22px}.table-meta{flex-wrap:wrap;padding:9px 0;gap:7px;min-height:88px}.detectives{flex:1;gap:18px}.detective{gap:6px}.detective strong{font-size:.83rem}.presence{font-size:.61rem}.initial{width:31px;height:31px;flex-shrink:0}.case-meta{order:3;width:100%;text-align:left;font-size:.74rem;display:flex;gap:5px;align-items:center}.room-label{margin-left:auto}.table-meta>.quiet{font-size:.74rem;max-width:84px;line-height:1.2;padding:5px}.lobby{margin-top:8px}.lobby-heading img{width:185px}.lobby-heading{margin-bottom:18px}.lobby-heading h1{font-size:1.5rem}.mode{padding:13px 14px;gap:12px}.mode.chosen{padding:12px 13px}.mode-number{font-size:2.1rem;min-width:32px}.mode strong{font-size:1.25rem}.mode small{font-size:.78rem}.lobby-options{padding:18px 0}.lobby-bottom{padding-top:15px}.action-strip{flex-direction:column;gap:7px;min-height:83px;top:0;padding:10px 12px;margin:0 -2px 13px}.action-strip.your-action{padding-left:8px}.action-strip strong{font-size:1.05rem}.action-strip span{font-size:.78rem;line-height:1.4;margin-top:3px}.action-buttons{max-width:100%;width:100%;justify-content:flex-start;gap:5px}.action-buttons:empty{display:none}.action-buttons button{font-size:.78rem;min-height:44px}.play-layout{display:flex;flex-direction:column;gap:13px;max-width:520px}.private-area{padding:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:5px 12px;align-items:center;width:100%}.private-heading{grid-column:2;grid-row:1}.private-heading h2{font-size:1rem}.private-heading .text-button{font-size:.69rem;min-height:29px;padding:3px 0}.secret-cards{grid-column:1;grid-row:1/3;margin:0;gap:5px}.secret-card{width:64px;min-height:0}.secret-cards:has(.secret-card:nth-child(2)){flex-direction:row}.secret-cards:has(.secret-card:nth-child(2)) .secret-card{width:55px}.private-area>p{font-size:.7rem;line-height:1.3;max-width:none;grid-column:2;grid-row:2}.private-area>.primary{margin:0;max-width:96px;width:auto;grid-column:3;grid-row:1/3;font-size:.71rem;min-height:50px;padding:8px}.private-area .ready-label{font-size:.7rem;margin:0;grid-column:3;grid-row:1/3;max-width:85px}.private-progress{margin:0;border:0;padding:0;display:flex;grid-column:1/-1;gap:7px;align-items:center}.private-progress strong{font-size:1.2rem}.private-progress>span{font-size:.7rem}.private-progress small{margin:0 0 0 auto;font-size:.64rem;max-width:60%;text-align:right}.exhibit-table{width:100%}.table-label{padding-bottom:7px}.table-label h2{font-size:.9rem}.table-label span{font-size:.7rem}.exhibit-layout{display:flex;flex-direction:column;gap:12px;max-width:100%}.board{width:100%;gap:9px}.exhibit{min-width:0;min-height:0}.exhibit .position{font-size:.53rem;left:2px;top:2px;padding:1px 3px}.selection-mark{width:21px;height:21px;font-size:.8rem}.secret-mark{font-size:.5rem;padding:2px}.side-area{padding:8px 0 0;border-left:0;border-top:1px solid #a39781;display:grid;grid-template-columns:55px 1fr;gap:10px}.side-area h3{position:static;white-space:normal;font:500 .72rem system-ui,sans-serif;align-self:center}.side-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.inspection-tip{margin-top:9px;font-size:.68rem}.files{display:flex;flex-direction:column;gap:16px;margin-top:22px}.clue-file{padding-top:8px;min-height:85px}.clue-file h2{font-size:.95rem}.clue-file small{font-size:.71rem}.file-cards{margin-top:8px;min-height:50px;gap:5px}.file-card{width:57px}.file-cards>p{font-size:.75rem}.table-footer{flex-wrap:wrap;margin:15px 0;gap:8px}.table-footer>span{max-width:none;width:100%;font-size:.62rem}.table-footer .quiet{font-size:.8rem}.case-result{padding:18px 14px;margin:10px 0 20px}.result-title{gap:10px}.result-title h1{font-size:1.5rem}.result-title p{font-size:.78rem;line-height:1.5}.round-score{min-width:75px}.round-score strong{font-size:3rem}.round-score span{font-size:.64rem}.deduction-pairs{gap:18px;margin:18px 0}.deduction-pair{grid-template-columns:1fr;gap:7px}.deduction-pair h2{font-size:1.05rem}.deduction-pair>p{font-size:.68rem}.answer-cards{max-width:160px;grid-row:3}.answer-cards button{max-width:95px}.deduction-pair>p:nth-of-type(2){grid-column:1;grid-row:4}.answer-cards.deduction{grid-column:1;grid-row:5}.result-controls{align-items:flex-start;flex-direction:column;gap:7px;font-size:.74rem}.result-controls .quiet{font-size:.8rem}.dialog-content{padding:16px 18px 24px}.dialog-content h1{font-size:1.5rem}.rules{padding-left:20px;font-size:.9rem}.rule-illustration{gap:6px}.settings-volume .volume{grid-template-columns:75px minmax(40px,1fr) 34px;font-size:.8rem}.history-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.example{margin:25px 4px}.example h1{font-size:1.6rem}.example p{font-size:.9rem}.example-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}#action-cue{top:165px;font-size:.9rem}.removed-mark{font-size:.57rem}}
@media(max-width:360px){.top-controls>.quiet{padding:5px;font-size:.71rem}.flag{min-width:39px;padding:7px}.wordmark{padding:0 5px}.board{gap:7px}.private-area{gap:5px 8px}.secret-cards:has(.secret-card:nth-child(2)) .secret-card{width:47px}.detectives{gap:8px}.detective strong{font-size:.76rem}.initial{width:28px;height:28px}.action-buttons button{padding:7px;font-size:.74rem}.side-area{grid-template-columns:42px 1fr;gap:7px}}
.lobby-heading>img{mix-blend-mode:multiply}
.dealing .exhibit{animation:card-deal .45s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--deal)}.dealing .exhibit.selected{animation:none}
@keyframes card-deal{from{opacity:0;transform:translateY(-20px) rotate(-4deg) scale(.94)}to{opacity:1;transform:none}}
.example-pair{display:flex;gap:30px;justify-content:center;margin:25px 0}.example-pair figure{margin:0;width:min(38vw,250px)}.example-pair button{padding:0;box-shadow:var(--shadow);width:100%;aspect-ratio:1}.example-pair figcaption{font-family:Georgia,serif;text-align:center;margin-top:12px}
@media(max-width:650px){.private-heading .text-button{min-height:44px}.flag{min-width:44px}.menu-scene{width:calc(100% - 32px)}}
.table-label{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,1fr);column-gap:24px;max-width:calc(var(--card-size)*5 + 56px);margin-inline:auto;padding-right:0}
.table-label h2,.table-label>span{grid-area:1/1}.table-label>span{justify-self:end}
@media(max-width:850px) and (min-width:651px){.table-label{column-gap:13px}}
@media(max-width:650px){.table-label{display:flex;max-width:100%;column-gap:0}}
.calm *, .calm *::before,.calm *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}