@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-variable.ttf');font-display:swap}*{box-sizing:border-box}html,body.name-game{margin:0;height:100%;overflow:hidden;background:#121b15;color:#fff4dc;font-family:Manrope,sans-serif}body.name-game{position:fixed;inset:0}#name-game{height:100dvh;max-width:650px;margin:auto;padding: max(8px,env(safe-area-inset-top)) 12px max(8px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px}.name-marquee{flex:none;padding:8px 14px;background:#ca5600;border-bottom:4px solid #763709;border-radius:6px}.name-marquee a{color:inherit;font-size:14px;font-weight:700}.name-marquee h1{font-size:30px;line-height:1;margin:5px 0;font-weight:900;letter-spacing:-.04em}.name-marquee>span{font-size:14px}.name-board{min-height:0;flex:1;display:flex;flex-direction:column;gap:8px;background:#202d23;padding:12px;border-radius:8px}.name-stats{font-size:14px;padding:0 0 6px;flex:none}.name-clue{font-size:16px;line-height:1.35;min-height:0;margin:0;flex:none}.guess-grid{flex:1;min-height:0;display:grid;grid-template-rows:repeat(4,minmax(0,1fr));gap:5px;max-height:280px}.guess-row{min-height:0;gap:4px;display:flex;justify-content:center}.letter-tile{aspect-ratio:auto;max-width:50px;height:100%;background:#162219;color:#fff4dc;border:2px solid #64705b;font:800 clamp(14px,4.5vw,26px) Manrope,sans-serif}.letter-tile.exact{background:#bd4f00;border-color:#ff992f}.letter-tile.present{background:#9c7425;border-color:#ddb85c}.letter-tile.absent{background:#333b34;color:#bac1b7}.name-board #name-form{display:none}.name-board #name-message{flex:none;min-height:20px;margin:0;color:#fff4dc;font-size:14px;line-height:1.3}.name-board #next-name{background:#ca5600;color:#fff4dc;min-height:42px;border:0;font:800 16px Manrope;flex:none}#name-keyboard{flex:none;display:grid;gap:5px}.key-row{display:flex;justify-content:center;gap:4px}.key-row button{height:46px;flex:1;max-width:52px;padding:0;background:#dce1cd;color:#172119;border:0;border-radius:4px;font:800 16px Manrope;touch-action:manipulation}.key-row button.wide-key{flex:1.65;max-width:75px;font-size:13px}.key-row button.absent{background:#333c34;color:#9ba398;text-decoration:line-through;text-decoration-thickness:2px}.key-row button.present{background:#b38a32;color:white}.key-row button.exact{background:#ca5600;color:white}.key-legend{font-size:12px;line-height:1.25;margin:0;text-align:center;color:#c3cbb8}button:focus-visible,a:focus-visible{outline:3px solid #ffc065;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}@media(max-height:680px){.name-marquee h1{font-size:24px}.name-marquee>span{display:none}.name-board{padding:8px;gap:5px}.key-row button{height:40px}.name-clue{font-size:14px}.name-stats{font-size:12px}}@media(orientation:landscape) and (max-height:500px){#name-game{max-width:960px;display:grid;grid-template-columns:180px 1fr}.name-board{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr auto}.name-stats{grid-column:1/3}.name-clue{grid-column:1/3}.guess-grid{grid-column:1;grid-row:3/5;height:100%;max-height:none}#name-keyboard{grid-column:2;grid-row:3;align-self:end}.key-row button{height:38px}#name-message{grid-column:2}.key-legend{display:none}}