.crypto{max-width:1240px}.crypto h1{font-size:clamp(30px,5vw,52px)}.crypto .workspace{grid-template-columns:minmax(0,760px) minmax(260px,1fr);gap:28px}.crypto-scroll{overflow:auto;border:6px solid #dddcd5;border-radius:6px;background:#e8e7e0}#crypto-board{display:grid;min-width:390px;background:#e8e7e0;gap:1px}#crypto-board button,#crypto-board .wall{aspect-ratio:1;min-width:0;padding:0;border:0;position:relative}#crypto-board button{background:#fffef9;box-shadow:inset 0 0 0 1px #b8b7ac;color:#322b30;font-weight:bold;font-size:clamp(14px,2vw,24px)}#crypto-board button small{position:absolute;left:3px;top:1px;font:9px Arial;color:#795b53}#crypto-board button span{display:block;padding-top:8px}#crypto-board button.active{background:#f6df9c;box-shadow:inset 0 0 0 2px #a78337}#crypto-board .wall{background:#e8e7e0}#crypto-board button.given{color:#2d7454}#code-panel{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}#code-panel label{display:block;text-align:center;font-size:11px;background:#ede2d0;border:1px solid #d8c8ae;border-radius:5px;padding:4px}#code-panel input{display:block;width:100%;min-width:0;text-align:center;border:0;background:#fffaf0;padding:7px 0;font-size:20px;text-transform:uppercase;color:#382e30}#code-panel input:read-only{color:#397450;background:#e6eddf}.seed{background:#eee3ce;padding:14px;font-size:14px}.crypto-actions{display:flex;gap:8px;margin-top:18px}.crypto-actions button{flex:1;padding:12px 5px;border:1px solid #d8c8ae;background:#fffaf0;border-radius:6px}.crypto .primary{background:#713941;border-color:#4f252c}#message{font-size:14px;line-height:1.5}@media(max-width:850px){.crypto .workspace{grid-template-columns:1fr}.crypto .workspace,.crypto .game-title{max-width:760px}.crypto .controls{max-width:480px;width:100%;margin:auto}}
#crypto-board{aspect-ratio:1;grid-auto-rows:minmax(0,1fr)}#crypto-board button,#crypto-board .wall{aspect-ratio:auto;min-height:0;overflow:hidden}#crypto-board button span{position:absolute;inset:0;display:grid;place-items:center;padding-top:8px;line-height:1} .crypto-timer{display:flex;align-items:center;gap:10px;padding:9px 14px;background:#fffaf0;border:1px solid #d8c8ae;border-radius:8px}.crypto-timer small{font-size:11px;color:#795b53}.crypto-timer #time{font-size:22px;font-weight:bold;font-variant-numeric:tabular-nums}

#crypto-board button,#crypto-board button.given,#code-panel input,#code-panel input:read-only{color:#111;font-weight:700}