.arena{--arena-bg: #060d1a;--arena-text: #eef2f9;--arena-muted: rgba(238, 242, 249, .64);--arena-faint: rgba(238, 242, 249, .4);--arena-line: rgba(255, 255, 255, .1);--arena-glass: rgba(255, 255, 255, .045);--arena-pink: #ff2d8d;--arena-cyan: #37d6ff;position:relative;isolation:isolate;overflow:hidden;background:var(--arena-bg);color:var(--arena-text)}.arena:before{content:"";position:absolute;inset:-30% -10% auto;height:130%;z-index:-2;pointer-events:none;background:radial-gradient(38% 42% at 12% 12%,rgba(237,1,127,.3),transparent 70%),radial-gradient(34% 40% at 92% 28%,rgba(55,214,255,.16),transparent 72%),radial-gradient(50% 40% at 50% 110%,rgba(237,1,127,.12),transparent 70%)}.arena:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,#000 30%,transparent 80%)}.arena a{color:inherit}.arena-kicker{display:inline-flex;align-items:center;gap:.6rem;margin:0;font-family:var(--body-font);font-size:.78rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--arena-muted)}.arena-kicker:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--arena-pink);box-shadow:0 0 12px var(--arena-pink)}.versus{margin:.35em 0 .25em;font-family:var(--title-font);font-weight:400;font-size:clamp(2.6rem,9vw,6.4rem);line-height:1;letter-spacing:-.01em;color:#fff}.versus__vs{display:inline-block;margin:0 .4em;font-family:var(--body-font);font-size:.3em;font-weight:600;letter-spacing:.24em;text-transform:uppercase;vertical-align:middle;color:var(--arena-muted)}.versus__joy{background:linear-gradient(95deg,var(--arena-pink) 0%,#ff7ac0 45%,var(--arena-cyan) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.games-hub{padding:clamp(3rem,8vw,6rem) var(--joy-gutter) clamp(4rem,9vw,7rem)}.games-hub__inner{max-width:var(--joy-max);margin:0 auto}.games-hub__lede{margin:0;font-size:clamp(1.05rem,2vw,1.3rem);color:var(--arena-muted)}.game-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2.5vw,1.75rem);margin-top:clamp(2rem,5vw,3.5rem)}.game-tile{position:relative;display:grid;grid-template-rows:1fr auto;gap:1.5rem;min-height:440px;padding:clamp(1.25rem,3vw,2rem);border-radius:28px;border:1px solid var(--arena-line);background:linear-gradient(180deg,#ffffff12,#ffffff04);text-decoration:none;overflow:hidden;transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .4s ease,box-shadow .4s ease}.game-tile:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;transition:opacity .4s ease;background:radial-gradient(60% 50% at 50% 30%,rgba(237,1,127,.22),transparent 70%)}.game-tile--word:before{background:radial-gradient(60% 50% at 50% 30%,rgba(55,214,255,.2),transparent 70%)}.game-tile:hover,.game-tile:focus-visible{transform:translateY(-6px);border-color:#ff2d8d8c;box-shadow:0 40px 90px -40px #ed017f99,inset 0 0 0 1px #ff2d8d26}.game-tile:hover:before,.game-tile:focus-visible:before{opacity:1}.game-tile:focus-visible{outline:2px solid var(--arena-cyan);outline-offset:4px}.game-tile__stage{display:grid;place-items:center;min-height:250px}.game-tile__meta{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.game-tile__name{display:block;margin:0 0 .35rem;font-family:var(--title-font);font-size:clamp(1.4rem,3vw,1.9rem);letter-spacing:.04em;text-transform:uppercase;color:#fff}.game-tile__line{display:block;font-size:1.02rem;color:var(--arena-muted)}.game-tile__record{display:block;margin-top:.5rem;font-size:.82rem;color:var(--arena-faint)}.game-tile__play{flex-shrink:0;display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.4rem;border-radius:var(--joy-radius-pill);background:var(--joy-pink);color:#fff;font-weight:600;box-shadow:0 10px 30px -10px #ed017fcc;transition:gap .3s ease}.game-tile:hover .game-tile__play{gap:.85rem}.mini-board{position:relative;width:min(280px,78%);aspect-ratio:1;display:grid;grid-template-columns:repeat(8,1fr);border-radius:14px;overflow:hidden;transform:perspective(900px) rotateX(24deg) rotate(-6deg);box-shadow:0 30px 80px -24px #37d6ff73,0 0 0 1px #ffffff24;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.game-tile:hover .mini-board{transform:perspective(900px) rotateX(14deg) rotate(-3deg)}.mini-board__sq{position:relative;background:#7f8fb0}.mini-board__sq--light{background:#dfe6f1}.mini-board__sq svg{position:absolute;inset:4%;width:92%;height:92%}.mini-board__sq--target:after{content:"";position:absolute;inset:0;background:var(--arena-pink);opacity:.45;animation:target-pulse 2.4s ease-in-out infinite}@keyframes target-pulse{0%,to{opacity:.15}50%{opacity:.55}}.mini-rack{display:flex;gap:clamp(.3rem,1vw,.5rem)}.mini-rack .tile{animation:tile-lift 3.2s ease-in-out infinite;animation-delay:calc(var(--i) * .14s)}.mini-rack .tile--lit{background:linear-gradient(180deg,#ff4fa3,var(--joy-pink));color:#fff;box-shadow:0 12px 30px -10px #ed017fcc}@keyframes tile-lift{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.tile{position:relative;display:inline-grid;place-items:center;width:clamp(2.4rem,7vw,3.2rem);aspect-ratio:1;border-radius:12px;background:linear-gradient(180deg,#f6f8fc,#d9e1ee);color:#0a1628;box-shadow:0 2px #b8c4d8,0 10px 24px -12px #0009;font-family:var(--title-font);font-size:clamp(1rem,2.6vw,1.3rem);user-select:none}.tile__pt{position:absolute;right:.3em;bottom:.2em;font-family:var(--body-font);font-size:.5em;font-weight:600;opacity:.6}.tile--used{opacity:.25}.tile--hidden{background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff29}.game{padding:clamp(1.25rem,3vw,2rem) var(--joy-gutter) clamp(3rem,6vw,4.5rem);min-height:80vh}.game__bar{max-width:1180px;margin:0 auto clamp(1.25rem,3vw,2rem);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem 1.5rem}.game__back{justify-self:start;font-size:.9rem;color:var(--arena-muted);text-decoration:none}.game__back:hover{color:#fff}.game__title{margin:0;font-family:var(--title-font);font-weight:400;font-size:clamp(1.15rem,2.6vw,1.6rem);color:#fff}.game__title span{margin-left:.6rem;font-family:var(--body-font);font-size:.55em;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--arena-pink)}.game__record{justify-self:end;font-size:.85rem;color:var(--arena-muted)}.game__layout{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:clamp(1.25rem,3vw,2.25rem);align-items:start}.panel{display:grid;gap:1.25rem;padding:1.4rem;border-radius:22px;border:1px solid var(--arena-line);background:var(--arena-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel__label{margin:0 0 .55rem;font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--arena-faint)}.joy-status{display:flex;align-items:center;gap:.8rem;min-height:3.2em;margin:0;font-size:1.05rem;line-height:1.4}.joy-orb{flex-shrink:0;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffd0e6,var(--arena-pink) 60%);box-shadow:0 0 14px #ff2d8dcc}[data-thinking=true] .joy-orb{animation:orb 1.1s ease-in-out infinite}@keyframes orb{0%,to{transform:scale(1);box-shadow:0 0 10px #ff2d8d99}50%{transform:scale(1.35);box-shadow:0 0 26px #ff2d8d}}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;border-radius:var(--joy-radius-pill);border:1px solid var(--arena-line);background:#0003}.segmented button{min-height:2.4rem;padding:0 .6rem;border:0;border-radius:var(--joy-radius-pill);background:transparent;color:var(--arena-muted);font:inherit;font-size:.88rem;font-weight:500;cursor:pointer;transition:background .2s ease,color .2s ease}.segmented button:hover{color:#fff}.segmented button[aria-pressed=true]{background:#ff2d8d33;color:#fff;box-shadow:inset 0 0 0 1px #ff2d8d8c}.arena-actions{display:flex;flex-wrap:wrap;gap:.6rem}.arena-btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.6rem;padding:0 1.2rem;border-radius:var(--joy-radius-pill);border:1px solid rgba(255,255,255,.28);background:transparent;color:#fff;font:inherit;font-size:.92rem;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,opacity .2s ease}.arena-btn:hover:not(:disabled){background:#ffffff1a}.arena-btn--primary{border-color:transparent;background:var(--joy-pink);box-shadow:0 10px 28px -10px #ed017fcc}.arena-btn--primary:hover:not(:disabled){background:var(--joy-pink-hover)}.arena-btn:disabled{opacity:.35;cursor:not-allowed}.arena :focus-visible{outline:2px solid var(--arena-cyan);outline-offset:2px}.game__credit{max-width:1180px;margin:2.5rem auto 0;font-size:.8rem;color:var(--arena-faint)}.board-frame{--board-size: min(680px, max(320px, calc(100svh - 250px) ));position:relative;width:100%;max-width:calc(var(--board-size) + 26px);margin-inline:auto;padding:12px;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,#ffffff1a,#ffffff05);box-shadow:0 50px 120px -50px #37d6ff73,0 30px 80px -40px #ed017f66}.board{width:100%}.board-result{position:absolute;inset:0;z-index:5;display:grid;place-content:center;gap:1.25rem;padding:1.5rem;border-radius:inherit;text-align:center;background:#060d1abd;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.board-result[hidden]{display:none}.board-result__title{margin:0;font-family:var(--title-font);font-size:clamp(1.3rem,3.4vw,2rem);color:#fff}.moves{max-height:11rem;margin:0;padding:0 0 0 1.8rem;overflow-y:auto;font-size:.9rem;font-variant-numeric:tabular-nums;color:var(--arena-muted);white-space:pre}.moves li::marker{color:var(--arena-faint)}.moves:empty:before{content:"No moves yet.";margin-left:-1.8rem;color:var(--arena-faint)}.cm-chessboard.joy .board .square.white{fill:#dfe6f1}.cm-chessboard.joy .board .square.black{fill:#7f8fb0}.cm-chessboard.joy .board .border{fill:transparent;stroke:none}.cm-chessboard.joy .coordinates .coordinate{font-size:6.5px;font-weight:600}.cm-chessboard.joy .coordinates .coordinate.black{fill:#eef2f9}.cm-chessboard.joy .coordinates .coordinate.white{fill:#6c7c9c}.cm-chessboard.joy .markers .marker.marker-square{fill:var(--arena-pink);opacity:.32}.cm-chessboard.joy .markers .marker.marker-last-move{fill:var(--arena-cyan);opacity:.3}.cm-chessboard.joy .markers .marker.marker-check{fill:#ff3b5c;stroke:#ff3b5c;opacity:.6}.cm-chessboard.joy .markers .marker.marker-dot,.cm-chessboard.joy .markers .marker.marker-bevel{fill:#0a1628;opacity:.32}.word-stage{display:grid;gap:clamp(1.25rem,3vw,2rem);justify-items:center;padding:clamp(1.25rem,3vw,2rem);border-radius:22px;border:1px solid var(--arena-line);background:linear-gradient(145deg,#ffffff12,#ffffff04);box-shadow:0 50px 120px -50px #37d6ff66}.word-joy{display:grid;justify-items:center;gap:.7rem;text-align:center}.word-joy__tiles{display:flex;gap:.35rem;min-height:clamp(2.4rem,7vw,3.2rem)}.word-joy__score{margin:0;font-size:1rem;color:var(--arena-muted)}.word-joy__score strong{font-family:var(--title-font);font-size:1.6rem;font-weight:400;color:#fff;margin:0 .2rem}.timer{width:min(420px,100%);display:grid;gap:.4rem;justify-items:center}.timer__time{font-family:var(--title-font);font-size:1.1rem;font-variant-numeric:tabular-nums}.timer__track{width:100%;height:4px;border-radius:4px;background:#ffffff1a;overflow:hidden}.timer__bar{display:block;height:100%;background:linear-gradient(90deg,var(--arena-cyan),var(--arena-pink));transform-origin:left center;transition:transform .25s linear}[data-urgent=true] .timer__time{color:var(--arena-pink)}.word-current{display:flex;gap:.35rem;min-height:clamp(2.6rem,7.5vw,3.4rem)}.slot{display:grid;place-items:center;width:clamp(2.4rem,7vw,3.2rem);aspect-ratio:1;padding:0;border:0;border-radius:12px;background:#ffffff0d;box-shadow:inset 0 -2px #ffffff1f;cursor:pointer}.slot:disabled{cursor:default}.rack{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(.35rem,1.2vw,.6rem)}.rack__key{padding:0;border:0;background:none;cursor:pointer;border-radius:12px;transition:transform .15s ease}.rack__key:hover:not(:disabled){transform:translateY(-3px)}.rack__key:disabled{cursor:default}.word-feedback{min-height:1.5em;margin:0;text-align:center;color:var(--arena-muted)}.word-feedback[data-tone=good]{color:var(--arena-cyan)}.word-feedback[data-tone=bad]{color:#ff8fb8}.word-hint{margin:0;font-size:.82rem;color:var(--arena-faint);text-align:center}.played{display:grid;gap:.35rem;max-height:12rem;margin:0;padding:0;overflow-y:auto;list-style:none}.played li{display:flex;justify-content:space-between;font-family:var(--title-font);font-size:.85rem;letter-spacing:.04em;color:var(--arena-muted)}.played:empty:before{content:"Your words appear here.";font-size:.9rem;color:var(--arena-faint)}.your-best{margin:0;font-size:.95rem;color:var(--arena-muted)}.your-best strong{font-family:var(--title-font);font-size:1.4rem;font-weight:400;color:#fff;margin-left:.3rem}.word-result{display:grid;gap:1rem;justify-items:center;text-align:center}.word-result[hidden]{display:none}.word-result__title{margin:0;font-family:var(--title-font);font-size:clamp(1.3rem,3.4vw,2rem);color:#fff}.word-result__detail{max-width:44ch;margin:0;color:var(--arena-muted)}@media(max-width:900px){.game-tiles{grid-template-columns:1fr}.game-tile{min-height:360px}.game__layout{grid-template-columns:1fr}}@media(max-width:560px){.game__bar{grid-template-columns:1fr auto}.game__title{grid-column:1 / -1;grid-row:1}}@media(prefers-reduced-motion:reduce){.arena *,.arena *:before,.arena *:after{animation:none!important;transition:none!important}}