:root{--felt: #0f3d38;--felt-mid: #16554e;--felt-dark: #082421;--gold: #e8b84a;--gold-soft: #f0d78c;--ivory: #f4ead8;--ivory-dim: #e4d5bb;--ink: #24160e;--ink-soft: #5c4636;--coral: #ff5d4a;--mint: #6fdb9a;--cream: #fff8ee;--line: rgba(255, 246, 234, .12);--font-ui: "Nunito", system-ui, sans-serif;--font-display: "Fraunces", Georgia, serif;--font-dice: "Fredoka", sans-serif;--shadow: 0 18px 50px rgba(0, 0, 0, .35);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font-ui);color:var(--cream);background:var(--felt-dark);-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}#root{min-height:100dvh;background:radial-gradient(1200px 600px at 10% -10%,rgba(232,184,74,.16),transparent 50%),radial-gradient(900px 500px at 110% 10%,rgba(255,93,74,.12),transparent 45%),radial-gradient(circle at 50% 120%,rgba(22,85,78,.9),var(--felt-dark) 55%)}.grain{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");z-index:0}.app{position:relative;z-index:1;min-height:100dvh}.toast{position:fixed;top:max(16px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:50;background:var(--ink);color:var(--ivory);border:1px solid rgba(232,184,74,.35);padding:10px 16px;border-radius:999px;box-shadow:var(--shadow);font-weight:700}.screen{width:min(1120px,calc(100% - 24px));margin:0 auto;padding:20px 0 40px}.home{display:flex;flex-direction:column;align-items:center;min-height:100dvh;box-sizing:border-box;padding-top:8vh;padding-bottom:max(24px,env(safe-area-inset-bottom));gap:28px}.credits{margin-top:auto;padding-top:24px;font-size:12px;font-weight:700;letter-spacing:.04em;color:#fff6ea7a;text-align:center}.logo{text-align:center}.lexo-logo{--lexo-ink: #f7f7f4;--lexo-gold: #b87800;display:flex;align-items:center;justify-content:center;gap:.04em;margin:0 auto;padding:.12em 0 .2em;font-family:Fredoka,Arial Rounded MT Bold,Arial,sans-serif;font-size:clamp(72px,22vw,128px);line-height:1}.lexo-letter{color:var(--lexo-ink);font-size:1em;font-weight:700;line-height:1;letter-spacing:-.08em;text-shadow:0 .04em .06em rgba(0,0,0,.22)}.lexo-letter.x{margin-left:-.03em;margin-right:-.01em}.lexo-o-tile{width:.92em;height:.92em;flex:none;display:grid;place-items:center;padding:.07em;box-sizing:border-box;color:var(--lexo-ink);border-radius:.2em;transform:rotate(6deg);background:linear-gradient(145deg,#ffd35c,#ffc137 45%,#ffaf12);box-shadow:0 .08em 0 var(--lexo-gold),0 .11em .06em #6e410073,0 .16em .16em #00000059}.lexo-o-svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 .03em .04em rgba(0,0,0,.2))}.logo p{margin:14px 0 0;color:var(--gold-soft);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:13px}.panel{width:min(440px,100%);background:#082421b8;border:1px solid var(--line);border-radius:28px;padding:22px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.field label{font-size:13px;font-weight:800;color:var(--gold-soft);text-transform:uppercase;letter-spacing:.06em}.field input,.code-input{width:100%;border:0;border-radius:16px;padding:14px 16px;background:var(--ivory);color:var(--ink);font-weight:800;outline:none;box-shadow:inset 0 -3px 0 var(--ivory-dim)}.field input:focus,.code-input:focus{box-shadow:inset 0 -3px 0 var(--gold),0 0 0 3px #e8b84a59}.code-input{text-align:center;letter-spacing:.4em;text-transform:uppercase;font-family:var(--font-dice);font-size:22px}.btn-row{display:flex;flex-direction:column;gap:10px}.btn{border:0;border-radius:16px;padding:14px 18px;font-weight:800;transition:transform .12s ease,filter .12s ease}.btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-gold{background:linear-gradient(180deg,var(--gold-soft),var(--gold));color:var(--ink);box-shadow:0 6px #b8862c}.btn-ivory{background:var(--ivory);color:var(--ink);box-shadow:0 6px 0 var(--ivory-dim)}.btn-ghost{background:transparent;color:var(--cream);border:1px solid var(--line);box-shadow:none}.btn-coral{background:var(--coral);color:#fff;box-shadow:0 6px #c63d32}.join-row{display:grid;grid-template-columns:1fr auto;gap:8px}.floating-letters{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.floating-letters span{position:absolute;font-family:var(--font-dice);color:#f4ead814;animation:drift 18s linear infinite}@keyframes drift{0%{transform:translateY(20vh)}to{transform:translateY(-30vh)}}.lobby{display:grid;gap:20px}@media (min-width: 880px){.lobby{grid-template-columns:1.1fr .9fr;align-items:start}}.room-code{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#082421b8;border:1px solid var(--line);border-radius:24px;padding:16px 18px}.room-code b{font-family:var(--font-dice);font-size:34px;letter-spacing:.28em;color:var(--gold)}.players{display:grid;gap:8px;margin-top:12px}.player-chip{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:#ffffff0a}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:var(--ink);flex:none}.player-chip .meta{display:flex;flex-direction:column;min-width:0}.player-chip .meta strong{font-size:15px}.player-chip .meta span{font-size:12px;color:var(--gold-soft)}.host-badge{margin-left:auto;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--gold)}.settings h2,.card h2{font-family:var(--font-display);margin:0 0 14px;font-size:28px}.rules-duration{margin-bottom:14px}.rules-duration input[type=range]{width:100%;accent-color:var(--gold)}.rules-label{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px;font-weight:800}.rules-grid{display:grid;grid-template-columns:5.5rem 1fr;align-items:center;gap:8px 12px}.rules-grid>span{font-size:13px;font-weight:800;color:var(--ivory-dim)}.rules-hint{margin:6px 0 0;font-size:12px;color:var(--ivory-dim)}.rules-score{margin:14px 0 0;font-size:13px;line-height:1.4;color:var(--ivory-dim)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid var(--line);background:#ffffff0a;color:var(--cream);border-radius:999px;padding:6px 10px;font-size:13px;font-weight:800}.chip.on{background:var(--gold);color:var(--ink);border-color:transparent}.toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.switch{width:52px;height:30px;border:0;border-radius:999px;background:#2a4f4a;position:relative;flex:none}.switch.on{background:var(--mint)}.switch i{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .18s ease}.switch.on i{transform:translate(22px)}.play{display:grid;gap:16px;position:relative}@media (min-width: 960px){.play{grid-template-columns:220px minmax(0,1fr) 280px;grid-template-rows:auto auto 1fr;align-items:start}.play-top{grid-column:1 / -1}.scoreboard{grid-column:1;grid-row:2 / 4}.stage{grid-column:2;grid-row:2 / 4}.word-list{grid-column:3;grid-row:2 / 4}}.play-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;z-index:41}.play-top-meta{display:flex;flex-direction:column;gap:2px}.play-top-actions{display:flex;justify-content:flex-end}.btn-compact{padding:8px 12px;font-size:13px;border-radius:12px}.times-up-leave{margin-top:18px;display:flex;justify-content:center}.feedback{animation:letter-pop .28s cubic-bezier(.2,1.4,.4,1)}.timer{display:grid;place-items:center;position:relative;width:118px;height:118px;margin:0 auto}.timer svg{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.timer .time{font-family:var(--font-dice);font-size:32px;font-weight:700}.timer.urgent .time{color:var(--coral);animation:pulse .8s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.08)}}.scoreboard,.word-list,.card{background:#082421b8;border:1px solid var(--line);border-radius:24px;padding:16px}.score-row{display:flex;align-items:center;gap:10px;padding:8px 0}.score-row .pts{margin-left:auto;font-family:var(--font-dice);font-size:20px;color:var(--gold)}.mobile-scores{display:flex;gap:8px;overflow:auto}.mobile-scores .pill{display:flex;align-items:center;gap:8px;background:#082421b8;border:1px solid var(--line);border-radius:999px;padding:6px 10px 6px 6px;white-space:nowrap}@media (min-width: 960px){.mobile-scores{display:none}}@media (max-width: 959px){.scoreboard{display:none}}.preview{min-height:52px;display:flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-dice);font-size:clamp(22px,5vw,34px);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-soft)}.preview.empty{color:#fff6ea59;letter-spacing:0;font-family:var(--font-ui);font-size:15px;font-weight:700}.preview .pop{display:inline-block;animation:letter-pop .22s cubic-bezier(.2,1.4,.4,1)}@keyframes letter-pop{0%{transform:scale(.4) translateY(8px);opacity:0}}.board-wrap{position:relative;width:min(100%,460px);margin:0 auto;aspect-ratio:1;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.board{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:3.4%;padding:4%;perspective:700px;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.08),transparent 40%),linear-gradient(160deg,#1a6a61,#0d3f3a 60%,#0a2f2b);border-radius:28px;box-shadow:inset 0 0 0 3px #e8b84a2e,0 22px 40px #00000059}.die{position:relative;display:grid;place-items:center;border-radius:22%;touch-action:none;user-select:none;-webkit-user-select:none;background:linear-gradient(145deg,#fffaf0,#e8d7bc);box-shadow:0 7px #c4a57a,0 12px 16px #00000047,inset 0 2px #ffffffe6;color:var(--ink);font-family:var(--font-dice);font-weight:700;font-size:clamp(28px,7vw,44px);z-index:1;animation:die-in .5s cubic-bezier(.2,1.2,.4,1) both}@keyframes die-in{0%{opacity:0;transform:rotateX(-80deg) translateY(-18px)}}.die.qu{font-size:clamp(22px,5.4vw,32px)}.die.active{background:linear-gradient(145deg,#ffe38a,#e8b84a);transform:scale(1.06);box-shadow:0 8px #b8862c,0 0 0 4px #e8b84a59,0 16px 24px #0000004d}.die.current{box-shadow:0 8px #b8862c,0 0 0 4px #fff6ea,0 16px 24px #0000004d}.die.success{background:linear-gradient(145deg,#c9f5d8,#6fdb9a)}.die.fail{animation:shake .4s ease}@keyframes shake{20%{transform:translate(-4px) rotate(-3deg)}40%{transform:translate(4px) rotate(3deg)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.board-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:4}.board-burst-host{position:relative;width:min(100%,460px);margin:0 auto;aspect-ratio:1;overflow:visible}.board-burst-host .board-wrap{width:100%}.score-bursts{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;overflow:visible}.score-burst{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px;z-index:8;pointer-events:none;offset-rotate:0deg;animation:score-burst-fly 2.4s cubic-bezier(.16,.72,.22,1) forwards;filter:drop-shadow(0 8px 0 rgba(0,0,0,.28))}.score-burst-pts{font-family:var(--font-dice);font-weight:700;font-size:clamp(44px,9vw,64px);line-height:.9;color:var(--mint);text-shadow:0 4px 0 rgba(15,61,56,.45)}.score-burst-praise{font-family:var(--font-display);font-size:clamp(22px,4.6vw,32px);font-weight:700;color:#fff6ea;letter-spacing:.02em;white-space:nowrap}.score-burst--big{animation-duration:2.8s}.score-burst--big .score-burst-pts{font-size:clamp(56px,11vw,80px);color:var(--gold);text-shadow:0 0 22px rgba(232,184,74,.7),0 5px 0 rgba(15,61,56,.4)}.score-burst--epic{animation-duration:3.2s;animation-name:score-burst-epic}.score-burst--epic .score-burst-pts{font-size:clamp(64px,12vw,92px);color:#ffe38a;text-shadow:0 0 26px rgba(255,227,138,.85),0 6px 0 rgba(15,61,56,.45)}.score-spark{position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px #e8b84ae6;animation:score-spark-out 1.4s ease-out forwards}.score-burst--epic .score-spark:nth-child(odd){background:#fff6ea}@keyframes score-burst-fly{0%{opacity:0;offset-distance:0%;transform:translate(-50%,-50%) scale(.62) rotate(var(--rot))}10%{opacity:1;offset-distance:12%;transform:translate(-50%,-50%) scale(1.12) rotate(var(--rot))}62%{opacity:1;offset-distance:68%;transform:translate(-50%,-50%) scale(1.28) rotate(var(--rot))}to{opacity:0;offset-distance:100%;transform:translate(-50%,-50%) scale(1.08) rotate(var(--rot))}}@keyframes score-burst-epic{0%{opacity:0;offset-distance:0%;transform:translate(-50%,-50%) scale(.5) rotate(calc(var(--rot) * -1))}10%{opacity:1;offset-distance:10%;transform:translate(-50%,-50%) scale(1.22) rotate(var(--rot))}32%{offset-distance:38%;transform:translate(-50%,-50%) scale(1.38) rotate(var(--rot))}68%{opacity:1;offset-distance:72%;transform:translate(-50%,-50%) scale(1.18) rotate(var(--rot))}to{opacity:0;offset-distance:100%;transform:translate(-50%,-50%) scale(1.05) rotate(calc(var(--rot) * 1.2))}}@keyframes score-spark-out{0%{opacity:1;transform:translate(0) scale(.45)}to{opacity:0;transform:translate(var(--sx),var(--sy)) scale(.12)}}.feedback{text-align:center;min-height:24px;font-weight:800;color:var(--coral)}.feedback.ok{color:var(--mint)}.word-list h3,.scoreboard h3{margin:0 0 10px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-soft)}.words{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:min(52vh,560px);overflow:auto}.words li{display:flex;align-items:center;justify-content:space-between;background:#ffffff0a;border-radius:12px;padding:8px 10px;font-weight:800;text-transform:lowercase}.words li em{font-style:normal;color:var(--gold);font-family:var(--font-dice)}.words li.shared .word-label{text-decoration:line-through;text-decoration-thickness:3px;color:#fff6ea66}.word-with-dicts{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:6px 8px}.dict-links{display:inline-flex;gap:4px;text-decoration:none}.dict-links,.dict-chip{text-transform:none}.dict-chip{font-size:10px;font-weight:800;letter-spacing:.02em;line-height:1;padding:3px 6px;border-radius:999px;color:var(--gold-soft);background:#e8b84a1f;border:1px solid rgba(232,184,74,.35);text-decoration:none}.dict-chip:hover{color:var(--ink);background:var(--gold);border-color:var(--gold)}.words li.rejected{border:1px dashed rgba(255,93,74,.45)}.words li.rejected .added{color:var(--mint);font-size:13px}.add-word{margin-left:8px;padding:4px 10px;font-size:12px}.recap-help{margin:0 0 8px;font-size:13px}.missed-scroll{max-height:min(62vh,640px);overflow:auto;padding-right:4px}.missed-scroll>div:first-child .recap-title{margin-top:0}.words li.shared em{color:#e8b84a66}.words li.new{animation:word-in .35s cubic-bezier(.2,1.3,.4,1)}@keyframes word-in{0%{transform:translate(24px) scale(.85);opacity:0}}.results-head{text-align:center;margin-bottom:20px}.results-head h1{font-family:var(--font-display);font-size:clamp(32px,7vw,56px);margin:0}.times-up-label{display:inline-block;margin:0 0 8px;padding:4px 12px;border-radius:999px;background:var(--coral);color:#fff;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.times-up-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;background:#082421b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;animation:letter-pop .35s ease}.times-up-overlay h2{font-family:var(--font-display);font-size:clamp(36px,8vw,64px);margin:8px 0}.results-layout{display:grid;gap:20px}.results-layout>*{min-width:0}@media (min-width: 880px){.results-layout{grid-template-columns:minmax(220px,.7fr) 1.3fr;align-items:start}}.results-board-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px 20px}.results-actions{display:flex;flex-direction:column;gap:10px;min-width:min(100%,200px);flex:1 1 180px}@media (max-width: 879px){.results-board-row{justify-content:center}.results-actions{width:min(100%,280px)}}.mini-board{width:min(100%,280px);aspect-ratio:1;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:8px;padding:12px;background:linear-gradient(160deg,#1a6a61,#0d3f3a);border-radius:20px;box-shadow:inset 0 0 0 2px #e8b84a2e}@media (max-width: 879px){.mini-board{margin-inline:auto}}.mini-die{min-width:0;min-height:0;display:grid;place-items:center;border-radius:18%;background:linear-gradient(145deg,#fffaf0,#e8d7bc);color:var(--ink);font-family:var(--font-dice);font-weight:700;font-size:clamp(14px,3.2vw,22px);line-height:1;box-shadow:0 4px #c4a57a}.mini-die.qu{font-size:clamp(11px,2.6vw,16px)}.podium-item.you{border-color:#e8b84a8c}.recap-title{margin:16px 0 8px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-soft)}.recap-words{max-height:none}.word-owner{font-family:var(--font-ui);font-weight:700;text-transform:none;letter-spacing:0;opacity:.85}.recap-block{margin-top:14px}.recap-player{display:flex;align-items:center;gap:8px;margin-bottom:6px}.recap-player .muted{margin-left:auto}.podium{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:18px}.podium-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:18px;background:#082421b8;border:1px solid var(--line)}.podium-item .rank{font-family:var(--font-dice);font-size:26px;width:36px}.recap-block{margin-top:10px}.recap-block summary{cursor:pointer;font-weight:800;color:var(--gold-soft)}.muted{color:#fff6ea8c;font-size:14px}.hint{text-align:center;color:#fff6ea80;font-size:13px;margin-top:8px}.reroll{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:10px 12px;border-radius:16px;background:#082421b8;border:1px solid var(--line)}.reroll.hot{border-color:#ff5d4a8c;box-shadow:0 0 0 1px #ff5d4a40}.reroll.solo{background:transparent;border-color:transparent;padding:4px 0 0;justify-content:center}.reroll.solo .reroll-btn{width:min(100%,320px)}.reroll-copy{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:13px}.reroll-copy span{color:#fff6ea8c}.reroll-faces{display:flex;gap:4px;margin-top:6px}.reroll-faces .avatar{width:24px;height:24px;font-size:11px}.reroll-faces .avatar.wait{opacity:.35;filter:grayscale(.6)}.reroll-btn{flex:none;padding:10px 14px;font-size:14px;white-space:nowrap}@media (max-width: 959px){.screen.play{padding-top:8px;padding-bottom:20px}.timer{width:96px;height:96px}.timer .time{font-size:26px}.words{max-height:26vh}.preview{min-height:42px;font-size:26px}}