:root{--ink:#f4efe5;--muted:#a6a096;--bg:#11100e;--panel:#1b1916;--panel2:#24211c;--line:#3b362d;--acid:#d7ff55;--coral:#ff765d;--cyan:#74d8cf;--wrong:#5b5348;--ease:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace}body{margin:0;min-width:320px;background:linear-gradient(110deg,#11100e 0%,#191712 56%,#262015 100%);min-height:100vh}.arena-shell{width:min(calc(100% - 34px),1080px);margin:auto;padding:22px 0 54px}.arena-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px}.back-link,.build-tag{font-size:.67rem;letter-spacing:.14em;color:var(--muted);text-decoration:none}.build-tag{color:var(--acid)}.game-lockup{display:flex;align-items:center;gap:8px;font-size:.64rem;line-height:.88;letter-spacing:.1em;font-weight:900}.lockup-symbol{display:grid;place-items:center;width:29px;height:29px;border:1px solid var(--acid);color:var(--acid);font-size:1.4rem;line-height:1}.game-lockup b{color:var(--coral)}.eyebrow{color:var(--acid);font-size:.64rem;letter-spacing:.16em;font-weight:900;margin:0}.access-screen{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(35px,8vw,115px);align-items:end;padding:clamp(55px,10vw,130px) 0 90px}.access-copy h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(3.7rem,9vw,8.8rem);line-height:.82;letter-spacing:-.09em;margin:20px 0 28px}.access-copy h1 i{font-family:ui-monospace,monospace;font-style:normal;color:var(--coral);font-size:.72em;letter-spacing:-.1em}.access-copy>p:not(.eyebrow){max-width:510px;color:#cec7bc;font-family:system-ui,sans-serif;font-size:1.04rem;line-height:1.6}.access-card{background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:22px;box-shadow:12px 12px 0 #0a0907}.ticket-chip{display:flex;align-items:center;gap:8px;color:var(--cyan);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}.status-dot{width:8px;height:8px;background:var(--acid);border-radius:50%;box-shadow:0 0 0 4px #d7ff5522}.ticket-ref{color:var(--muted);font-size:.72rem;border-bottom:1px dashed var(--line);padding-bottom:18px;margin:18px 0}.access-card label{display:grid;gap:8px;color:var(--muted);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}.access-card input,.guess-entry input{width:100%;border:1px solid var(--line);background:#100f0d;color:var(--ink);border-radius:3px;padding:14px;font:inherit;font-size:.95rem;letter-spacing:.03em;outline:none}.access-card input:focus,.guess-entry input:focus{border-color:var(--acid);box-shadow:0 0 0 3px #d7ff551c}.access-actions{display:grid;gap:9px;margin-top:15px}.enter-button,.npc-button,.guess-entry button,.again-button{border:0;border-radius:3px;padding:15px;cursor:pointer;font:inherit;font-size:.74rem;font-weight:900;letter-spacing:.08em}.enter-button{display:flex;justify-content:space-between;background:var(--acid);color:#12150c}.npc-button{display:flex;justify-content:space-between;background:transparent;border:1px solid var(--line);color:var(--ink)}.access-note{color:#777066;font-family:system-ui,sans-serif;font-size:.72rem;line-height:1.5;margin-bottom:0}.hidden{display:none!important}.arena-screen{border-top:1px solid var(--line);padding-top:34px}.arena-head{display:flex;justify-content:space-between;align-items:end}.arena-head h2,.ranking-panel h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(2.1rem,6vw,4.8rem);letter-spacing:-.08em;line-height:.86;margin:13px 0 0}.room-code{text-align:right}.room-code small{display:block;color:var(--muted);font-size:.58rem;letter-spacing:.15em}.room-code strong{color:var(--cyan);font-size:1rem;letter-spacing:.15em}.players-strip{display:flex;align-items:center;gap:15px;border-block:1px solid var(--line);padding:15px 0;margin:28px 0}.strip-label{font-size:.61rem;color:var(--muted);letter-spacing:.12em}.players-list{display:flex;gap:8px;flex-wrap:wrap}.player-pill{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:99px;padding:6px 10px;color:#dcd4c8;font-size:.7rem}.player-pill i{width:7px;height:7px;background:var(--acid);border-radius:50%}.player-pill.npc i{background:var(--coral)}.round-score{margin-left:auto;color:var(--acid);font-size:.75rem;font-weight:900}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:40px}.board-zone{min-width:0}.round-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:.68rem;letter-spacing:.12em}.round-meta b{color:var(--acid)}.board{display:grid;gap:9px;max-width:410px;margin:20px auto}.board-row{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.tile{aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--line);background:#15130f;border-radius:2px;color:#f5eee3;font-size:clamp(1.25rem,5vw,2rem);font-weight:900}.tile.correct{background:var(--acid);border-color:var(--acid);color:#15170c}.tile.misplaced{background:var(--coral);border-color:var(--coral);color:#21100d}.tile.absent{background:var(--wrong);border-color:var(--wrong);color:#c4b9a9}.status-message{min-height:25px;text-align:center;color:#d7cfc2;font-family:system-ui,sans-serif;font-size:.85rem;margin:15px 0}.status-message[data-tone=win]{color:var(--acid)}.status-message[data-tone=lose]{color:var(--coral)}.guess-entry{display:flex;gap:8px;max-width:410px;margin:auto}.guess-entry input{text-align:center;text-transform:uppercase;letter-spacing:.25em;font-size:1.15rem}.guess-entry button{background:var(--acid);color:#14170d}.keyboard{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;max-width:480px;margin:17px auto}.key{border:0;border-radius:2px;background:#2b2720;color:var(--ink);padding:10px 0;font:inherit;font-size:.66rem;font-weight:900;cursor:pointer}.key.wide{grid-column:span 2}.key.correct{background:#849e37;color:#10130b}.key.misplaced{background:#a4503f}.key.absent{background:#171512;color:#777064}.again-button{display:block;margin:15px auto;background:transparent;border:1px solid var(--line);color:var(--ink)}.rules-zone{border-left:1px solid var(--line);padding-left:25px}.rule{display:flex;gap:10px;padding:20px 0;border-bottom:1px solid var(--line)}.rule-box{width:18px;height:18px;flex:none;background:var(--wrong)}.rule-box.correct{background:var(--acid)}.rule-box.misplaced{background:var(--coral)}.rule b{font-size:.7rem;letter-spacing:.1em}.rule p{color:var(--muted);font-family:system-ui,sans-serif;font-size:.74rem;line-height:1.45;margin:5px 0 0}.npc-card{display:flex;gap:10px;align-items:center;border:1px solid var(--line);margin-top:28px;padding:13px;background:#201c17}.npc-face{display:grid;place-items:center;width:32px;height:32px;background:var(--coral);color:#1b0d0b;font-weight:900}.npc-card b{font-size:.68rem}.npc-card p{color:var(--muted);font-size:.7rem;margin:4px 0 0}.ranking-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px;border-top:1px solid var(--line);margin-top:75px;padding-top:24px}.ranking-panel ol{list-style:none;margin:0;padding:0}.ranking-panel li{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0;font-size:.75rem}.ranking-panel li:first-child{color:var(--acid)}footer{text-align:center;color:#766e63;font-size:.66rem;margin-top:54px}@media(max-width:720px){.access-screen,.game-layout,.ranking-panel{grid-template-columns:1fr}.access-screen{padding:65px 0 55px;gap:45px}.access-copy h1{font-size:clamp(3.4rem,17vw,6rem)}.rules-zone{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.players-strip{align-items:flex-start;flex-wrap:wrap}.round-score{margin-left:auto}.ranking-panel{gap:20px;margin-top:55px}}@media(max-width:470px){.arena-shell{width:min(calc(100% - 24px),1080px)}.build-tag{font-size:.53rem}.game-layout{gap:25px}.keyboard{gap:3px}.key{font-size:.58rem;padding:9px 0}}
.word-setup{border:1px solid var(--line);background:var(--panel);padding:24px;margin:26px 0 30px;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.word-setup h3{font-family:Georgia,serif;font-size:2rem;font-weight:400;letter-spacing:-.06em;margin:12px 0 8px}.word-setup p:not(.eyebrow){color:var(--muted);font-family:system-ui,sans-serif;font-size:.82rem;line-height:1.5;margin:0}.word-search{display:grid;gap:8px;color:var(--muted);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase}.word-search input{width:100%;border:1px solid var(--line);background:#100f0d;color:var(--ink);border-radius:3px;padding:13px;font:inherit;font-size:.8rem;outline:none}.word-chips{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px;max-height:200px;overflow:auto;padding:2px}.word-chip{border:1px solid var(--line);border-radius:2px;background:#252119;color:#dcd4c8;padding:9px 11px;font:inherit;font-size:.73rem;cursor:pointer}.word-chip:hover,.word-chip.selected{border-color:var(--acid);background:var(--acid);color:#15170c}.empty-words{color:var(--muted);font-size:.75rem}.selected-word{grid-column:1/-1;display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);padding-top:17px}.selected-word span{color:var(--muted);font-size:.6rem;letter-spacing:.12em}.selected-word strong{color:var(--acid);font-size:1.2rem;letter-spacing:.14em}.selected-word button{margin-left:auto;border:0;background:var(--acid);color:#15170c;border-radius:2px;padding:12px 16px;font:inherit;font-size:.7rem;font-weight:900;cursor:pointer}.selected-word button:disabled{opacity:.35;cursor:not-allowed}@media(max-width:720px){.word-setup{grid-template-columns:1fr}.selected-word{flex-wrap:wrap}.selected-word button{width:100%;margin-left:0}}
.duel-boards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px auto;max-width:760px}.battle-panel{border:1px solid var(--line);background:#15130f;padding:13px}.battle-panel:first-child{border-color:var(--acid)}.battle-panel header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:12px;color:var(--muted);font-size:.64rem;letter-spacing:.12em}.battle-panel:first-child header span{color:var(--acid)}.battle-panel header strong{color:var(--coral);font-size:clamp(1.5rem,4vw,2.4rem);letter-spacing:.02em;line-height:1}.battle-panel:first-child header strong{color:var(--acid)}.battle-panel .board{margin:0;gap:6px}.battle-panel .board-row{gap:6px}.battle-panel .tile{font-size:clamp(1rem,3vw,1.45rem)}@media(max-width:720px){.duel-boards{grid-template-columns:1fr;gap:12px}.battle-panel:nth-child(2){order:2}}
body.in-arena{overflow:hidden}.in-arena .guess-entry input{cursor:default;user-select:none;-webkit-user-select:none}body.in-arena .ranking-panel,body.in-arena footer{display:none}body.in-arena .arena-shell{padding:10px 0 12px}body.in-arena .arena-top{padding-bottom:8px}body.in-arena .arena-screen{padding-top:12px}body.in-arena .arena-head h2{font-size:clamp(1.55rem,5vw,2.7rem);margin-top:7px}body.in-arena .players-strip{margin:10px 0;padding:8px 0;gap:7px;font-size:.58rem}.in-arena .player-pill{padding:4px 7px;font-size:.58rem}.in-arena .share-room{padding:5px 7px;font-size:.54rem}.in-arena .game-layout{display:block}.in-arena .rules-zone{display:none}.in-arena .word-setup{padding:10px;margin:10px 0 8px;gap:8px}.in-arena .word-setup h3{font-size:1.15rem;margin:5px 0}.in-arena .word-setup p:not(.eyebrow){font-size:.66rem;line-height:1.3}.in-arena .word-chips{max-height:70px;gap:4px}.in-arena .word-chip{padding:5px 7px;font-size:.58rem}.in-arena .selected-word{padding-top:8px;gap:7px}.in-arena .selected-word button{padding:7px 9px;font-size:.58rem}.in-arena .duel-boards{gap:6px;margin:7px auto;max-width:620px}.in-arena .battle-panel{padding:6px}.in-arena .battle-panel header{padding-bottom:5px;margin-bottom:5px;font-size:.52rem}.in-arena .battle-panel header strong{font-size:1.3rem}.in-arena .battle-panel .board{gap:3px}.in-arena .battle-panel .board-row{gap:3px}.in-arena .battle-panel .tile{font-size:.82rem}.in-arena .status-message{min-height:17px;margin:5px 0;font-size:.66rem}.in-arena .revealed-words{font-size:.6rem}.in-arena .guess-entry{max-width:320px;gap:4px}.in-arena .guess-entry input{padding:8px;font-size:.85rem}.in-arena .guess-entry button{padding:8px;font-size:.6rem}.in-arena .keyboard{max-width:360px;gap:2px;margin:7px auto}.in-arena .key{padding:5px 0;font-size:.5rem}.in-arena .again-button{padding:7px;margin:7px auto;font-size:.58rem}@media(max-width:720px){.in-arena .duel-boards{grid-template-columns:1fr 1fr}.in-arena .battle-panel:nth-child(2){order:initial}.in-arena .arena-shell{width:calc(100% - 16px)}.in-arena .game-layout{min-height:0}}
@media(max-height:700px){.in-arena .word-setup p:not(.eyebrow){display:block;font-size:.58rem}.in-arena .word-search{display:grid}.in-arena .word-chips{display:flex;max-height:48px;overflow:hidden}.in-arena .word-setup{grid-template-columns:1fr auto;align-items:center}.in-arena .word-setup>div:first-child{grid-column:1/-1}.in-arena .duel-boards{margin-top:4px}.in-arena .battle-panel .tile{font-size:.72rem}.in-arena .keyboard{margin:4px auto}.in-arena .key{padding:4px 0}}
.in-arena .guess-entry input{min-height:48px;padding:12px;font-size:1.15rem;letter-spacing:.18em}.in-arena .guess-entry button{min-height:48px;padding:12px 16px;font-size:.72rem}.in-arena .keyboard{gap:4px}.in-arena .keyboard .key{min-height:42px;padding:10px 0;font-size:.68rem;touch-action:manipulation}.in-arena .keyboard .key.wide{min-width:54px}.lobby-dialog{width:min(360px,100%);padding:24px 18px;border:1px solid var(--cyan);background:#111512;box-shadow:8px 8px 0 #050706;text-align:center}.lobby-dialog h3{margin:8px 0;font-size:1.5rem;color:var(--ink)}.lobby-dialog p:not(.eyebrow){color:var(--muted);font-size:.72rem;line-height:1.45}.lobby-dialog strong{display:block;margin:16px 0;color:var(--acid);font-size:1.4rem;letter-spacing:.16em}.lobby-dialog button{width:100%;padding:10px;border:1px solid var(--coral);background:transparent;color:var(--coral);font:inherit;font-size:.68rem;cursor:pointer}.lobby-dialog button:hover{background:var(--coral);color:#111}.room-choice{display:flex;align-items:center;gap:10px;width:100%;padding:10px;text-align:left;border:1px solid var(--line);background:#100f0d;color:var(--ink);cursor:pointer;border-radius:2px}.room-choice:hover{border-color:var(--acid)}.room-choice b{display:grid;place-items:center;width:22px;height:22px;border:1px solid currentColor;color:var(--acid);font-size:.72rem}.room-choice span{display:grid;gap:2px}.room-choice strong{font:inherit;font-size:.68rem}.room-choice small{color:var(--muted);font-size:.54rem}.private-join{color:var(--cyan)}.open-join{color:var(--coral)}.npc-join{color:var(--acid)}.private-code-box{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:end;margin-top:8px;padding:9px;border:1px solid var(--cyan);background:#101515}.private-code-box label{display:grid;gap:4px;color:var(--muted);font-size:.56rem}.private-code-box input{padding:8px;border:1px solid var(--line);background:#0d0d0c;color:var(--ink);font:inherit}.private-code-box button{padding:8px;border:1px solid var(--cyan);background:transparent;color:var(--cyan);font:inherit;font-size:.58rem;cursor:pointer}.room-actions input{grid-column:1/-1}.room-actions input,.room-actions button{border:1px solid var(--line);background:#100f0d;color:var(--ink);border-radius:2px;padding:8px;font:inherit;font-size:.58rem}.room-actions button{cursor:pointer;color:var(--cyan)}.room-actions button:hover{border-color:var(--acid);color:var(--acid)}body:not(.in-arena){overflow:hidden}body:not(.in-arena) .arena-shell{padding:10px 0 14px}body:not(.in-arena) .arena-top{padding-bottom:8px}body:not(.in-arena) .access-screen{min-height:calc(100vh - 65px);padding:20px 0;gap:18px;align-items:center}body:not(.in-arena) .access-copy h1{font-size:clamp(3rem,8vw,6.5rem);margin:12px 0 18px}body:not(.in-arena) .access-copy>p:not(.eyebrow){font-size:.82rem;line-height:1.35}body:not(.in-arena) .access-card{padding:14px;box-shadow:7px 7px 0 #0a0907}body:not(.in-arena) .ticket-ref{padding-bottom:10px;margin:10px 0}body:not(.in-arena) .access-actions{margin-top:9px;gap:6px}body:not(.in-arena) .enter-button,body:not(.in-arena) .npc-button{padding:10px;font-size:.64rem}body:not(.in-arena) .access-note{font-size:.62rem;margin-top:8px}@media(max-width:720px){body:not(.in-arena) .access-screen{grid-template-columns:1fr;min-height:calc(100vh - 62px);padding:20px 0 24px;gap:14px;align-content:start}body:not(.in-arena) .access-copy h1{font-size:clamp(3rem,15vw,5rem);margin:9px 0 13px}body:not(.in-arena) .access-copy>p:not(.eyebrow){max-width:34em}body:not(.in-arena) .access-card{width:100%}}