:root{color:#243528;font-synthesis:none;--screen:#14261e;--green:#b4efad;--amber:#ffd589;--plastic:#ece6d4;background:#d8d0bd;font-family:Courier New,Courier,monospace}*{box-sizing:border-box}body{margin:0;line-height:1.6}a{color:inherit;text-underline-offset:4px}a:hover{color:#466443}.desk{background:var(--plastic);border:3px solid #928b78;max-width:1060px;margin:40px auto;padding:28px;box-shadow:8px 10px #b1a995}header{border-bottom:2px solid #aaa28e;justify-content:space-between;align-items:center;gap:20px;padding-bottom:22px;display:flex}.brand{font-size:1.2rem;font-weight:700;text-decoration:none}nav{gap:20px;font-size:.8rem;display:flex}main{padding-top:28px}h1{letter-spacing:-.05em;margin:.3em 0 .5em;font-size:clamp(2rem,5vw,3.8rem);line-height:1.12}h2{line-height:1.3}p{max-width:68ch}.eyebrow{letter-spacing:.14em;font-size:.8rem;font-weight:700}.screen{background:var(--screen);color:var(--green);border:12px solid #b6af9e;border-color:#918c7e #b6af9e #b6af9e #918c7e;border-radius:12px;padding:clamp(18px,4vw,42px);box-shadow:inset 0 0 0 2px #08170f}.screen a:hover,.screen .eyebrow,.amber{color:var(--amber)}button,.button{font:inherit;color:#18311f;cursor:pointer;background:#e7efd7;border:2px solid #283f2c;min-height:48px;padding:12px 18px;font-weight:700;text-decoration:none;display:inline-block;box-shadow:3px 3px #718265}button:hover,.button:hover{color:#18311f;background:#fff3c9}button:active{transform:translate(2px,2px);box-shadow:1px 1px #718265}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #d78924}.controls{flex-wrap:wrap;gap:14px;margin:24px 0;display:flex}.moves{grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0;display:grid}.moves button{padding:22px 8px;font-size:clamp(.9rem,3vw,1.3rem)}.moves small{font-weight:400;display:block}.scoreboard{border-top:2px solid #608263;border-bottom:2px solid #608263;justify-content:space-between;gap:15px;padding:18px 0;display:flex}.scoreboard strong{font-size:2rem;display:block}.status{min-height:4em}.lock{color:var(--amber);border:2px dashed #7ca578;padding:14px}[hidden]{display:none!important}.result-score{margin:20px 0;font-size:4rem;line-height:1}.manual{max-width:760px;margin:auto}.manual section{border-top:2px solid #aaa28e;margin:36px 0;padding-top:20px}.manual details{border:2px solid #a69e88;padding:18px}.manual summary{cursor:pointer;min-height:44px;font-weight:700}.slot{border-top:2px solid #608263;margin-top:28px;padding-top:20px}.slot img{max-width:160px;max-height:80px}.muted{font-size:.85rem}.disk{border:2px solid #978f7b;margin:20px 0;padding:24px}footer{border-top:2px solid #aaa28e;flex-wrap:wrap;gap:12px;margin-top:28px;padding-top:20px;font-size:.7rem;display:flex}footer span:last-child{margin-left:auto}.power{color:#367c36}.skip{position:absolute;left:-9999px}.skip:focus{z-index:10;background:#fff;top:5px;left:15px}input{font:inherit;width:min(100%,320px);min-height:48px;padding:12px}progress{width:100%;accent-color:var(--green)}@media (width<=680px){.desk{box-shadow:none;border:0;margin:0;padding:18px}header{flex-direction:column;align-items:flex-start;gap:12px}.screen{border:3px solid #8b8775;border-radius:0;padding:20px 14px}nav{gap:16px}.moves{gap:8px}.moves button{min-height:75px}footer span:last-child{margin-left:0}.scoreboard{font-size:.8rem}.controls{gap:10px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}#game{scroll-margin-top:12px}#game:has(#introduction[hidden]) .moves{margin:16px 0}#game:has(#introduction[hidden]) .scoreboard{padding:12px 0}#game:has(#introduction[hidden]) .lock{margin:12px 0}#challenge-link{overflow-wrap:anywhere}@media (width<=680px){#game .scoreboard{gap:8px}#game .scoreboard strong{font-size:1.4rem}}.table-wrap{overflow-x:auto}.leaderboard{border-collapse:collapse;width:100%}.leaderboard th,.leaderboard td{text-align:left;white-space:nowrap;border-bottom:1px solid #608263;padding:10px 12px}.leaderboard th{color:var(--amber);letter-spacing:.08em;font-size:.8rem}.leaderboard td:nth-child(3),.leaderboard th:nth-child(3){font-weight:700}#leaderboard-form{flex-wrap:wrap;align-items:end;gap:10px;display:flex}#leaderboard-form label{margin-bottom:4px;display:inline-block}@media (width<=680px){nav{flex-wrap:wrap}.leaderboard th,.leaderboard td{padding:8px 4px;font-size:.85rem}.leaderboard td:nth-child(2){white-space:normal;overflow-wrap:anywhere;max-width:12ch}}
