/* A small instruction card beside the machine; the game stays on the glass. */
body[data-mode=computer] #panel{width:260px;background:#211c28eb;border:1px solid #7c6a7e;border-top:3px solid #b5a0b5;box-shadow:0 12px 35px #0005;padding:18px}body[data-mode=computer] #panel .eyebrow{font-size:8px;letter-spacing:.1em;color:#a995b0;margin-bottom:7px}.computer-card-title{font:italic 27px Georgia,serif;color:#e0d0df;margin:0 0 17px}#computer-panel .choices{gap:2px;border-block:1px solid #8d788a55;padding:6px 0;margin-bottom:15px}#computer-panel .choices button{font:10px monospace;min-height:42px;padding:9px 8px;color:#a99baa;border:0}#computer-panel .choices button[aria-pressed=true]{background:#ab8fb31c;border-left:2px solid #cbb4d2;color:#eee1e9}#game-desc{font:15px/1.5 Georgia,serif!important;color:#c8b9c8}#target{font:9px/1.5 monospace!important;color:#bba3bd!important;margin:14px 0}#start-game{font:11px monospace;color:#e0ccdf!important;background:#51374f;border:1px solid #9d799d;padding:11px 12px;min-height:44px}#run-controls{border-block:1px solid #89728b55;padding:9px 0;margin:10px 0}#game-hud{font:9px/1.6 monospace!important;color:#cbb3d0!important}#run-controls button{font-size:10px;min-height:40px;margin-right:15px}#game-message{font:italic 15px/1.4 Georgia,serif!important;color:#c5accb!important}#computer-panel #leaderboard{border-top:1px solid #7c667b66;padding-top:7px;margin-top:17px}#leaderboard summary{font:10px monospace;min-height:44px}#controls-note{font:10px/1.5 monospace!important;color:#af9eb8!important;border-top:1px solid #8d788a55;padding-top:14px}#computer-panel .touch{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}#computer-panel .touch button{font-size:11px;border-color:#927a9a66;background:#15111b;min-width:0}#computer-panel #fire{font-size:9px}#computer-panel #score-form{padding-top:12px}#computer-panel #score-form input{border-color:#a186a5;background:#16101d}#computer-panel #badge{font-size:9px}body[data-mode=computer] #hint{max-width:500px}
/* Quiet paper, generous margins, no badges or external links on the chess card. */
body[data-mode=chess] #panel{background:#dfd2b4 url('/assets/field-paper.webp') center/100% 100%;border:0;border-top:5px solid #78634d;padding:25px 21px;color:#40342d;width:270px;box-shadow:3px 7px 25px #0007}body[data-mode=chess] #panel:before{display:none}.notepad-title{font:italic 29px Georgia,serif;margin:5px 0 20px;color:#44382f}#chess-panel>.eyebrow{font:8px monospace;letter-spacing:.09em;color:#806c56}#chess-panel>label{font:10px Georgia,serif;color:#75614d}#chess-panel #puzzle-select{font:12px Georgia,serif!important;border:0;border-bottom:1px solid #8d7961;background:transparent!important;padding:10px 1px}body[data-mode=chess] #chess-status{font:18px/1.5 Georgia,serif;margin:22px 0 16px;color:#4b3932}body[data-mode=chess] #chess-line{font:14px/1.7 Georgia,serif;color:#796051;min-height:25px;border-bottom:1px solid #937c5c66;padding-bottom:16px}#chess-panel .chess-actions{gap:15px;justify-content:flex-start}#chess-panel .chess-actions button{font:12px Georgia,serif;min-height:44px;border:0;padding:7px 0;color:#654c40}#chess-panel details{margin-top:12px;border-top:1px solid #9b846644;padding-top:5px}#chess-panel summary{font:italic 12px Georgia,serif;min-height:40px;display:flex;align-items:center;color:#79604e}#chess-panel small{font:10px/1.5 Georgia,serif!important;color:#7c6754!important}#chess-reveal{font-size:11px;min-height:40px}#accessible-board button{position:relative;min-height:0}#accessible-board button.selected{outline:2px solid #5c3b61;outline-offset:-2px;background:#c5b398!important}#accessible-board button.legal:after{content:'';position:absolute;width:9px;height:9px;background:#6e3c77aa;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}#accessible-board button.capture:after{width:80%;height:80%;background:transparent;border:2px solid #7f486e}
#lander-dialog{padding:18px;width:1000px;max-width:calc(100vw - 24px);max-height:96dvh;overflow:auto;background:#6e6470 url('/assets/instrument-enamel.webp') center/cover;background-blend-mode:luminosity;color:#ded1e0;border:3px solid #4d444f;border-radius:9px 11px 3px 4px;box-shadow:0 25px 90px #000c}#lander-dialog::backdrop{background:#09080fe8;backdrop-filter:blur(5px)}.lander-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 11px 15px;color:#2a222e}.lander-header small{font:9px monospace;letter-spacing:.13em}.lander-header h2{font:italic 29px Georgia,serif;margin:6px 0 0}.lander-header button{font:10px monospace;color:#322733;border:0;min-height:44px}.lander-glass{position:relative;padding:14px 18px 19px;background:linear-gradient(140deg,#49404d,#211b28 60%,#756478);border:2px solid #332c38;border-radius:7px}#lander-canvas{display:block;width:100%;max-height:62dvh;object-fit:contain;background:#100d17;border-radius:9% / 4%;touch-action:none;box-shadow:inset 0 0 30px #000;filter:contrast(1.03)}#lander-canvas:focus-visible{outline:1px solid #c6add5;outline-offset:3px}.lander-glass:after{content:'';pointer-events:none;position:absolute;inset:14px 18px 19px;border-radius:9% / 4%;background:repeating-linear-gradient(0deg,transparent 0 3px,#0002 3px 4px),linear-gradient(120deg,#f4e3ff0c,transparent 30% 75%,#e8dbf211)}#lander-pause-overlay{position:absolute;inset:14px 18px 19px;display:flex;align-items:center;justify-content:center;background:#100d18bd;font:30px monospace;color:#e4d4e7}.lander-card{padding:15px 15px 3px;background:#211a28ed;border:1px solid #8e758b;margin-top:13px}.lander-card p{font:italic 16px/1.5 Georgia,serif;color:#d2bdd2;margin:0 0 9px}.lander-card>div{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.lander-card button{font:10px monospace;color:#e5d4e6;min-height:44px}.lander-card>small{display:block;font:9px/1.5 monospace;color:#a896ad;margin-top:12px}#lander-personal{font:9px monospace;color:#bca7c6;margin-left:auto}.lander-touch{margin-top:10px;gap:8px!important}.lander-touch button{background:#302337;border:1px solid #927c9a;flex:1;min-height:44px;padding:10px;touch-action:none;user-select:none}.lander-touch button:active{background:#584060}
@media(max-width:650px){body[data-mode=computer] #panel,body[data-mode=chess] #panel{width:auto;padding:16px;max-height:var(--room-panel-height,38dvh)}.computer-card-title{font-size:23px;margin-bottom:8px}#computer-panel .choices{display:flex;flex-wrap:wrap;gap:5px}#computer-panel .choices button{flex:1;font-size:9px}#lander-dialog{padding:10px}.lander-header{padding:3px 5px 12px}.lander-header h2{font-size:24px}.lander-glass{padding:10px 8px 13px}#lander-canvas{max-height:55dvh}.lander-card{padding:12px}.lander-card>div{gap:12px}#lander-personal{margin-left:0;flex-basis:100%}.lander-header small{font-size:8px}.lander-glass:after,#lander-pause-overlay{inset:10px 8px 13px}}

#lander-dialog{width:940px}#lander-canvas{max-height:54dvh}@media(max-width:650px){#lander-canvas{max-height:48dvh}}