/* The house's game menu: compact controls, a clear stage select, and a full 3D view. */
.lobby{top:16%;width:440px}.lobby h1{font-size:78px;margin:16px 0;line-height:.87}.intro{margin:16px 0;font-size:12px}.mode-label{margin:20px 0 8px}.mode-picker{display:flex;width:410px;max-width:100%;gap:5px}.mode-picker button{flex:1;font-size:10px;font-weight:700;border:1px solid #67596c;background:#25232f;color:#beb5c3;border-radius:4px;padding:11px 7px}.mode-picker button[aria-pressed=true]{background:#b99c6d;color:#1d1b24;border-color:#dfc18a}#mode-detail{font-size:10px;line-height:1.6;color:#b7abb9;min-height:32px;max-width:405px;margin:8px 0 12px}.route-picker{margin:12px 0 15px}.chapter-grid{display:grid;grid-template-columns:1fr 1fr;width:410px;max-width:100%;gap:6px}.chapter-grid button{display:flex;align-items:center;text-align:left;gap:10px;background:#27232dd9;color:#d5cbd5;border:1px solid #62536377;border-radius:4px;padding:10px;font-size:10px;min-height:45px}.chapter-grid button b{color:#b69b74;font-size:9px}.chapter-grid button small{display:block;font-size:6px;letter-spacing:.7px;color:#9e8fa6;margin-top:4px}.chapter-grid button[aria-selected=true]{background:#433646;border-color:#c3a477;box-shadow:inset 2px 0 #d5b67d}.chapter-grid button:hover{border-color:#ab8d6f}.lobby .primary{width:410px;max-width:100%;padding:15px 20px}.lobby-note{margin-top:12px}.resume-save{display:block;width:410px;max-width:100%;background:#252a2ccc;border:1px solid #78998c77;color:#b6d2bf;border-radius:4px;font-size:10px;padding:10px;margin-top:8px}.scene-note{right:7%;top:20%;max-width:220px}.scene-note b{font-size:21px}header{padding:23px 32px}.edition{margin-right:8px;font-size:7px}.header-right{gap:7px}.header-right .pill{font-size:10px;padding:0 13px}.control-card>div>span{flex-wrap:wrap}.control-card{max-width:440px}.center-note{display:none}.no-rope>div{display:none}.no-rope small{display:block;margin-top:9px}#record[aria-pressed=true]{color:#f4b0a8;border-color:#bd706e;background:#572c38}
#puzzle-hud{position:absolute;left:32px;top:202px;max-width:310px;padding:15px 18px;background:#242335ed;border:1px solid #a28a72aa;z-index:4;box-shadow:0 10px 40px #0004;border-radius:5px}#puzzle-hud b,#puzzle-hud span,#puzzle-hud small{display:block}#puzzle-hud b{font-size:9px;letter-spacing:1px;color:#e6c58c}#puzzle-hud span{font-size:12px;line-height:1.6;margin:9px 0;color:#ece0d0}#puzzle-hud small{font-size:10px;line-height:1.7;color:#c3b3c8}#puzzle-hud hr{border:0;border-top:1px solid #67536c;margin:14px 0}#rescue-hud{position:absolute;bottom:224px;left:50%;transform:translateX(-50%);background:#582d40ed;color:#f7d1bd;border:1px solid #de9381;max-width:90%;padding:12px 20px;text-align:center;border-radius:5px;font-size:11px;z-index:5}
#split-labels{position:absolute;inset:0;pointer-events:none;z-index:2;border-left:1px solid transparent}#split-labels:before{content:'';position:absolute;left:50%;top:0;bottom:0;border-left:2px solid #c6ac7c99}#split-labels span{position:absolute;top:185px;left:23%;font-size:9px;letter-spacing:1.5px;color:#cce1d2;text-shadow:0 2px 5px #000}#split-labels span+span{left:73%;color:#e8bfb3}.split-view .threat{display:none}
#wardrobe{width:min(740px,94vw)}.wardrobe-note{font-size:12px;line-height:1.7;color:#c3b4bf}#wardrobe-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.wardrobe-card{padding:20px;border:1px solid #75617666;background:#1d1d29;border-radius:7px}.wardrobe-card h3{font-size:11px;letter-spacing:1.5px;color:#cfb58b;margin:0}.wardrobe-card label{display:block;font-size:10px;color:#bcaec2;line-height:1.6;margin-top:15px}.wardrobe-card select{display:block;width:100%;background:#38303f;border:1px solid #806c84;color:#e8decb;border-radius:4px;padding:9px 10px;margin-top:5px;font:12px 'DM Sans',sans-serif}.swatches{display:flex;gap:9px;margin:15px 0}.swatches button{width:25px;height:25px;border-radius:50%;background:var(--swatch);border:2px solid transparent}.swatches button[aria-pressed=true]{outline:2px solid #dfc596;outline-offset:3px}.trait-description{font-size:11px;line-height:1.7;color:#c3b2c4;min-height:38px}.outfit-preview{height:115px;position:relative;margin:10px auto;width:80px;filter:drop-shadow(0 9px 10px #0006)}.outfit-preview .head{position:absolute;width:32px;height:33px;left:24px;top:8px;background:#d6b79f;border-radius:10px;border-top:9px solid var(--coat);z-index:2}.outfit-preview .head:after{content:'• •';color:#38303b;position:absolute;left:7px;top:2px;font-size:15px}.outfit-preview .coat{position:absolute;width:48px;height:52px;left:16px;top:37px;background:var(--coat);border-radius:13px 13px 7px 7px;border-bottom:9px solid #423643}.outfit-preview .coat:before,.outfit-preview .coat:after{content:'';position:absolute;width:11px;height:37px;background:var(--coat);top:3px;border-radius:8px}.outfit-preview .coat:before{left:-10px;transform:rotate(12deg)}.outfit-preview .coat:after{right:-10px;transform:rotate(-12deg)}.outfit-preview .legs{position:absolute;width:41px;height:25px;left:20px;top:85px;background:linear-gradient(90deg,#3d3b4a 40%,transparent 40%,transparent 60%,#3d3b4a 60%);border-bottom:5px solid #171722}.outfit-1 .head{outline:5px solid var(--coat)}.outfit-1 .coat{height:59px}.outfit-2 .coat{height:65px;border-bottom:0;border-radius:5px 5px 0 0;background:linear-gradient(90deg,var(--coat) 46%,#34303d 46%,#34303d 54%,var(--coat) 54%)}
#clip-ready{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);width:max-content;max-width:94vw;background:#293f3c;border:1px solid #98c3a5;color:#e2ecd9;padding:13px 16px;display:flex;align-items:center;gap:15px;z-index:30;border-radius:5px;font-size:11px}#clip-ready a{font-weight:bold;color:#f4d89b}#clip-ready button{background:none;border:0;color:#dbcdcf;font-size:22px}.solo footer .control-card:last-child,.solo .touch-set:last-child{display:none}.solo footer{justify-content:center}.solo .touch-controls{justify-content:center}.solo #wardrobe-cards .wardrobe-card:last-child{opacity:.6}.touch-set{display:grid;grid-template-columns:74px 33px 33px;grid-template-rows:26px 26px;gap:4px;padding:7px}.dpad{grid-row:1/3;grid-column:1}.touch-set>button{width:33px;height:26px;font-size:7px}.touch-set>button[data-action=jump]{grid-column:2;grid-row:1/3;height:56px}.touch-set>button[data-action=pull]{grid-column:3;grid-row:1}.touch-set>button[data-action=lure]{grid-column:3;grid-row:2}
@media(max-height:800px) and (min-width:901px){.lobby{top:13%}.lobby h1{font-size:64px;margin:12px 0}.intro{margin:12px 0}.mode-label{margin-top:10px}.chapter-grid button{padding:8px;min-height:40px}.lobby-note{font-size:8px}.lobby .primary{padding:12px 18px}.route-picker{margin:8px 0 12px}.resume-save{padding:8px}}
@media(max-width:1050px){.lobby{width:410px;left:5%}.edition{display:none}.scene-note{right:4%;max-width:170px}.scene-note b{font-size:18px}.control-card{max-width:45vw}.center-note{display:none}header{padding:20px}}
@media(max-width:700px){#app{min-height:830px}.lobby{left:7%;top:100px;width:86%}.lobby h1{font-size:59px;letter-spacing:-3px;margin:12px 0}.lobby .intro{font-size:10px;line-height:1.7;margin:12px 0}.mode-label{margin-top:15px}.mode-picker{width:100%}.mode-picker button{font-size:9px;padding:10px 5px}#mode-detail{font-size:9px;min-height:30px;margin-bottom:8px}.chapter-grid{width:100%;gap:5px}.chapter-grid button{padding:9px 7px;gap:7px;font-size:9px;min-height:43px}.chapter-grid button small{font-size:5px;letter-spacing:.3px}.route-picker{margin:9px 0 12px}.lobby .primary{padding:13px 18px}.resume-save{font-size:9px;padding:9px}.lobby-note{font-size:7px;margin-top:10px}.vignette{background:linear-gradient(90deg,#14151ff5,#14151fdf 65%,#171820b0)}header{padding:18px 15px}.brand{font-size:8px;gap:6px}.brand small{font-size:5px}.brand-icon{width:26px;height:29px;font-size:22px}.header-right{gap:4px}.header-right .pill{font-size:8px;padding:0 8px;height:32px}.header-right .round{width:28px;height:30px}#help{font-size:0}#help:after{content:'?';font-size:13px}.playing header .brand>span:last-child{display:none}.playing header .brand-icon{width:25px}#puzzle-hud{top:218px;left:12px;right:12px;max-width:none;padding:10px 13px}#puzzle-hud b{font-size:8px}#puzzle-hud span{font-size:11px;margin:6px 0}#puzzle-hud small{font-size:9px}#rescue-hud{bottom:210px;font-size:9px;padding:10px 13px}.touch-set{padding:6px;grid-template-columns:70px 32px 32px}.touch-set>button{width:32px}.dpad{grid-template-columns:repeat(3,22px);grid-template-rows:repeat(2,26px)}.touch-controls{left:9px;right:9px;gap:8px}.control-card{max-width:none}.control-card>div>span{font-size:6px}#split-labels:before{left:0;right:0;top:50%;bottom:auto;border-left:0;border-top:2px solid #c6ac7c99}#split-labels span{top:34%;left:12px}#split-labels span+span{top:72%;left:12px}#wardrobe-cards{gap:10px}.wardrobe-card{padding:12px}.swatches{gap:6px;flex-wrap:wrap}.swatches button{width:20px;height:20px}.wardrobe-card h3{font-size:9px}.wardrobe-card select{font-size:10px;padding:7px}#wardrobe{padding:28px 18px}.trait-description{font-size:10px}#clip-ready{font-size:9px;gap:10px}.solo #wardrobe-cards{grid-template-columns:1fr}.solo #wardrobe-cards .wardrobe-card:last-child{display:none}}
@media(max-height:550px) and (orientation:landscape){#app{min-height:620px}.playing #app{min-height:100svh}.lobby{top:90px}.lobby h1{font-size:46px}.lobby .route-picker{position:static;width:auto}.playing #puzzle-hud{top:125px;max-width:250px;font-size:8px}.playing .room-tip{bottom:90px}.playing header{padding:10px 16px}.playing #rescue-hud{bottom:140px}#split-labels:before{left:50%;top:0;bottom:0;right:auto;border-left:2px solid #c6ac7c99;border-top:0}#split-labels span{top:170px;left:20%}#split-labels span+span{top:170px;left:70%}}