:root{--oak-950:#120b06;--oak-900:#1a1109;--oak-800:#241608;--oak-700:#33210f;--oak-600:#46301c;--oak-border:#6b4a2a;--brass-200:#f5d98a;--brass-400:#e2af52;--brass-500:#d9a441;--brass-600:#b5822e;--brass-700:#8a5f1f;--gold:#d9a441;--parchment:#f6e9c9;--ink:#8a7a5f;--danger:#e0522a;--gleam:#ffd985}*{box-sizing:border-box}html,body{background:var(--oak-950);height:100%;margin:0;font-family:Podkova,Georgia,serif;overflow:hidden}#game{position:absolute;inset:0}#game canvas{display:block}#overlay{z-index:10;background:#0a06028c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#overlay.hidden,.hidden{display:none!important}.panel{border:2px solid var(--oak-border);width:min(440px,92vw);max-height:92vh;color:var(--parchment);background:linear-gradient(160deg,#3a2718 0%,#241608 100%);border-radius:16px;padding:28px 32px;position:relative;overflow-y:auto;box-shadow:0 0 0 4px #140c05cc,0 24px 60px #000000b3,inset 0 0 0 1px #d9a44129,inset 0 1px #ffdca026}.panel h1{text-align:center;color:var(--brass-500);text-shadow:0 2px #1a0f05,0 0 26px #d9a44166;margin:0;font-size:44px}.panel .rule{background:linear-gradient(90deg,#0000,#d9a4418c,#0000);height:2px;margin:6px 40px 8px}.panel .subtitle{text-align:center;color:var(--ink);margin:0 0 20px;font-size:16px}.panel label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin-bottom:6px;font-size:13px;display:block}.panel input{background:var(--oak-900);width:100%;color:var(--parchment);border:2px solid #5c3f22;border-radius:10px;outline:none;margin-bottom:14px;padding:12px 14px;font-family:inherit;font-size:18px;box-shadow:inset 0 3px 8px #00000073}.panel input:focus{border-color:var(--brass-500);box-shadow:inset 0 3px 8px #00000073,0 0 0 3px #d9a4412e}.panel input#code{text-transform:uppercase;letter-spacing:.35em;text-align:center}.panel button{background:var(--oak-600);width:100%;color:var(--parchment);cursor:pointer;border:2px solid #7a5230;border-radius:10px;padding:13px 16px;font-family:inherit;font-size:19px;transition:filter .12s,transform 50ms}.panel button:hover{filter:brightness(1.18)}.panel button:active{transform:translateY(1px)}.panel button.primary{border-color:var(--gold);background:linear-gradient(#9a6425 0%,#7a4f1d 100%);margin-bottom:14px}.panel .row{gap:10px;display:flex}.panel .row input{flex:1;margin-bottom:0}.panel .row button{width:130px}.error{color:#f0a58f;text-align:center;background:#e0522a26;border:1px solid #e0522a80;border-radius:8px;margin-top:12px;padding:10px 12px;font-size:15px}#lb-box{border-top:1px solid #4a331d;margin-top:20px;padding-top:6px}#lb-box h2{color:var(--brass-500);text-align:center;margin:10px 0 8px;font-size:20px}#lb{border-collapse:collapse;width:100%;font-size:15px}#lb th{color:var(--ink);letter-spacing:.07em;text-transform:uppercase;text-align:left;border-bottom:1px solid #4a331d;padding:3px 6px;font-size:12px;font-weight:400}#lb td{border-bottom:1px solid #33230f;padding:4px 6px}#lb tr:nth-child(2) td{color:var(--gleam)}#lb td.num,#lb th.num{text-align:right}.hint{text-align:center;color:var(--ink);margin:14px 0 0;font-size:14px}#toast{border:2px solid var(--brass-500);color:var(--parchment);z-index:20;pointer-events:none;background:#1a1109f5;border-radius:12px;padding:12px 22px;font-size:17px;transition:opacity .25s;position:fixed;bottom:36px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080,inset 0 1px #f5d98a40}