:root{color-scheme:dark;--bg:#0e0e0c;--panel:#1b1915;--gold:#c9aa70;--cream:#eee4d0;--muted:#b6aa93;--line:#6a583b;--n:4}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{font:14px/1.5 system-ui,sans-serif;background:radial-gradient(at 15% 0,#29241b,transparent 60%),#0c0c0b;color:var(--cream);-webkit-tap-highlight-color:transparent}button,select,a{touch-action:manipulation}button,select,.gold-button{font:inherit;color:var(--cream);background:linear-gradient(145deg,#2b261d,#151411);border:1px solid var(--line);border-radius:4px;padding:9px 14px;cursor:pointer;box-shadow:inset 0 1px #f2db9d12,0 2px 5px #0005}button:hover,a.gold-button:hover{border-color:#e4c58b;background:linear-gradient(145deg,#393024,#1b1813)}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #f0d498;outline-offset:3px}a{color:var(--gold);text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,serif;font-weight:400}button.primary,.gold-button{background:linear-gradient(145deg,#ddbd7c,#a77d3d);color:#17130e;border-color:#e5c88b}.primary:hover,.gold-button:hover{background:#e7ca90;color:#17130e}.screen{height:100dvh;max-height:100dvh;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}[hidden]{display:none!important}header{display:flex;align-items:center;justify-content:space-between;padding:20px 3vw;gap:18px;border-bottom:1px solid var(--line);background:#10100fdd;flex-shrink:0}.brand{display:flex;gap:14px;align-items:center;font-family:Georgia;letter-spacing:4px;color:#eee2c3}.brand b{display:grid;place-content:center;width:46px;height:50px;border:3px double var(--gold);font-size:24px;font-weight:400}.brand small{display:block;font:9px system-ui;letter-spacing:2.8px;margin-top:4px;color:var(--muted)}.menu-actions{display:flex;gap:9px}.menu-content{max-width:1450px;width:100%;margin:auto;padding:30px 3vw 12px;overflow-y:auto;min-height:0}.menu-hero{padding:38px;border:1px solid var(--line);outline:1px solid #d8b67822;outline-offset:-6px;border-radius:5px;background:linear-gradient(90deg,#11110ff7,#171610e0 55%,#10100d5c),url('assets/manor-exterior.webp') center/cover;display:flex;align-items:center;gap:35px;justify-content:space-between}.eyebrow{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--gold)}.menu-hero h1{font-size:clamp(30px,4vw,50px);line-height:1.1;margin:12px 0 14px}.menu-hero p{max-width:630px;color:#d0c6b2;font-size:13px}.gold-button{display:inline-block;margin-top:23px}.reputation{flex-shrink:0;max-width:230px;border:3px double var(--line);padding:25px;background:#14130fe8;text-align:center}.reputation>span{font-size:9px;letter-spacing:1.7px;color:var(--gold)}.reputation strong{display:block;font:25px Georgia;margin:9px 0}.reputation small{font-size:10px;color:var(--muted)}.menu-section{display:flex;justify-content:space-between;align-items:center;margin:25px 0 14px}.menu-section h2{font-size:22px}.menu-section>span{font-size:12px;color:var(--muted)}.case-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.case-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);background:linear-gradient(135deg,#242119,#12110f);border-radius:4px;overflow:hidden;color:var(--cream)}.case-card:hover{border-color:#e1c18b}.case-card .mini-map{aspect-ratio:1.9;overflow:hidden;position:relative;opacity:.8;background:#151410}.mini-map svg{width:100%;height:auto;transform:translateY(-18%)}.case-card .card-body{padding:16px;display:flex;flex-direction:column;gap:7px;flex:1}.card-body h3{font-size:21px;line-height:1.2}.card-body small{font-size:10px;color:var(--muted)}.card-body .case-play{font-size:12px;color:var(--gold);margin-top:auto;padding-top:12px}footer{display:flex;justify-content:space-between;color:#918570;font-size:9px;letter-spacing:1px;padding:25px 0 0}.play-header{padding:9px 18px;min-height:62px;justify-content:flex-start;gap:17px}.play-header .back{font-size:13px;white-space:nowrap}.play-header>div{flex:1}.play-header h1{font-size:23px;line-height:1.2}.play-header .eyebrow{letter-spacing:1.3px}.icon-button{width:36px;height:36px;display:grid;place-content:center;padding:0}.play-layout{flex:1;min-height:0;display:grid;grid-template-columns:180px minmax(0,1fr) 280px;grid-template-areas:'people board evidence';gap:18px;padding:15px 20px 10px}.board-panel{grid-area:board;min-width:0;min-height:0;display:flex;flex-direction:column}.board-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;height:39px;flex-shrink:0}.board-toolbar>span{font:12px Georgia;color:var(--gold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-toolbar>div{display:flex;gap:5px;flex-shrink:0}.board-toolbar button{padding:3px 10px;font-size:12px;min-height:30px}.board-viewport{flex:1;min-height:0;min-width:0;overflow:auto;display:grid;place-items:start center;touch-action:none;overscroll-behavior:contain;background:#080807;border:1px solid #665135;box-shadow:inset 0 0 35px #0007;border-radius:3px;scrollbar-width:thin;scrollbar-color:#7b6745 #16140f}.board{position:relative;flex-shrink:0;isolation:isolate;aspect-ratio:1;margin:auto;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.art,.tiles{position:absolute;inset:0}.art svg{width:100%;height:100%;display:block}.tiles{display:grid;grid-template-columns:repeat(var(--n),1fr);grid-template-rows:repeat(var(--n),1fr)}.tile{position:relative;padding:0;min-width:0;min-height:0;border:.5px solid #e7d3ab30;border-radius:0;box-shadow:none;background:none;touch-action:none;-webkit-touch-callout:none;overflow:visible;user-select:none;-webkit-user-select:none}.tile:hover{background:#e5bd6a1c;border-color:#f4d7a878;box-shadow:inset 0 0 12px #e7c88633}.tile.reserved{cursor:help}.tile.auto-block{background:repeating-linear-gradient(135deg,#0a0908b8 0 7px,#bc9a592e 7px 9px);cursor:not-allowed}.tile.auto-block:after{content:'×';position:absolute;inset:0;display:grid;place-content:center;color:#f0d09b88;font:clamp(14px,2vw,35px) Georgia;pointer-events:none}.tile.manual-block{background:#100d0bc9}.tile.manual-block:after{content:'×';position:absolute;inset:0;display:grid;place-content:center;color:#e7c28c;font:clamp(20px,3vw,45px) Georgia;pointer-events:none;text-shadow:0 2px 7px #000}.tile.evidence-lit{background:#e2bd681f;box-shadow:inset 0 0 0 3px #e8c174}.tile.suggested{box-shadow:inset 0 0 0 3px #e2c383;animation:hint-glow 1s ease-in-out infinite alternate}.board-key{display:flex;align-items:center;gap:12px;min-height:30px;font-size:9px;color:var(--muted);flex-shrink:0}.board-key span:first-child:before{content:'× ';color:var(--gold)}.board-key span:nth-child(2):before{content:'× ';color:#ead0a2}.board-key #status{margin-left:auto;text-align:right;max-width:55%;line-height:1.2;color:#d9c79f}.people-panel{grid-area:people;display:flex;flex-direction:column;min-height:0;min-width:0}.section-caption{display:flex;justify-content:space-between;align-items:center;height:38px;flex-shrink:0;color:var(--gold);font-size:10px;letter-spacing:1px;text-transform:uppercase;gap:5px}.section-caption button{padding:3px 8px;font-size:9px;text-transform:none;letter-spacing:0}.people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:9px;overflow:auto;min-height:0;scrollbar-width:thin}.person-wrap{min-width:0;position:relative}.person{display:flex;flex-direction:column;width:100%;padding:0;overflow:hidden;background:#171511;border-color:#6b5b3e;border-radius:4px}.face{display:block;aspect-ratio:1;background-size:200% 200%;background-repeat:no-repeat;background-color:#221916;width:100%;flex-shrink:0}.person .face{filter:saturate(.7)}.person strong{display:block;padding:7px 4px 8px;font:14px Georgia;color:#ead7b3;text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person.selected{border-color:#f0cd8b;box-shadow:0 0 0 2px #caac69aa}.person.placed strong:after{content:' ✓';font:11px system-ui;color:#cbb877}.profile-open{position:absolute;right:3px;top:3px;width:21px;height:21px;display:grid;place-content:center;padding:0;border-radius:50%;background:#17130edb;font:12px Georgia}.token{position:absolute;width:72%;height:72%;left:14%;top:4%;border:2px solid #dfbc7d;border-radius:50%;background-size:200% 200%;background-color:#201713;box-shadow:0 3px 8px #000c;pointer-events:none}.placed-name{position:absolute;left:3%;right:3%;bottom:1%;font:clamp(9px,1.1vw,17px) Georgia;line-height:1.3;background:#18120eeb;color:#f2d8a4;border:1px solid #a48652;border-radius:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:1px 2px;pointer-events:none}.possibilities{position:absolute;left:4%;top:3%;right:4%;display:flex;flex-wrap:wrap;gap:1px;pointer-events:none}.possible-name{font:italic clamp(8px,.8vw,12px) Georgia;color:#fff0c6;background:#171510dc;border-bottom:1px dashed #c8aa72;padding:0 2px;line-height:1.2;overflow:hidden;text-overflow:ellipsis}.hold-ring{position:absolute;inset:4%;z-index:10;border-radius:50%;pointer-events:none}.hold-ring svg{height:100%;width:100%;transform:rotate(-90deg)}.hold-ring circle{fill:none;stroke:#f5d294;stroke-width:5;stroke-dasharray:276.46;stroke-dashoffset:276.46;animation:hold .65s linear forwards;filter:drop-shadow(0 0 4px #d9b069)}@keyframes hold{to{stroke-dashoffset:0}}@keyframes hint-glow{to{filter:brightness(1.3)}}.tile.confirmed .token{animation:confirm .2s ease-out}@keyframes confirm{from{transform:scale(.7)}to{transform:scale(1)}}.evidence-panel{grid-area:evidence;display:flex;flex-direction:column;min-width:0;min-height:0}.reports{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;padding-right:5px}.report{display:block;border-bottom:1px solid #a1854a55;padding:14px 0;color:#d9ceba;line-height:1.6;font-size:13px;position:relative}.report strong{font:17px Georgia;color:#e2c995;display:block;padding-bottom:6px}.report input{accent-color:#c3a15f}.report.checked{opacity:.42}.report p{white-space:pre-line}.report .evidence-button{border:0;box-shadow:none;background:none;color:#d2b06f;font-size:10px;padding:4px 0;display:block}.report-navigation{display:none}.game-controls{display:flex;justify-content:center;gap:10px;padding:10px 20px 13px;background:#11100edb;border-top:1px solid #66543b;flex-shrink:0}.game-controls button{min-width:90px;font-size:12px;padding:9px 15px}.game-controls .primary{min-width:180px}.coach{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 20px;background:#2c2618;border-bottom:1px solid #a08850;color:#e7cf9d;font-size:12px;flex-shrink:0}.coach button{font-size:10px;padding:3px 10px;white-space:nowrap}.review-banner{position:fixed;left:50%;top:70px;transform:translateX(-50%);padding:10px 20px;background:#1b1710f5;border:1px solid var(--gold);z-index:40;color:#f1d49a;box-shadow:0 5px 25px #000c}.tile.review-correct{background:#6b824455;box-shadow:inset 0 0 0 4px #b9cd8d}.tile.review-wrong{background:#a9483855;box-shadow:inset 0 0 0 4px #e19a79}.review-badge{position:absolute;right:0;top:0;border-radius:50%;background:#1b1812;color:#f3daab;border:1px solid var(--gold);font-size:16px;width:23px;height:23px;display:grid;place-content:center}.reviewing .play-layout{pointer-events:none}dialog{border:1px solid var(--gold);border-radius:5px;outline:1px solid #b9995c44;outline-offset:-5px;background:linear-gradient(145deg,#29241c,#13120f);color:var(--cream);max-width:600px;width:calc(100% - 32px);max-height:90dvh;padding:32px;overflow:auto;box-shadow:0 20px 100px #000b}dialog::backdrop{background:#050504dd;backdrop-filter:blur(5px)}dialog h2{font:30px Georgia;color:#eed3a0;margin:4px 0 15px}dialog p{color:#d1c3ab;margin:13px 0;font-size:14px;line-height:1.7}dialog li{margin:10px 0;color:#d8cbb4}dialog .close{position:absolute;right:8px;top:7px;border:0;background:none;box-shadow:none;font-size:24px;padding:0 7px}.modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.modal-actions button{flex:1}.full-body{height:56dvh;max-height:650px;aspect-ratio:3/8;background-size:400% 100%;margin:auto;border:1px solid #a1814d}.suspect-choice{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.suspect-choice button.active{border-color:#f3d395;background:#4b3d25}.reward-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0;border-bottom:1px solid #a7874844}.reward-row small{display:block;color:var(--muted);font-size:11px}.body-trim-gold .token{border:4px double #ffe3a4}.body-trim-onyx .token{border:3px solid #d9bf86;box-shadow:0 0 0 3px #111,0 0 0 4px #d9bf86}.body-trim-laurel .token{border:5px double #ffe6b5;box-shadow:0 0 12px #dbc17d77}
@media(min-width:1500px){.play-layout{grid-template-columns:220px minmax(0,1fr) 330px;max-width:1900px;width:100%;margin:auto}.people{gap:12px}.person strong{font-size:16px}.report{font-size:15px}}
@media(max-width:1000px){.play-layout{grid-template-columns:150px minmax(0,1fr) 240px;gap:12px;padding:10px 12px}.person strong{font-size:12px}.report{font-size:12px}.report strong{font-size:15px}.case-cards{gap:9px}.card-body h3{font-size:18px}.reputation{max-width:185px;padding:18px}.menu-hero{padding:28px}.menu-actions button{font-size:11px;padding:7px}}
@media(max-width:760px) and (orientation:portrait){.play-header{height:55px;min-height:55px;padding:7px 12px;gap:10px}.play-header h1{font-size:18px}.play-header .eyebrow{font-size:8px;letter-spacing:.8px}.play-header .back{font-size:11px}.play-header .icon-button{width:30px;height:30px}.play-layout{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(150px,1fr) 88px 153px;grid-template-areas:'board' 'people' 'evidence';gap:4px;padding:5px 12px 3px}.board-toolbar{height:30px}.board-toolbar button{font-size:11px;min-height:25px;padding:1px 9px}.board-toolbar>span{font-size:11px}.board-key{min-height:20px;font-size:8px;gap:8px}.board-key #status{max-width:53%}.people-panel .section-caption{height:17px;font-size:8px}.people{display:flex;gap:7px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;align-items:start;padding:2px}.person-wrap{width:61px;flex-shrink:0}.person{height:65px;position:relative}.person .face{height:46px;aspect-ratio:auto}.person strong{padding:1px 2px 3px;font-size:10px}.profile-open{width:17px;height:17px;font-size:10px;top:1px;right:1px}.evidence-panel .section-caption{height:24px;font-size:8px;letter-spacing:1px}.section-caption button{font-size:9px;padding:1px 7px}.reports{overflow-x:hidden;overflow-y:auto;padding:0;display:block;overscroll-behavior-y:contain;touch-action:pan-y;scrollbar-width:none;-ms-overflow-style:none}.reports::-webkit-scrollbar{display:none;width:0;height:0}.report{display:block;border-bottom:1px solid #a1854a55;padding:8px 3px;overflow:visible;width:100%;height:auto;font-size:12px;line-height:1.5}.report.current{display:block}.report strong{font-size:15px;padding-bottom:3px}.report .evidence-button{display:inline;padding:2px 0;font-size:9px}.report-navigation{display:none}.report-navigation button{padding:0 12px;min-height:22px;font-size:17px;line-height:20px}.game-controls{padding:6px 10px 8px;gap:5px}.game-controls button{min-width:0;font-size:10px;padding:8px 7px;min-height:35px;flex:1}.game-controls .primary{min-width:100px;flex:1.7}.coach{font-size:10px;padding:5px 12px;max-height:55px;line-height:1.35}.coach button{font-size:9px}.possible-name{font-size:9px}.placed-name{font-size:clamp(8px,2.4vw,13px)}.menu-screen header{padding:12px 16px;flex-wrap:wrap;gap:9px}.brand{font-size:15px;letter-spacing:2px}.brand b{width:33px;height:37px;font-size:19px}.brand small{font-size:7px;letter-spacing:1.5px}.menu-actions{width:100%;justify-content:space-between;gap:5px}.menu-actions button{font-size:10px;padding:6px 9px}.menu-content{padding:16px;margin:0 auto}.menu-hero{padding:24px 20px;display:block}.menu-hero h1{font-size:34px}.menu-hero p{font-size:12px}.reputation{display:flex;align-items:center;justify-content:space-between;max-width:none;margin-top:20px;border:0;border-top:1px solid #8b6d3c66;padding:14px 0 0;text-align:left;background:none;gap:9px}.reputation>span{font-size:8px;max-width:70px}.reputation strong{font-size:18px;margin:0}.reputation p{font-size:11px}.reputation small{display:none}.case-cards{grid-template-columns:1fr;gap:12px}.case-card{flex-direction:row;min-height:120px}.case-card .mini-map{width:115px;flex-shrink:0;aspect-ratio:auto}.mini-map svg{height:100%;width:auto;transform:none;max-width:none}.case-card .card-body{padding:13px;gap:3px}.card-body h3{font-size:21px}.card-body .case-play{padding-top:6px}.menu-section{margin-top:22px}.menu-section h2{font-size:21px}.menu-section>span{font-size:10px}footer{font-size:8px;letter-spacing:0}.gold-button{margin-top:17px;font-size:12px}}
@media(max-height:650px) and (orientation:landscape){.play-header{min-height:42px;padding:5px 12px}.play-header h1{font-size:17px}.play-header .eyebrow{font-size:7px}.play-layout{grid-template-columns:120px minmax(0,1fr) 220px;gap:10px;padding:4px 10px}.section-caption{height:26px;font-size:8px}.people{gap:5px}.person strong{font-size:10px;padding:3px 0}.report{font-size:11px;padding:9px 0}.report strong{font-size:14px}.game-controls{padding:5px 10px}.game-controls button{padding:5px 10px;font-size:10px}.board-toolbar{height:30px}.board-key{font-size:8px;min-height:22px}.coach{padding:4px 12px;font-size:10px}.profile-open{width:17px;height:17px;font-size:10px}}
@media(min-width:761px) and (max-width:1180px) and (orientation:portrait){.play-layout{grid-template-columns:170px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 240px;grid-template-areas:'people board' 'evidence evidence';gap:12px}.evidence-panel .reports{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.report{padding:8px 0}.people{grid-template-columns:1fr 1fr}.case-cards{grid-template-columns:repeat(3,1fr)}}
@media(prefers-reduced-motion:reduce){.tile.confirmed .token,.tile.suggested{animation:none}}
/* Black/gray application surfaces; gold is reserved for accents and primary actions. */
:root{--bg:#0d0f12;--panel:#171b20;--cream:#e5e7ea;--muted:#a8adb5;--line:#505660}body{background:radial-gradient(at 15% 0,#262c34,transparent 60%),#0b0d10;color:var(--cream)}header{background:#111419ed;border-color:#535a64}button,select{background:linear-gradient(145deg,#2a3038,#15191e);border-color:#555e6b;color:#e6e8eb}button:hover{background:linear-gradient(145deg,#353d47,#1b2027)}button.primary,.gold-button{background:linear-gradient(145deg,#ddbd7c,#a77d3d);color:#17130e;border-color:#e5c88b}.menu-content{margin:0 auto;flex:1;padding-top:30px}.menu-hero{background:linear-gradient(90deg,#101419f7,#141a21db 55%,#10151d66),url('assets/manor-exterior.webp') center/cover;border-color:#626a75}.reputation{background:#10151be8;border-color:#626a75}.case-cards{display:flex;flex-direction:column;gap:18px}.case-card{flex-direction:row;min-height:190px;background:linear-gradient(135deg,#20262f,#12161d);border-color:#525c68}.case-card .mini-map{width:240px;aspect-ratio:1.25;flex-shrink:0;opacity:1}.mini-map svg{width:100%;height:100%;transform:none}.case-card .card-body{padding:24px;justify-content:center;gap:10px}.card-body h3{font-size:29px}.card-body .case-play{margin-top:0}.person{background:#181d24;border-color:#626a75}.person strong{color:#e7d4ac}.board-viewport{background:#080a0d;border-color:#535b66}.game-controls{background:#11151bed;border-color:#535b66}.coach{background:#242b35;border-color:#687483}.report{border-bottom-color:#59616c80}dialog{background:linear-gradient(145deg,#252d37,#11161d);border-color:#a48b5e}dialog::backdrop{background:#05080cdd}.full-body{border-color:#606a77}.menu-section h2{color:#e2e5e9}.play-header .back{color:#d2b47c}.board-toolbar>div{align-items:center}.board-toolbar #roomNames{font-size:10px;white-space:nowrap;padding:3px 7px}#roomNames[aria-pressed=true]{border-color:#e2c184;background:#3a4350;color:#f1d99f}.room-name-labels{position:absolute;inset:0;z-index:5;pointer-events:none}.room-name-label{position:absolute;transform:translate(-50%,-50%);max-width:23%;padding:3px 6px;color:#f2dfb6;font:clamp(7px,1vw,12px)/1.25 Georgia;background:#11151aed;border:1px solid #c8ac73aa;border-radius:3px;text-align:center;text-shadow:0 1px 3px #000;box-shadow:0 2px 7px #0007}.tiles{z-index:3}
@media(max-width:760px) and (orientation:portrait){.case-card{min-height:140px}.case-card .mini-map{width:125px;aspect-ratio:1}.case-card .card-body{padding:14px;gap:5px}.card-body h3{font-size:21px}.board-toolbar #roomNames{font-size:9px;padding:2px 5px}.board-toolbar>div{gap:3px}.board-toolbar>span{font-size:10px;min-width:0}.room-name-label{padding:2px 4px;font-size:8px}.menu-hero{padding:24px 20px}.reputation{background:none}}
@media(min-width:761px) and (max-width:1180px) and (orientation:portrait){.case-cards{display:flex;flex-direction:column}}
/* SudoClue: quiet warm luxury outside the photographic board. */
:root{--bg:#141111;--panel:#201b19;--cream:#f0e6d3;--muted:#b6a994;--line:#756043;--gold:#d5b577}
body{background:linear-gradient(110deg,#131111c9,#191412da 50%,#131111c9),url('assets/manor-atmosphere-v6.webp') center/cover fixed;color:var(--cream)}
header{background:linear-gradient(100deg,#171313f7,#251a19ee,#171313f7);border-bottom:1px solid #ac895655;box-shadow:0 6px 26px #0004}
.brand{letter-spacing:2px;gap:12px}.brand .brand-crest{width:54px;height:54px}.brand>span{font-size:27px;line-height:1.1}.brand em{display:block;font:10px Georgia,serif;letter-spacing:3px;text-transform:uppercase;color:#d7bd8b;margin-top:5px}.brand small{font-size:8px;letter-spacing:1.4px;margin-top:5px}
button,select{background:linear-gradient(145deg,#3a2c25,#211a18 65%);border-color:#97774888;color:#f0e1c6;border-radius:6px;box-shadow:inset 0 1px #f3d59b18,0 3px 8px #0005}button:hover{background:linear-gradient(145deg,#514031,#2c211d);border-color:#d6b67c}button.primary,.gold-button{background:linear-gradient(135deg,#efd49a,#bc9559 60%,#dec18a);border-color:#f0d39b;box-shadow:inset 0 1px #fff8,0 4px 16px #0006}
.menu-content{max-width:1320px;padding-top:25px}.title-artwork{position:relative;max-width:100%;margin-bottom:22px;border:1px solid #9e7d4c88;box-shadow:0 18px 55px #0009;overflow:hidden;border-radius:7px;background:#100f0e}.title-artwork img{display:block;width:100%;height:auto;max-height:570px;object-fit:cover;object-position:center 58%}
.menu-hero{background:linear-gradient(120deg,#251e1bf5,#211619eb);border-color:#a386535e;padding:28px 34px;box-shadow:inset 0 0 0 5px #cfa96908,0 8px 30px #0004}.menu-hero h1{font-size:clamp(27px,3vw,40px);color:#f2e3c8}.menu-hero p{color:#c5b69e}.reputation{background:linear-gradient(145deg,#30231d,#171313);border-color:#a88854}.menu-section h2{color:#ebd6af}.case-card{background:linear-gradient(110deg,#2b211cfa,#1e1817fa);border-color:#9c7c4d77;box-shadow:inset 0 1px #edd4a314,0 8px 26px #0005;border-radius:7px;transition:border-color .2s,box-shadow .2s}.case-card:hover{border-color:#d2b175;box-shadow:0 10px 30px #0008}.case-card .mini-map{border-right:1px solid #a1855266}.card-body h3{color:#eee0c4}.card-body .case-play{letter-spacing:.5px}
.person{background:#211a18;border-color:#9d805457}.person.selected{border-color:#e5c78e;box-shadow:0 0 0 2px #d4b37466,0 3px 12px #0008}.section-caption{color:#d9bd89}.report{border-bottom-color:#94784e55}.board-viewport{background:#090908;border-color:#92774699;box-shadow:0 0 0 3px #c7a26310,0 7px 24px #0007}.game-controls{background:linear-gradient(90deg,#1c1715f5,#281c19f5);border-color:#97784966}.coach{background:#30251d;border-color:#96774c}.room-name-label{background:#1d1714ed;border-color:#b99b66aa}#roomNames[aria-pressed=true]{background:#4c3825;color:#f3dcae;border-color:#dbb779}dialog{background:linear-gradient(145deg,#33271f,#1c1615);border-color:#b59762;box-shadow:0 25px 90px #000c,inset 0 0 0 5px #c9a46a0b}dialog::backdrop{background:#080605df}footer{color:#b09a76}.full-body{border-color:#9c8055}
@media(max-width:760px){.brand .brand-crest{width:39px;height:43px}.brand>span{font-size:21px}.brand em{font-size:8px;letter-spacing:1.7px}.brand small{display:none}.menu-screen>header{gap:8px;padding:12px}.menu-actions{gap:5px}.menu-actions button,.menu-actions select{padding:7px 8px;font-size:11px}.title-artwork{margin-bottom:14px}.title-artwork img{max-height:none;object-fit:contain}.menu-hero{padding:22px 19px}.case-card .mini-map{border-right-color:#96774955}}
@media(max-width:430px){.menu-screen>header{flex-wrap:wrap;justify-content:center}.menu-actions{width:100%;justify-content:center}.brand .brand-crest{width:43px;height:46px}.brand>span{font-size:25px}}
/* Local review build: standalone gold identity and distinct account scenes. */
.title-artwork{border:0;background:transparent;box-shadow:none;overflow:visible;display:grid;place-items:center;margin:0 auto 12px;max-width:850px}.title-artwork img{width:min(100%,730px);height:auto;max-height:470px;object-fit:contain;filter:drop-shadow(0 12px 22px #000a)}
.account-link{display:flex;align-items:center;padding:8px 13px;border:1px solid #9c7d4d88;border-radius:6px;font-size:12px;background:#241c18b0;color:#e2c796}.account-screen{height:100dvh;overflow:auto;overscroll-behavior:contain;background:linear-gradient(90deg,#0e0d0c30,#0e0d0c60),url('assets/login-background-v7.webp') center/cover fixed}.account-screen[data-page=register]{background-image:linear-gradient(90deg,#0e0d0c50,#0e0d0c30),url('assets/register-background-v7.webp')}.account-screen[data-page=account]{background-image:linear-gradient(90deg,#0e0d0c30,#0e0d0c70),url('assets/account-background-v7.webp')}.account-screen[data-page=recover]{background-image:linear-gradient(90deg,#0e0d0c30,#0e0d0c60),url('assets/recover-background-v7.webp')}
.account-header{position:relative;z-index:1;background:#14100edb;padding:15px 4vw;font-size:12px;color:#d8bd8b}.account-header>span{font:16px Georgia,serif;letter-spacing:1px}.account-layout{max-width:1400px;margin:auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:7vw;align-items:center;min-height:calc(100dvh - 75px);padding:35px 5vw}.account-intro{padding:10px 0;text-shadow:0 3px 15px #000}.account-intro>img{display:block;width:100%;max-width:600px;margin:0 auto 12px;filter:drop-shadow(0 8px 18px #000)}.account-intro h1{font:clamp(27px,3vw,42px)/1.15 Georgia,serif;margin:12px 0 17px;max-width:650px;color:#f0ddba}.account-intro>p{font-size:14px;color:#d4c2a5;max-width:550px;line-height:1.8}.account-card{padding:30px 33px;border:1px solid #bc9c6677;border-radius:9px;background:linear-gradient(135deg,#2a211ce8,#171311f5);box-shadow:0 22px 70px #0009,inset 0 0 0 5px #c4a26408;backdrop-filter:blur(12px);min-width:0}.account-card h2{font-size:30px;margin:8px 0 20px;color:#f0dfbe}.account-card form{display:flex;flex-direction:column;gap:8px}.account-card form>label{font-size:12px;color:#dbc29a;margin-top:7px}.account-card input:not([type=checkbox]){width:100%;border:1px solid #8c704c88;border-radius:5px;background:#110f0dc9;color:#f2e4ce;padding:12px 13px;font:15px system-ui;min-height:45px;outline:none}.account-card input:focus{border-color:#d6b573;box-shadow:0 0 0 3px #c49d4b20}.account-card small,.fine-print{font-size:11px;color:#b9a88c;line-height:1.7}.account-card .fine-print{margin-top:22px;padding-top:17px;border-top:1px solid #ad8e5833}.account-card .import-guest{display:flex;align-items:flex-start;gap:9px;line-height:1.5;cursor:pointer}.import-guest input{accent-color:#ccab6b;width:16px;height:16px;margin:2px 0;flex-shrink:0}.form-error{color:#f1b298;font-size:12px;min-height:18px;margin:5px 0}.account-card form>.primary{padding:12px;margin-top:4px;font-weight:600}.account-links{display:flex;flex-direction:column;gap:9px;margin-top:20px;font-size:12px}.account-links>span{color:#b8a58a}.account-links a{color:#e0bf85}.account-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 10px}.account-buttons .gold-button{margin:0;padding:9px 14px;font:14px system-ui}.sync-status{font-size:13px;color:#e7c68c;padding:11px;border:1px solid #a7874c66;background:#bca05a0a}.account-stat{display:flex;align-items:baseline;gap:15px;margin:25px 0}.account-stat strong{font:38px Georgia;color:#edcf96}.account-stat span{color:#bdac91}.recovery-panel{border:1px solid #bea16988;padding:17px;margin-top:20px;background:#17110b90}.recovery-panel h2{font-size:22px;margin:0 0 10px}.recovery-panel p{font-size:12px;color:#cfbfa4}.recovery-panel code{display:block;font:13px/1.7 monospace;overflow-wrap:anywhere;background:#0d0c0b;padding:12px;margin-top:15px;color:#edd391}.recovery-panel button{font-size:11px}.account-screen[data-page=register] .account-intro{order:2}.account-screen[data-page=register] .account-card{order:1}.account-screen[data-page=register] .account-layout{grid-template-columns:minmax(340px,.8fr) minmax(0,1.2fr)}
@media(max-width:900px){.account-layout,.account-screen[data-page=register] .account-layout{grid-template-columns:minmax(0,1fr) minmax(330px,1fr);gap:4vw;padding:25px 4vw}.account-card{padding:24px}.account-intro h1{font-size:30px}.account-intro>p{font-size:12px}.menu-actions{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:650px){.account-layout,.account-screen[data-page=register] .account-layout{display:flex;flex-direction:column;padding:18px 18px 35px;gap:17px;min-height:0}.account-header{padding:12px 16px;gap:10px}.account-header>span{display:none}.account-intro,.account-screen[data-page=register] .account-intro{order:0;width:100%;text-align:center;padding:0}.account-intro>img{max-width:270px;max-height:180px;object-fit:contain;margin:0 auto}.account-intro .eyebrow{display:none}.account-intro h1{font-size:26px;margin:6px 0 10px}.account-intro>p{font-size:12px;line-height:1.6;margin:auto;max-width:370px}.account-card,.account-screen[data-page=register] .account-card{order:1;width:100%;max-width:450px;padding:22px}.account-card h2{font-size:26px;margin-bottom:14px}.account-card .fine-print{margin-top:16px}.title-artwork img{max-height:280px}.account-link{font-size:11px;padding:7px 8px}.menu-actions{justify-content:center}}
.tier-group{padding:10px 0 20px}.tier-group-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0 18px;border-bottom:1px solid #a78b513f;padding-bottom:13px}.tier-group-heading h2{font:26px Georgia;color:#ead3a6}.tier-group-heading h2 small{display:inline-block;font:10px system-ui;color:#b8a37b;text-transform:uppercase;letter-spacing:1.5px;margin-left:12px}.tier-group-heading>span{font-size:12px;color:#c6ad80;white-space:nowrap}.tier-case-list{display:flex;flex-direction:column;gap:17px}@media(max-width:650px){.tier-group-heading h2{font-size:23px}.tier-group-heading h2 small{display:block;margin:5px 0 0;font-size:9px}.tier-group-heading>span{font-size:10px}}
.board-panel{position:relative}.object-tooltip{position:absolute;z-index:30;top:45px;left:50%;transform:translateX(-50%);min-width:190px;max-width:min(94%,330px);padding:12px 15px;border:1px solid #d6b675;background:linear-gradient(135deg,#33271df5,#15120ff5);border-radius:7px;box-shadow:0 8px 25px #000b;pointer-events:none;text-align:center}.object-tooltip strong{display:block;color:#f0d6a1;font:18px Georgia}.object-tooltip span{display:block;color:#ceb98e;font-size:11px;margin:4px 0}.object-tooltip small{display:block;color:#ddd0b5;font-size:10px;line-height:1.5}
.guest-note{display:block;font-size:11px;color:#bba582;margin-top:13px;max-width:500px;letter-spacing:.15px}
.case-card .envelope-preview{width:260px;min-height:210px;aspect-ratio:auto;background:radial-gradient(ellipse at 50% 85%,#a78b4a12,transparent 67%),linear-gradient(145deg,#171614,#211b18);overflow:hidden;isolation:isolate}
.envelope-back{position:absolute;left:7%;right:7%;bottom:7%;height:78%;background:linear-gradient(135deg,#6c4b35,#392b23 65%);clip-path:polygon(0 31%,50% 0,100% 31%,100% 100%,0 100%);filter:drop-shadow(0 2px 2px #000)}
.case-paper{position:absolute;left:23%;top:7%;width:60%;height:76%;overflow:hidden;padding:6px;background:linear-gradient(125deg,#e8ddc1,#cabe9b);border:1px solid #f2e4bd;box-shadow:0 5px 10px #000a;transform:rotate(-7deg);transition:transform .35s ease,top .35s ease;color:#3d3529}
.case-paper img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border:1px solid #71634499;filter:saturate(.8) contrast(.95)}
.paper-heading{font:7px/1.5 system-ui;letter-spacing:1.5px;border-bottom:1px solid #8f7b4d66;margin-bottom:4px;padding-bottom:3px}.paper-caption{font:5px/1.8 Georgia;letter-spacing:.6px;text-align:center}
.envelope-pocket{position:absolute;left:7%;right:7%;bottom:7%;height:49%;overflow:hidden;background:radial-gradient(at 50% 100%,#67383244,transparent 70%),linear-gradient(135deg,#4a2d29,#2a1c1c 55%,#4b2d29);clip-path:polygon(0 0,50% 35%,100% 0,100% 100%,0 100%);border-bottom:1px solid #b9955977;box-shadow:inset 0 -2px 10px #0007}
.envelope-pocket:after{content:'';position:absolute;inset:0;border:1px solid #b6904e55;pointer-events:none}.envelope-crease{position:absolute;top:3%;width:68%;height:1px;background:#bd965b4a;transform-origin:left}.envelope-crease.left{left:0;transform:rotate(25deg)}.envelope-crease.right{right:0;transform:rotate(-25deg);transform-origin:right}.envelope-monogram{position:absolute;left:7%;bottom:21%;font:italic 20px Georgia;color:#c5a56a66;letter-spacing:-1px}.envelope-caption{position:absolute;right:7%;bottom:20%;font:7px system-ui;letter-spacing:1.3px;color:#d1b37c}
.envelope-seal{position:absolute;z-index:3;left:calc(50% - 17px);bottom:27%;width:34px;height:34px;display:grid;place-items:center;border:3px double #e4c277;border-radius:47% 53% 45% 55%;background:radial-gradient(at 35% 30%,#d7b974,#8b672e 70%,#65451c);color:#332417;font:italic 19px Georgia;box-shadow:0 3px 5px #0009,inset 0 0 0 2px #7b582e66;transform:rotate(-8deg)}
.case-card:hover .case-paper,.case-card:focus-visible .case-paper{top:3%;transform:rotate(-3deg)}
@media(max-width:760px) and (orientation:portrait){.case-card .envelope-preview{width:128px;min-height:155px}.case-paper{left:18%;width:72%;padding:4px;top:11%}.paper-heading{font-size:5px;letter-spacing:.5px;padding-bottom:1px;margin-bottom:2px}.paper-caption{font-size:3px;letter-spacing:0}.envelope-back{height:76%;left:5%;right:5%}.envelope-pocket{left:5%;right:5%;height:44%}.envelope-seal{width:25px;height:25px;left:calc(50% - 12px);font-size:14px;bottom:25%}.envelope-monogram{font-size:14px;bottom:16%}.envelope-caption{font-size:5px;letter-spacing:.4px;bottom:17%}.case-card:hover .case-paper{top:8%}}
@media(prefers-reduced-motion:reduce){.case-paper{transition:none}}

#menu>header .brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;letter-spacing:0;flex-shrink:0}.brand .brand-logo{display:block;width:190px;height:100px;object-fit:contain}.brand>small{font:7px system-ui;letter-spacing:1.5px;margin-top:2px}.menu-screen>header{padding-top:8px;padding-bottom:9px}
.envelope-watermark{position:absolute;left:13%;bottom:3%;width:74%;height:88%;object-fit:contain;opacity:.18;pointer-events:none}.envelope-caption{z-index:1}.envelope-seal{font:27px/1 ManorScript,cursive;letter-spacing:-2px;padding:3px 3px 0 0;color:#372410;text-shadow:0 1px #f8dda077;box-shadow:0 3px 5px #0009,inset 0 0 0 2px #7b582e66}
.tier-screen .title-artwork,.tier-screen .menu-hero{display:none}.tier-page-intro{position:relative;padding:14px 5px 24px;border-bottom:1px solid #a1844c55}.tier-page-intro>a{display:block;width:fit-content;font-size:12px;margin-bottom:28px}.tier-page-intro>.eyebrow{font-size:10px;letter-spacing:2px}.tier-page-intro h1{font:clamp(33px,5vw,52px)/1.1 Georgia;color:#eed5a2;margin:8px 0 14px}.tier-page-intro p{color:#c5b69e;font-size:14px;line-height:1.7}.tier-screen .menu-content{max-width:1300px}
.tier-card{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:27px;min-height:170px;padding:26px 33px;border:1px solid #987b4c77;border-radius:8px;background:linear-gradient(120deg,#2b231ef0,#161413f5);color:var(--cream);box-shadow:inset 0 0 0 5px #c7a46a07,0 7px 23px #0004;transition:border-color .2s}.tier-card:after{content:'';position:absolute;z-index:-1;right:20%;top:-10%;height:125%;width:35%;background:url('assets/sudoclue-logo-v8.webp') center/contain no-repeat;opacity:.055;pointer-events:none}.tier-card:hover{border-color:#e5c17f}.tier-number{font:42px Georgia;color:#c3a16c;min-width:80px;text-align:center;border:3px double #a3834b77;aspect-ratio:1;display:grid;place-items:center}.tier-card-copy{flex:1;min-width:0}.tier-card h3{font:29px Georgia;color:#efdab6;line-height:1.3;margin:3px 0}.tier-card p{font-size:11px;color:#bca98a}.tier-card small{font-size:10px;color:#c8b28c}.tier-progress{display:block;height:3px;width:150px;background:#96815e22;margin:12px 0 4px}.tier-progress i{display:block;height:100%;background:#cfae71}.tier-open{font-size:12px;letter-spacing:.4px;white-space:nowrap;color:#d8b87d}
@media(max-width:760px) and (orientation:portrait){.brand .brand-logo{width:155px;height:83px}.brand>small{display:none}.menu-screen>header{padding:7px 10px;flex-wrap:wrap;justify-content:center;gap:7px}.menu-screen>header .brand{width:100%}.menu-actions{flex-wrap:wrap;justify-content:center}.tier-card{padding:19px 17px;gap:16px;min-height:145px}.tier-number{min-width:51px;font-size:29px;border-width:1px}.tier-card h3{font-size:25px}.tier-open{font-size:10px;max-width:74px;white-space:normal;text-align:right}.tier-progress{width:110px}.tier-page-intro{padding:7px 0 20px}.tier-page-intro>a{margin-bottom:24px}.tier-page-intro p{font-size:12px}.envelope-seal{font-size:19px;letter-spacing:-1px;padding-top:2px}.envelope-watermark{left:10%;width:80%;opacity:.19}}
:root{--bg:#070e1b;--panel:#101b2d;--cream:#eee9df;--muted:#aab5c7;--line:#88754f;--bordeaux:#501d35}
body{background:radial-gradient(ellipse at 18% 0,#1a304c,transparent 65%),#070e1b;color:var(--cream)}
.menu-screen,.play-screen{background:linear-gradient(125deg,#071123ee,#0a1423e8),url('assets/manor-atmosphere-v6.webp') center/cover fixed}
header,.play-header,.game-controls{background:#091326f5;border-color:#b59a5c55}.menu-hero{background:linear-gradient(120deg,#122441f4,#0b172cf2);border-color:#c4a36866}.menu-hero h1{color:#f1dfb9}.menu-hero p,.tier-page-intro p{color:#b7c3d5}.reputation{background:linear-gradient(140deg,#20233d,#111a2d);border-color:#b99a5e}.guest-note,.reputation small{color:#aeb9cd}
button,select,.account-link{background:linear-gradient(145deg,#1c2d48,#101b30);border-color:#ad8d535e;color:#eadfc9}button:hover,select:hover,.account-link:hover{background:linear-gradient(145deg,#2d2440,#16233a);border-color:#d2b378}button.primary,.gold-button{background:linear-gradient(145deg,#ddbd7c,#a77d3d);border-color:#e5c88b;color:#15121a}.primary:hover,.gold-button:hover{background:#e7ca90;color:#15121a}
.case-card,.tier-card{background:linear-gradient(115deg,#14233cf5,#0c1629f7);border-color:#b2945a66}.case-card:hover,.tier-card:hover{border-color:#dcc087;box-shadow:0 8px 28px #02071399,inset 3px 0 #7b2f4a}.case-card .envelope-preview{background:radial-gradient(ellipse at 50% 85%,#8b355e18,transparent 70%),linear-gradient(145deg,#0a1526,#152139);border-right-color:#ad8d5355}.envelope-back{background:linear-gradient(135deg,#6b3c4d,#351a30 68%)}.envelope-pocket{background:radial-gradient(at 50% 100%,#77284444,transparent 70%),linear-gradient(135deg,#532137,#2d1426 55%,#491d35)}.envelope-seal{background:radial-gradient(at 35% 25%,#88425a,#4c172e 65%,#2b1022);color:#ecd398;border-color:#d1af69;text-shadow:0 1px 2px #100510;box-shadow:0 3px 5px #0009,inset 0 0 0 2px #3d142a}.tier-number{background:linear-gradient(145deg,#391b32aa,#15203b99);border-color:#b89a5a88;color:#e5c98d}.tier-progress{background:#8e779922}.tier-card p,.tier-card small{color:#aebbd0}.tier-progress i{background:linear-gradient(90deg,#82405a,#d2b276)}
.person{background:#111e34;border-color:#9e86566b}.person.selected{border-color:#e9c784;box-shadow:0 0 0 2px #ab855c88}.profile-open{background:#29172deb}.coach{background:#182941;border-color:#a78b5255}.report{border-bottom-color:#a78b5255;color:#c9d3e1}.board-viewport{background:#050c17;border-color:#a78b5266}.board-toolbar>span{color:#d5bb83}.board-key{color:#aab6ca}#roomNames[aria-pressed=true]{background:#4a2137;border-color:#c7aa71;color:#f0d8a4}
dialog{background:linear-gradient(145deg,#192a45,#0b1528);border-color:#b19761}dialog::backdrop{background:#020713dc}.object-tooltip{background:linear-gradient(135deg,#20304cf5,#0b1528f5);border-color:#c5a66d}.full-body{border-color:#9c835c66}.sync-status{background:#162844;color:#e3ca91;border-color:#a98c5666}.account-card{background:linear-gradient(135deg,#142541ed,#0c172af7);border-color:#b89a5c77}.account-header{background:#091326f2}.account-card input:not([type=checkbox]){background:#081426e8;border-color:#a68b5666;color:#eee3cf}.account-intro>p,.account-card .fine-print,.account-links>span{color:#b8c3d5}.recovery-panel{background:#211a32c9;border-color:#aa8c57}.recovery-panel code{background:#071022}.account-screen{background-image:linear-gradient(90deg,#06112695,#08162bc4),url('assets/login-background-v7.webp')}.account-screen[data-page=register]{background-image:linear-gradient(90deg,#061126b4,#08162b99),url('assets/register-background-v7.webp')}.account-screen[data-page=account]{background-image:linear-gradient(90deg,#06112695,#08162bd1),url('assets/account-background-v7.webp')}.account-screen[data-page=recover]{background-image:linear-gradient(90deg,#06112699,#08162bc9),url('assets/recover-background-v7.webp')}
@media(max-width:760px) and (orientation:portrait){.tier-card{display:grid;grid-template-columns:51px minmax(0,1fr);column-gap:16px;row-gap:9px}.tier-number{grid-row:1/3}.tier-open{grid-column:2;max-width:none;white-space:normal;text-align:left;font-size:11px}.tier-card h3{font-size:25px}}
.owner-link{display:flex;align-items:center;padding:8px 14px;border:1px solid #c7a96b88;border-radius:5px;color:#f0d29a;background:linear-gradient(135deg,#54223b,#251b35);font-size:12px}.owner-screen{height:100dvh;overflow:auto;background:linear-gradient(130deg,#071225ed,#111a2aee),url('assets/manor-atmosphere-v6.webp') center/cover fixed}.owner-header{padding:12px 4vw;gap:15px}.owner-header img{width:130px;height:80px;object-fit:contain}.owner-header .back{font-size:12px;flex:1}.owner-badge,.owner-tag{border:1px solid #b1945855;background:#4f2036;color:#e8cb92;font:9px system-ui;letter-spacing:1.5px;padding:5px 8px;border-radius:4px}.owner-content{max-width:1400px;margin:auto;padding:32px 4vw 55px}.owner-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.owner-heading h1{font:clamp(30px,4vw,45px) Georgia;margin:9px 0;color:#eed8ac}.owner-heading p{font-size:13px;color:#afbed4}.owner-content #ownerStatus{font-size:11px;color:#bdc9dc;margin:20px 0}.owner-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.owner-metrics article,.owner-panel{background:linear-gradient(135deg,#172842e8,#0d1a2eed);border:1px solid #ac8c535e;border-radius:8px;box-shadow:inset 0 0 0 4px #b1975405,0 8px 22px #0004}.owner-metrics article{padding:22px 26px;border-top:2px solid #89405a}.owner-metrics article>span{color:#b9c7da;font-size:12px}.owner-metrics strong{display:block;font:42px Georgia;color:#edce91;margin-top:8px}.owner-panel{padding:24px;margin-top:24px;min-width:0}.owner-panel h2{font:25px Georgia;margin:0 0 20px;color:#e4c891}.owner-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.owner-tiers article{padding:17px 20px;border:1px solid #a48d5550;border-radius:5px;background:#09172a66}.owner-tiers article>span{font:17px Georgia;color:#d5c7ad}.owner-tiers strong{display:block;font:30px Georgia;color:#e8c98d;margin:6px 0}.owner-tiers small{font-size:10px;color:#aebed4}.owner-note{font-size:11px!important;line-height:1.7;color:#aabbd2;margin:17px 0 0}.owner-table-wrap{overflow:auto;max-width:100%}.owner-panel table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}.owner-panel th{font-size:10px;color:#dcc18a;font-weight:500;text-transform:uppercase;letter-spacing:.6px}.owner-panel th,.owner-panel td{border-bottom:1px solid #a48d5533;padding:13px 12px;white-space:nowrap}.owner-panel td{color:#c6d1e1}.owner-tag{font-size:7px;margin-left:9px;padding:3px 5px}.owner-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px}.owner-panel-heading h2{margin:0}.owner-panel input{min-width:0;max-width:260px;width:100%;padding:10px 13px;background:#081426;border:1px solid #a68b5666;border-radius:5px;color:#e8dfce;font:12px system-ui}.presence-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#5c6779;margin-right:8px}.presence-dot.online{background:#6bc886;box-shadow:0 0 7px #6bc88655}.owner-pagination{display:flex;justify-content:flex-end;gap:13px;align-items:center;margin-top:17px;font-size:11px;color:#bac7d9}.owner-pagination button{padding:4px 11px}
@media(max-width:650px){.owner-content{padding:25px 16px 40px}.owner-header{padding:8px 16px}.owner-header img{width:105px;height:65px}.owner-header .back{font-size:10px}.owner-heading{align-items:flex-start;gap:12px}.owner-heading button{font-size:11px;padding:8px 10px}.owner-heading h1{font-size:30px}.owner-heading p{font-size:12px}.owner-metrics{gap:9px}.owner-metrics article{padding:13px 11px}.owner-metrics article>span{font-size:10px}.owner-metrics strong{font-size:30px}.owner-panel{padding:18px 14px}.owner-tiers{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.owner-tiers article{padding:13px 12px}.owner-tiers article>span{font-size:15px}.owner-panel-heading{align-items:flex-start;flex-direction:column}.owner-panel-heading input{max-width:none}.owner-panel h2{font-size:23px}}
.envelope-seal{width:44px;height:44px;left:calc(50% - 22px);bottom:23%;padding:0;border:0;border-radius:0;background:none;box-shadow:none;font-size:0;text-shadow:none;filter:drop-shadow(0 3px 3px #0009)}.envelope-seal img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:760px) and (orientation:portrait){.envelope-seal{width:34px;height:34px;left:calc(50% - 17px);bottom:23%;padding:0;font-size:0}}
/* Near-black bordeaux keeps the manor visible without lighting up the menu. */
.menu-screen{background:linear-gradient(120deg,#10060d33,#07070c40 55%,#16071055),url('assets/manor-atmosphere-v6.webp') center/cover fixed;background-color:#0c050b}.menu-screen>header{background:#070d18f5}.menu-hero{background:linear-gradient(125deg,#101a2cee,#0a1120f2)}.tier-card{background:linear-gradient(115deg,#101a2cf5,#0a1120f7)}.case-card{background:linear-gradient(115deg,#101b2ef5,#091121f7)}.reputation{background:linear-gradient(140deg,#211426,#0e1424)}
/* The complete interface follows the near-black bordeaux palette. */
:root{--bg:#0d060b;--panel:#190e16;--cream:#eee5db;--muted:#bfb1b8;--line:#a68b57}
html,body{background-color:#0d060b}body{background:radial-gradient(at 15% 0,#25101c,transparent 65%),#0d060b}.play-screen,.owner-screen{background:linear-gradient(125deg,#120710ee,#0b070ce9),url('assets/manor-atmosphere-v6.webp') center/cover fixed}.menu-screen>header,header,.play-header,.account-header,.owner-header,.game-controls{background:#0e070df5;border-color:#b59a5c55}
.menu-hero,.case-card,.tier-card,.owner-metrics article,.owner-panel{background:linear-gradient(125deg,#1d1019f5,#10090ff7);border-color:#b1945a66}.reputation{background:linear-gradient(140deg,#2b1220,#140b13);border-color:#b79b60}.tier-number{background:linear-gradient(145deg,#30121faa,#170c1599)}.case-card .envelope-preview{background:radial-gradient(ellipse at 50% 85%,#84284115,transparent 70%),linear-gradient(145deg,#10080f,#211019)}
button,select,.account-link{background:linear-gradient(145deg,#2a1621,#170d15);color:#eadfce;border-color:#ad8d5366}button:hover,select:hover,.account-link:hover{background:linear-gradient(145deg,#3a192a,#22101d);border-color:#d2b378}button.primary,.gold-button{background:linear-gradient(145deg,#ddbd7c,#a77d3d);border-color:#e5c88b;color:#17110e}.primary:hover,.gold-button:hover{background:#e7ca90;color:#17110e}.owner-link{background:linear-gradient(135deg,#492033,#21101b)}
.person{background:#1a0e16;border-color:#a78b5266}.profile-open{background:#21101bea}.coach{background:#24121e;border-color:#a78b5255}.board-viewport{background:#09060a}.object-tooltip{background:linear-gradient(135deg,#2d1725f5,#130a12f5)}dialog{background:linear-gradient(145deg,#2a1722,#120a11)}dialog::backdrop{background:#080308de}.sync-status{background:#28121f}.account-card{background:linear-gradient(135deg,#25121fed,#140b13f7)}.account-card input:not([type=checkbox]),.owner-panel input{background:#10080fe8;color:#ece2d8}.recovery-panel{background:#2b1020c9}.recovery-panel code{background:#0d060c}.owner-tiers article{background:#10080e88}.owner-badge,.owner-tag{background:#3c152a}
.account-screen{background-image:linear-gradient(90deg,#120710a6,#0d060dd1),url('assets/login-background-v7.webp')}.account-screen[data-page=register]{background-image:linear-gradient(90deg,#120710bf,#0d060da6),url('assets/register-background-v7.webp')}.account-screen[data-page=account]{background-image:linear-gradient(90deg,#120710a6,#0d060dd9),url('assets/account-background-v7.webp')}.account-screen[data-page=recover]{background-image:linear-gradient(90deg,#120710aa,#0d060dd1),url('assets/recover-background-v7.webp')}
.menu-hero p,.tier-page-intro p,.tier-card p,.tier-card small,.guest-note,.reputation small,.account-intro>p,.account-card .fine-print,.account-links>span,.owner-heading p,.owner-note,.owner-content #ownerStatus,.owner-panel td,.owner-pagination,.owner-tiers small,.owner-metrics article>span{color:#c1b3ba}.report{color:#d6cbd0}.board-key{color:#b8aab2}

/* Refined navigation and discreet envelope branding. */
.tier-card:after{display:none}.envelope-watermark{left:7%;bottom:5%;width:29%;height:29%;opacity:.18}.tier-open,.tier-page-intro>a,.account-header .back,.account-links>a,#backMenu{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border:1px solid #e3c687;border-radius:4px;background:linear-gradient(135deg,#dfc380,#a77d3b);color:#190f09;box-shadow:inset 0 1px #fff4;text-decoration:none}.tier-open{white-space:normal}.tier-open:hover,.tier-page-intro>a:hover,.account-header .back:hover{filter:brightness(1.12)}

.tier-page-intro>a{margin-right:18px}.tier-page-intro>.eyebrow{display:inline-flex;padding:9px 14px;border:1px solid #b1945a88;border-radius:4px;background:#241019;color:#e6c88b;vertical-align:middle;margin:8px 0 18px}

.weapon-emblem{display:grid;place-items:center;font:38px Georgia;color:#e8c87a;min-height:40px}.weapon-surface:after{content:"◇";position:absolute;right:4%;top:3%;color:#e8c87a;font-size:16px;text-shadow:0 1px 3px #000}.weapon-surface.weapon-mode{outline:2px solid #d6b76f;outline-offset:-4px;cursor:pointer}.weapon-wrap small{font-size:9px;color:#c9b08a}

.weapon-emblem svg{width:40px;height:40px;filter:drop-shadow(0 2px 2px #000)}.tile .token.weapon-token{inset:18% 27% 25%;width:46%;height:57%;border:0;border-radius:0;background:none;box-shadow:none;filter:drop-shadow(0 2px 2px #000)}.weapon-token svg{width:100%;height:100%}

.tile.auto-block,.tile.manual-block{background:#100d0bc9}.tile.auto-block:after,.tile.manual-block:after{content:"×";position:absolute;inset:0;display:grid;place-content:center;color:#e7c28c;font:clamp(20px,3vw,45px) Georgia;pointer-events:none;text-shadow:0 2px 7px #000}.tile.weapon-mode.weapon-surface:after{content:"◇";inset:auto 4% auto auto;top:3%;font:16px Georgia;color:#e8c87a}.case-done-stamp{position:absolute;z-index:8;right:5%;top:42%;transform:rotate(-13deg);padding:5px 11px;border:4px double #54ad71;color:#54ad71;background:#071a0ce0;font:900 clamp(16px,2vw,25px)/1.1 Georgia,serif;letter-spacing:2px;text-shadow:0 0 1px #b7ffca;box-shadow:0 0 0 1px #54ad7144;opacity:.96}

/* Deliberate inspection keeps ordinary taps and holds dedicated to placing. */
#inspectObjects{display:inline-flex;align-items:center;justify-content:center;gap:4px}#inspectObjects svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7}#inspectObjects[aria-pressed=true]{background:#493024;border-color:#e4c184;color:#f4dfad}.board.inspecting .tile{cursor:help}.object-preview{width:min(210px,100%);max-height:230px;margin:15px auto;background-repeat:no-repeat;border:1px solid #b99b66;border-radius:5px;box-shadow:0 4px 18px #0008}.room-name-label{white-space:normal;overflow-wrap:anywhere;hyphens:auto;line-height:1.15;max-width:none;box-sizing:border-box}.case-result-actions{display:flex;flex-wrap:wrap;gap:8px}.weapon-image{display:block;width:100%;height:100%;object-fit:contain}.weapon-emblem{height:58px}.weapon-emblem .weapon-image{width:90%;margin:auto}.tile .token.weapon-token{inset:8% 14% 20%;width:72%;height:72%;filter:drop-shadow(0 1px 1px #0006)}.weapon-wrap .person strong{white-space:normal;font-size:11px;line-height:1.2;min-height:2.4em}
@media(max-width:760px) and (orientation:portrait){#inspectObjects{padding:1px 5px;min-width:27px}#inspectObjects span{display:none}.weapon-emblem{height:33px;min-height:33px}.weapon-wrap .person strong{font-size:9px;padding:1px 2px;line-height:1.1;min-height:20px}.weapon-wrap small{font-size:8px;line-height:9px}.case-result-actions button{font-size:11px;padding:9px 8px}.room-name-label{padding:2px 3px}}

/* Menu pages keep native scrolling without a visible scroll track. */
.menu-screen,.menu-screen .menu-content{scrollbar-width:none;-ms-overflow-style:none}
.menu-screen::-webkit-scrollbar,.menu-screen .menu-content::-webkit-scrollbar{display:none;width:0;height:0}
