/* Shared room atmosphere, preview only. */
body{background:radial-gradient(ellipse at 50% 0,#657779 0,transparent 65%),linear-gradient(120deg,#394b4e,#26383b);color:#edf2ee;min-height:100vh;background-attachment:fixed}
header{max-width:none;padding:20px max(20px,calc((100vw - 1060px)/2));background:#172b30cc;border-bottom:1px solid #8ca2a044;box-shadow:0 3px 15px #10212533}header a,header b{color:#f5f2e7;letter-spacing:.1em}header span{color:#becbc8}
h1,h2{font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN",sans-serif;font-weight:750;letter-spacing:.03em}h1{text-shadow:0 3px 12px #0b1d2244}.eyebrow{color:#a9e3e4}.lead{color:#d0dcd7}.intro{position:relative;padding-left:20px;border-left:3px solid #9bd5db}.movie{border:9px solid #52696d;border-radius:13px;box-shadow:0 0 0 1px #92a4a1,0 0 0 5px #233b40,0 20px 42px #11252b66;background:#071c22}.movie-caption{color:#d0dcd7;margin-top:22px}.next{position:relative;background:linear-gradient(125deg,#1d363d,#183039);border:1px solid #718b8b;border-radius:12px;box-shadow:inset 0 2px 0 #bbcbc333,0 12px 28px #14272b44}.next:before{content:"";position:absolute;top:18px;right:18px;width:7px;height:7px;background:#f0c875;border-radius:50%;box-shadow:0 0 12px #f0c87599}.next p:not(.eyebrow){color:#c5d7d2}.cta,.primary{background:linear-gradient(#c8eeee,#95d0d6);color:#18363e;border:1px solid #e2faf1;border-radius:8px;box-shadow:0 5px 0 #426e75;font-weight:750}.cta:hover,.primary:hover{background:#d5f7f4}.hint,footer{color:#c3d0ca}footer{border-color:#90a3a14d}
.video-back{color:#b9e8e9}#gameScreen>p:not(.eyebrow){color:#d0dcd7}.desk{padding:8px;border:1px solid #9aafad;border-radius:14px;background:linear-gradient(#647c80,#354f55);box-shadow:0 0 0 4px #20383d,0 20px 45px #10232866,inset 0 2px 1px #c7d3cc66}#board{border-radius:7px}#board>rect:first-child{fill:#819193}#board>circle[fill="#b4a28b"]{fill:#647a7e}#board>rect[stroke="#95aba0"]{fill:#d6ded6;stroke:#687e7d}#board>text{fill:#203c43}#board>rect[stroke="#418ac2"]{fill:#bde5ef;stroke:#285f78;stroke-width:5}.tile{fill:#e3f9f35e;stroke:#385b60;stroke-width:1.6}.letter{stroke:#173a42;stroke-width:3.8}.piece.selected .tile,.piece:focus .tile{stroke:#f9cf71;stroke-width:3}.piece[data-id="NO5"] .tile{fill:#142c34;stroke:#758f92;stroke-width:2.5}.piece[data-id="NO5"] .letter{stroke:#d6f5ef}.piece[data-id="NO5"].selected .tile,.piece[data-id="NO5"]:focus .tile{stroke:#f9cf71}.controls{background:#203b43;border:1px solid #789290;border-radius:12px;box-shadow:0 7px 20px #132a2f44;padding:18px}#selection{color:#c5dcd8}.buttons button{background:#dce4de;color:#23454c;border:1px solid #91a9a5;border-radius:7px;box-shadow:0 3px 0 #536e72}.quiet{color:#c6d6d0}details,aside{color:#c8d6d0}aside{border-color:#819994}.success{color:#b1ead1}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #f6cc78;outline-offset:4px}
.escape-screen{background:radial-gradient(ellipse at 50% 35%,#6b8580,#304b50 65%,#20373e);color:#f0f4e9}.escape-screen h1{color:#e8f6de}.escape-message,.escape-caption{color:#c6dad0}.escape-kicker,.escape-seal{color:#efda9d}.escape-doorway{border-radius:5px 5px 0 0;border-color:#7f9692;box-shadow:0 0 0 6px #243f44,0 18px 30px #0c232a66}.escape-light,.escape-door.left,.escape-door.right{border-radius:0}.escape-door:before{border-radius:0}.escape-back{background:#d9e5d8;color:#284e52;border-color:#a8c3b8}.escape-back:hover{background:#edf4df}
@media(max-width:600px){header{padding:17px 18px}.intro{padding-left:14px}.movie{border-width:5px}.desk{padding:5px}.next{padding:24px}.controls{padding:14px 10px}}

html{background:#293e42}body{background-attachment:scroll}

/* Movable number panel sits beside the instruction, above the desk. */
#puzzleInstruction{padding-right:28%;min-height:60px;display:flex;align-items:center;margin-bottom:24px}.desk{overflow:visible}#board{overflow:visible}#board>rect:first-child{rx:7px}
@media(max-width:600px){#puzzleInstruction{font-size:13px;min-height:46px;padding-right:29%;margin-bottom:20px}}

.instruction-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:16px 0 24px}#puzzleInstruction{padding:0;min-height:0;margin:0;flex:1}#numberDock{width:25%;max-width:210px;height:auto;flex:none;overflow:visible;touch-action:none}.desk{overflow:hidden}#board{overflow:hidden}@media(max-width:600px){.instruction-row{gap:12px;margin-bottom:20px}#numberDock{width:25%}#puzzleInstruction{padding:0;min-height:0;margin:0}}

@media(max-width:600px){
#gameScreen{padding-bottom:120px}.piece-toolbar{position:fixed;z-index:20;left:10px;right:10px;bottom:0;padding:10px 10px calc(10px + env(safe-area-inset-bottom));border:1px solid #8aa6a4;border-bottom:0;border-radius:14px 14px 0 0;background:#203b43f5;box-shadow:0 -5px 22px #0c222a55;backdrop-filter:blur(12px)}
.piece-toolbar #selection{font-size:11px;margin:0 0 7px}.piece-toolbar .buttons{flex-wrap:nowrap;gap:7px}.piece-toolbar .buttons button{min-height:44px;padding:8px 12px}.piece-toolbar #rotate{background:#b9e6e7;color:#163b43;font-weight:750;flex:1;max-width:150px}.controls .primary{margin-top:0}html{scroll-padding-bottom:120px}
}