@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";*{box-sizing:border-box}body{background:var(--surface);color:var(--muted);margin:0;font-family:DM Sans,sans-serif;font-size:14px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:transform .15s,background .2s}button:active{transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.5}:is(button:focus-visible,a:focus-visible){outline:3px solid var(--green);outline-offset:4px}button{border:0}a{color:inherit;text-decoration:none}.shell{max-width:1440px;margin:auto;padding:0 64px}header{border-bottom:1px solid var(--surface-soft);align-items:center;gap:18px;height:96px;display:flex}.brand{font-family:var(--font-display);letter-spacing:-1px;align-items:center;gap:11px;font-size:23px;font-weight:700;display:flex}.brand-icon{background:var(--green);color:#fff;width:39px;height:39px;box-shadow:0 3px 0 var(--green);border-radius:12px;place-items:center;font-size:24px;display:grid;position:relative}.brand-icon span{font-size:14px;position:absolute;top:0;right:3px}.brand-light{font-weight:400}.brand-dot{color:var(--green)}nav{gap:12px;margin:auto;display:flex}nav button{color:var(--muted);background:0 0;border-radius:8px;align-items:center;gap:9px;padding:11px 16px;display:flex}nav .selected{background:var(--surface-soft);color:var(--green);font-weight:700}.sound{color:var(--muted);background:0 0}.profile{background:var(--surface-soft);width:36px;height:36px;color:var(--green);border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid}.eyebrow{letter-spacing:2px;color:var(--muted);align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.eyebrow>span:first-child{background:var(--green);border-radius:50%;width:6px;height:6px}.season{border-left:1px solid var(--line);color:var(--muted);margin-left:5px;padding-left:13px}.title-row{justify-content:space-between;align-items:center;margin-bottom:29px;display:flex}h1{font-family:var(--font-display);letter-spacing:-2px;margin:13px 0 11px;font-size:46px;line-height:1.15}.title-row p{color:var(--muted);margin:0;font-size:15px}.text-button{color:var(--muted);background:0 0;align-items:center;gap:15px;font-size:12px;display:flex}.arena-layout{grid-template-columns:minmax(0,1fr) 282px;align-items:start;gap:22px;display:grid}.panel{border:1px solid var(--surface-soft);box-shadow:0 5px 18px color-mix(in srgb,var(--green) 2%,transparent);background:#fff;border-radius:16px}.panel-top{border-bottom:1px solid var(--surface-soft);letter-spacing:1.6px;justify-content:space-between;align-items:center;padding:20px 24px;font-size:10px;font-weight:700;display:flex}.panel-top>span:first-child{color:var(--muted);align-items:center;gap:9px;display:flex}.tag{background:var(--surface-soft);color:var(--muted);letter-spacing:1px;border-radius:5px;padding:6px 9px;font-size:9px}.board{background:linear-gradient(180deg,var(--surface),var(--surface));justify-content:space-around;align-items:center;height:305px;padding:20px;display:flex;position:relative}.board-grid{background-image:radial-gradient(var(--surface-soft) 1px,transparent 1px);opacity:.5;background-size:20px 20px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000,#0000);mask-image:linear-gradient(#0000,#000,#0000)}.player{z-index:1;text-align:center;flex-direction:column;align-items:center;width:140px;display:flex}.player strong{overflow-wrap:anywhere;max-width:145px;margin-top:20px;font-size:13px}.player-label{letter-spacing:1.3px;color:var(--muted);margin-top:6px;font-size:8px}.avatar-pad{background:radial-gradient(ellipse at bottom,var(--surface-soft),transparent 70%);border-radius:50%;justify-content:center;align-items:center;width:112px;height:103px;display:flex;position:relative}.active-pad:after{content:"";border:2px dashed var(--green);border-radius:50%;animation:30s linear infinite rotate;position:absolute;inset:-9px}.coral-pad{background:radial-gradient(at bottom,#ffddd2,#0000 70%)}.hearts{color:var(--green);gap:5px;margin-top:13px;display:flex}.coral-hearts{color:#ed9b84}.mascot{background:#9a78dc;border-radius:28px 28px 23px 23px;width:78px;height:74px;margin-top:12px;animation:3s ease-in-out infinite bob;position:relative;box-shadow:inset -9px -8px #8864cd,0 10px 10px #6f468016}.mascot:before,.mascot:after{content:"";background:#9a78dc;border-radius:50%;width:17px;height:28px;position:absolute;top:32px}.mascot:before{left:-9px;transform:rotate(24deg)}.mascot:after{right:-9px;transform:rotate(-24deg)}.ears:before,.ears:after{content:"";background:var(--green);border-radius:9px;width:24px;height:32px;position:absolute;top:-13px;transform:rotate(-20deg)}.ears:before{left:4px}.ears:after{right:4px;transform:rotate(20deg)}.face{background:var(--line);z-index:2;border-radius:15px;width:47px;height:35px;position:absolute;top:21px;left:15px}.face i{background:var(--green);border-radius:5px;width:5px;height:10px;position:absolute;top:10px;left:10px}.face i:nth-child(2){left:32px}.face b{border-bottom:2px solid var(--green);border-radius:50%;width:7px;height:4px;position:absolute;top:22px;left:21px}.feet:before,.feet:after{content:"";background:var(--green);border-radius:6px;width:22px;height:15px;position:absolute;bottom:-7px;left:12px}.feet:after{left:45px}.coral{box-shadow:inset -9px -8px 0 #e3967d,0 10px 10px color-mix(in srgb,var(--green) 9%,transparent);background:#efab91;border-radius:25px;animation-delay:-1.5s}.coral:before,.coral:after,.coral .ears:before,.coral .ears:after{background:#efab91}.coral .face{background:#ffdbc3}.coral .feet:before,.coral .feet:after{background:#d99075}.coral .ears:before,.coral .ears:after{border-radius:50%;width:23px;height:28px;top:-10px}.center-stage{text-align:center;z-index:1;flex-direction:column;align-items:center;gap:10px;width:240px;display:flex;position:relative}.mini-label{letter-spacing:1.5px;color:var(--muted);font-size:8px;font-weight:700}.letter-tiles{gap:6px;display:flex}.letter-tiles span{border:1px solid var(--surface-soft);width:42px;height:49px;box-shadow:0 4px 0 var(--surface-soft);color:var(--green);font-family:var(--font-display);background:#fff;border-radius:8px;place-items:center;font-size:27px;font-weight:700;display:grid;transform:rotate(-7deg)}.letter-tiles span:nth-child(2){transform:translateY(-9px)rotate(4deg)}.letter-tiles span:nth-child(3){transform:rotate(-3deg)}.letter-tiles span:nth-child(4){transform:translateY(-5px)rotate(9deg)}.vs{font-family:var(--font-display);color:var(--line);margin:16px 0 7px;font-size:26px;font-style:italic;font-weight:700}.letter{color:var(--green);font-size:88px;font-weight:700;line-height:1.1;font-family:var(--font-display);animation:.2s ease-out pop}.timer{color:var(--muted);font-variant-numeric:tabular-nums;border:1px solid var(--surface-soft);background:#fff;border-radius:20px;justify-content:center;align-items:center;gap:6px;min-width:86px;padding:7px 14px;display:flex}.timer small{font-size:11px}.timer.urgent{color:#cc644f;background:#fff2ed}.center-stage p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.center-stage h2{margin:0;font-size:21px}.orbit{color:var(--green);padding:15px}.orbit svg,.spin{animation:2s linear infinite rotate}.result-symbol{color:var(--green);font-size:62px;line-height:1}.arena-bottom{border-top:1px solid var(--surface-soft);padding:22px 25px 18px}.start-form{align-items:stretch;gap:15px;display:flex}.name-field{border:1px solid var(--surface-soft);border-radius:9px;flex:1;min-width:0;padding:9px 13px}.name-field label{letter-spacing:1.3px;color:var(--muted);font-size:8px;font-weight:700;display:block}.name-field input{width:100%;color:var(--muted);background:0 0;border:0;outline:0;margin-top:5px;font-size:13px}.primary{background:var(--green);color:#fff;border:1px solid var(--green);box-shadow:0 3px 0 var(--green);border-radius:9px;justify-content:center;align-items:center;gap:12px;padding:15px 22px;font-size:13px;font-weight:600;display:flex}.primary:hover{background:var(--green)}.start-note{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-top:16px;font-size:9px;display:flex}.start-note span,.start-note button{align-items:center;gap:5px;display:flex}.start-note button{color:var(--muted);background:0 0;padding:0;font-size:10px}.side-title{letter-spacing:1.3px;color:var(--muted);justify-content:space-between;padding:21px 20px;font-size:9px;font-weight:700;display:flex}.side-title>span:first-child{align-items:center;gap:8px;display:flex}.side-title>span:last-child{background:var(--surface-soft);border-radius:4px;padding:2px 6px}.trail{flex-direction:column;height:278px;display:flex}.trail-empty{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.sample-word{font-size:16px;font-family:var(--font-display);color:var(--line);align-items:center;gap:2px;display:flex}.sample-word svg{color:var(--line);margin:0 9px}.sample-word span{color:var(--green)}.trail-empty p{text-align:center;color:var(--muted);font-size:11px;line-height:1.8}.trail-foot{border-top:1px solid var(--surface-soft);color:var(--muted);align-items:center;gap:6px;padding:13px 19px;font-size:9px;display:flex}.purple-dot,.coral-dot{background:var(--green);border-radius:50%;width:6px;height:6px}.coral-dot{background:#eda189;margin-left:13px}.tip{background:var(--surface-soft);border:1px solid var(--surface-soft);border-radius:13px;margin-top:19px;padding:23px 21px;position:relative}.tip>svg{color:var(--green);position:absolute;top:19px;right:20px}.tip .mini-label{color:var(--green);letter-spacing:1.2px;font-size:7px}.tip h3{font-size:16px;font-family:var(--font-display);letter-spacing:-.5px;margin:14px 0 9px}.tip p{color:var(--muted);margin:0;font-size:11px;line-height:1.8}.tip-example{color:var(--green);align-items:center;gap:2px;margin-top:14px;font-size:17px;display:flex}.tip-example span,.tip-example b{color:var(--green)}.tip-example svg{margin:0 9px}.rules-strip{grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0 38px;display:grid}.rules-strip>div{padding-left:43px;position:relative}.rules-strip span{color:var(--muted);background:var(--surface-soft);border-radius:7px;padding:8px;font-size:11px;position:absolute;top:0;left:0}.rules-strip b{color:var(--muted);font-size:11px;font-weight:500}.rules-strip p{color:var(--muted);margin:6px 0 0;font-size:10px}footer{border-top:1px solid var(--surface-soft);color:var(--muted);justify-content:space-between;padding:22px 0;font-size:9px;display:flex}footer>span:last-child{letter-spacing:1px;align-items:center;gap:10px;font-size:8px;display:flex}footer i{background:var(--line);border-radius:50%;width:3px;height:3px}.word-list{flex:1;padding:0 19px;overflow:auto}.word-list>div{border-bottom:1px solid var(--surface-soft);align-items:center;gap:10px;padding:9px 0;display:flex}.word-list b{overflow-wrap:anywhere;flex:1;font-size:13px;font-weight:500}.word-list em{color:var(--green);font-style:normal;font-weight:700}.word-list svg{color:#b5c4b5}.word-you,.word-them{letter-spacing:.7px;color:var(--green);min-width:29px;font-size:7px}.turn-meta{color:var(--muted);justify-content:space-between;margin-bottom:12px;font-size:10px;display:flex}.turn-meta span{align-items:center;gap:6px;display:flex}.turn-meta .your-turn{color:var(--green)}.status-dot{background:var(--green);border-radius:50%;width:5px;height:5px;animation:2s infinite pulse;display:inline-block}.word-form{gap:10px;display:flex}.word-form input{border:1px solid var(--surface-soft);min-width:0;color:var(--green);background:var(--surface);border-radius:9px;outline:0;flex:1;padding:15px}.word-form input::placeholder{color:var(--muted);font-size:12px}.turn-footer{color:var(--muted);justify-content:space-between;margin-top:13px;font-size:8px;display:flex}.turn-footer button{color:var(--muted);background:0 0;align-items:center;gap:5px;font-size:9px;display:flex}.error{color:#bb614f;margin:12px 0 0;font-size:12px}.queue-action{min-height:70px;color:var(--green);justify-content:space-between;align-items:center;font-size:12px;display:flex}.secondary{background:var(--surface-soft);color:var(--green);border-radius:7px;padding:12px 18px}.guide{padding:35px}.guide h2{font-size:30px;font-family:var(--font-display)}.guide-grid{grid-template-columns:1fr 1fr;gap:25px;margin:30px 0;display:grid}.guide-grid p{color:var(--muted);line-height:1.8}.modal-backdrop{background:color-mix(in srgb,var(--green) 44%,transparent);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:10;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{width:460px;padding:35px;position:relative}.close{color:var(--muted);background:0 0;position:absolute;top:17px;right:17px}.modal h2{font-family:var(--font-display);letter-spacing:-1px;font-size:30px}.modal p,.modal li{color:var(--muted);font-size:13px;line-height:1.9}.modal ol{padding-left:20px}.modal .fine{font-size:11px}.modal .primary{width:100%;margin-top:22px}@keyframes bob{50%{translate:0 -4px}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.35}}@keyframes pop{0%{opacity:.3;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (min-width:1500px){main{padding-top:55px}.board{height:350px}}@media (max-width:1100px){.shell{padding:0 30px}.arena-layout{grid-template-columns:minmax(0,1fr) 235px}.center-stage{width:190px}.letter-tiles span{width:34px;height:43px}.player{width:105px}.start-form .primary{padding:15px}.tip{padding:19px 16px}}@media (max-width:800px){.shell{padding:0 22px}header{height:78px}.brand{font-size:19px}nav{margin-left:auto;margin-right:0}nav button{padding:10px;font-size:0}nav button svg{width:19px}.sound{display:none}.arena-layout{grid-template-columns:1fr}aside{grid-template-columns:1fr 1fr;gap:15px;display:grid}.tip{margin-top:0}.trail{height:225px}h1{font-size:38px}.board{height:285px}.title-row{margin-bottom:23px}.rules-strip{gap:10px}.rules-strip>div{padding-top:37px;padding-left:0}.rules-strip span{top:0}.rules-strip b{font-size:10px}footer>span:last-child{gap:5px;font-size:6px}.guide-grid{grid-template-columns:1fr}}@media (max-width:450px){.shell{padding:0 14px}.brand{gap:8px;font-size:17px}.brand-icon{width:33px;height:33px}header{gap:9px}main{padding-top:26px}h1{letter-spacing:-1.4px;font-size:32px}.title-row p{font-size:12px}.text-button{gap:0;font-size:0}.board{height:260px;padding:12px}.player{width:85px}.avatar-pad{width:80px;height:85px}.mascot{animation:none;transform:scale(.8)}.player strong{font-size:11px}.player-label{font-size:6px}.center-stage{width:130px}.letter-tiles{gap:3px}.letter-tiles span{width:28px;height:35px;font-size:21px}.mini-label{letter-spacing:1px;font-size:6px}.arena-bottom{padding:18px 15px}.start-form{gap:9px}.start-form .primary{gap:6px;padding:12px;font-size:11px}.start-form .primary>svg:last-child{display:none}.start-note{font-size:7px}.start-note button{font-size:8px}.start-note span svg{display:none}.name-field{padding:9px}.tip h3{font-size:14px}.tip .mini-label{font-size:6px}.tip>svg{display:none}.side-title{padding:16px 13px}.trail-empty p{font-size:10px}.sample-word{font-size:13px}.sample-word svg{margin:0 3px}.center-stage h2{font-size:16px}.center-stage p{font-size:10px}.turn-meta{font-size:8px}.letter{font-size:70px}.modal{padding:27px}.profile{width:30px;height:30px;font-size:9px}footer{font-size:8px}}@media (prefers-reduced-motion:reduce){:where(html:not([data-motion=full])) *{transition:none!important;animation:none!important}}:where(html[data-motion=reduced]) *{transition:none!important;animation:none!important}.practice-options{align-items:center;gap:7px;display:flex}.practice-options label{color:var(--muted);font-size:9px}.practice-options select{font:inherit;color:var(--green);border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:6px;padding:5px;font-size:10px}.live-typing{background:var(--surface);border:1px solid var(--surface-soft);border-radius:9px;min-height:73px;margin-bottom:15px;padding:10px 13px}.live-typing>span{letter-spacing:1.2px;color:var(--muted);font-size:8px;display:block}.live-typing>div{flex-wrap:wrap;align-items:center;min-height:29px;margin-top:6px;display:flex}.live-typing b{font-family:var(--font-display);color:var(--green);white-space:pre;font-size:23px;line-height:1.2;animation:.12s ease-out pop}.live-typing small{color:var(--green);margin-left:6px;font-size:12px}.typing-rival{background:#fff8f4;border-color:#f1dfd6}.typing-rival b{color:#c88163}.typing-caret{background:var(--green);width:2px;height:23px;margin-left:3px;animation:1s infinite pulse}.typing-rival .typing-caret{background:#dbaa95}@media (max-width:600px){.start-note{flex-wrap:wrap;gap:12px}.practice-options{margin-left:auto}.practice-options label{font-size:8px}.practice-options select{font-size:11px}.live-typing b{font-size:20px}}.edit-avatar{border:1px solid var(--line);width:25px;height:25px;color:var(--green);z-index:4;background:#fff;border-radius:50%;position:absolute;bottom:0;right:-5px;box-shadow:0 2px 4px #0001}.avatar-preview{background:radial-gradient(ellipse,var(--surface-soft),transparent 65%);justify-content:center;align-items:center;height:155px;margin:20px 0;display:flex}.avatar-preview .mascot{animation:none;transform:scale(1.3)}.avatar-modal fieldset{border:0;margin:20px 0;padding:0}.avatar-modal legend{color:var(--muted);margin-bottom:10px;font-size:11px;font-weight:700}.swatches,.avatar-options{gap:9px;display:flex}.swatches button{color:#fff;outline-offset:3px;border-radius:50%;outline:2px solid #0000;place-items:center;width:35px;height:35px;display:grid}.swatches .chosen{outline-color:var(--green)}.avatar-options button{background:var(--surface-soft);color:var(--muted);text-transform:capitalize;border:1px solid #0000;border-radius:7px;flex:1;padding:10px 6px;font-size:11px}.avatar-options .chosen{color:var(--green);background:var(--surface-soft);border-color:var(--green)}.double-letter{letter-spacing:5px;font-size:64px}.prefix-badge{letter-spacing:1.4px;color:#b3843b;background:#fff2d9;border-radius:4px;padding:4px 7px;font-size:7px}.bomb-timer{width:77px;margin-top:10px;position:relative}.bomb-body{background:linear-gradient(140deg,var(--muted),var(--green));width:63px;height:59px;box-shadow:inset 5px 5px 0 #ffffff13,0 5px 10px color-mix(in srgb,var(--green) 13%,transparent);color:#fff;border-radius:50%;place-items:center;margin:auto;display:grid;position:relative}.bomb-body:before{content:"";background:var(--muted);border-radius:3px;width:17px;height:10px;position:absolute;top:-6px;right:10px;transform:rotate(28deg)}.bomb-body span{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:18px}.bomb-body small{color:var(--muted);margin-left:2px;font-size:9px}.bomb-fuse{border-top:3px solid #c79b63;border-left:3px solid #c79b63;border-radius:15px 0 0;width:25px;height:22px;position:absolute;top:-16px;right:0;transform:rotate(-25deg)}.bomb-fuse i{background:#ffc34f;border-radius:50%;width:8px;height:8px;animation:.25s infinite alternate spark;position:absolute;top:-7px;right:-4px;box-shadow:0 0 0 3px #ffb85330,0 0 12px #ffab42}.fuse-track{background:var(--surface-soft);border-radius:3px;height:3px;margin:9px 0 0;overflow:hidden}.fuse-track i{background:var(--green);height:100%;transition:width .1s linear;display:block}.bomb-danger .bomb-body{background:linear-gradient(140deg,#bd604c,#752e31);animation:.4s ease-in-out infinite alternate bomb-wobble}.bomb-danger .fuse-track i{background:#d77554}.round-label{letter-spacing:1px;color:var(--muted);font-size:7px}.explosion-overlay{z-index:8;pointer-events:none;background:#fff4d425;flex-direction:column;justify-content:center;align-items:center;animation:1.4s both blast-fade;display:flex;position:absolute;inset:0;overflow:hidden}.blast-cloud{color:#753622;font-family:var(--font-display);clip-path:polygon(0 35%,19% 29%,10% 0,37% 15%,51% 0,62% 20%,90% 5%,83% 31%,100% 45%,85% 62%,97% 93%,67% 81%,50% 100%,39% 80%,10% 94%,17% 66%,0 61%);z-index:2;background:#ffbd4b;padding:20px 38px;font-size:45px;font-weight:700;animation:.45s ease-out both blast-pop}.explosion-overlay strong{color:#ad653e;z-index:2;background:#fff8ed;border-radius:20px;margin-top:10px;padding:8px 15px;font-size:13px}.blast-rays{background:radial-gradient(circle,#ffe095bb,#0000 70%);border-radius:50%;width:280px;height:280px;animation:.5s ease-out blast-pop;position:absolute}.explosion-overlay>i{width:9px;height:9px;transform:rotate(var(--angle));background:#eaae51;border-radius:2px;animation:.9s ease-out both blast-particle;position:absolute;top:50%;left:50%}.center-stage:has(.bomb-timer){gap:6px}.center-stage:has(.bomb-timer)>.letter{font-size:68px;line-height:.95}.center-stage:has(.bomb-timer)>.double-letter{font-size:54px}@keyframes spark{to{background:#ffeeb7;transform:scale(1.5)}}@keyframes bomb-wobble{to{transform:rotate(2deg)}}@keyframes blast-pop{0%{opacity:0;transform:scale(.15)}65%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes blast-particle{0%{transform:rotate(var(--angle)) translateX(10px);opacity:1}to{transform:rotate(var(--angle)) translateX(190px);opacity:0}}@keyframes blast-fade{0%,80%{opacity:1}to{opacity:0}}@keyframes board-shake{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@media (prefers-reduced-motion:reduce){:where(html:not([data-motion=full])) .board-exploding,:where(html:not([data-motion=full])) .bomb-danger .bomb-body,:where(html:not([data-motion=full])) .explosion-overlay,:where(html:not([data-motion=full])) .blast-cloud,:where(html:not([data-motion=full])) .blast-rays,:where(html:not([data-motion=full])) .explosion-overlay>i,:where(html:not([data-motion=full])) .bomb-fuse i{animation:none!important}:where(html:not([data-motion=full])) .explosion-overlay>i{display:none}}:where(html[data-motion=reduced]) .board-exploding,:where(html[data-motion=reduced]) .bomb-danger .bomb-body,:where(html[data-motion=reduced]) .explosion-overlay,:where(html[data-motion=reduced]) .blast-cloud,:where(html[data-motion=reduced]) .blast-rays,:where(html[data-motion=reduced]) .explosion-overlay>i,:where(html[data-motion=reduced]) .bomb-fuse i{animation:none!important}:where(html[data-motion=reduced]) .explosion-overlay>i{display:none}@media (max-width:450px){.center-stage:has(.bomb-timer)>.letter{font-size:55px}.center-stage:has(.bomb-timer)>.double-letter{font-size:43px}.round-label{letter-spacing:.5px;font-size:6px}.bomb-body{width:53px;height:49px}.bomb-timer{width:65px}.swatches{gap:8px}.swatches button{width:31px;height:31px}}.bomb-timer{width:64px;margin-top:15px}.bomb-body{width:50px;height:47px}.bomb-body:before{width:14px;height:8px;top:-5px;right:8px}.bomb-body span{font-size:16px}.bomb-body small{font-size:8px}.animated-fuse{pointer-events:none;z-index:2;width:64px;height:32px;position:absolute;top:-24px;right:-7px;overflow:visible}.fuse-glow{opacity:.4;filter:blur(1.5px);transform-box:fill-box;transform-origin:50%;animation:.22s ease-in-out infinite alternate fuse-flicker}.fuse-flame{transform-box:fill-box;transform-origin:50%;animation:.15s ease-in-out infinite alternate fuse-flicker}.fuse-ember{--ember-x:7px;--ember-y:-15px;animation:.65s ease-out infinite ember-rise}.ember-two{--ember-x:-8px;--ember-y:-12px;animation-delay:-.22s}.ember-three{--ember-x:3px;--ember-y:-19px;animation-delay:-.44s}.bomb-danger .fuse-glow{fill:#ff783a}.fuse-track{margin-top:7px}@keyframes fuse-flicker{0%{opacity:.45;transform:scale(.75)}to{opacity:1;transform:scale(1.3)}}@keyframes ember-rise{0%{opacity:0;translate:0;scale:.4}25%{opacity:1}to{opacity:0;translate:5px -94px;scale:.2}}@media (max-width:450px){.bomb-timer{width:57px}.bomb-body{width:44px;height:41px}.bomb-body span{font-size:14px}.animated-fuse{width:57px;height:28.5px;top:-21px;right:-6px}}@media (prefers-reduced-motion:reduce){:where(html:not([data-motion=full])) .fuse-glow,:where(html:not([data-motion=full])) .fuse-flame,:where(html:not([data-motion=full])) .fuse-ember{animation:none!important}:where(html:not([data-motion=full])) .fuse-ember{display:none}:where(html:not([data-motion=full])) .fuse-glow{opacity:.4}}:where(html[data-motion=reduced]) .fuse-glow,:where(html[data-motion=reduced]) .fuse-flame,:where(html[data-motion=reduced]) .fuse-ember{animation:none!important}:where(html[data-motion=reduced]) .fuse-ember{display:none}:where(html[data-motion=reduced]) .fuse-glow{opacity:.4}.word-form input[readonly]{cursor:text}.sound{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.sound:hover{background:var(--surface-soft);color:var(--green)}@media (max-width:450px){header{gap:5px}.sound{width:25px}nav{gap:2px}nav button{padding:8px}}.music-toggle{position:relative}.music-on{color:var(--green)}.music-bars{align-items:flex-end;gap:2px;height:9px;display:flex;position:absolute;bottom:0;right:-2px}.music-bars i{background:var(--green);width:2px;height:7px;animation:.55s infinite alternate equalizer}.music-bars i:nth-child(2){animation-delay:-.25s}.music-bars i:nth-child(3){animation-delay:-.4s}.cinematic-blast{isolation:isolate;background:#35223430;animation:1.4s both cinematic-fade;display:block}.blast-origin{width:0;height:0;position:absolute;top:43%;left:23%}.blast-right .blast-origin{left:77%}.impact-flash{background:radial-gradient(#ffe9b6ba,#ff934325,#0000);animation:.5s ease-out both impact-light;position:absolute;inset:0}.fireball{mix-blend-mode:screen;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.fireball-outer{filter:blur(2px);background:radial-gradient(circle,#fff2c3 0 12%,#ffc24c 25%,#f97128 45%,#b7311640 65%,#0000 72%);width:175px;height:175px;animation:.85s cubic-bezier(.15,.8,.25,1) both fire-bloom}.fireball-core{background:radial-gradient(circle,#fff9db,#ffd87a 45%,#f28e2d00 72%);width:80px;height:80px;animation:.5s ease-out both fire-bloom}.shockwave{border:4px solid #ffd19a;border-radius:50%;width:110px;height:110px;animation:.85s ease-out both shock-expand;position:absolute;box-shadow:0 0 15px #ff8d38,inset 0 0 15px #ffbf68}.wave-two{border-width:2px;border-color:#ed9164;animation-duration:1s;animation-delay:.12s;box-shadow:0 0 7px #f3a268}.smoke-puff{width:75px;height:65px;animation:1.2s ease-out both smoke-roll;animation-delay:var(--delay);filter:blur(5px);background:radial-gradient(#6b4a5570,#a55f3135 55%,#0000 75%);border-radius:45%;position:absolute}.blast-debris{width:7px;height:7px;animation:1.15s cubic-bezier(.1,.6,.3,1) both debris-flight;animation-delay:var(--delay);background:#ffc568;border-radius:2px;position:absolute;box-shadow:0 0 8px #ff9b3e}.debris-1{background:#ffdf96;width:4px;height:15px}.debris-2{width:10px;height:5px;box-shadow:none;background:#a44926}.impact-caption{z-index:3;filter:drop-shadow(0 3px #743d3620);flex-direction:column;justify-content:center;align-items:center;animation:1.4s both caption-slam;display:flex;position:absolute;inset:0}.impact-caption>span{letter-spacing:5px;color:#8a402c;background:#ffe8ba;padding:5px 10px;font-size:9px;font-weight:800;transform:rotate(-4deg)}.impact-caption>b{font-family:var(--font-display);color:#fff0c9;text-shadow:3px 3px #a3452b,-2px -2px #c85d30,0 8px 24px #d96b4150;letter-spacing:-4px;font-size:68px;font-style:italic;font-weight:700;line-height:1.2;transform:rotate(-5deg)}.cinematic-blast .impact-caption>strong{color:#965536;background:#fff5e9eb;border-radius:20px;margin-top:9px;padding:7px 15px;font-size:12px}.board-exploding{animation:.4s both impact-shake}@keyframes equalizer{to{transform:scaleY(.2)}}@keyframes impact-light{0%{opacity:1}to{opacity:0}}@keyframes fire-bloom{0%{opacity:1;transform:translate(-50%,-50%)scale(.08)}35%{opacity:1;transform:translate(-50%,-50%)scale(1.45)}to{opacity:0;transform:translate(-50%,-50%)scale(1.85)}}@keyframes shock-expand{0%{opacity:1;transform:translate(-50%,-50%)scale(.1)}to{opacity:0;transform:translate(-50%,-50%)scale(5)}}@keyframes smoke-roll{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}20%{opacity:.8}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1.8);opacity:0}}@keyframes debris-flight{0%{opacity:1;transform:translate(0)rotate(0)}75%{opacity:.8}to{transform:translate(var(--dx),var(--dy)) rotate(var(--spin));opacity:0}}@keyframes caption-slam{0%{opacity:0;transform:scale(1.8)}12%{opacity:1;transform:scale(.93)}23%,75%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}@keyframes cinematic-fade{0%,78%{opacity:1}to{opacity:0}}@keyframes impact-shake{0%{transform:translate(0)}15%{transform:translate(-6px,3px)}30%{transform:translate(5px,-2px)}45%{transform:translate(-4px,1px)}60%{transform:translate(3px,-1px)}80%,to{transform:translate(0)}}@media (max-width:450px){.impact-caption>b{font-size:53px}.fireball-outer{width:130px;height:130px}.music-toggle{width:22px}header .brand{font-size:15px}header nav button{padding:6px}}@media (prefers-reduced-motion:reduce){:where(html:not([data-motion=full])) .cinematic-blast,:where(html:not([data-motion=full])) .impact-caption,:where(html:not([data-motion=full])) .board-exploding,:where(html:not([data-motion=full])) .music-bars i{animation:none!important}:where(html:not([data-motion=full])) .blast-origin,:where(html:not([data-motion=full])) .impact-flash{display:none}:where(html:not([data-motion=full])) .cinematic-blast{background:#fff0d966}:where(html:not([data-motion=full])) .impact-caption{opacity:1;transform:none}}:where(html[data-motion=reduced]) .cinematic-blast,:where(html[data-motion=reduced]) .impact-caption,:where(html[data-motion=reduced]) .board-exploding,:where(html[data-motion=reduced]) .music-bars i{animation:none!important}:where(html[data-motion=reduced]) .blast-origin,:where(html[data-motion=reduced]) .impact-flash{display:none}:where(html[data-motion=reduced]) .cinematic-blast{background:#fff0d966}:where(html[data-motion=reduced]) .impact-caption{opacity:1;transform:none}.rank-badge{--rank-color:#7a879c;color:var(--rank-color);background:color-mix(in srgb,var(--rank-color) 9%,white);border:1px solid color-mix(in srgb,var(--rank-color) 25%,white);white-space:nowrap;border-radius:7px;align-items:center;gap:6px;padding:5px 8px;font-size:11px;font-weight:750;display:inline-flex}.rank-badge b{font-variant-numeric:tabular-nums;color:inherit}.player>.rank-badge{margin:5px 0}.rank-card{margin-bottom:16px;padding:20px}.rank-card .side-title{margin-bottom:16px;padding:0}.rank-card button{color:var(--green);cursor:pointer;background:0 0;border:0;font-size:11px}.rank-card>.rank-badge{font-size:16px}.rank-progress{background:var(--surface-soft);border-radius:5px;height:5px;margin:15px 0 8px;overflow:hidden}.rank-progress i{background:var(--green);height:100%;transition:width .5s;display:block}.rank-card p,.rank-stats{color:var(--muted);font-size:11px}.rank-stats{justify-content:space-between;margin-top:16px;display:flex}.leaderboard-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.leaderboard h2{margin:12px 0;font-size:30px}.leaderboard p{color:var(--muted);font-size:13px;line-height:1.7}.ladder-tiers{grid-template-columns:repeat(8,1fr);gap:8px;margin:25px 0;display:grid}.ladder-tiers>div{border-top:3px solid var(--rank-color);background:var(--surface);border-radius:5px;padding:12px 8px}.ladder-tiers b{color:var(--rank-color);font-size:12px}.ladder-tiers small{color:var(--muted);margin-top:6px;font-size:10px;display:block}.your-standing{background:var(--surface);border-radius:10px;align-items:center;gap:20px;padding:16px;font-size:13px;display:flex}.your-standing>span:last-child{margin-left:auto}.leaderboard-scroll{margin:20px 0;overflow-x:auto}.leaderboard table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.leaderboard th{text-transform:uppercase;letter-spacing:1px;color:var(--muted);padding:14px;font-size:10px}.leaderboard td{border-top:1px solid var(--surface-soft);padding:14px}.standing-you{background:var(--surface)}.leaderboard td small{color:var(--green);margin-left:8px;font-size:9px}.ranking-empty{text-align:center;padding:40px 10px;font-weight:700}.rating-result{flex-direction:column;align-items:center;gap:6px;margin-top:10px;display:flex}.rating-result>b{font-size:17px}.rating-gain>b{color:#26916f}.rating-result small{color:var(--green);font-size:9px}.leaderboard .fine{margin-top:20px;font-size:11px}@media (max-width:760px){header{flex-wrap:wrap}header nav{flex-basis:100%;order:5;justify-content:center}.ladder-tiers{grid-template-columns:repeat(4,1fr)}.leaderboard{padding:18px}.leaderboard-heading{flex-direction:column;align-items:flex-start}.your-standing{gap:8px;font-size:11px}.player>.rank-badge{padding:4px;font-size:9px}.leaderboard td,.leaderboard th{padding:10px 6px}header{row-gap:8px;height:auto;min-height:92px;padding-top:12px;padding-bottom:8px}header nav{margin:0}header nav button{padding:8px 10px;font-size:11px}aside .rank-card{grid-column:1/-1;margin-bottom:0}.center-stage .rating-result{gap:3px;margin-top:2px}.center-stage .rating-result .rank-badge{font-size:10px}.center-stage:has(.rating-result){gap:5px}.center-stage:has(.rating-result) .result-symbol{font-size:35px}}.mode-picker button{background:var(--surface);border:1px solid var(--surface-soft);text-align:left;color:var(--muted);cursor:pointer;border-radius:10px;padding:13px}.mode-picker button.chosen{background:var(--surface-soft);border-color:var(--green);color:var(--green)}.mode-picker b,.mode-picker small{display:block}.mode-picker b{font-size:13px}.mode-picker small{margin-top:5px;font-size:10px}.profile-name label{color:var(--muted);margin-bottom:7px;font-size:12px;display:block}.profile-name input{border:1px solid var(--line);width:100%;font:inherit;border-radius:8px;padding:12px}.casual-result{color:var(--muted);font-size:10px}.avatar-modal{max-height:90dvh;overflow:auto}.word-power{background:var(--surface-soft);color:var(--green);border-radius:8px;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:12px;padding:9px 12px;font-size:10px;display:flex}.word-power span{color:var(--muted);font-size:9px}.reward-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.reward-grid button{border:1px solid var(--surface-soft);background:var(--surface);cursor:pointer;text-align:left;border-radius:12px;padding:12px}.reward-grid button.chosen{border-color:var(--green);background:var(--surface-soft)}.reward-grid span{color:var(--green);float:right;font-size:24px}.reward-grid b,.reward-grid small{display:block}.reward-grid b{font-size:12px}.reward-grid small{color:var(--muted);margin-top:7px;font-size:10px}.reward-locked{opacity:.6}.rank-rewards .fine{margin-bottom:12px}.rewards-link{margin-top:15px!important;font-size:12px!important}.reward-unlock{background:var(--surface-soft);border:1px solid var(--green);color:var(--green);cursor:pointer;border-radius:7px;padding:7px;font-size:10px}.elo-breakdown{line-height:1.6;font-size:9px!important}.center-stage:has(.elo-breakdown){gap:4px}.center-stage:has(.elo-breakdown) .result-symbol{font-size:30px}@keyframes reward-float{50%{translate:0 -6px}}@keyframes wing-drift{50%{translate:0 -5px}}@keyframes phoenix{50%{opacity:.6;scale:1.08}}@keyframes cosmic-spin{to{rotate:360deg}}@media (max-width:600px){.elo-breakdown{font-size:8px!important}.center-stage:has(.elo-breakdown) h2{font-size:17px}.center-stage:has(.elo-breakdown) p{font-size:10px}.reward-grid{gap:6px}}.player-link{color:var(--green);font:inherit;cursor:pointer;text-align:inherit;background:0 0;border:0;padding:0;font-weight:700}.player-link:hover{text-decoration:underline}.player-link:disabled{color:inherit;cursor:default;text-decoration:none}.player-link:focus-visible{outline:2px solid var(--green);outline-offset:4px}.history-list{flex-direction:column;margin:18px 0;display:flex}.history-row{border-bottom:1px solid var(--surface-soft);align-items:center;gap:14px;padding:16px 0;display:flex}.history-outcome{color:#c76678;background:#f9e7ea;border-radius:6px;padding:7px 9px;font-size:10px;font-weight:800}.history-outcome.won{color:#319976;background:#e3f4ed}.history-row>div{flex:1;min-width:0}.history-row small{color:var(--muted);overflow-wrap:anywhere;margin-top:6px;font-size:10px;display:block}.history-row>b{white-space:nowrap;color:var(--muted);font-size:12px}.history-row>b.history-gain{color:#359a78}.public-profile{width:min(620px,94vw);max-height:90dvh;overflow:auto}.public-profile h2{text-align:center;margin-bottom:12px}.public-profile>.rank-badge{width:max-content;margin:0 auto;display:flex}.public-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0;display:grid}.public-stats>div{text-align:center;background:var(--surface);border-radius:9px;padding:14px 5px}.public-stats b{color:var(--green);font-size:22px;display:block}.public-stats small{color:var(--muted);font-size:10px}.public-profile h3{margin-top:24px;font-size:14px}.public-rewards{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.public-rewards span{background:var(--surface-soft);color:var(--green);border-radius:6px;padding:7px 9px;font-size:10px}@media (max-width:1000px){header nav{gap:0}header nav button{padding:8px;font-size:11px}}@media (max-width:760px){header nav{flex-wrap:wrap}.history-row{gap:8px}.history-row .player-link{font-size:12px}.history-row>b{font-size:10px}.public-profile{padding:22px}}.alphabet-panel{margin-bottom:16px;padding:18px}.alphabet-panel .side-title{margin-bottom:10px;padding:0}.alphabet-panel>p{color:var(--muted);margin-bottom:14px;font-size:10px;line-height:1.6}.alphabet-player+.alphabet-player{margin-top:17px}.alphabet-heading{letter-spacing:1px;color:var(--green);justify-content:space-between;margin-bottom:8px;font-size:9px;display:flex}.alphabet-grid{grid-template-columns:repeat(13,1fr);gap:3px;display:grid}.alphabet-grid span{aspect-ratio:1;color:var(--muted);background:var(--surface);border-radius:3px;place-items:center;font-size:9px;display:grid}.alphabet-grid .collected{background:var(--surface-soft);color:var(--green);font-weight:800}.alphabet-earned{color:#319578;background:#e7f5ef;border-radius:5px;margin-top:9px;padding:7px;font-size:9px;animation:.7s ease-out bonus-heart}.alphabet-player:last-child .alphabet-grid .collected{color:#bb7767;background:#f8e3df}@keyframes bonus-heart{0%{opacity:.3;transform:scale(.9)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@media (max-width:760px){aside .alphabet-panel{grid-column:1/-1;margin-bottom:0}.alphabet-grid span{max-height:28px;font-size:11px}.alphabet-player{vertical-align:top;width:48%;display:inline-block}.alphabet-player+.alphabet-player{margin-top:0;margin-left:4%}}@media (prefers-reduced-motion:reduce){:where(html:not([data-motion=full])) .alphabet-earned{animation:none}}:where(html[data-motion=reduced]) .alphabet-earned{animation:none}.player-count-picker{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:15px;display:flex}.player-count-picker>span{color:var(--muted);margin-right:auto;font-size:10px}.player-count-picker button{border:1px solid var(--surface-soft);background:var(--surface);color:var(--muted);border-radius:8px;padding:9px 13px}.player-count-picker button.selected{background:var(--surface-soft);border-color:var(--green);color:var(--green);font-weight:700}.custom-room-actions{border-top:1px solid var(--surface-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding-top:18px;display:flex}.join-room{gap:8px;display:flex}.join-room input{border:1px solid var(--line);text-transform:uppercase;letter-spacing:2px;background:var(--surface);border-radius:8px;width:105px;padding:10px}.room-lobby{background:var(--surface);border-bottom:1px solid var(--surface-soft);padding:22px 24px}.room-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.room-heading>span{color:var(--muted);font-size:11px}.room-code{font-family:var(--font-display);letter-spacing:5px;color:var(--green);align-items:center;gap:18px;margin-top:7px;font-size:30px;display:flex}.room-code button{letter-spacing:0;font-family:DM Sans,sans-serif;font-size:10px}.room-seats{grid-template-columns:repeat(auto-fit,minmax(85px,1fr));gap:9px;margin:18px 0;display:grid}.room-seats>div{border:1px solid var(--surface-soft);background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:120px;padding:10px 6px;display:flex}.room-seats .player-link{overflow-wrap:anywhere;max-width:100%;font-size:11px}.room-seats small{letter-spacing:1px;color:var(--muted);text-align:center;font-size:8px}.room-seats .seat-empty{color:var(--line);background:0 0;border-style:dashed}.seat-empty b{font-size:25px;font-weight:400}.seat-avatar,.roster-avatar{justify-content:center;align-items:center;width:50px;height:50px;display:flex}.seat-avatar .mascot,.roster-avatar .mascot{flex-shrink:0;margin:0;animation:none;transform:scale(.45)}.room-controls{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.room-controls>span{color:var(--muted);flex:1;min-width:130px;font-size:10px}.room-controls button{padding:11px 14px;font-size:11px}.match-roster{background:var(--surface);border-top:1px solid var(--surface-soft);grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;padding:14px 20px;display:grid}.roster-player{border:1px solid var(--surface-soft);background:#fff;border-radius:10px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:8px 4px;display:flex}.roster-player .player-link{overflow-wrap:anywhere;max-width:100%;font-size:10px}.roster-player>span{color:var(--green);font-size:12px}.roster-player small{letter-spacing:.7px;color:var(--muted);font-size:7px}.roster-active{border-color:var(--green);box-shadow:0 0 0 2px var(--surface-soft)}.roster-out{opacity:.55;background:var(--surface)}.history-opponents{flex-wrap:wrap;gap:5px 12px;display:flex}.alphabet-compact{gap:2px!important}.alphabet-compact span{font-size:8px!important}.alphabet-player{overflow-wrap:anywhere}@media (max-width:600px){.room-lobby{padding:16px}.room-seats{grid-template-columns:repeat(3,minmax(0,1fr))}.room-controls>span{flex-basis:100%;margin-bottom:5px}.custom-room-actions{align-items:stretch}.join-room{flex:1}.join-room input{flex:1;min-width:80px}.match-roster{grid-template-columns:repeat(3,minmax(0,1fr));padding:10px}.player-count-picker button{padding:8px 10px}.room-code{gap:8px;font-size:26px}}.player-count-picker label{letter-spacing:1px;color:var(--muted);font-size:9px;font-weight:700}.player-count-picker select{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--green);border-radius:8px;padding:9px 30px 9px 12px;font-weight:600}.player-count-picker>span{margin-left:auto;margin-right:0;font-size:9px}.recovery-settings{border:1px solid var(--surface-soft);background:var(--surface);border-radius:12px;margin:16px 0;padding:15px}.recovery-settings summary{cursor:pointer;color:var(--green);font-size:12px;font-weight:600}.recovery-settings p{color:var(--muted);font-size:11px;line-height:1.7}.recovery-settings label{color:var(--muted);margin:14px 0 6px;font-size:10px;display:block}.recovery-settings input{border:1px solid var(--line);width:100%;color:var(--muted);font:inherit;background:#fff;border-radius:8px;padding:11px 12px}.recovery-settings button{margin-top:14px}.recovery-link{color:var(--green);margin-top:16px}.recovery-backdrop{z-index:200!important}body{background:radial-gradient(ellipse at 12% 0%,color-mix(in srgb,var(--surface-soft) 60%,transparent),transparent 48%),radial-gradient(ellipse at 92% 35%,#ffe7de55,transparent 42%),var(--surface);color:var(--green)}header{border-bottom-color:color-mix(in srgb,var(--line) 40%,transparent);height:88px}.brand-icon{background:linear-gradient(145deg,var(--green),var(--green));box-shadow:0 5px 12px color-mix(in srgb,var(--green) 17%,transparent),inset 0 1px 0 #fff6}header nav{border:1px solid var(--surface-soft);background:#fff8;border-radius:14px;gap:3px;padding:5px}nav button{border-radius:10px;padding:10px 14px}nav .selected{color:var(--green);box-shadow:0 3px 10px color-mix(in srgb,var(--green) 7%,transparent);background:#fff}.title-row{gap:24px;margin-bottom:30px}h1{letter-spacing:-2.8px;margin:15px 0 14px;font-size:clamp(36px,4.3vw,58px);line-height:1.08}h1 em{background:linear-gradient(110deg,var(--green),var(--green));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.title-row p{color:var(--muted);font-size:14px}.hero-actions{align-items:center;gap:22px;display:flex}.locker-button{background:var(--surface-soft);border:1px solid var(--line);color:var(--green);border-radius:12px;align-items:center;gap:9px;padding:12px 16px;font-size:12px;font-weight:700;display:flex}.locker-button:hover{background:var(--surface-soft);transform:translateY(-2px)}.panel{border-color:var(--surface-soft);box-shadow:0 12px 35px color-mix(in srgb,var(--green) 2%,transparent);border-radius:20px}.arena-layout{grid-template-columns:minmax(0,1fr) 282px;gap:24px}.panel-top{border-bottom-color:var(--surface-soft);background:#fffb;padding:19px 25px}.tag{background:var(--surface-soft);color:var(--green);border-radius:20px;padding:7px 11px;font-size:8px}.board{background:radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--surface-soft) 47%,transparent),transparent 62%),radial-gradient(ellipse at 18% 46%,color-mix(in srgb,var(--surface-soft) 53%,transparent),transparent 40%),radial-gradient(ellipse at 86% 45%,#fae3db99,transparent 40%),linear-gradient(var(--surface),var(--surface));border-bottom:1px solid var(--surface-soft);height:328px}.board:after{content:"";border:1px solid color-mix(in srgb,var(--line) 47%,transparent);pointer-events:none;height:52px;box-shadow:0 14px 35px color-mix(in srgb,var(--green) 5%,transparent);border-radius:50%;position:absolute;bottom:28px;left:18%;right:18%}.board-grid{opacity:.32;background-size:24px 24px}.avatar-pad{background:radial-gradient(ellipse at bottom,color-mix(in srgb,var(--line) 60%,transparent),transparent 72%)}.player strong{font-size:14px}.player-label{color:var(--muted);letter-spacing:1px}.letter{color:var(--green);text-shadow:0 5px 0 var(--surface-soft),0 15px 35px color-mix(in srgb,var(--green) 19%,transparent)}.letter-tiles span{box-shadow:0 6px 0 var(--surface-soft),0 12px 20px color-mix(in srgb,var(--green) 10%,transparent);border-radius:11px}.active-pad:after{border-color:var(--green);box-shadow:0 0 24px color-mix(in srgb,var(--line) 27%,transparent)}.arena-bottom{background:#fff;border-top:0;padding:22px 25px 20px}.primary{background:linear-gradient(135deg,var(--green),var(--green));border:1px solid var(--green);box-shadow:0 4px 0 var(--green),0 7px 18px color-mix(in srgb,var(--green) 10%,transparent);border-radius:11px;transition:transform .18s,box-shadow .18s}.primary:hover:not(:disabled){background:linear-gradient(135deg,var(--green),var(--green));box-shadow:0 5px 0 var(--green),0 12px 22px color-mix(in srgb,var(--green) 17%,transparent);transform:translateY(-2px)}.primary:active:not(:disabled){box-shadow:0 1px 0 var(--green);transform:translateY(2px)}.secondary{border-radius:10px}.play-tabs,.profile-tabs{background:var(--surface-soft);border:1px solid var(--surface-soft);border-radius:12px;gap:5px;padding:5px;display:flex}.play-tabs button,.profile-tabs button{color:var(--muted);background:0 0;border-radius:8px;flex:1;padding:10px 8px;font-size:11px;font-weight:600}.play-tabs .chosen,.profile-tabs .chosen{color:var(--green);box-shadow:0 2px 8px color-mix(in srgb,var(--green) 5%,transparent);background:#fff}.match-setup{padding-top:22px}.setup-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.setup-heading h3{font-family:var(--font-display);letter-spacing:-.5px;margin:7px 0 0;font-size:19px;font-weight:600}.setup-heading .mini-label{letter-spacing:1.5px;font-size:7px}.player-count-picker{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;margin:0}.player-count-picker label{letter-spacing:1px;color:var(--muted);font-size:7px}.player-count-picker select{background:var(--surface);border-color:var(--surface-soft);border-radius:8px;padding:8px 23px 8px 10px;font-size:11px}.mode-picker{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;display:grid}.mode-picker button{background:var(--surface);border:1px solid var(--surface-soft);text-align:left;border-radius:12px;padding:13px 16px}.mode-picker button b{color:var(--muted);font-size:12px}.mode-picker button small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.mode-picker .chosen{background:linear-gradient(120deg,var(--surface-soft),var(--surface));border-color:var(--green);box-shadow:inset 3px 0 0 var(--green)}.mode-picker .chosen b,.mode-picker .chosen small{color:var(--green)}.start-form{gap:12px}.name-field{border-color:var(--surface-soft);background:#fff;border-radius:10px;padding:11px 13px}.name-field label{font-size:7px}.name-field input{font-size:13px}.start-form>.primary{min-width:176px;padding:13px 18px;font-size:12px}.setup-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-top:18px;font-size:9px;display:flex}.setup-footer>span{align-items:center;gap:5px;display:flex}.setup-footer button{color:var(--green);background:0 0;padding:0;font-size:9px}.friend-options{border-top:1px solid var(--surface-soft);grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;padding-top:18px;display:grid}.friend-options>div+div{border-left:1px solid var(--surface-soft);padding-left:20px}.friend-options b,.friend-options label{color:var(--muted);font-size:12px;font-weight:600}.friend-options p{color:var(--muted);margin:7px 0 14px;font-size:10px;line-height:1.6}.friend-options .primary,.friend-options .secondary{padding:11px 13px;font-size:11px}.join-room input{width:85px;min-width:0;font-size:13px}.difficulty-cards{gap:10px;margin-top:18px;display:flex}.difficulty-cards button{border:1px solid var(--surface-soft);background:var(--surface);border-radius:10px;flex:1;padding:13px 8px}.difficulty-cards b{text-transform:capitalize;color:var(--muted);font-size:12px;display:block}.difficulty-cards small{color:var(--muted);margin-top:5px;font-size:9px;display:block}.difficulty-cards .chosen{border-color:var(--green);background:var(--surface-soft)}.rank-card{background:linear-gradient(145deg,#fff,var(--surface));overflow:hidden}.rank-card .rank-badge{font-size:12px}.rank-progress{background:var(--surface-soft);border-radius:9px;height:5px;overflow:hidden}.rank-progress i{background:linear-gradient(90deg,var(--green),var(--line));box-shadow:0 0 10px var(--green)}.rewards-link{border-radius:9px;justify-content:center;align-items:center;gap:8px;display:flex;color:var(--green)!important;background:var(--surface-soft)!important;padding:12px!important;font-size:10px!important}.next-reward-card{text-align:left;background:linear-gradient(130deg,var(--green),var(--green));border:1px solid var(--green);width:100%;color:var(--surface-soft);box-shadow:0 9px 22px color-mix(in srgb,var(--green) 9%,transparent);border-radius:18px;margin:17px 0;padding:19px;display:block;position:relative;overflow:hidden}.next-reward-card:after{content:"";border:1px solid color-mix(in srgb,var(--line) 13%,transparent);width:130px;height:130px;box-shadow:0 0 0 24px color-mix(in srgb,var(--green) 4%,transparent),0 0 0 49px color-mix(in srgb,var(--green) 2%,transparent);border-radius:50%;position:absolute;top:-45px;right:-34px}.next-reward-card .mini-label{color:var(--green);font-size:7px}.next-reward-card>div{align-items:center;gap:12px;margin:15px 0;display:flex}.teaser-emblem{border:1px solid color-mix(in srgb,var(--line) 27%,transparent);background:color-mix(in srgb,var(--line) 10%,transparent);width:44px;height:44px;color:var(--line);text-shadow:0 0 16px var(--line);border-radius:12px;place-items:center;font-size:26px;display:grid}.next-reward-card b{color:var(--surface-soft);font-size:12px;display:block}.next-reward-card small{color:var(--green);margin-top:5px;font-size:9px;display:block}.next-reward-card svg{color:var(--line);margin-left:auto}.teaser-foot{color:var(--green);font-size:9px}.next-reward-card:hover{box-shadow:0 14px 25px color-mix(in srgb,var(--green) 15%,transparent);transform:translateY(-3px)}.trail{margin-top:17px}.tip{background:var(--surface-soft);border-color:var(--surface-soft);border-radius:17px}.leaderboard{padding:30px}.leaderboard h2,.guide h2{font-family:var(--font-display);letter-spacing:-1px;font-size:32px}.leaderboard table th{letter-spacing:1px;color:var(--muted);font-size:9px}.leaderboard tbody tr{transition:background .2s}.leaderboard tbody tr:hover{background:var(--surface)}.leaderboard tbody tr:first-child td:first-child{color:#be943e;font-weight:800}.ladder-tiers>div{background:linear-gradient(145deg,#fff,var(--surface));border-radius:11px}.your-standing{background:var(--surface-soft);border-radius:12px}.history-row{padding:19px 5px}.history-outcome{border-radius:8px}.modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb,var(--green) 40%,transparent)}.modal{border-color:var(--surface-soft);box-shadow:0 28px 90px color-mix(in srgb,var(--green) 27%,transparent);border-radius:24px}.avatar-modal{width:min(650px,94vw);max-height:92dvh;padding:28px}.avatar-modal h2{font-family:var(--font-display);letter-spacing:-1px;margin:8px 0 20px;font-size:29px}.profile-tabs{margin-bottom:20px}.look-showcase{isolation:isolate;background:radial-gradient(ellipse at 50% 80%,var(--surface-soft),transparent 64%),var(--surface);border-radius:17px;justify-content:center;align-items:center;height:190px;margin-bottom:20px;display:flex;position:relative;overflow:hidden}.look-showcase>.mascot{margin-top:-15px;transform:scale(1.25)}.look-showcase>span{letter-spacing:2px;color:var(--green);font-size:7px;position:absolute;bottom:16px}.reward-showcase{isolation:isolate;background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--reward-color),transparent 73%),transparent 58%),linear-gradient(140deg,var(--green),var(--green));text-align:center;color:#fff;border:1px solid color-mix(in srgb,var(--green) 20%,transparent);border-radius:18px;min-height:290px;padding:20px;position:relative;overflow:hidden}.vault-tier{letter-spacing:3px;color:var(--reward-color);filter:brightness(1.5);font-size:8px;font-weight:700}.reward-podium{justify-content:center;align-items:center;max-width:260px;height:150px;margin:5px auto 8px;display:flex;position:relative}.reward-podium>.mascot{filter:drop-shadow(0 14px 15px #0004);transform:scale(1.22)}.reward-caption h3{font-family:var(--font-display);letter-spacing:-.6px;color:var(--surface-soft);margin:9px 0 7px;font-size:24px}.reward-caption p{color:var(--green);margin:0 0 14px;font-size:10px}.reward-status{border:1px solid color-mix(in srgb,var(--line) 16%,transparent);letter-spacing:1.3px;color:var(--line);background:color-mix(in srgb,var(--green) 4%,transparent);border-radius:30px;padding:6px 10px;font-size:7px;display:inline-block}.vault-action{justify-content:space-between;align-items:center;gap:12px;padding:18px 0;display:flex}.vault-action b{color:var(--green);font-size:12px;display:block}.vault-action small{color:var(--muted);margin-top:5px;font-size:9px;display:block}.vault-action .primary{padding:10px 16px;font-size:11px}.reward-grid.vault-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.vault-grid button{border:1px solid var(--surface-soft);background:var(--surface);opacity:1;border-radius:12px;flex-direction:column;align-items:center;padding:14px 5px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative}.vault-grid .reward-emblem{width:43px;height:43px;color:var(--reward-color);text-shadow:0 2px 12px color-mix(in srgb,var(--reward-color),transparent 60%);place-items:center;margin-bottom:6px;font-size:27px;display:grid}.vault-grid b{color:var(--muted);font-size:10px}.vault-grid .reward-locked:after{content:"◇";color:var(--muted);font-size:10px;position:absolute;top:7px;right:8px}.avatar-modal>.primary{width:100%;margin-top:16px}.avatar-modal>.fine{font-size:10px;line-height:1.6}.rank-badge{border-radius:7px}.rank-rewards{margin:0}.public-profile .avatar-preview{background:radial-gradient(ellipse,var(--surface-soft),transparent 65%)}.showcase-void{background:radial-gradient(at 50% 40%,#8a4ec747,#0000 60%),linear-gradient(140deg,#271334,#120d22)}.showcase-flame{background:radial-gradient(at 50% 42%,#d4843b33,#0000 60%),linear-gradient(140deg,#302039,#1a1021)}@keyframes medal-glint{0%,70%,to{opacity:.6;filter:brightness()}80%{opacity:1;filter:brightness(1.5)}}@keyframes visor-sweep{0%,55%{translate:-15px}90%,to{translate:110px}}@keyframes halo-tilt{50%{transform:rotate(10deg)scaleX(1.1)}}@keyframes halo-satellite{to{offset-distance:100%}}@keyframes crystal-light{50%{opacity:.8}}@keyframes crystal-shine{0%,35%{background-position:100% 0}90%,to{background-position:-100% 0}}@keyframes wing-open{0%,to{transform:rotate(5deg)}50%{transform:rotate(-9deg)translate(-2px,-3px)}}@keyframes wing-open-right{0%,to{transform:scaleX(-1)rotate(5deg)}50%{transform:scaleX(-1)rotate(-9deg)translate(2px,-3px)}}@media (min-width:1500px){.shell{padding:0 64px}}@media (max-width:1100px){.shell{padding:0 28px}.hero-actions{flex-direction:column;align-items:flex-end;gap:14px}.arena-layout{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.friend-options{gap:12px}.friend-options>div+div{padding-left:12px}.friend-options .join-room{flex-wrap:wrap}.friend-options .join-room input{flex:1}.setup-heading h3{font-size:17px}header{gap:10px}.brand{font-size:20px}}@media (max-width:850px){.arena-layout{grid-template-columns:1fr}.hero-actions{flex-direction:row;align-items:center}aside{grid-template-columns:1fr 1fr;gap:16px;display:grid}aside .rank-card,aside .next-reward-card,aside .trail,aside .tip{margin:0}aside .alphabet-panel{grid-column:1/-1}.trail{height:250px}header{flex-wrap:wrap;height:auto;min-height:90px;padding:15px 0}header nav{order:3;justify-content:center;width:100%;margin:0}.profile{margin-left:0}.brand{margin-right:auto}.setup-heading h3{font-size:20px}.friend-options .join-room{flex-wrap:nowrap}}@media (max-width:600px){.shell{padding:0 16px}main{padding-top:25px}.title-row{align-items:flex-start;gap:12px;margin-bottom:23px}h1{letter-spacing:-2px;font-size:37px}.title-row p{max-width:220px;font-size:11px;line-height:1.7}.hero-actions{flex-direction:column;align-items:flex-end;gap:12px;padding-top:17px}.locker-button{gap:0;padding:11px;font-size:0}.locker-button svg{width:19px;height:19px}.hero-actions .text-button{white-space:nowrap;gap:5px;font-size:9px}.hero-actions .text-button svg{width:12px}.arena-bottom{padding:17px}.setup-heading{gap:8px}.setup-heading h3{font-size:17px}.setup-heading .mini-label{font-size:6px}.player-count-picker select{font-size:10px}.mode-picker button{padding:12px}.start-form{flex-wrap:wrap}.start-form>.name-field{flex-basis:100%}.start-form>.primary{width:100%;min-height:46px}.friend-options{grid-template-columns:1fr;gap:16px}.friend-options>div+div{border-left:0;border-top:1px solid var(--surface-soft);padding:16px 0 0}.friend-options>div{grid-template-columns:1fr auto;align-items:center;gap:0 10px;display:grid}.friend-options b,.friend-options label{grid-column:1}.friend-options p{grid-column:1;margin-bottom:0;font-size:9px}.friend-options .primary,.friend-options .join-room{grid-area:1/2/3}.friend-options .join-room{flex-wrap:wrap;max-width:140px}.friend-options .join-room input{flex:1;width:65px}.friend-options .secondary{padding:10px}.friend-options .primary{padding:10px;font-size:10px}.friend-options .primary svg{display:none}.avatar-modal{width:95vw;padding:22px 18px}.reward-showcase{min-height:280px;padding:18px 10px}.reward-grid.vault-grid{gap:6px}.vault-grid button{padding:10px 3px}.vault-grid b{font-size:9px}.vault-grid small{font-size:7px}.vault-action small{font-size:8px}.vault-action .primary{padding:10px 12px}.board{height:295px;padding:12px 5px}.player{width:100px}.player strong{font-size:12px}.panel-top{letter-spacing:1px;padding:16px;font-size:8px}.tag{font-size:7px}.next-reward-card{padding:15px}.next-reward-card>div{gap:8px}.next-reward-card b{font-size:10px}.next-reward-card small{font-size:8px}.teaser-emblem{flex-shrink:0;width:32px;height:36px;font-size:22px}.next-reward-card svg{display:none}.leaderboard{padding:20px}.leaderboard h2,.guide h2{font-size:26px}.board:after{left:12%;right:12%}.setup-footer,.setup-footer button{font-size:8px}}@media (max-width:380px){aside{grid-template-columns:1fr}.friend-options>div{display:block}.friend-options p{margin-bottom:12px}.friend-options .join-room{max-width:none}.hero-actions .text-button{display:none}}@media (prefers-reduced-motion:reduce){:where(html:not([data-motion=full])) *,:where(html:not([data-motion=full])) :before,:where(html:not([data-motion=full])) :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:where(html[data-motion=reduced]) *,:where(html[data-motion=reduced]) :before,:where(html[data-motion=reduced]) :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@keyframes storm-drift{0%,to{opacity:.65;translate:0 2px}50%{opacity:1;translate:0 -5px}}@keyframes storm-field{0%,to{opacity:.55;scale:.97}50%{opacity:1;scale:1.04}}html{-webkit-text-size-adjust:100%;min-width:320px;scroll-padding-bottom:24px}.arena-layout>*{min-width:0}.modal{overscroll-behavior:contain;max-width:100%;max-height:calc(100dvh - 40px);overflow-y:auto}.leaderboard-scroll{overscroll-behavior-x:contain;max-width:100%}.history-opponents .player-link{overflow-wrap:anywhere}.modal .close{z-index:8}.room-code{flex-wrap:wrap}@media (pointer:coarse){button,.text-button,summary{min-height:44px}header .sound,header .profile,.edit-avatar,.close{min-width:44px;min-height:44px}.swatches button{width:44px;height:44px}.player-link{min-height:36px}.player .player-link{min-height:28px}.setup-footer button{padding:8px 0}.room-code button{padding:8px 10px}.word-form input{min-height:48px}}@media (max-width:850px){.shell{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:env(safe-area-inset-bottom)}input,select,textarea,.name-field input,.player-count-picker select,.join-room input,.recovery-settings input,.profile-name input{font-size:16px!important}.modal-backdrop{top:var(--viewport-top,0px);height:var(--usable-height,100dvh);padding:12px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));bottom:auto}.modal,.avatar-modal,.public-profile{overscroll-behavior:contain;width:min(650px,100%);max-height:100%}.modal .close{place-items:center;width:44px;height:44px;display:grid;top:9px;right:9px}.modal h2{padding-right:24px}.modal .primary,.profile-tabs button,.play-tabs button{min-height:44px}.friend-options .join-room{flex-wrap:wrap}.friend-options .join-room input,.friend-options .secondary{min-height:44px}.alphabet-player,.alphabet-player+.alphabet-player{width:100%;margin-top:14px;margin-left:0;display:block}.alphabet-grid span{min-height:22px;max-height:none}.alphabet-heading{gap:8px;line-height:1.5}.alphabet-heading b{overflow-wrap:anywhere}.room-controls button{min-height:44px}.public-stats{gap:6px}.public-stats b{font-size:20px}.public-stats small{font-size:10px}.queue-action{flex-wrap:wrap;gap:12px}.queue-action button{min-height:44px}.turn-footer button{min-height:44px;padding:8px 4px}.turn-meta{flex-wrap:wrap;gap:10px;line-height:1.5}.turn-meta span{overflow-wrap:anywhere;min-width:0}.room-seats{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.room-heading{flex-wrap:wrap}.history-row{align-items:flex-start}.history-row>b{padding-top:7px}.rank-stats{flex-wrap:wrap;gap:6px}}@media (max-width:600px){header{gap:6px}.brand{gap:8px;font-size:20px}.brand-icon{width:33px;height:33px;font-size:21px}header .sound{padding:8px}header .profile{font-size:11px}header nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:4px;display:grid}header nav button{justify-content:center;gap:4px;min-width:0;min-height:44px;padding:10px 3px;font-size:10px}header nav button svg{flex-shrink:0;width:13px}.board{grid-template-columns:minmax(0,1fr) minmax(100px,1.25fr) minmax(0,1fr);align-items:center;gap:3px;height:auto;min-height:300px;padding:26px 8px;display:grid}.board .player{width:100%;min-width:0}.board .center-stage{gap:8px;width:100%;min-width:0}.board .avatar-pad{width:78px;height:85px}.board .mascot{transform:scale(.78)}.board .player strong{max-width:100%;margin-top:14px;font-size:11px;line-height:1.35}.board .player-label{letter-spacing:.5px;font-size:7px;line-height:1.5}.board .rank-badge{flex-wrap:wrap;justify-content:center;gap:3px;max-width:100%;padding:4px 5px;font-size:8px}.board .hearts{gap:3px;margin-top:9px}.board .hearts svg{width:15px}.board .letter{font-size:64px}.board .double-letter{letter-spacing:2px;font-size:45px}.board .mini-label{letter-spacing:.8px;overflow-wrap:anywhere;font-size:7px}.board .letter-tiles{gap:3px}.board .letter-tiles span{border-radius:6px;width:24px;height:31px;font-size:18px}.board .vs{margin:12px 0 4px;font-size:23px}.board .center-stage h2{font-size:17px}.board .center-stage p{font-size:10px}.board .round-label{font-size:7px;line-height:1.5}.board .rating-result{max-width:100%;padding:8px 5px}.board .rating-result>b{font-size:16px}.board .elo-breakdown{font-size:8px;line-height:1.5}.board .reward-unlock{white-space:normal;padding:8px 5px;font-size:9px}.word-form{gap:8px}.word-form .primary{gap:5px;min-width:76px;padding:12px;font-size:12px}.word-form .primary svg{width:15px}.word-form input{padding:13px 10px;scroll-margin:18px;font-size:16px}.word-form input::placeholder{font-size:11px}.setup-heading{align-items:flex-start}.setup-heading h3{font-size:16px}.player-count-picker select{max-width:135px}.setup-footer{flex-wrap:wrap;align-items:center}.friend-options>div{display:block}.friend-options p{margin-bottom:12px}.friend-options .join-room{flex-wrap:nowrap;max-width:none}.friend-options .join-room input{flex:1;width:0;min-width:80px}.friend-options .primary{width:100%;min-height:44px}.friend-options .primary svg{display:block}.difficulty-cards button{min-height:64px}.match-roster{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.roster-player .player-link{min-height:36px;font-size:11px}.room-seats .player-link{min-height:36px}.leaderboard table{min-width:440px}.history-row{grid-template-columns:auto minmax(0,1fr);gap:8px 10px;display:grid}.history-row>b{grid-column:2;padding-top:0}.history-row small{font-size:10px;line-height:1.5}.public-profile .history-row{padding:13px 0}.vault-action{flex-wrap:wrap}.vault-grid button{min-height:90px}.vault-grid b{font-size:10px}.vault-grid small{font-size:9px}.rules-strip{grid-template-columns:1fr;gap:16px;margin:24px 0}.rules-strip>div{min-height:34px;padding:0 0 0 43px}.rules-strip p{font-size:11px;line-height:1.6}.rules-strip b{font-size:12px}footer{flex-wrap:wrap;gap:12px}.guide-grid{grid-template-columns:1fr}}@media (max-width:380px){.brand{font-size:17px}.brand-icon{width:29px;height:29px}.shell{padding-left:12px;padding-right:12px}header .sound,header .profile{min-width:40px}header nav button{font-size:9px}.board .avatar-pad{width:65px}.board .mascot{transform:scale(.68)}.board .rank-badge{font-size:7px}.board{grid-template-columns:minmax(0,1fr) 105px minmax(0,1fr);padding-inline:5px}.setup-heading h3{font-size:14px}.setup-heading .mini-label{letter-spacing:.5px}.player-count-picker select{max-width:125px}.reward-grid.vault-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-height:500px) and (orientation:landscape){.modal-backdrop{padding:8px}.modal{max-height:100%;padding:20px}.reward-showcase{min-height:240px}.reward-podium{height:110px}.board{height:auto;min-height:260px;padding-block:18px}.title-row{margin-bottom:18px}main{padding-top:20px}}.full-leaderboard{border:1px solid var(--surface-soft);background:#fff;border-radius:16px;margin:24px 0;overflow:hidden}.ladder-toolbar{background:linear-gradient(120deg,var(--surface-soft),var(--surface));justify-content:space-between;align-items:center;gap:18px;padding:20px;display:flex}.ladder-toolbar>div:first-child{flex-wrap:wrap;align-items:baseline;gap:8px 12px;display:flex}.ladder-toolbar .mini-label{flex-basis:100%;font-size:8px}.ladder-toolbar strong{font-family:var(--font-display);letter-spacing:-1px;color:var(--green);font-size:28px}.ladder-toolbar small{color:var(--muted);font-size:10px}.ladder-tools{align-items:center;gap:14px;display:flex}.ladder-tools .secondary{padding:11px 14px;font-size:11px}.ladder-tools .text-button{padding:5px;font-size:10px}.ladder-columns,.ladder-row{grid-template-columns:90px minmax(0,1fr) 130px 100px;align-items:center;gap:12px;padding:0 20px;display:grid}.ladder-columns{height:42px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--surface-soft);font-size:9px}.ladder-window{position:relative}.ladder-scroll{overscroll-behavior:contain;scrollbar-color:var(--line) var(--surface);scrollbar-width:thin;overflow-anchor:none;height:clamp(280px,58dvh,560px);overflow:hidden auto}.ladder-scroll:focus-visible{outline:2px solid var(--green);outline-offset:-2px}.ladder-row{border-bottom:1px solid var(--surface-soft);background:#fff;height:72px;font-size:12px}.ladder-row:hover{background:var(--surface)}.ladder-position{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.ladder-player{align-items:center;gap:9px;min-width:0;display:flex}.ladder-player .player-link{white-space:nowrap;text-overflow:ellipsis;text-align:left;min-width:0;overflow:hidden}.ladder-player>small{letter-spacing:.7px;color:var(--green);white-space:nowrap;font-size:7px}.ladder-rating{flex-direction:column;gap:5px;display:flex}.ladder-rating b{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.ladder-rating small{color:var(--rank-color);font-size:9px}.ladder-record{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.ladder-record small{color:var(--muted);margin-left:2px;font-size:8px}.ladder-row.ladder-you{background:var(--surface-soft);border-left:3px solid var(--green);padding-left:17px}.ladder-you .ladder-position{color:var(--green);font-weight:800}.ladder-pinned{z-index:3;box-shadow:0 0 20px color-mix(in srgb,var(--green) 12%,transparent);position:absolute;left:0;right:0}.pin-above{border-bottom:1px solid var(--line);top:0}.pin-below{border-top:1px solid var(--line);bottom:0}.ladder-pinned .ladder-row{padding-right:44px}.pin-jump{width:30px;min-height:40px;color:var(--green);background:0 0;font-size:20px;position:absolute;top:16px;right:4px}.ladder-footer{min-height:42px;color:var(--muted);background:var(--surface);border-top:1px solid var(--surface-soft);justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;font-size:9px;display:flex}.ladder-placeholder{color:var(--muted);grid-column:2/-1;font-size:11px}@media (max-width:650px){.ladder-toolbar{flex-wrap:wrap;gap:12px;padding:16px}.ladder-tools{justify-content:space-between;gap:8px;width:100%}.ladder-toolbar strong{font-size:26px}.ladder-columns,.ladder-row{grid-template-columns:64px minmax(0,1fr) 67px 54px;gap:7px;padding:0 10px}.ladder-columns{letter-spacing:.3px;font-size:8px}.ladder-position{font-size:10px}.ladder-player{flex-direction:column;justify-content:center;align-items:flex-start;gap:0}.ladder-player .player-link{max-width:100%;min-height:28px;font-size:11px}.ladder-player>small{font-size:6px}.ladder-record{font-size:9px}.ladder-record small{display:none}.ladder-rating b{font-size:12px}.ladder-rating small{font-size:8px}.ladder-row.ladder-you{padding-left:7px}.ladder-pinned .ladder-row{padding-right:10px}.pin-jump{display:none}.ladder-scroll{height:clamp(280px,55dvh,480px)}.ladder-footer{padding:12px 10px}.ladder-toolbar small{font-size:10px}}@media (max-width:380px){.ladder-columns,.ladder-row{grid-template-columns:54px minmax(0,1fr) 60px 42px;gap:4px;padding-right:7px}.full-leaderboard{margin-left:-8px;margin-right:-8px}.ladder-player .player-link{font-size:10px}}.motion-control{background:var(--surface);border:1px solid var(--surface-soft);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin:0 0 16px;padding:12px;display:flex}.motion-control label{color:var(--muted);font-size:11px;line-height:1.5}.motion-control select{border:1px solid var(--line);color:var(--green);font:inherit;background:#fff;border-radius:8px;max-width:180px;min-height:44px;padding:9px;font-size:12px}@media (max-width:600px){.motion-control{flex-wrap:wrap}.motion-control select{font-size:16px}}.word-feedback>span{color:#864357;overflow-wrap:anywhere;background:#fff2f3;border:1px solid #d6b3bc;border-radius:9px;align-items:flex-start;gap:8px;margin-top:9px;padding:10px 12px;font-size:12px;font-weight:600;line-height:1.5;display:flex}.word-feedback b{border:1px solid;border-radius:50%;flex-shrink:0;place-items:center;width:18px;height:18px;font-size:12px;display:grid}.name-hint{color:var(--muted);margin-top:7px;font-size:11px;line-height:1.5;display:block}body{background-color:#f5f1e9;background-image:radial-gradient(#b8a68b22 .8px,#0000 .8px);background-size:7px 7px}.brand-icon{color:#715044;background:linear-gradient(145deg,#fff9e9,#eddbb7);border:1px solid #d1b991;border-radius:7px;transform:rotate(-7deg);box-shadow:0 3px #bea17a}.panel{box-shadow:0 5px 0 #e4dbce66,0 16px 35px color-mix(in srgb,var(--muted) 3%,transparent);border-color:#ddd2c6}.panel-top{color:#76634e;background:#faf6ed;border-bottom:1px solid #e4d8c7}.board{background:radial-gradient(ellipse at center,#fffdf4aa,transparent 75%),var(--surface-soft);isolation:isolate;border-bottom:5px solid #d7c5a8}.board-grid{background-image:linear-gradient(color-mix(in srgb,var(--green) 15%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--green) 15%,transparent) 1px,transparent 1px);opacity:1;pointer-events:none;z-index:-1;background-size:38px 38px;-webkit-mask-image:linear-gradient(#0000,#000 18% 82%,#0000);mask-image:linear-gradient(#0000,#000 18% 82%,#0000)}.board:after{border:1px solid color-mix(in srgb,var(--green) 20%,transparent);box-shadow:none;background:color-mix(in srgb,var(--green) 7%,transparent);z-index:-1;border-radius:10px;transform:rotate(-8deg)}.letter-tiles span{color:#755743;background:linear-gradient(145deg,#fff9e9,#efdeba);border:1px solid #d5bd97;border-radius:7px;transform:rotate(-5deg);box-shadow:0 5px #c3a47b,0 10px 13px #59402b18}.letter-tiles span:nth-child(2n){transform:rotate(5deg)}.board-playing{grid-template-columns:minmax(0,1fr) minmax(100px,1fr) minmax(0,1fr);gap:20px 12px;height:auto;min-height:0;padding:26px 24px 20px;display:grid}.board-playing .player,.board-playing .center-stage{width:100%;min-width:0}.board-playing .center-stage{gap:6px}.board-playing .letter{text-shadow:none;color:#715141;background:#fff8e7;border:1px solid #d8bf98;border-radius:8px;padding:7px 13px;font-size:48px;line-height:1.1;box-shadow:0 4px #c8ae89}.board-playing .double-letter{font-size:35px}.board-playing .mini-label{overflow-wrap:anywhere;font-size:8px;line-height:1.5}.tile-workspace{z-index:2;border:1px solid var(--line);background:linear-gradient(135deg,#fffcf5e8,color-mix(in srgb,var(--surface) 91%,transparent));width:100%;min-width:0;box-shadow:0 5px 0 var(--line),0 12px 24px color-mix(in srgb,var(--green) 7%,transparent);border-radius:16px;grid-column:1/-1;padding:16px 18px 8px;position:relative}.tile-workspace:focus-within{border-color:var(--green);box-shadow:0 5px 0 var(--green),0 0 0 3px color-mix(in srgb,var(--green) 15%,transparent)}.tile-rack-label{color:var(--muted);letter-spacing:1.6px;justify-content:space-between;gap:10px;font-size:8px;font-weight:700;line-height:1.5;display:flex}.tile-rack-label span:first-child{overflow-wrap:anywhere}.tile-rack-label span:last-child{letter-spacing:1px;flex-shrink:0}.word-tile-rack{cursor:text;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;min-height:92px;padding:18px 0 21px;display:flex}.word-tile{flex:0 0 var(--tile-size);width:var(--tile-size);height:calc(var(--tile-size) * 1.12);font-family:var(--font-display);font-size:calc(var(--tile-size) * .57);color:#674d37;text-transform:uppercase;white-space:pre;background:linear-gradient(145deg,#fffbed 12%,#f1dfb8);border:1px solid #d3b88c;border-radius:7px;place-items:center;font-weight:700;transition:background-color .18s ease-out;animation:.17s ease-out tile-place;display:grid;box-shadow:0 4px #c5a373,0 6px 8px #76503016,inset 0 1px #fff}.word-tile b{font-weight:600}.tile-ghost{opacity:.48;box-shadow:0 3px #c5a37355}.rack-instruction{color:var(--muted);text-align:left;max-width:180px;margin-left:10px;font-size:12px;line-height:1.7}.tiles-rival .word-tile{background:linear-gradient(145deg,#fff4e8,#f1d5c5);border-color:#dbb09e;box-shadow:0 4px #c89b84,0 6px 8px #76503016}.tile-edit-form{border-top:1px solid var(--line);align-items:center;padding-top:10px}.tile-edit-form input{border:0;border-bottom:1px solid var(--muted);width:0;min-width:0;box-shadow:none;color:var(--muted);outline-offset:3px;background:0 0;border-radius:0;flex:1;padding:10px 4px;font-size:16px}.tile-edit-form input:focus{border-color:var(--green);box-shadow:none;outline:2px solid color-mix(in srgb,var(--green) 27%,transparent)}.tile-edit-form .primary{min-height:44px;padding:11px 15px}.tile-workspace .word-feedback{margin-top:9px}.arena-bottom{background:#fffdf8}.mode-picker button,.difficulty-cards button{background:#fcf9f2;border-color:#e4d9c9}.mode-picker .chosen{background:linear-gradient(120deg,var(--surface-soft),#fcf9f2)}.alphabet-grid span{background:#f4eee1;border-color:#e1d1b6;border-radius:3px;box-shadow:0 2px #ddccb1}.alphabet-grid span.collected{background:var(--surface-soft);color:var(--green);border-color:var(--green);box-shadow:0 2px 0 var(--green)}.sample-word,.tip-example{font-family:var(--font-display)}.rules-strip>div>span{color:#8c7050;background:#fcf4df;border:1px solid #d9c5a2;border-radius:6px;box-shadow:0 3px #d3ba91}@keyframes tile-place{0%{opacity:.35;transform:translateY(-7px)rotate(-4deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@media (max-width:600px){.board-playing{grid-template-columns:minmax(0,1fr) minmax(100px,1.1fr) minmax(0,1fr);gap:16px 3px;padding:20px 10px 15px}.board-playing .letter{padding:5px 10px;font-size:36px}.board-playing .double-letter{font-size:28px}.board-playing .avatar-pad{height:70px}.board-playing .round-label{font-size:7px}.tile-workspace{border-radius:12px;padding:12px 10px 5px}.tile-rack-label{letter-spacing:.8px;font-size:7px}.word-tile-rack{gap:4px;min-height:78px;padding:15px 0 18px}.word-tile{flex-basis:min(var(--tile-size),40px);width:min(var(--tile-size),40px);height:min(calc(var(--tile-size) * 1.12),46px);font-size:min(calc(var(--tile-size) * .57),25px);border-radius:5px}.rack-instruction{max-width:155px;font-size:11px}.tile-edit-form input::placeholder{font-size:11px}.tile-edit-form .primary{min-width:72px;padding:10px}.tile-rack-label span:last-child{letter-spacing:0}}html[data-motion=reduced] .word-tile{transition:none;animation:none}@media (prefers-reduced-motion:reduce){html:not([data-motion=full]) .word-tile{transition:none;animation:none}}.attempt-meter{color:var(--muted);flex-wrap:wrap;align-items:center;gap:9px;margin-top:12px;font-size:11px;font-weight:600;display:flex}.attempt-meter>div{gap:4px;display:flex}.attempt-meter i{border:1px solid var(--muted);background:var(--surface-soft);border-radius:3px;width:10px;height:10px}.attempt-meter i.available{background:var(--green);border-color:var(--green);box-shadow:0 2px 0 var(--green)}.attempt-meter small{color:var(--muted);margin-left:auto;font-size:10px;font-weight:400}.tiles-rejected{background:linear-gradient(135deg,#fff3e9,#fff8f0);border:2px solid #b94d45}.tiles-rejected .word-feedback{font-size:14px;font-weight:700}.tiles-rejected .word-feedback>span{color:#842b25;background:#ffe4d8;border:1px solid #db9182;border-radius:8px;padding:10px}.search-guide{max-width:850px;margin:35px auto;padding:28px}.search-guide h1{letter-spacing:-1px;font-size:clamp(30px,5vw,48px)}.search-guide h2{margin-top:30px;font-size:23px}.search-guide p,.search-guide li{color:var(--muted);font-size:15px;line-height:1.8}.search-guide a,footer a{color:var(--green);text-decoration:underline}.search-guide details{border-top:1px solid var(--line);padding:15px 0}.search-guide summary{cursor:pointer;font-weight:600}.search-guide ol{padding-left:22px}@media (max-width:600px){.attempt-meter small{flex-basis:100%;margin-left:0}.search-guide{margin:15px;padding:20px}}.community-board{min-width:0;margin-bottom:17px;padding:17px}.community-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.community-heading h2{font-family:var(--font-display);letter-spacing:-.6px;margin:7px 0 12px;font-size:20px}.community-heading>a{color:var(--green);font-size:10px}.board-channels{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:10px;display:flex}.board-channels button{color:var(--muted);background:var(--surface-soft);border-radius:7px;padding:8px 12px;font-size:11px}.board-channels button.chosen{color:#fff;background:var(--green)}.board-channels>span{color:var(--muted);flex-basis:100%;margin-top:5px;font-size:9px}.community-messages{overscroll-behavior:contain;scrollbar-width:thin;background:#fcf9f2;border:1px solid #e8dfcf;border-radius:9px;height:240px;padding:4px 2px;overflow-y:auto}.community-messages article{border-bottom:1px solid #e8dfcf80;padding:10px}.community-messages article>div{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.community-messages b{overflow-wrap:anywhere;font-size:11px}.sender-kind{background:var(--surface-soft);color:var(--muted);letter-spacing:.5px;border-radius:4px;padding:3px 4px;font-size:7px}.sender-kind.is-agent{color:#37725e;background:#e0e9e4}.community-messages time{color:var(--muted);margin-left:auto;font-size:8px}.community-messages article button{color:var(--muted);background:0 0;padding:2px;font-size:8px}.community-messages p{overflow-wrap:anywhere;white-space:pre-wrap;color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.6}.community-messages .community-empty{color:var(--muted);padding:25px 12px;font-size:12px}.community-compose{gap:7px;margin-top:12px;display:flex}.community-compose input{border:1px solid var(--line);width:0;min-width:0;color:var(--green);background:#fffdf9;border-radius:8px;flex:1;padding:10px;font-size:16px}.community-compose .primary{padding:10px;font-size:11px}.board-note{color:var(--muted);font-size:9px;line-height:1.6}.community-board>.secondary{margin-top:12px;font-size:11px}.agent-presence{color:#648374;border-top:1px solid var(--surface-soft);flex-wrap:wrap;gap:7px;padding-top:12px;font-size:10px;display:flex}.agent-presence b{color:var(--muted);flex-basis:100%}.agent-presence>span{line-height:1.6}.agent-invite{background:linear-gradient(120deg,#f0f6ef,var(--surface));border:1px solid #b7ccc1;border-radius:12px;margin-bottom:16px;padding:15px}.agent-invite b{color:#52765f;font-size:14px}.agent-invite p,.agent-invite small{color:var(--muted);font-size:11px;line-height:1.7}.agent-invite a{color:var(--green);font-size:12px;font-weight:600}.agent-invite small{margin-top:9px;display:block}.search-guide pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface-soft);border-radius:10px;padding:18px;font-size:12px;line-height:1.7;overflow:auto}.search-guide code{font-size:12px}.search-guide table{border-collapse:collapse;width:100%;font-size:13px}.search-guide td,.search-guide th{text-align:left;border-bottom:1px solid var(--line);overflow-wrap:anywhere;padding:12px 8px}@media (max-width:850px){aside .community-board{grid-column:1/-1;margin:0}.community-messages{height:230px}.community-heading>a{font-size:12px}.community-messages article button{min-height:32px;padding:6px}.community-compose button{min-height:44px}}@media (max-width:600px){.mode-picker button{padding:12px 8px}.mode-picker button b{font-size:11px}.mode-picker button small{font-size:9px}.community-board{padding:15px}.community-messages article>div>b{font-size:12px}.community-messages p{font-size:14px}.community-messages time,.board-note{font-size:10px}}.arena-main{flex-direction:column;gap:18px;min-width:0;display:flex}.arena-main>.arena{width:100%;min-width:0}.arena-main>.community-board{margin:0}.match-sidebar{flex-direction:column;gap:16px;min-width:0;display:flex}.match-sidebar>.panel,.match-sidebar>.next-reward-card,.match-sidebar>.tip{width:100%;min-width:0;margin:0}.match-sidebar .alphabet-player,.match-sidebar .alphabet-player+.alphabet-player{width:100%;margin:12px 0 0;display:block}.match-sidebar .alphabet-panel{padding:16px}.match-sidebar .alphabet-panel>p{margin:0 0 10px;font-size:11px;line-height:1.6}.match-sidebar .alphabet-grid{grid-template-columns:repeat(13,minmax(0,1fr));gap:3px}.match-sidebar .alphabet-grid span{place-items:center;min-width:0;min-height:22px;max-height:none;font-size:10px;display:grid}.opponent-alphabets{border-top:1px solid var(--surface-soft);margin-top:14px;padding-top:8px}.opponent-alphabets summary{cursor:pointer;color:var(--muted);padding:8px 0;font-size:11px;line-height:1.5}.opponent-alphabets summary>span{float:right;color:var(--muted);font-size:9px}.opponent-alphabets[open]{overscroll-behavior:contain;max-height:330px;overflow-y:auto}.match-sidebar .trail{height:290px;min-height:0}.match-sidebar .word-list{overscroll-behavior:contain;min-height:0}.match-sidebar .word-list b{overflow-wrap:anywhere;min-width:0}.arena-main .community-heading{align-items:center}.arena-main .community-heading h2{margin-bottom:8px}.arena-main .board-channels>span{flex-basis:auto;margin:0 0 0 auto}.arena-main .community-messages{height:210px}.arena-main .community-compose{max-width:none}.match-focused main{padding-top:18px}.match-focused .eyebrow,.match-focused .title-row,.match-focused .rules-strip{display:none}.match-focused .arena-bottom{padding:12px 20px}.match-focused .turn-meta{margin-bottom:0}.match-focused .turn-footer{margin-top:6px}.match-focused .word-power{margin-bottom:8px}.match-focused .word-power>span{display:none}@media (max-width:850px){.arena-layout{flex-direction:column;gap:16px;display:flex}.arena-main{display:contents}.arena-layout>.arena-main>.arena{order:1;width:100%}.arena-layout>.match-sidebar{order:2;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;width:100%;display:grid}.arena-layout>.arena-main>.community-board{order:3;width:100%;margin:0}.arena-layout>.match-sidebar>.panel,.arena-layout>.match-sidebar>.next-reward-card,.arena-layout>.match-sidebar>.tip{grid-column:auto;margin:0}.match-sidebar .trail{height:240px}.match-focused main{padding-top:12px}}@media (max-width:600px){.arena-layout>.match-sidebar{grid-template-columns:minmax(0,1fr)}.match-sidebar .trail{height:205px}.match-sidebar .alphabet-panel{padding:14px}.match-sidebar .alphabet-grid span{min-height:25px;font-size:12px}.opponent-alphabets summary{min-height:36px;padding:9px 0}.arena-main .community-messages{height:200px}.arena-main .board-channels>span{flex-basis:100%;margin:5px 0 0}.match-focused .arena-bottom{padding:10px 14px}.match-focused .board-playing{gap:12px 3px;padding-top:16px}}.mode-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.arena-toolbar{letter-spacing:1.6px;color:#87705a;background:#f7f0e4;border-bottom:1px solid #e2d4bf;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-size:9px;display:flex}.arena-toolbar button{border:1px solid var(--line);color:var(--green);letter-spacing:0;background:#fffdf7;border-radius:8px;min-height:40px;padding:9px 12px;font-size:12px;font-weight:600}.turn-banner{background:var(--surface-soft);border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:13px;padding:14px 20px;display:flex}.turn-banner>span{font-size:24px}.turn-banner b{font-family:var(--font-display);letter-spacing:.5px;overflow-wrap:anywhere;font-size:20px;display:block}.turn-banner small{margin-top:4px;font-size:11px;display:block}.turn-mine{background:linear-gradient(110deg,var(--green),var(--green));color:#fff;border-color:var(--green)}.turn-other{color:#8b4b35;background:#f6dfd2;border-color:#dfbca8}.turn-paused{color:#85755e;background:#eee8de}.board .active-pad:after{display:none}.board .player{position:relative}.board .player-turn{box-shadow:0 0 0 2px var(--green);background:#fff6;border-radius:14px;padding-block:10px}.seat-turn{letter-spacing:1px;color:var(--muted);font-size:9px;font-weight:800;line-height:1.4;display:block}.player>.seat-turn{background:var(--green);color:#fff;white-space:nowrap;border-radius:5px;padding:5px;position:absolute;top:-21px;left:0;right:0}.board-playing:not(.roundtable){padding-top:38px}.board.roundtable{grid-template-rows:repeat(3,minmax(90px,auto));grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;height:auto;min-height:0;padding:16px 20px 20px;display:grid;position:relative}.roundtable:after{border:2px solid var(--green);background:radial-gradient(ellipse,var(--surface-soft),var(--line));height:230px;box-shadow:inset 0 0 0 8px color-mix(in srgb,var(--surface-soft) 53%,transparent);z-index:-1;border-radius:50%;inset:14% 10% auto;transform:none}.board.roundtable>.center-stage{grid-area:2/2;align-self:center;gap:5px;width:100%;min-width:0}.board.roundtable>.tile-workspace{grid-area:4/1/auto/-1}.table-seat{z-index:1;background:#fffcf288;border:2px solid #0000;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;padding:8px 6px;display:flex;position:relative}.table-seat.seat-playing{border-color:var(--green);box-shadow:0 5px 0 var(--green),0 0 0 4px color-mix(in srgb,var(--green) 15%,transparent);background:#fffaf0}.seat-playing .seat-turn{background:var(--green);color:#fff;border-radius:5px;padding:4px 8px}.table-avatar{justify-content:center;align-items:center;width:90px;height:65px;display:flex}.table-avatar .mascot{flex-shrink:0;transform:scale(.62)}.table-seat .player-link{overflow-wrap:anywhere;max-width:100%;padding:4px;font-size:12px;font-weight:700;line-height:1.3}.table-hearts{letter-spacing:3px;color:#be6a7b;font-size:16px;line-height:1.3}.seat-out{background:color-mix(in srgb,var(--surface-soft) 53%,transparent);opacity:.65}.seat-out .table-hearts{letter-spacing:0;color:var(--muted);font-size:9px}.board.roundtable .letter{font-size:38px}.board.roundtable .double-letter{font-size:28px}.board.roundtable .mini-label{letter-spacing:.6px;font-size:7px}.roundtable:not(.board-playing)>.center-stage{grid-area:4/1/auto/-1;padding:18px}.roundtable .blast-origin{top:40%;left:50%}.shell.arena-expanded{z-index:60;overscroll-behavior:contain;width:100%;max-width:none;height:100dvh;padding:0 max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:#f5f1e9;position:fixed;inset:0;overflow-y:auto}.arena-expanded>header{flex-wrap:nowrap;height:auto;min-height:56px;padding:8px 0}.arena-expanded>header nav{display:none}.arena-expanded>header .brand{margin-right:auto}.arena-expanded main{max-width:1500px;margin:auto;padding-top:10px}.arena-expanded .eyebrow,.arena-expanded .title-row,.arena-expanded .rules-strip,.arena-expanded>footer{display:none}.arena-expanded .arena-layout{grid-template-columns:minmax(0,1fr) 300px;gap:18px}.arena-expanded .arena-main{display:contents}.arena-expanded .arena{grid-area:1/1/span 2}.arena-expanded .match-sidebar{grid-area:1/2}.arena-expanded .community-board{grid-area:2/2;margin:0}.arena-expanded .arena-toolbar{z-index:12;position:sticky;top:0}.arena-expanded .board.roundtable{gap:18px;padding:20px 30px}.arena-expanded .board-playing:not(.roundtable){padding-block:45px 25px}.arena-expanded .board:not(.roundtable) .avatar-pad{margin-top:12px}@media (max-width:850px){.arena-expanded .arena-layout{flex-direction:column;display:flex}.arena-expanded .arena{order:1}.arena-expanded .match-sidebar{order:2}.arena-expanded .community-board{order:3}.arena-expanded>header .brand{font-size:18px}.arena-expanded .match-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.arena-expanded .community-board{width:100%}.arena-expanded .board.roundtable{gap:10px;padding:16px}.arena-expanded .table-avatar{height:65px}.arena-expanded .table-avatar .mascot{transform:scale(.62)}.arena-expanded .table-seat{min-height:0}}@media (max-width:600px){.turn-banner{gap:10px;padding:12px 14px}.turn-banner b{font-size:18px}.turn-banner small{font-size:10px}.board.roundtable{grid-template-rows:repeat(3,minmax(80px,auto));gap:9px 5px;padding:12px 8px 14px}.roundtable:after{height:195px;inset:15% 5% auto}.table-seat{border-radius:9px;gap:1px;padding:5px 2px}.table-avatar{width:65px;height:52px}.table-avatar .mascot{transform:scale(.48)}.table-seat .player-link{min-height:28px;padding:3px;font-size:10px;line-height:1.3}.table-seat .seat-turn{letter-spacing:.3px;font-size:7px}.seat-playing .seat-turn{padding:3px 4px}.table-hearts{letter-spacing:2px;font-size:13px}.board.roundtable .letter{padding:4px 8px;font-size:30px}.board.roundtable .double-letter{font-size:23px}.board.roundtable .round-label{letter-spacing:0;font-size:6px}.board.roundtable .mini-label{font-size:6px}.player>.seat-turn{font-size:8px}.arena-toolbar{padding:8px 12px}.arena-toolbar button{min-height:44px}.shell.arena-expanded{padding:0 8px max(12px,env(safe-area-inset-bottom))}.arena-expanded .match-sidebar{grid-template-columns:1fr}.arena-expanded .board.roundtable{gap:9px 5px;padding:12px 8px}.arena-expanded .table-avatar{height:52px}.arena-expanded .table-avatar .mascot{transform:scale(.48)}.arena-expanded>header .brand{font-size:16px}.arena-expanded>header .brand-icon{width:26px;height:26px;font-size:18px}.arena-expanded>header{gap:3px}.arena-expanded .board-playing:not(.roundtable){padding-top:35px}}.arena-expanded>header{z-index:30;border-bottom:1px solid var(--line);background:#f5f1ef;position:sticky;top:0}.fullscreen-exit{background:var(--green);color:#fff;border-radius:8px;min-height:44px;padding:10px 12px;font-size:12px;font-weight:600}.arena-expanded .arena-toolbar{top:60px}@media (max-width:600px){.arena-expanded>header .brand{display:none}.arena-expanded .fullscreen-exit{margin-right:auto;font-size:11px}.arena-expanded>header{min-height:56px}}.board .player{border-radius:14px;padding-block:10px;transition:background-color .22s,box-shadow .22s}.board .player-turn{padding-block:10px}.turn-banner{min-height:78px;transition:background-color .22s,color .22s}.turn-banner b{font-size:clamp(16px,1.7vw,20px)}.board .center-stage>.mini-label{justify-content:center;align-items:center;min-height:24px;display:flex}.board .letter{font-variant-numeric:tabular-nums;min-height:1.1em;animation:none}.fuse-track i{transform-origin:0;transition:transform .1s linear;width:100%!important}.music-bars i{transform-origin:bottom}.word-tile{animation:.18s cubic-bezier(.2,.7,.3,1) tile-settle}@keyframes tile-settle{0%{opacity:.35;transform:translateY(5px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.board.roundtable{isolation:isolate;background:#f7f2e8;gap:12px}.board.roundtable:after{border:1px solid var(--line);background:var(--surface-soft);height:calc(100% - 255px);min-height:210px;max-height:400px;box-shadow:none;border-radius:42%;inset:18px 12% auto;transform:none}.table-seat{box-shadow:none;background:#fffaf0;border-color:#e2d8c8;transition:border-color .22s,background-color .22s,opacity .22s}.table-seat.seat-playing{border-color:var(--green);background:var(--surface-soft);box-shadow:none}.table-seat .seat-turn,.table-seat.seat-playing .seat-turn{border-radius:5px;min-height:21px;padding:4px 8px;transition:background-color .22s,color .22s}.table-seat .seat-turn{background:0 0}.table-seat.seat-playing .seat-turn{background:var(--green);color:#fff}.roundtable .table-avatar .mascot{box-shadow:inset -9px -8px 0 var(--shade)}.arena-side{flex-direction:column;gap:16px;min-width:0;display:flex}.arena-side>.community-board{min-width:0;margin:0}.arena-side .community-heading{align-items:start}.arena-side .community-heading h2{margin-bottom:6px;font-size:18px}.arena-side .board-channels{flex-wrap:wrap}.arena-side .board-channels>span{flex-basis:100%;margin:4px 0 0}.arena-side .community-messages{height:170px}.arena-side .community-compose{max-width:none}.arena-expanded main{flex-direction:column;justify-content:center;width:100%;max-width:1440px;min-height:calc(100dvh - 90px);padding:16px 0 0;display:flex}.arena-expanded .arena-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:stretch;gap:16px;width:100%}.arena-expanded .arena-main{min-width:0;display:flex}.arena-expanded .arena{flex-direction:column;flex:1;grid-area:auto;display:flex}.arena-expanded .arena-side{justify-content:center}.arena-expanded .match-sidebar,.arena-expanded .community-board{grid-area:auto}.arena-expanded .arena .board{flex:1}.arena-expanded .board.roundtable{align-content:center;gap:12px;padding:20px}.arena-expanded .arena-toolbar{position:static}.arena-expanded .table-seat{min-height:0}.arena-expanded .table-avatar{height:70px}.arena-expanded .table-avatar .mascot{transform:scale(.65)}.arena-expanded .match-sidebar .trail{height:160px}.arena-expanded .community-messages{height:150px}@media (min-width:1100px){.match-focused .arena-layout{grid-template-columns:minmax(0,1fr) 320px;gap:18px}.match-focused main{padding-top:24px}.match-focused .title-row{margin-bottom:20px}}@media (max-width:850px){.arena-side{display:contents}.arena-side>.match-sidebar{order:2;width:100%}.arena-side>.community-board{order:3;width:100%;margin:0}.arena-expanded main{min-height:0;padding-top:12px;display:block}.arena-expanded .arena-main{display:contents}.arena-expanded .arena-layout{gap:12px}.arena-expanded .board.roundtable{padding:16px}.arena-expanded .table-avatar{height:65px}.arena-expanded .table-avatar .mascot{transform:scale(.62)}}@media (max-width:600px){.board.roundtable{gap:9px 5px}.board.roundtable:after{border-radius:36%;height:230px;min-height:0;inset:18px 8% auto}.table-seat .seat-turn,.table-seat.seat-playing .seat-turn{min-height:17px;padding:3px 4px}.arena-expanded .board.roundtable{gap:9px 5px;padding:12px 8px}.arena-expanded .table-avatar{height:52px}.arena-expanded .table-avatar .mascot{transform:scale(.48)}.turn-banner{min-height:76px}.arena-side .community-messages{height:180px}}.board-playing .letter{place-items:center;min-width:80px;height:69px;display:grid}.arena-side .match-sidebar .trail{height:200px}@media (max-width:850px){.arena-side>.match-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}}@media (max-width:600px){.arena-side>.match-sidebar{grid-template-columns:minmax(0,1fr)}.board-playing .letter{min-width:62px;height:53px}}.analytics-shell{max-width:1200px;margin:auto;padding:28px 24px 48px}.analytics-top,.analytics-heading,.analytics-controls,.analytics-chart-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.analytics-top{color:var(--green);margin-bottom:36px;font-size:12px}.analytics-top>span{letter-spacing:1.4px;font-size:10px}.analytics-heading{margin-bottom:28px}.analytics-heading h1{margin-top:10px;font-size:38px}.analytics-heading p,.analytics-notes{color:var(--muted);line-height:1.7}.analytics-controls{flex-shrink:0;align-items:flex-end}.analytics-controls label{color:var(--muted);gap:6px;font-size:11px;display:grid}.analytics-controls select{border:1px solid var(--line);color:var(--green);font:inherit;background:#fffdf8;border-radius:8px;min-height:42px;padding:10px;font-size:13px}.analytics-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.analytics-stat{background:#fffdf8;padding:22px}.analytics-stat>span{color:var(--muted);font-size:12px;display:block}.analytics-stat>b{font-family:var(--font-display);color:var(--green);margin:10px 0;font-size:38px;display:block}.analytics-stat>small{color:var(--muted);font-size:11px}.analytics-card{background:#fffdf8;min-width:0;margin-bottom:20px;padding:24px}.analytics-card h2{color:var(--green);margin:0 0 20px;font-size:17px}.analytics-card p{line-height:1.8}.analytics-card h1{font-size:36px}.analytics-card p+h2{margin-top:28px}.analytics-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.analytics-breakdown{margin:0;padding:0;list-style:none}.analytics-breakdown li+li{margin-top:18px}.analytics-breakdown li>div:first-child{justify-content:space-between;gap:16px;font-size:12px;display:flex}.analytics-breakdown span{overflow-wrap:anywhere;min-width:0}.analytics-meter{background:var(--surface-soft);border-radius:4px;height:5px;margin-top:8px;overflow:hidden}.analytics-meter i{background:var(--green);border-radius:4px;height:100%;display:block}.analytics-chart-heading>span{color:var(--muted);font-size:11px}.analytics-chart{align-items:flex-end;gap:5px;height:200px;padding:16px 0 26px;display:flex;overflow-x:auto}.analytics-day{flex-direction:column;flex:1;justify-content:flex-end;align-items:stretch;min-width:20px;height:100%;display:flex;position:relative}.analytics-day>i{background:var(--green);border-radius:4px 4px 0 0;min-height:2px;display:block}.analytics-day>span{white-space:nowrap;color:var(--muted);font-size:8px;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.analytics-empty{color:var(--muted);padding:24px 0;font-size:13px}.analytics-table{max-height:420px;overflow:auto}.analytics-table table{border-collapse:collapse;text-align:right;white-space:nowrap;width:100%;font-size:12px}.analytics-table th,.analytics-table td{border-bottom:1px solid var(--surface-soft);padding:12px}.analytics-table th:first-child{text-align:left}.analytics-table thead{background:var(--surface-soft);color:var(--green);position:sticky;top:0}.analytics-table tbody th{font-weight:400}.analytics-notes{font-size:11px}.analytics-shell a{text-underline-offset:3px;text-decoration:underline}footer{flex-wrap:wrap;gap:12px}@media (max-width:800px){.analytics-heading{flex-direction:column;align-items:flex-start}.analytics-columns{grid-template-columns:1fr}.analytics-heading h1{font-size:32px}}@media (max-width:500px){.analytics-shell{padding:20px 14px 36px}.analytics-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.analytics-stat{padding:16px}.analytics-stat>b{font-size:30px}.analytics-card{padding:18px}.analytics-top{margin-bottom:24px}.analytics-heading h1{letter-spacing:-1px;font-size:29px}.analytics-chart-heading{flex-direction:column;align-items:flex-start;gap:0}}footer .creator-credit{color:var(--muted);flex-basis:100%;font-size:11px;line-height:1.6}footer .creator-credit a{text-underline-offset:3px;text-decoration:underline}footer .creator-credit a:hover{color:var(--green)}:root{--font-display:Georgia,"Times New Roman",serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#f5f0e5;--surface:#fffdf7;--surface-soft:#ece6d8;--ink:#292820;--muted:#686658;--line:#d6ceba;--green:#275d48;--green-dark:#194332;--on-green:#fffdf1;--tile:#fff8e8;--tile-low:#f4e7c9;--tile-edge:#c5aa77;--tile-ink:#302b22;--coral:#a83b32;--pink:#e5b0ac;--sky:#a9cbd3;--sky-edge:#749ca6;--blue:#315e7a;--focus:#bd741e;--shadow:#30271015;--board:#275d48;--board-line:#ffffff0c;--highlight:#d9eadf;--warning:#f7dfd8;--white:#fff;--veil:#201c18a8}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#241d18;--surface:#342a22;--surface-soft:#41362b;--ink:#f5ebd9;--muted:#d2c5ae;--line:#62513e;--green:#8ac9a6;--green-dark:#183e2e;--on-green:#17271e;--coral:#f29b8f;--pink:#d59a94;--sky:#a9cbd3;--sky-edge:#749ca6;--blue:#9dc4df;--focus:#f2c06c;--shadow:#00000038;--board:#1c382c;--board-line:#ffffff09;--highlight:#304939;--warning:#56362c;--veil:#100d0bd9}body{background:var(--canvas);color:var(--ink);background-image:radial-gradient(var(--line) .55px,transparent .55px);background-size:7px 7px;font-family:DM Sans,sans-serif}button,input,select,textarea{font-family:inherit}button,a,input,select,summary{touch-action:manipulation}button{transition:background-color .16s,transform .16s,box-shadow .16s}button:disabled{opacity:.55}button svg{flex-shrink:0}h1,h2,h3,.brand-wordmark,.game-tile{font-family:var(--font-display);font-weight:400}h1 em{color:inherit;font-style:normal}.shell{max-width:1260px;padding:0 36px}header{border-color:var(--line);gap:12px;height:86px}header nav{gap:3px}header nav button{color:var(--muted);padding:11px 12px;font-size:12px}header nav button.selected{background:var(--highlight);color:var(--green)}.brand{letter-spacing:0;color:var(--ink);gap:12px}.brand-wordmark{letter-spacing:-.3px;text-align:left;white-space:nowrap;flex-direction:column;gap:2px;font-size:20px;line-height:1.1;display:flex}.brand-wordmark>span{letter-spacing:0;font-size:16px;display:block}.sound,.profile{color:var(--green);background:0 0;place-items:center;min-width:38px;min-height:40px;display:grid}.profile{border:1px solid var(--line);background:var(--surface);border-radius:12px}main{padding-top:28px}footer{border-color:var(--line);color:var(--muted);gap:12px;margin-top:32px;font-size:11px}footer>span:last-child{letter-spacing:0}footer .creator-credit{color:var(--muted);font-size:10px}footer a:hover{color:var(--green)}.game-tile{border:1px solid var(--tile-edge);background:linear-gradient(150deg,var(--tile),var(--tile-low));width:54px;height:60px;color:var(--tile-ink);box-shadow:0 4px 0 var(--tile-edge),0 7px 12px var(--shadow),inset 0 1px 0 var(--white);vertical-align:middle;border-radius:8px;flex-shrink:0;place-items:center;font-size:31px;line-height:1;display:inline-grid;position:relative}.game-tile>b{font-weight:400}.game-tile>small{color:var(--tile-ink);font:600 9px DM Sans,sans-serif;position:absolute;bottom:5px;right:6px}.game-tile.logo-tile{width:39px;height:43px;font-size:27px;transform:rotate(-5deg)}.logo-tile>small{font-size:7px;bottom:3px;right:4px}.tile-accent{background:var(--sky);--tile-edge:var(--sky-edge)}.game-tile.word-tile{width:var(--tile-size);height:calc(var(--tile-size)*1.12);flex-basis:var(--tile-size);font-size:calc(var(--tile-size)*.57);border-color:var(--tile-edge);background:linear-gradient(150deg,var(--tile),var(--tile-low));color:var(--tile-ink);box-shadow:0 4px 0 var(--tile-edge),0 6px 10px var(--shadow)}.starting-tiles{justify-content:center;gap:6px;min-height:64px;display:flex}.starting-tile{width:48px;height:53px;font-size:32px;animation:.3s cubic-bezier(.2,.7,.3,1) tile-handoff}.result-tiles{gap:8px;margin-bottom:14px;display:flex}.result-tiles .game-tile{animation:.35s both tile-handoff}.result-tiles .game-tile:nth-child(2){animation-delay:60ms}.result-tiles .game-tile:nth-child(3){animation-delay:.12s}@keyframes tile-handoff{0%{opacity:.3;transform:translate(-18px,12px)rotate(-8deg)}to{opacity:1;transform:translate(0)rotate(0)}}.welcome-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;padding:34px 0 38px;display:grid}.welcome-play{width:100%;max-width:450px}.welcome-copy h1{letter-spacing:-1.6px;color:var(--ink);margin:0 0 18px;font-size:clamp(38px,4.4vw,58px);line-height:1.06}.welcome-copy h1 span{color:var(--green)}.welcome-copy p{color:var(--muted);max-width:350px;margin:0 0 28px;font-size:16px;line-height:1.65}.quick-setup{width:100%}.quick-setup .start-form{flex-direction:column;gap:12px;display:flex}.quick-setup .name-field{background:var(--surface);border:2px solid var(--line);box-shadow:0 3px 0 var(--shadow);border-radius:12px;padding:12px 16px}.name-field label{letter-spacing:0;color:var(--muted);font-size:12px;font-weight:600}.name-field input{color:var(--ink);min-height:28px;margin-top:6px;font-size:17px}.name-field:focus-within{border-color:var(--green);box-shadow:0 0 0 3px var(--highlight)}.name-hint{color:var(--muted);font-size:11px;line-height:1.5}.primary{background:var(--green);color:var(--on-green);box-shadow:0 4px 0 var(--green-dark);border:0;border-radius:10px;min-height:46px;font-size:14px;font-weight:700}.primary:hover{background:var(--green);filter:brightness(1.08)}.primary:active{box-shadow:0 1px 0 var(--green-dark);transform:translateY(3px)}.primary.play-now{gap:12px;min-height:58px;font-size:19px}.play-now>svg:last-child{margin-left:auto}.secondary{background:var(--surface-soft);color:var(--ink);border:1px solid var(--line);border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:42px;display:inline-flex}.quick-settings{border:0}.quick-settings>summary{cursor:pointer;min-height:38px;color:var(--muted);align-items:center;gap:8px;font-size:13px;list-style:none;display:flex}.quick-settings>summary::-webkit-details-marker{display:none}.quick-settings>summary>span{color:var(--green);text-underline-offset:3px;margin-left:auto;text-decoration:underline}.settings-content{padding:10px 0 16px}.mode-picker{gap:10px;margin:0 0 12px}.mode-picker button{background:var(--surface);border:2px solid var(--line);color:var(--ink);border-radius:10px;flex-wrap:wrap;align-items:center;gap:7px;padding:12px;display:flex}.mode-picker button.chosen{background:var(--highlight);border-color:var(--green);box-shadow:none}.mode-picker small{color:var(--muted);flex-basis:100%}.mode-picker b{color:var(--ink)}.count-select{color:var(--muted);justify-content:space-between;align-items:center;font-size:13px;display:flex}.count-select select{border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--ink);border-radius:8px;padding:7px 12px}.quick-alternatives{gap:12px;margin:18px 0 8px;display:flex}.quick-alternatives button{background:var(--surface);border:1px solid var(--line);color:var(--green);border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:10px;font-size:12px;display:flex}.setup-footer{color:var(--muted);border:0;margin-top:10px;padding:0;font-size:10px}.setup-footer button{color:var(--muted);background:0 0;min-height:34px}.how-link{color:var(--green);background:0 0;align-items:center;gap:8px;min-height:40px;margin-top:10px;padding:10px 0;font-size:12px;display:flex}.welcome-board{background:var(--board);min-height:390px;box-shadow:0 8px 0 var(--green-dark),0 22px 45px var(--shadow);background-image:linear-gradient(var(--board-line) 1px,transparent 1px),linear-gradient(90deg,var(--board-line) 1px,transparent 1px);background-size:32px 32px;border-radius:24px;flex-direction:column;justify-content:center;padding:60px 28px 34px;display:flex;position:relative;transform:rotate(2deg)}.board-sticker{background:var(--tile);color:var(--tile-ink);box-shadow:0 3px 0 var(--tile-edge);border-radius:7px;align-items:center;gap:8px;padding:9px 12px;font-size:12px;display:flex;position:absolute;top:22px;left:24px;transform:rotate(-5deg)}.demo-word{justify-content:center;gap:8px;display:flex}.demo-word:first-child .game-tile:nth-child(2){transform:rotate(-4deg)}.demo-word:last-child .game-tile:nth-child(3){transform:rotate(4deg)}.demo-connector{color:var(--tile);justify-content:center;align-items:center;gap:10px;margin:24px 0;font-size:12px;display:flex}.demo-connector>span{background:var(--sky);width:24px;height:2px}.board-caption{color:var(--pink);justify-content:center;align-items:center;gap:6px;margin-top:34px;font-size:12px;display:flex}.board-caption>span{color:var(--tile);margin-left:8px}.board-caption>svg{fill:currentColor}.lobby-disclosure{border-top:1px solid var(--line);margin-top:12px}.lobby-disclosure>summary{cursor:pointer;min-height:64px;color:var(--green);align-items:center;gap:10px;font-weight:600;list-style:none;display:flex}.lobby-disclosure>summary>span{color:var(--muted);margin-left:auto;font-size:12px;font-weight:400}.lobby-disclosure .community-board{background:var(--surface);margin:0 0 16px}.panel,.modal,.community-board{background:var(--surface);border-color:var(--line);color:var(--ink);box-shadow:0 4px 0 var(--shadow);border-radius:16px}.mini-label,.side-title,.panel-top,.player-label,.round-label,.tag{color:var(--muted);letter-spacing:.2px;text-transform:none}.panel-top{border-color:var(--line);padding:14px 18px}.panel-top>span:first-child{color:var(--green)}.tag{background:var(--surface-soft);font-size:10px}.arena-toolbar{background:var(--surface);border-color:var(--line);color:var(--muted);letter-spacing:0;font-size:12px}.arena-toolbar button{background:var(--surface-soft);color:var(--green);border-color:var(--line);align-items:center;gap:6px;display:flex}.board,.board.roundtable{background:var(--surface-soft);border:0}.board-grid{opacity:.16}.board.roundtable:after{background:var(--highlight);border-color:var(--line)}.board:after{border-color:var(--line);background:0 0}.board .player,.player strong,.player-link{color:var(--ink)}.player-label{color:var(--muted)}.board .player-turn{background:var(--highlight);box-shadow:0 0 0 2px var(--green)}.table-seat{background:var(--surface);border-color:var(--line)}.table-seat.seat-playing{background:var(--highlight);border-color:var(--green)}.table-seat .seat-turn,.seat-turn{color:var(--muted)}.table-seat.seat-playing .seat-turn,.player>.seat-turn{background:var(--green);color:var(--on-green)}.table-hearts,.hearts,.coral-hearts{color:var(--coral)}.lost{color:var(--line)}.seat-out{background:var(--surface-soft)}.rank-badge{background:var(--surface);color:var(--green);border:1px solid var(--line);align-items:center;gap:5px;display:inline-flex}.turn-banner,.turn-mine{background:var(--green);color:var(--on-green);border-color:var(--green-dark);min-height:70px}.turn-other{background:var(--sky);color:var(--tile-ink);border-color:var(--line)}.turn-paused{background:var(--surface-soft);color:var(--muted)}.turn-banner b{font-family:var(--font-display);font-weight:400}.arena-bottom{background:var(--surface);border-color:var(--line)}.word-power{background:var(--highlight);color:var(--green);border-color:var(--line)}.word-power span,.turn-meta,.turn-footer,.turn-footer button,.turn-meta .your-turn{color:var(--muted)}.tile-workspace{border-color:var(--line);box-shadow:none;background:0 0}.tile-rack-label{color:var(--muted);letter-spacing:.2px;font-size:10px}.word-tile-rack{min-height:86px}.tile-edit-form input,.word-form input,.community-compose input,.room-code input,.join-room input,.profile-name input,.recovery-settings input{background:var(--surface);color:var(--ink);border:2px solid var(--line);border-radius:9px;font-size:16px}.word-form input:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--highlight)}input::placeholder{color:var(--muted)!important}.word-feedback{color:var(--coral)}.word-feedback>span{background:var(--warning);border-color:var(--coral)}.word-feedback b{background:var(--coral);color:var(--surface)}.attempt-meter,.attempt-meter small{color:var(--muted)}.attempt-meter i{background:var(--line)}.attempt-meter i.available{background:var(--green)}.accepted-word{color:var(--green);justify-content:center;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;animation:.24s ease-out accepted-pop;display:flex}.accepted-word>span:nth-child(2){font-weight:700}.accepted-word>span:last-child{color:var(--muted)}@keyframes accepted-pop{0%{opacity:.3;transform:translateY(4px)scale(.97)}to{opacity:1;transform:none}}.tiles-rejected .tile-edit-form{animation:.22s ease-in-out answer-shake}@keyframes answer-shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.prefix-badge{background:var(--highlight);color:var(--green)}.clock-display{width:118px;color:var(--green);padding:4px 0 0}.clock-digits{font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:4px;font-size:28px;font-weight:700;line-height:1.1;display:flex}.clock-digits small{font-size:12px;font-weight:400}.clock-bar{background:var(--line);border-radius:6px;height:7px;margin-top:8px;overflow:hidden}.clock-bar>i{transform-origin:0;background:currentColor;width:100%;height:100%;transition:transform .1s linear;display:block}.clock-warning{color:var(--coral)}.center-stage p,.center-stage .mini-label{color:var(--muted)}.center-stage h2{color:var(--ink)}.friend-options{grid-template-columns:1fr;gap:18px;margin-top:14px;display:grid}.friend-options>div{background:0 0;border:0;padding:0}.friend-options .primary{width:100%}.friend-options label{color:var(--muted);font-size:12px}.join-room{margin-top:8px}.room-lobby,.room-heading,.room-seats,.room-controls{background:var(--surface);color:var(--ink);border-color:var(--line)}.room-heading{flex-wrap:wrap}.room-code,.room-code button{color:var(--green)}.room-seats>div{background:var(--surface-soft);border-color:var(--line);color:var(--ink)}.community-heading h2{color:var(--ink)}.board-channels button,.profile-tabs button,.avatar-options button,.difficulty-cards button{background:var(--surface-soft);border-color:var(--line);color:var(--ink)}.board-channels button.chosen,.profile-tabs button.chosen,.avatar-options button.chosen,.difficulty-cards button.chosen{background:var(--highlight);border-color:var(--green);color:var(--green)}.community-messages{background:var(--surface-soft);border-color:var(--line)}.community-messages article{border-color:var(--line)}.community-messages article b,.community-messages p{color:var(--ink)}.community-messages time,.community-messages button,.sender-kind,.board-channels>span,.board-note,.community-empty,.alphabet-panel p,.alphabet-heading,.alphabet-heading span{color:var(--muted)}.alphabet-grid span{color:var(--muted);background:var(--surface-soft);border-color:var(--line)}.alphabet-grid span.collected{color:var(--on-green);background:var(--green);border-color:var(--green)}.alphabet-earned{background:var(--highlight);color:var(--green)}.side-title>span:last-child{background:var(--surface-soft);color:var(--muted)}.word-list>div,.trail-foot{border-color:var(--line)}.word-list em,.word-you{color:var(--green)}.word-them{color:var(--blue)}.trail-foot,.trail-empty p{color:var(--muted)}.word-list b{color:var(--ink)}.close{color:var(--muted);background:var(--surface-soft)}.fine,.guide p,.guide-grid p,.leaderboard p,.ranking-empty,.history-row small,.public-profile p{color:var(--muted)}.guide-grid b{color:var(--green)}.history-row,.ranking-row,.ladder-tiers>div,.public-stats>div,.public-rewards>span{background:var(--surface);border-color:var(--line);color:var(--ink)}.history-outcome,.history-outcome.won{background:var(--highlight);color:var(--green)}.history-outcome.lost{background:var(--warning);color:var(--coral)}.text-button,.rewards-link,.recovery-link,.reward-unlock{color:var(--green)}.look-showcase,.reward-showcase{background:var(--surface-soft);border-color:var(--line)}.reward-caption h3,.vault-action b,.vault-tier,.reward-caption p,.reward-status{color:var(--ink)}.reward-grid button{background:var(--surface);border-color:var(--line);color:var(--ink)}.reward-grid button.chosen{background:var(--highlight);border-color:var(--green)}.motion-control,.profile-name,.recovery-settings{color:var(--muted);border-color:var(--line)}.motion-control select{background:var(--surface);color:var(--ink);border-color:var(--line)}.shell.arena-expanded,.arena-expanded>header{background:var(--canvas);color:var(--ink)}.fullscreen-exit{background:var(--green);color:var(--on-green);align-items:center;gap:7px;display:flex}.arena-expanded>header{border-color:var(--line)}.arena-expanded .arena-layout{grid-template-columns:minmax(0,1fr) 300px}.error{color:var(--coral)}@media (max-width:1050px){.shell{padding:0 24px}.welcome-layout{gap:30px}.welcome-board{padding-inline:16px}.demo-word{gap:6px}.demo-word .game-tile{width:45px;height:52px;font-size:29px}header nav button{padding:10px 8px;font-size:11px}header{gap:6px}.brand-wordmark{font-size:18px}.brand-wordmark>span{font-size:14px}}@media (max-width:800px){header{flex-wrap:wrap;gap:6px;height:auto;min-height:72px;padding:12px 0}.brand{margin-right:auto}header nav{flex-basis:100%;order:3;justify-content:center;gap:8px;margin:4px 0 0}header nav button{padding:10px;font-size:12px}.home-screen header nav{display:none}.welcome-layout{grid-template-columns:1fr;gap:30px;max-width:510px;margin:auto;padding:10px 0 24px}.welcome-play{max-width:none}.welcome-copy h1{font-size:42px}.welcome-copy p{max-width:none;margin-bottom:22px}.welcome-board{min-height:320px;transform:rotate(1deg)}.demo-word .game-tile{width:48px;height:55px}.lobby-disclosure>summary>span{font-size:10px}.home-screen main{padding-top:24px}.arena-expanded .arena-layout{display:flex}.arena-side .match-sidebar{grid-template-columns:1fr}.starting-tile{width:42px;height:48px;font-size:29px}.clock-display{width:105px}.clock-digits{font-size:25px}}@media (max-width:600px){.shell{padding:0 16px}.sound,.profile{min-width:34px;min-height:38px}.brand .logo-tile{width:33px;height:37px;font-size:23px}.brand-wordmark{font-size:17px}.brand-wordmark>span{font-size:13px}.home-screen .music-toggle{display:none}.welcome-copy h1{letter-spacing:-1px;font-size:37px}.welcome-copy p{margin-bottom:20px;font-size:14px;line-height:1.6}.welcome-layout{padding-top:0}.welcome-board{min-height:300px;margin:0 4px}.quick-setup .name-field{padding:10px 14px}.quick-setup .name-field input{font-size:16px}.primary.play-now{min-height:54px;font-size:18px}.quick-alternatives{gap:8px;margin-top:15px}.setup-footer{font-size:9px}.lobby-disclosure>summary>span{display:none}.game-tile.word-tile{flex-basis:min(var(--tile-size),38px);width:min(var(--tile-size),38px);height:min(calc(var(--tile-size)*1.12),44px);font-size:min(calc(var(--tile-size)*.57),25px)}.game-tile.word-tile small{font-size:7px;bottom:4px;right:4px}.match-focused header nav{display:none}.match-focused header{min-height:58px;padding:8px 0}.match-focused main{padding-top:10px}.match-focused .panel-top{padding:9px 12px;font-size:9px}.turn-banner{min-height:55px;padding:9px 12px}.turn-banner b{font-size:18px}.turn-banner small{font-size:10px}.arena-toolbar{padding:6px 12px}.arena-toolbar button{min-height:34px;padding:6px 9px}.match-focused .board-playing:not(.roundtable){gap:12px 5px;padding:26px 10px 12px}.board-playing .player strong{margin-top:8px;font-size:11px}.board-playing .player .rank-badge{gap:3px;padding:3px 5px;font-size:8px}.board-playing .player-label{font-size:7px}.board-playing .hearts{margin-top:7px}.starting-tiles{min-height:49px}.starting-tile{width:38px;height:43px;font-size:27px}.clock-display{width:90px}.clock-digits{font-size:24px}.board .center-stage>.mini-label{letter-spacing:0;min-height:20px;font-size:8px}.round-label{font-size:7px}.word-tile-rack{min-height:65px;padding:8px 0 14px}.tile-edit-form input{padding:12px 10px}.tile-edit-form .primary{padding:12px}.attempt-meter small{display:none}.accepted-word{margin-bottom:5px;font-size:10px}.word-feedback{min-height:30px}:is(.board:has(.tile-edit-form input:focus) .avatar-pad,.board:has(.tile-edit-form input:focus) .table-avatar){display:none}.board:has(.tile-edit-form input:focus) .player-label{display:none}.board.roundtable:has(.tile-edit-form input:focus){grid-template-rows:repeat(3,minmax(48px,auto));gap:6px}.board:has(.tile-edit-form input:focus) .player strong{margin-top:0}.match-focused .arena-bottom{padding:10px 12px}.match-focused .arena-bottom .word-power{display:none}.arena-expanded .board.roundtable{gap:8px}.arena-expanded .table-seat{min-height:0}.modal{background:var(--surface)}footer{margin-top:24px}}@media (prefers-reduced-motion:reduce){html:not([data-motion=full]) .game-tile,html:not([data-motion=full]) .accepted-word,html:not([data-motion=full]) .tiles-rejected .tile-edit-form{transition:none!important;animation:none!important}}html[data-motion=reduced] .game-tile,html[data-motion=reduced] .accepted-word,html[data-motion=reduced] .tiles-rejected .tile-edit-form{transition:none!important;animation:none!important}.mobile-menu{display:none;position:relative}.mobile-menu summary{cursor:pointer;min-width:36px;min-height:40px;color:var(--green);place-items:center;list-style:none;display:grid}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu>div{z-index:50;background:var(--surface);border:1px solid var(--line);width:190px;box-shadow:0 10px 24px var(--shadow);border-radius:12px;padding:8px;position:absolute;top:45px;right:0}.mobile-menu button{text-align:left;width:100%;min-height:44px;color:var(--ink);background:0 0;border-radius:6px;padding:10px;display:block}.mobile-menu button:hover{background:var(--highlight)}.room-heading>small[role=status]{white-space:pre-wrap;overflow-wrap:anywhere;flex-basis:100%}.center-stage>p[role=status]{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}.search-guide{background:var(--surface);color:var(--ink);border-color:var(--line)}.search-guide h1,.search-guide h2,.search-guide summary{color:var(--ink)}.search-guide p,.search-guide li{color:var(--muted)}.search-guide a{color:var(--green)}.search-guide details{border-color:var(--line)}@media (max-width:800px){.mobile-menu{display:block}.home-screen header nav{display:none}}.ladder-toolbar,.ladder-columns,.ladder-row,.ladder-footer{background:var(--surface);color:var(--ink);border-color:var(--line)}.ladder-toolbar strong,.ladder-position,.ladder-player,.ladder-record{color:var(--ink)}.ladder-you,.ladder-pin{background:var(--highlight);border-color:var(--green);color:var(--green)}.ladder-rating small{align-items:center;gap:4px;display:flex}.ladder-placeholder,.ladder-record small,.ladder-footer,.ladder-toolbar small{color:var(--muted)}.pin-jump{background:var(--green);color:var(--on-green)}.analytics-shell .panel{background:var(--surface)}.analytics-heading h1,.analytics-card h1,.analytics-card h2,.analytics-stat b{color:var(--ink)}.analytics-heading p,.analytics-notes,.analytics-stat span,.analytics-stat small{color:var(--muted)}.player-link,.room-code,.primary,.profile-tabs button,.center-stage>b{font-family:var(--font-display)}.player-link{font-weight:400}.primary{font-weight:600}.welcome-copy h1{letter-spacing:-1.8px}.edit-avatar,.sound:hover{background:var(--surface-soft);color:var(--green)}.purple-dot,.status-dot{background:var(--green)}.coral-dot{background:var(--blue)}.sample-word span,.trail-empty svg,.orbit,.queue-action{color:var(--green)}.music-on,.music-toggle.music-on{color:var(--green);background:var(--highlight)}.analytics-top,.analytics-empty,.analytics-chart-heading>span,.analytics-day>span{color:var(--muted)}.analytics-controls select{background:var(--surface);color:var(--ink);border-color:var(--line)}.analytics-day>i,.analytics-meter i{background:var(--green)}.analytics-meter{background:var(--surface-soft)}.analytics-table thead{background:var(--surface-soft);color:var(--ink)}.analytics-table td,.analytics-table th{border-color:var(--line)}.profile-analytics{padding:18px 0}.profile-analytics p{color:var(--muted);line-height:1.7}.profile-analytics a{align-items:center;gap:10px;padding:12px 18px;text-decoration:none;display:inline-flex}.profile-tabs{flex-wrap:wrap}.match-search{flex-direction:column;align-items:center;gap:18px;max-width:100%;display:flex}.match-search b{font-family:var(--font-display);color:var(--ink);font-size:20px}.search-tiles{gap:5px;display:flex}.search-tiles .game-tile{width:32px;height:38px;font-size:23px;animation:1.8s ease-in-out infinite queue-tile}.search-tiles .game-tile small{font-size:6px;bottom:3px;right:3px}.search-dots{gap:6px;display:flex}.search-dots i{background:var(--green);border-radius:50%;width:5px;height:5px;animation:1.5s ease-in-out infinite queue-dot}.search-dots i:nth-child(2){animation-delay:.2s}.search-dots i:nth-child(3){animation-delay:.4s}.board-searching .player-right .mascot{filter:brightness(0);opacity:.18}.board-searching .player-right .avatar-pad{animation:2s ease-in-out infinite queue-silhouette}.board-searching .player-right .hearts{visibility:hidden}.board-searching .player-right .avatar-pad *{animation:none!important}@keyframes queue-tile{0%,65%,to{transform:translateY(0)}25%{transform:translateY(-7px)}}@keyframes queue-dot{0%,to{opacity:.25}50%{opacity:1}}@keyframes queue-silhouette{0%,to{opacity:.5}50%{opacity:.9}}@media (max-width:600px){.search-tiles{gap:3px}.search-tiles .game-tile{width:23px;height:29px;font-size:18px}.search-tiles .game-tile small{display:none}.match-search b{font-size:16px}.match-search{gap:12px}}@media (prefers-reduced-motion:reduce){html:not([data-motion=full]) .search-tiles .game-tile,html:not([data-motion=full]) .search-dots i,html:not([data-motion=full]) .board-searching .player-right .avatar-pad{animation:none!important}}html[data-motion=reduced] .search-tiles .game-tile,html[data-motion=reduced] .search-dots i,html[data-motion=reduced] .board-searching .player-right .avatar-pad{animation:none!important}.letter-choice{text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:100%;display:flex}.letter-choice h2{overflow-wrap:anywhere;margin:0;font-size:20px}.letter-choice p{margin:0;font-size:11px}.letter-choice small{color:var(--muted);font-size:10px}.letter-options{grid-template-columns:repeat(2,1fr);gap:12px;padding:5px;display:grid}.letter-options button{cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0}.letter-options button:disabled{opacity:.7;cursor:default}.letter-options button:not(:disabled):hover{transform:translateY(-3px)}.letter-options .game-tile{width:44px;height:49px;font-size:29px}@media (max-width:600px){.letter-choice h2{font-size:16px}.letter-choice{gap:8px}.letter-options{gap:9px}.letter-options .game-tile{width:35px;height:41px;font-size:25px}.letter-choice small{font-size:9px}}.starting-tiles:has(.starting-tile:nth-child(3)) .starting-tile{width:33px;height:40px;font-size:25px}@media (max-width:600px){.starting-tiles:has(.starting-tile:nth-child(3)){gap:4px}.starting-tiles:has(.starting-tile:nth-child(3)) .starting-tile{width:27px;height:35px;font-size:22px}.starting-tiles:has(.starting-tile:nth-child(3)) .game-tile small{font-size:6px;bottom:3px;right:3px}}.community-hub{padding:8px 0 28px}.community-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.community-title h1{letter-spacing:-1px;margin:0 0 8px;font-size:36px}.community-title p{color:var(--muted);margin:0;line-height:1.6}.community-title>span{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.hub-tabs,.live-filters{flex-wrap:wrap;gap:6px;display:flex}.hub-tabs button,.live-filters button{background:var(--surface-soft);color:var(--ink);border-radius:8px;align-items:center;gap:7px;min-height:44px;padding:11px 16px;display:flex}.hub-tabs .chosen,.live-filters .chosen{background:var(--green);color:var(--on-green)}.live-filters{margin-bottom:22px}.live-games{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;display:grid}.live-game{flex-direction:column;align-items:flex-start;min-width:0;padding:24px;display:flex}.live-game h2{overflow-wrap:anywhere;margin:16px 0 8px;font-size:24px;line-height:1.4}.live-game p{color:var(--muted);font-size:13px}.live-game .primary{align-items:center;gap:9px;margin-top:auto;padding:11px 16px;display:flex}.live-label{color:var(--green);align-items:center;gap:8px;font-size:12px;display:flex}.live-label i{background:currentColor;border-radius:50%;width:7px;height:7px}.community-empty-state{text-align:center;max-width:540px;margin:auto;padding:48px 20px}.community-empty-state h2{font-size:29px}.community-empty-state p,.friends-section>p{color:var(--muted);line-height:1.7}.community-hub>.fine{margin-top:24px;line-height:1.7}.friends-section{max-width:850px;margin:0 auto 32px}.friends-section h2{align-items:center;gap:12px;font-size:26px;display:flex}.friends-section h2>span{color:var(--muted);font-family:DM Sans,sans-serif;font-size:12px}.friend-row{border-bottom:1px solid var(--line);align-items:center;gap:15px;padding:16px 0;display:flex}.friend-row>.game-tile{width:36px;height:41px;font-size:26px}.friend-row>.game-tile small{font-size:6px;bottom:4px;right:4px}.friend-info{flex:1;min-width:0}.friend-info .player-link{overflow-wrap:anywhere;font-size:20px}.friend-info small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.friend-buttons{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.friend-buttons .text-button{min-height:44px}.friend-action{margin:16px 0}.friend-action .secondary{padding:10px 16px}.watch-table{overflow:hidden}.watch-heading{border-bottom:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:16px 22px;font-size:12px;display:flex}.watch-players{background:var(--surface-soft);flex-wrap:wrap;justify-content:center;gap:14px;padding:24px;display:flex}.watch-player{background:var(--surface);border:2px solid #0000;border-radius:12px;flex-direction:column;flex:130px;align-items:center;min-width:0;max-width:190px;padding:16px 10px;display:flex}.watch-active{border-color:var(--green);background:var(--highlight)}.watch-out{opacity:.6}.watch-player .game-tile{width:40px;height:46px;margin-bottom:14px;font-size:27px}.watch-player .player-link{overflow-wrap:anywhere;max-width:100%;font-size:19px}.watch-player small{color:var(--muted);font-size:10px}.watch-player .hearts{margin-top:10px}.watch-player>span{min-height:22px;color:var(--green);margin-top:8px;font-size:10px}.watch-center{text-align:center;flex-direction:column;align-items:center;gap:18px;min-height:280px;padding:30px 24px;display:flex}.watch-center h2{overflow-wrap:anywhere;margin:0;font-size:30px}.watch-center p{color:var(--muted);margin:0}.watch-choices{gap:12px;display:flex}.watch-draft{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;max-width:100%;min-height:64px;display:flex}.watch-draft .game-tile{width:34px;height:40px;font-size:24px}.watch-draft .game-tile small{font-size:6px;bottom:3px;right:3px}.watch-draft>span{color:var(--muted);font-size:13px}.watch-trail{margin-top:18px;padding:22px}.watch-trail h2{margin:0 0 14px;font-size:24px}.watch-trail ol{flex-wrap:wrap;gap:8px;max-height:240px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.watch-trail li{background:var(--surface-soft);border-radius:7px;padding:8px 12px}.watch-trail li b{font-family:var(--font-display);font-size:19px;display:block}.watch-trail li span{color:var(--muted);font-size:10px}@media (max-width:600px){.community-title h1{font-size:30px}.community-title{gap:12px}.hub-tabs{width:100%}.hub-tabs button{flex:1;justify-content:center}.friend-row{flex-wrap:wrap;gap:12px}.friend-buttons{flex-basis:100%;justify-content:flex-end}.watch-players{gap:8px;padding:12px}.watch-player{flex-basis:calc(33% - 8px);padding:12px 6px}.watch-player .player-link{font-size:16px}.watch-player .game-tile{width:32px;height:38px;font-size:23px}.watch-center{padding:24px 12px}.watch-center h2{font-size:24px}.watch-choices{gap:8px}.watch-choices .game-tile{width:40px;height:46px;font-size:27px}.spectator-view>.community-title>.secondary{padding:9px;font-size:12px}.watch-heading{padding:13px;font-size:11px}}.board:after,.board.roundtable:after{content:none;display:none}.clock-display.bomb-timer{--bomb-shell:var(--board);--bomb-light:var(--green-dark);--bomb-text:var(--tile);--fuse-color:var(--tile-edge);--spark-color:var(--focus);width:80px;margin-top:22px;padding:0}.bomb-timer .bomb-body{background:linear-gradient(140deg,var(--bomb-light),var(--bomb-shell));width:64px;height:60px;color:var(--bomb-text);box-shadow:inset 4px 4px 0 var(--shadow),0 4px 8px var(--shadow);animation:1.8s ease-in-out infinite alternate bomb-idle}.bomb-timer .bomb-body:before{background:var(--bomb-shell)}.bomb-timer .bomb-body span{font-variant-numeric:tabular-nums;font:700 21px DM Sans,sans-serif}.bomb-timer .bomb-body small{color:inherit;font-size:10px}.bomb-timer .animated-fuse{width:64px;height:32px;top:-24px;right:0}.fuse-spent,.fuse-rope{fill:none;stroke-width:3px;stroke-linecap:round}.fuse-spent{stroke:var(--line);opacity:.4}.fuse-rope{stroke:var(--fuse-color);transition:stroke-dasharray .1s linear}.fuse-tip{transition:transform .1s linear}.bomb-timer .fuse-glow{fill:var(--spark-color);filter:none;animation-duration:.6s}.bomb-timer .fuse-flame{fill:var(--spark-color);animation-duration:.45s}.bomb-timer .fuse-ember{fill:var(--spark-color)}.bomb-timer.bomb-danger{--bomb-shell:#762d27;--bomb-light:#a63e32}.bomb-timer.bomb-danger .bomb-body{animation:.35s ease-in-out infinite alternate bomb-wobble}.practice-level-note{color:var(--muted);margin:10px 0 14px;font-size:12px;line-height:1.5}@keyframes bomb-idle{0%{transform:rotate(-1deg)}to{transform:rotate(1deg)}}@media (max-width:600px){.clock-display.bomb-timer{width:66px;margin-top:19px}.bomb-timer .bomb-body{width:52px;height:49px}.bomb-timer .bomb-body span{font-size:18px}.bomb-timer .animated-fuse{width:55px;height:27.5px;top:-21px}}@media (prefers-reduced-motion:reduce){html:not([data-motion=full]) .bomb-timer .bomb-body{animation:none!important}}header nav,.panel-top,.rank-card,.full-leaderboard,.roster-player{background:var(--surface);color:var(--ink)}.play-tabs,.profile-tabs{background:var(--surface-soft);border-color:var(--line)}.play-tabs .chosen,.vault-grid button.chosen{background:var(--highlight);color:var(--green)}.ladder-rating small,.ladder-tiers b{color:var(--ink)}.ladder-rating small svg{color:var(--rank-color)}.rating-gain>b,.history-row>b.history-gain{color:var(--green)}.rating-loss>b{color:var(--coral)}.alphabet-player:last-child .alphabet-grid .collected{background:var(--blue);color:var(--on-green)}.tiles-rejected{background:var(--warning);border-color:var(--coral)}.word-feedback>span,.tiles-rejected .word-feedback>span{background:var(--warning);color:var(--coral);border-color:var(--coral)}.room-friends-hint{text-align:center;margin:0;padding:8px 16px;line-height:1.5}.recovery-friends-note{max-width:48ch;line-height:1.6}.recovery-friends-note .text-button{text-underline-offset:3px;min-height:44px;text-decoration:underline}.reward-art{color:var(--reward-color);flex-shrink:0;display:block;overflow:visible}.vault-grid .reward-emblem{width:64px;height:64px;text-shadow:none;margin:0 0 10px}.vault-grid .reward-name{color:var(--muted);text-align:center;margin-top:5px;font-size:10px;line-height:1.3}.vault-grid button{padding:14px 7px 12px}.public-rewards>span{align-items:center;gap:7px;display:inline-flex}@media (max-width:600px){.vault-grid .reward-emblem,.vault-grid .reward-art{width:52px;height:52px}.vault-grid .reward-name{font-size:9px}}@media (prefers-reduced-motion:reduce){html:not([data-motion=full]) .reward-artwork{transition:none;transform:none!important}}html[data-motion=reduced] .reward-artwork{transform:none!important}.quick-setup .name-field.name-needs-attention{border-color:var(--coral);box-shadow:0 0 0 3px var(--warning)}.name-needs-attention .name-hint{color:var(--coral);margin-top:8px;font-weight:600;display:block}.rank-badge{color:color-mix(in srgb,var(--rank-color) 45%,var(--ink));background:color-mix(in srgb,var(--rank-color) 12%,var(--surface));border-color:color-mix(in srgb,var(--rank-color) 55%,var(--line))}.rank-badge svg{color:var(--rank-color)}.table-seat .rank-badge,.watch-player .rank-badge{flex-wrap:wrap;justify-content:center;gap:4px;max-width:100%;padding:3px 5px;font-size:9px}@media (max-width:600px){.table-seat .rank-badge,.watch-player .rank-badge{gap:3px;font-size:8px}.board-playing .rank-badge svg,.watch-player .rank-badge svg{width:10px;height:10px}}.word-streak{min-width:0;color:var(--ink);align-items:center;gap:9px;padding:6px 0;display:flex;position:relative}.flame-holder{flex:none;place-items:end center;width:32px;height:40px;display:grid;position:relative}.streak-flame{width:28px;height:36px;overflow:visible}.flame-shell{fill:var(--coral)}.flame-heart{fill:var(--focus)}.flame-holder .streak-flame{transform:scale(var(--flame-scale));transform-origin:bottom;transition:transform .32s cubic-bezier(.2,.7,.3,1)}.streak-idle .flame-shell{fill:var(--muted)}.streak-idle .flame-heart{fill:var(--surface-soft)}.streak-count{min-width:0}.streak-count>b{font-size:12px;display:block}.streak-count strong{font-variant-numeric:tabular-nums;margin-left:5px;font-size:17px}.streak-count small{color:var(--muted);font-size:10px;display:block}.streak-help{color:var(--muted);margin-left:auto;font-size:11px}.streak-help summary{cursor:pointer;padding:8px 2px}.streak-help p{z-index:8;background:var(--surface);width:min(290px,100%);color:var(--ink);box-shadow:0 6px 24px var(--shadow);border:1px solid var(--line);border-radius:12px;padding:14px;font-size:12px;line-height:1.6;position:absolute;bottom:100%;right:0}.streak-gain{color:var(--coral);pointer-events:none;font-size:12px;font-weight:800;animation:1.1s ease-out both streak-rise;position:absolute;top:0;right:-7px}@keyframes streak-rise{0%{opacity:0;transform:translateY(5px)scale(.8)}20%{opacity:1;transform:translateY(0)scale(1.1)}70%{opacity:1}to{opacity:0;transform:translateY(-12px)}}.streak-announcement{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.streak-collection{margin:20px 0}.streak-collection h3{margin:0 0 6px;font-size:20px}.streak-collection p{color:var(--muted);margin:0 0 12px;font-size:12px}.streak-badges{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.streak-badge{background:var(--surface-soft);color:var(--ink);border-radius:12px;flex-direction:column;align-items:center;gap:5px;padding:12px 5px;display:flex}.streak-badge b{font-family:var(--font-display);font-size:17px}.streak-badge small{color:var(--muted);font-size:10px}.streak-locked .flame-shell{fill:var(--muted)}.streak-locked .flame-heart{fill:var(--line)}.streak-earned{background:color-mix(in srgb,var(--focus) 12%,var(--surface));box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--focus) 45%,var(--line))}.streak-earned:nth-child(2) .streak-flame{transform:scale(1.08)}.streak-earned:nth-child(3) .streak-flame{transform:scale(1.18)}.result-streak{color:var(--ink);font-size:12px}.result-streak .player-link{color:var(--green);justify-content:center;align-items:center;gap:4px;margin:5px auto;font-size:11px;display:flex}.watch-streak{color:var(--muted);font-size:10px}.arena-bottom .word-power{flex-wrap:wrap}.arena-bottom .word-power b{letter-spacing:0;font-size:11px}.arena-bottom .word-power span{font-size:10px}.prefix-badge{overflow-wrap:anywhere;max-width:100%}@media (max-width:700px){.match-focused .arena-bottom .word-power{padding:5px 0;display:flex}.match-focused .arena-bottom .word-power span{display:none}.word-streak{padding:3px 0}.flame-holder{height:34px}.streak-count strong{font-size:15px}}html[data-motion=reduced] .flame-holder .streak-flame{transition:none}html[data-motion=reduced] .streak-gain{animation:none}@media (prefers-reduced-motion:reduce){html:not([data-motion=full]) .flame-holder .streak-flame{transition:none}html:not([data-motion=full]) .streak-gain{animation:none}}.daily-entry{color:var(--green);text-underline-offset:4px;align-items:center;gap:7px;margin:0 0 14px;font-size:13px;text-decoration:underline;display:inline-flex}.daily-shell{max-width:620px;padding:20px max(16px,env(safe-area-inset-right)) 40px;color:var(--ink);margin:auto}.daily-nav{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.daily-nav a{color:var(--green)}.daily-shell h1{margin:0 0 10px;font-size:clamp(30px,6vw,46px)}.daily-shell>p{color:var(--muted);line-height:1.6}.daily-language{align-items:center;gap:10px;margin:16px 0;display:flex}.daily-language select{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:10px}.daily-ready,.daily-arena{background:var(--surface);margin:20px 0;padding:22px}.daily-ready p{color:var(--muted);font-size:14px;line-height:1.65}.daily-ready h2{font-size:25px}.daily-ready .primary{margin-top:14px}.daily-status{background:var(--surface);z-index:1;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;display:flex;position:sticky;top:0}.daily-status span{color:var(--coral)}.daily-status strong{font-variant-numeric:tabular-nums;font-size:25px}.daily-warning{color:var(--coral)}.daily-prompt{justify-content:center;align-items:center;gap:18px;margin:18px 0;display:flex}.daily-arena form,.daily-name{flex-wrap:wrap;gap:8px;display:flex}.daily-arena form label,.daily-name label{width:100%;font-size:12px}.daily-arena input,.daily-name input{background:var(--surface);min-width:0;color:var(--ink);border:2px solid var(--line);border-radius:10px;flex:1;padding:12px;scroll-margin-bottom:24px;font-size:18px}.daily-arena small{color:var(--muted);font-size:11px}.daily-arena [role=alert]{min-height:22px;color:var(--coral);margin:8px 0;font-size:13px}.daily-arena details{margin-top:18px;font-size:12px}.daily-arena details button{margin-top:10px}.daily-trail h2{font-size:22px}.daily-trail ol{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.daily-trail li{background:var(--tile);color:var(--tile-ink);box-shadow:0 2px 0 var(--tile-edge);border-radius:6px;padding:8px 12px}.result-card{background:var(--surface);color:var(--ink);border:1px solid var(--line);text-align:center;border-radius:14px;max-width:440px;margin:16px auto;padding:18px}.result-card-title{color:var(--muted);font-size:11px}.result-card h3{margin:8px 0 16px;font-size:25px}.result-card dl{grid-template-columns:1fr 1fr;gap:12px;margin:0;display:grid}.result-card dt{color:var(--muted);font-size:10px}.result-card dd{font-family:var(--font-display);overflow-wrap:anywhere;margin:5px 0 0;font-size:19px}.result-card p{color:var(--muted);overflow-wrap:anywhere;font-size:12px}.result-card small{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:8px;font-size:11px;display:block}.result-card button{margin:12px auto 0}@media (max-width:500px){.daily-ready,.daily-arena{padding:16px}.daily-shell{padding-top:12px}.daily-nav{margin-bottom:12px}.daily-shell h1{font-size:32px}}.invite-panel h2{margin-bottom:10px;font-size:26px}.invite-panel h2 b{color:var(--green);letter-spacing:2px;font-family:DM Sans,sans-serif}.invite-panel p{color:var(--muted);font-size:14px}.invite-panel form{flex-direction:column;gap:9px;margin:18px 0;display:flex}.invite-panel label{font-size:12px}.invite-panel input{background:var(--surface);border:2px solid var(--line);color:var(--ink);border-radius:10px;padding:13px;font-size:16px}.invite-panel small{color:var(--muted);font-size:12px}.invite-pending{background:var(--highlight);color:var(--ink);border-radius:8px;padding:12px;font-size:13px}.invite-panel .text-button{color:var(--green);padding:10px 0}.queue-options{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.queue-wait{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.queue-wait select{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:6px;padding:6px}.queue-options p{color:var(--ink);margin:14px 0;font-size:13px;line-height:1.5}.queue-choice-buttons{flex-wrap:wrap;gap:8px;display:flex}.queue-choice-buttons button{min-height:42px;font-size:12px}.rematch-controls{text-align:center;max-width:440px;margin:12px auto 18px}.rematch-controls .primary{min-width:150px}.rematch-controls .text-button{color:var(--green);padding:10px;font-size:12px}.rematch-controls p{color:var(--muted);margin-top:10px;font-size:12px;line-height:1.5}.tutorial{max-width:500px}.tutorial h2{margin:15px 0;font-size:30px}.tutorial p{color:var(--muted);font-size:14px;line-height:1.65}.tutorial .close{color:var(--ink)}.tutorial-timer{margin:20px 0}.tutorial-timer b{font-variant-numeric:tabular-nums;font-size:36px}.tutorial-timer>span{background:var(--surface-soft);border-radius:8px;height:7px;margin-top:8px;display:block;overflow:hidden}.tutorial-timer i{background:var(--green);transform-origin:0;width:100%;height:100%;display:block}.tutorial-hearts{color:var(--coral);gap:12px;margin:25px 0;display:flex}.tutorial-hearts svg{width:38px;height:38px}.tutorial-tiles{gap:8px;margin:20px 0;display:flex}.tutorial form label{margin-bottom:8px;font-size:12px;display:block}.tutorial form>div{gap:8px;display:flex}.tutorial input{background:var(--surface);color:var(--ink);border:2px solid var(--line);border-radius:8px;flex:1;min-width:0;padding:10px;font-size:16px}.tutorial-actions{justify-content:space-between;gap:12px;margin-top:22px;display:flex}.tutorial-actions .text-button{color:var(--green);padding:8px}.tutorial #tutorial-feedback{min-height:24px;color:var(--ink)}.play-streak{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:12px 0;padding:16px 0}.play-streak label{color:var(--ink);cursor:pointer;align-items:center;gap:10px;font-size:13px;display:flex}.play-streak input[type=checkbox]{accent-color:var(--green);flex:none;width:18px;height:18px}.play-streak p{color:var(--green);margin:10px 0;font-size:13px}.play-streak small{color:var(--muted);margin-top:8px;font-size:11px;line-height:1.6;display:block}.match-feedback{max-width:440px;color:var(--muted);margin:12px auto;font-size:12px}.match-feedback summary{cursor:pointer;color:var(--green);padding:12px 0}.match-feedback form{flex-direction:column;gap:8px;margin:10px 0;display:flex}.match-feedback input,.match-feedback textarea,.match-feedback select{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:10px;font-size:16px}.match-feedback label{color:var(--ink)}.match-feedback small{line-height:1.5}.match-feedback p{font-size:12px;line-height:1.5}.feedback-inbox>summary{cursor:pointer;color:var(--ink);font-size:20px}.feedback-inbox article{border-top:1px solid var(--line);overflow-wrap:anywhere;margin-top:12px;padding:16px 0}.feedback-inbox article>b{font-size:12px}.feedback-inbox article>small{color:var(--muted);font-size:10px}.connection-status{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;min-height:25px;padding:3px 0;font-size:11px;display:flex}.connection-status>span{align-items:center;gap:5px;display:inline-flex}.connection-good>span{color:var(--green)}.connection-waiting{color:var(--coral)}.connection-status small{font-size:11px}.connection-status button{color:var(--green);padding:6px;text-decoration:underline}.reconnect-notice{background:var(--warning);color:var(--ink);border-radius:8px;margin:8px 0;padding:10px 14px;font-size:12px;line-height:1.5}.player-safety{gap:8px;min-width:0;margin-block:12px;display:grid}.player-safety>button{justify-self:start}.player-safety small,.player-safety .fine{color:var(--muted)}.player-safety summary{cursor:pointer;padding:8px 0}.player-safety form,.player-safety label{gap:8px;display:grid}.player-safety textarea{resize:vertical;min-height:88px}.player-safety select,.player-safety textarea{width:100%;min-width:0;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:10px}.chat-safety{border-block:1px solid var(--line);padding:12px}.chat-safety>.text-button{margin-left:12px}.community-messages article>div{flex-wrap:wrap}.header-controls{justify-content:flex-end;align-items:center;gap:inherit;flex-wrap:wrap;min-width:0;margin-left:auto;display:flex}.arena-expanded>header .header-controls{flex:1}@media (min-width:801px){.shell:not(.arena-expanded)>header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"brand navigation controls";display:grid}.shell:not(.arena-expanded)>header>.brand{grid-area:brand;justify-self:start;margin:0}.shell:not(.arena-expanded)>header>nav{flex-wrap:wrap;order:initial;grid-area:navigation;justify-content:center;justify-self:center;width:fit-content;max-width:100%;margin:0;display:flex}.shell:not(.arena-expanded)>header>.header-controls{grid-area:controls;justify-self:end}}@media (min-width:801px) and (max-width:1100px){.shell:not(.arena-expanded)>header{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand controls""navigation navigation";row-gap:10px;height:auto;padding-block:12px}}.recovery-reminder{border:1px solid var(--line);background:var(--highlight);color:var(--ink);text-align:left;border-radius:12px;margin-block:16px;padding:18px}.recovery-reminder-copy{align-items:flex-start;gap:12px;display:flex}.recovery-reminder-copy>svg{color:var(--green);flex:none;margin-top:3px}.recovery-reminder h3{margin:0 0 6px;font-size:21px}.recovery-reminder p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.recovery-reminder-actions{flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:14px;display:flex}.recovery-reminder-actions button{min-height:40px}.recovery-reminder .text-button{color:var(--ink);font-size:12px}.recovery-reminder>small{color:var(--muted);margin-top:12px;font-size:11px;line-height:1.5;display:block}.recovery-reminder-compact{background:var(--surface-soft);padding:14px}.recovery-reminder-compact h3{font-size:18px}@media (max-width:480px){.recovery-reminder{padding:14px}.recovery-reminder-actions>.primary{justify-content:center;width:100%}}.board-searching .match-search b{color:var(--ink);font-size:clamp(22px,3vw,30px);line-height:1.2}.arena-bottom:has(.queue-action){background:var(--highlight)}.queue-action{flex-wrap:wrap;gap:16px}.queue-action>span{color:var(--green);font-size:15px;font-weight:700}.arena-bottom>.rematch-controls{margin:0 auto 20px}.arena-bottom>.result-card{margin-top:0}.rematch-controls .primary{margin-inline:auto}.rematch-controls .rematch-countdown{color:var(--green);font-size:20px;font-weight:700}.rematch-countdown small{color:var(--muted);margin-top:6px;font-size:12px;font-weight:400;display:block}.mobile-keyboard{display:none}@media (pointer:coarse){.mobile-keyboard{touch-action:manipulation;justify-content:center;align-items:center;width:100%;min-height:44px;margin:0 0 8px;display:flex}.tile-edit-form input{touch-action:manipulation;min-height:48px;scroll-margin-block:12px;font-size:16px}.shell.arena-expanded{top:var(--viewport-top,0px);height:var(--usable-height,100dvh);scroll-padding-bottom:max(16px,env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;bottom:auto}.arena-expanded main{justify-content:flex-start;min-height:0}.arena-expanded .board{flex:none}.arena-expanded:has(.tile-edit-form input:focus)>header{position:static}.arena-expanded .board-playing:not(.roundtable){padding-block:12px}}.analytics-trend svg{width:100%;height:auto;display:block;overflow:visible}.analytics-trend svg text{fill:var(--muted);font-size:12px;font-family:var(--font-ui,sans-serif)}.analytics-trend summary{cursor:pointer;color:var(--green);padding:10px 0}.analytics-trend h2{margin-bottom:12px}body:has(.home-screen){background-image:radial-gradient(color-mix(in srgb,var(--line) 55%,transparent) .6px,transparent .6px);background-size:17px 17px}.home-screen .welcome-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,88px);padding:30px 0 42px}.home-screen .welcome-play{max-width:460px}.welcome-facts{color:var(--muted);align-items:center;gap:18px;margin-bottom:20px;font-size:12px;display:flex}.welcome-facts span{align-items:center;gap:6px;display:flex}.home-screen .welcome-copy h1{letter-spacing:-2px;margin-bottom:16px;font-size:clamp(42px,4.5vw,62px);line-height:1.04}.home-screen .welcome-copy p{max-width:390px;margin-bottom:24px;font-size:15px;line-height:1.65}.home-screen .quick-setup .start-form{gap:14px}.home-screen .quick-setup .name-field{border:1px solid var(--line);box-shadow:inset 0 1px 0 var(--white);background:var(--surface);border-radius:12px;padding:10px 15px}.home-screen .quick-setup .name-field:focus-within{border-color:var(--green);box-shadow:0 0 0 3px var(--highlight)}.home-screen .quick-setup .name-field label{font-size:11px}.home-screen .quick-setup .name-field input{min-height:28px;margin-top:3px;padding:0;line-height:1.4}.home-screen .primary.menu-play{isolation:isolate;text-align:left;border:1px solid var(--green-dark);background:var(--board);width:100%;min-width:0;min-height:78px;color:var(--tile);box-shadow:0 5px 0 var(--green-dark),0 9px 18px var(--shadow),inset 0 1px 0 color-mix(in srgb,var(--tile) 22%,transparent);filter:none;border-radius:14px;grid-template-columns:43px minmax(0,1fr) 34px;align-items:center;gap:13px;padding:14px 17px;transition:transform .16s,box-shadow .16s;display:grid;position:relative;overflow:hidden}.menu-play:after{content:"";pointer-events:none;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--white) 14%,transparent),transparent);z-index:-1;width:40%;animation:.8s ease-out .5s both play-sheen;position:absolute;inset:0;transform:translate(-110%)}.menu-play-key{background:linear-gradient(var(--tile),var(--tile-low));width:40px;height:44px;color:var(--board);border:1px solid var(--tile-edge);box-shadow:0 3px 0 var(--tile-edge);border-radius:8px;place-items:center;transition:transform .2s;display:grid;transform:rotate(-4deg)}.menu-play-key svg{display:block}.menu-play-key>svg:not(.spin){margin-left:2px}.menu-play-copy{gap:4px;min-width:0;display:grid}.menu-play-copy strong{font-family:var(--font-display);letter-spacing:-.3px;font-size:23px;font-weight:400;line-height:1.12}.menu-play-copy small{color:var(--tile);font-family:DM Sans,sans-serif;font-size:11px;font-weight:400;line-height:1.4}.menu-play-arrow{border:1px solid color-mix(in srgb,var(--tile) 30%,transparent);background:var(--board-line);border-radius:50%;place-items:center;width:34px;height:34px;transition:transform .2s;display:grid}.home-screen .primary.menu-play:hover:not(:disabled){background:var(--board);box-shadow:0 6px 0 var(--green-dark),0 12px 20px var(--shadow),inset 0 1px 0 color-mix(in srgb,var(--tile) 22%,transparent);filter:none;transform:translateY(-1px)}.menu-play:hover:not(:disabled) .menu-play-key{transform:rotate(0)}.menu-play:focus-visible .menu-play-key{transform:rotate(0)}.menu-play:hover:not(:disabled) .menu-play-arrow{transform:translate(2px)}.home-screen .primary.menu-play:active:not(:disabled){box-shadow:0 1px 0 var(--green-dark),inset 0 1px 0 color-mix(in srgb,var(--tile) 22%,transparent);transform:translateY(4px)}.home-screen .primary.menu-play:disabled{opacity:.65;transform:none}.home-screen .quick-settings{margin-top:3px}.home-screen .quick-settings>summary{min-height:40px;padding:0 4px;font-size:12px}.home-screen .quick-settings>summary>span{background:var(--surface);border:1px solid var(--line);border-radius:20px;place-items:center;min-height:30px;padding:5px 10px;font-size:11px;text-decoration:none;display:grid}.home-screen .quick-alternatives{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin:10px 0 8px;display:grid}.home-screen .quick-alternatives button{text-align:left;background:var(--surface);border:1px solid var(--line);min-width:0;min-height:79px;color:var(--ink);box-shadow:0 2px 0 var(--shadow);border-radius:12px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;padding:13px 12px;display:grid}.quick-alternatives button>span:last-of-type{gap:5px;min-width:0;display:grid}.quick-alternatives button b{color:var(--green);font-size:12px;font-weight:600;line-height:1.25}.quick-alternatives button small{color:var(--muted);font-size:10px;font-weight:400;line-height:1.4}.quick-alternatives button>svg{display:none}@media (hover:hover){.home-screen .quick-alternatives button:hover{background:var(--highlight);border-color:var(--green)}}.menu-option-art{flex:none;width:36px;height:41px;display:block;position:relative}.menu-art-back,.menu-art-front{border:1px solid var(--tile-edge);background:var(--tile);width:29px;height:32px;color:var(--tile-ink);box-shadow:0 2px 0 var(--tile-edge);border-radius:6px;place-items:center;transition:transform .2s;display:grid;position:absolute}.menu-art-back{background:var(--sky);border-color:var(--sky-edge);box-shadow:0 2px 0 var(--sky-edge);top:1px;left:0;transform:rotate(-12deg)}.menu-art-front{bottom:2px;right:0;transform:rotate(6deg)}.art-practice .menu-art-back{background:var(--pink);border-color:var(--coral);box-shadow:0 2px 0 var(--coral)}@media (hover:hover){.quick-alternatives button:hover .menu-art-front{transform:translateY(-2px)rotate(0)}}.home-screen .setup-footer{min-height:30px;margin-top:5px;padding-inline:3px;font-size:10px}.welcome-more{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:16px;margin-top:18px;padding-top:17px;display:grid}.welcome-more>a,.welcome-more>button{text-align:left;color:var(--green);background:0 0;align-items:center;gap:9px;min-height:48px;padding:0;display:flex}.welcome-more span{flex:1;gap:4px;display:grid}.welcome-more b{font-size:12px;font-weight:600}.welcome-more small{color:var(--muted);font-size:10px;line-height:1.4}.welcome-more>*>svg:last-child{flex:none;width:14px}.chain-preview{justify-self:end;width:100%;min-width:0;max-width:510px}.chain-preview-board{isolation:isolate;background:var(--board);color:var(--tile);border:1px solid var(--green-dark);box-shadow:0 6px 0 var(--green-dark),0 18px 35px var(--shadow);background-image:linear-gradient(var(--board-line) 1px,transparent 1px),linear-gradient(90deg,var(--board-line) 1px,transparent 1px);background-size:38px 38px;border-radius:20px;padding:24px 28px 16px;position:relative}.chain-preview-board:before{content:"";pointer-events:none;border:1px solid var(--board-line);z-index:-1;border-radius:14px;position:absolute;inset:7px}.chain-preview-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:25px;font-size:13px;display:flex}.chain-preview-top>div{color:var(--pink);gap:5px;display:flex}.chain-preview-scene{grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.chain-preview-row{grid-template-columns:minmax(0,1fr);gap:9px;min-width:0;display:grid}.chain-preview-row>span{font-size:11px}.chain-preview-tiles{grid-template-columns:repeat(var(--tile-count),minmax(0,1fr));width:min(100%,calc(var(--tile-count) * 55px + (var(--tile-count) - 1) * 7px));gap:7px;min-width:0;display:grid}.chain-preview-tiles .game-tile{aspect-ratio:7/8;width:100%;min-width:0;max-width:55px;height:auto;animation:.42s cubic-bezier(.2,.8,.25,1) both menu-tile-settle;animation-delay:calc(var(--tile-index)*65ms);font-size:clamp(25px,3.2vw,37px)}.chain-preview-tiles .game-tile small{font-size:8px}.chain-preview-link{color:var(--sky);align-items:center;gap:9px;margin:14px 0 16px;font-size:11px;display:flex}.chain-preview-link b{color:var(--tile);font-size:13px}.chain-handoff{border:1px solid var(--board-line);border-radius:50%;place-items:center;width:29px;height:27px;display:grid}.chain-handoff svg{animation:1s ease-in-out .7s 2 menu-handoff}.chain-preview-answer{margin:0;padding-left:26px}.chain-preview-next{align-items:center;gap:10px;min-height:40px;margin-top:23px;font-size:11px;display:flex}.chain-preview-next>.game-tile{width:30px;height:34px;font-size:22px;animation:.4s .9s both menu-tile-settle}.chain-preview-next .game-tile small{font-size:6px;bottom:3px;right:3px}.chain-preview-next>span:last-child{color:var(--sky);font-size:10px}.chain-preview-rule{border-top:1px solid var(--board-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-top:20px;padding-top:11px;font-size:10px;display:flex}.chain-preview-rule>span{align-items:center;gap:6px;display:flex}.chain-preview-rule button{min-height:40px;color:var(--tile);background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:5px;padding:5px 7px;font-size:10px;display:flex}.chain-preview-rule button:hover{border-color:var(--sky-edge);background:var(--board-line)}.chain-preview-practice{width:100%;color:var(--green);text-align:left;background:0 0;align-items:center;gap:13px;min-height:74px;padding:21px 8px 6px;display:flex}.chain-preview-practice span{flex:1;gap:5px;display:grid}.chain-preview-practice b{font-family:var(--font-display);font-size:20px;font-weight:400}.chain-preview-practice small{color:var(--muted);font-size:12px}.chain-preview-practice:hover>svg:last-child{transform:translate(3px)}.chain-preview-practice>svg{transition:transform .2s}.chain-preview .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes menu-tile-settle{0%{opacity:0;transform:translateY(-10px)rotate(-3deg)}to{opacity:1;transform:none}}@keyframes play-sheen{0%{transform:translate(-110%)}to{transform:translate(360%)}}@keyframes menu-handoff{50%{transform:translateY(4px)}}.tutorial.modal{width:min(560px,100%);max-width:560px;box-shadow:0 18px 60px var(--shadow);border-radius:18px;padding:22px 26px 16px;scroll-padding:16px;overflow-y:auto}.lesson-toolbar{color:var(--green);justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.lesson-toolbar small{color:var(--muted);font-size:11px;font-weight:400}.lesson-toolbar>div{gap:4px;display:flex}.lesson-icon{width:40px;height:40px;color:var(--muted);background:0 0;border-radius:50%;place-items:center;display:grid}.lesson-icon:hover{background:var(--surface-soft)}.lesson-progress{gap:10px;margin:14px 0 22px;padding:0;list-style:none;display:flex}.lesson-progress li{color:var(--muted);border-bottom:3px solid var(--line);flex:1;align-items:center;gap:5px;padding:0 0 10px;font-size:11px;display:flex}.lesson-progress li>span{background:var(--surface-soft);border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;display:grid}.lesson-progress .is-current,.lesson-progress .is-done{border-color:var(--green);color:var(--green)}.lesson-progress .is-current>span{background:var(--green);color:var(--on-green)}.lesson-heading{animation:.22s ease-out lesson-enter}.tutorial .lesson-heading h2{letter-spacing:-.6px;color:var(--ink);margin:0 0 9px;font-size:clamp(25px,3.8vw,32px);line-height:1.13}.tutorial .lesson-heading p{min-height:41px;margin:0 0 18px;font-size:13px;line-height:1.55}.lesson-heading h2:focus{outline:none}.lesson-board{background:var(--board);color:var(--tile);background-image:linear-gradient(var(--board-line) 1px,transparent 1px),linear-gradient(90deg,var(--board-line) 1px,transparent 1px);background-size:30px 30px;border-radius:12px;min-width:0;padding:17px 18px 20px}.lesson-board-top{justify-content:space-between;align-items:center;font-size:12px;display:flex}.lesson-hearts{color:var(--pink);gap:5px;display:flex}.heart-spent{opacity:.45;animation:.4s ease-out heart-release}.lesson-trail{flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 18px;font-size:11px;display:flex}.lesson-trail>span{align-items:center;gap:8px;display:flex}.lesson-trail b{letter-spacing:.5px;font-weight:500}.lesson-trail mark{color:var(--sky);text-underline-offset:4px;background:0 0;font-weight:700;text-decoration:underline}.lesson-prompt{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;min-height:22px;margin-bottom:12px;font-size:12px;display:flex}.lesson-prompt b{color:var(--tile);font-size:17px}.lesson-prompt small{text-align:center;color:var(--sky);flex-basis:100%;font-size:11px}.lesson-rack{--tile-width:min(49px,calc((100% - (var(--letters) - 1)*5px)/var(--letters)));justify-content:center;align-items:center;gap:5px;min-height:59px;display:flex}.lesson-rack .game-tile,.lesson-empty-tile{flex:0 1 var(--tile-width);width:var(--tile-width);aspect-ratio:7/8;height:auto;font-size:min(33px,calc(190px / var(--letters)));border-radius:7px;min-width:0}.lesson-rack .game-tile small{font-size:7px;bottom:4px;right:4px}.lesson-empty-tile{border:1px dashed var(--sky-edge);background:var(--board-line)}.lesson-rack.word-accepted .game-tile{animation:.36s cubic-bezier(.2,.8,.2,1) both lesson-tile-pop;animation-delay:calc(var(--tile-index)*45ms)}.lesson-rack.word-rejected{animation:.22s ease-in-out answer-shake}.tutorial .lesson-form{margin-top:17px}.tutorial .lesson-form>label{color:var(--ink);margin-bottom:7px;font-size:12px}.tutorial .lesson-form>div{gap:8px}.tutorial .lesson-form input{border-radius:8px;width:100%;min-height:48px;padding:11px 12px;scroll-margin-block:18px;font-size:16px}.lesson-form input:focus{border-color:var(--green)}.lesson-form input[aria-invalid=true]{border-color:var(--coral)}.lesson-form .primary{min-width:82px;box-shadow:none;justify-content:center;align-items:center;gap:7px;font-size:15px;display:flex}.tutorial .lesson-hints{flex-wrap:wrap;justify-content:space-between;gap:4px;margin-top:5px;display:flex}.lesson-hints button{color:var(--green);background:0 0;align-items:center;gap:6px;min-height:40px;padding:4px 0;font-size:12px;display:flex}.tutorial #tutorial-feedback{align-items:flex-start;gap:7px;min-height:35px;margin-top:7px;font-size:12px;line-height:1.5;display:flex}.lesson-feedback svg{flex-shrink:0;margin-top:1px}.tutorial #tutorial-feedback.is-success{color:var(--green)}.tutorial #tutorial-feedback.is-error{color:var(--coral)}.tutorial-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding-top:12px;display:flex}.tutorial-actions>div{align-items:center;gap:5px;display:flex}.tutorial-actions .text-button{align-items:center;gap:2px;min-height:44px;padding:5px 2px;font-size:12px;display:flex}.tutorial-actions .primary{min-height:44px;box-shadow:none;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font-size:14px;display:flex}.tutorial .lesson-note{text-align:center;color:var(--muted);margin:12px 0 0;font-size:10px;line-height:1.5}.lesson-clock{color:var(--tile);justify-items:center;gap:7px;padding:3px 0 0;display:grid}.lesson-seconds{font-variant-numeric:tabular-nums;font-size:42px;line-height:1.1}.lesson-seconds small{margin-left:6px;font-size:12px}.lesson-clock>span{margin-top:6px;font-size:11px}.lesson-timebar{background:var(--board-line);border-radius:8px;width:min(250px,100%);height:6px;overflow:hidden}.lesson-timebar i{background:var(--sky);transform-origin:0;height:100%;transition:transform .1s linear;display:block}.lesson-clock.is-running .lesson-timebar i{background:var(--pink)}.lesson-clock-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;display:flex}.lesson-clock-actions .text-button{align-items:center;gap:5px;min-height:44px;font-size:12px;display:flex}@keyframes lesson-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes lesson-tile-pop{50%{transform:translateY(-7px)}to{transform:none}}@keyframes heart-release{50%{transform:scale(1.2)}to{transform:none}}@media (max-width:1050px){.chain-preview-board{padding:22px}.welcome-more{gap:10px}.welcome-more>*>svg:first-child{display:none}}@media (max-width:800px){.home-screen .welcome-layout{grid-template-columns:minmax(0,1fr);gap:30px;max-width:510px;padding-top:8px}.home-screen .welcome-play{max-width:none}.home-screen .welcome-copy h1{font-size:46px}.home-screen .welcome-copy p,.chain-preview{max-width:none}.chain-preview-board{padding:21px 24px 12px}.chain-preview-top{margin-bottom:20px}.chain-preview-tiles{width:min(100%,calc(var(--tile-count) * 49px + (var(--tile-count) - 1) * 7px))}.chain-preview-tiles .game-tile{max-width:49px;font-size:31px}.chain-preview-row{grid-template-columns:58px minmax(0,1fr);align-items:center;gap:10px}.chain-preview-answer{padding-left:0}.chain-preview-link{margin-left:68px}.chain-preview-practice{min-height:72px;padding-top:18px}.welcome-more>*>svg:first-child{display:block}.welcome-facts{margin-bottom:14px}}@media (max-width:480px){.home-screen .welcome-copy h1{letter-spacing:-1.3px;font-size:40px}.home-screen .welcome-copy p{margin-bottom:20px;font-size:14px}.home-screen .primary.menu-play{grid-template-columns:40px minmax(0,1fr) 30px;gap:11px;min-height:76px;padding:13px 14px}.menu-play-copy strong{font-size:21px}.menu-play-copy small{font-size:10px}.menu-play-arrow{width:30px;height:30px}.home-screen .quick-alternatives{gap:9px}.home-screen .quick-alternatives button{grid-template-columns:31px minmax(0,1fr);gap:8px;min-height:78px;padding:12px 10px}.menu-option-art{transform-origin:0;width:31px;transform:scale(.88)}.quick-alternatives button b{font-size:12px}.quick-alternatives button small{font-size:10px}.welcome-more{gap:12px;margin-top:18px}.welcome-more>*>svg:first-child{display:none}.welcome-more b{font-size:12px}.chain-preview-board{padding:19px 20px 10px}.chain-preview-tiles{width:min(100%,calc(var(--tile-count) * 46px + (var(--tile-count) - 1) * 6px));gap:6px}.chain-preview-tiles .game-tile{border-radius:7px;max-width:46px;font-size:29px}.chain-preview-link{margin-block:13px 15px}.chain-preview-next{gap:8px;margin-top:21px}.chain-preview-rule{margin-top:16px}.chain-preview-rule button{font-size:10px}.tutorial.modal{border-radius:14px;padding:12px 16px 14px}.lesson-progress{gap:7px;margin:10px 0 17px}.lesson-progress li{gap:4px;font-size:10px}.tutorial .lesson-heading h2{font-size:26px}.tutorial .lesson-heading p{min-height:0;margin-bottom:14px;font-size:12px}.lesson-board{padding:13px 14px 16px}.tutorial-actions .primary{padding:10px;font-size:12px}.tutorial-actions .text-button{font-size:11px}.tutorial-actions>div{gap:7px}.lesson-clock-actions{gap:4px}}@media (max-height:650px){.tutorial .lesson-heading p{min-height:0}.tutorial .lesson-note{display:none}.lesson-progress{margin-block:8px 12px}.lesson-board{padding-block:12px}.lesson-trail{margin-block:10px}.lesson-rack{min-height:48px}.lesson-rack .game-tile,.lesson-empty-tile{max-width:40px}.tutorial .lesson-form{margin-top:12px}}@media (prefers-reduced-motion:reduce){html:not([data-motion=full]) :is(.chain-preview,.tutorial,.menu-play,.quick-alternatives) *,html:not([data-motion=full]) :is(.chain-preview,.tutorial,.menu-play,.quick-alternatives):after{transition:none!important;animation:none!important}}html[data-motion=reduced] :is(.chain-preview,.tutorial,.menu-play,.quick-alternatives) *,html[data-motion=reduced] :is(.chain-preview,.tutorial,.menu-play,.quick-alternatives):after{transition:none!important;animation:none!important}.menu-setup-heading{margin-bottom:16px}.menu-setup-back{min-height:44px;color:var(--green);text-align:left;background:0 0;align-items:center;gap:7px;padding:0;font:500 12px DM Sans,sans-serif;display:inline-flex}.menu-setup-heading h2{font:400 25px/1.2 var(--font-display);color:var(--ink);letter-spacing:-.5px;margin:5px 0 6px}.menu-setup-heading p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.menu-setup-heading h2:focus{outline:none}.menu-setup-back:focus-visible{outline:2px solid var(--green);outline-offset:3px}.private-room-setup :is(button,input,select):focus-visible{outline:2px solid var(--green);outline-offset:3px}.private-room-setup{gap:18px;margin:18px 0 12px;display:grid}.private-room-setup>section{min-width:0}.private-room-setup>section+section{border-top:1px solid var(--line);padding-top:18px}.private-room-setup h3{font:400 19px/1.3 var(--font-display);color:var(--ink);margin:0}.room-setup-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.room-size{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.room-size select{border:1px solid var(--line);background:var(--surface);max-width:100%;min-height:44px;color:var(--ink);border-radius:6px;padding:8px 10px;font-size:16px}.private-room-setup .primary{width:100%;min-height:48px;padding:12px 16px;font-size:16px}.private-room-setup p{color:var(--muted);margin:6px 0 10px;font-size:12px;line-height:1.5}.room-code-entry{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:10px;display:grid}.room-code-entry input{border:1px solid var(--line);background:var(--surface);width:100%;min-width:0;min-height:46px;color:var(--ink);letter-spacing:3px;text-transform:uppercase;border-radius:6px;padding:10px 12px;font:500 18px DM Sans,sans-serif}.room-code-entry .secondary{white-space:nowrap;min-height:46px;color:var(--green);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:10px 16px;font-size:13px}.setup-practice .difficulty-cards{margin-top:4px}@media (max-width:380px){.room-setup-row{flex-direction:column;align-items:flex-start;gap:8px}.room-size{justify-content:space-between;width:100%}.room-code-entry{gap:8px}.room-code-entry .secondary{padding-inline:12px}}.shell>header .tile-navigation{box-shadow:none;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:7px;padding:5px 0 4px}.shell>header .tile-navigation .tile-nav-item{min-width:72px;min-height:77px;box-shadow:none;color:var(--muted);letter-spacing:0;background:0 0;border:0;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:9px;margin:0;padding:5px 3px;font-family:inherit;font-size:10px;font-weight:400;line-height:1.2;display:flex;position:relative;transform:none}.tile-nav-art{width:38px;height:43px;display:block;position:relative}.tile-nav-art .nav-letter{width:38px;height:42px;box-shadow:0 3px 0 var(--tile-edge),0 5px 8px var(--shadow),inset 0 1px 0 var(--white);border-radius:6px;font-size:27px;transition:transform .18s,box-shadow .18s,background-color .18s}.tile-nav-art .nav-letter small{font-size:7px;bottom:4px;right:4px}.tile-nav-label{white-space:nowrap;padding-bottom:5px;display:block;position:relative}.shell>header .tile-navigation .tile-nav-item.selected{color:var(--green);box-shadow:none;background:0 0;font-weight:600}.tile-nav-item.selected .nav-letter{--tile-edge:var(--green-dark);background:var(--green);color:var(--on-green);border-color:var(--green-dark);box-shadow:0 4px 0 var(--green-dark),0 6px 10px var(--shadow),inset 0 1px 0 color-mix(in srgb,var(--white) 25%,transparent);transform:translateY(-2px)}.tile-nav-item.selected .nav-letter small{color:var(--on-green)}.tile-nav-item.selected .tile-nav-label:after{content:"";background:currentColor;border-radius:2px;width:16px;height:2px;position:absolute;bottom:0;left:calc(50% - 8px)}:is(.tile-nav-item:hover .nav-letter,.tile-nav-item:focus-visible .nav-letter){transform:translateY(-3px)}.tile-nav-item:active .nav-letter{box-shadow:0 1px 0 var(--tile-edge);transform:translateY(1px)}.tile-nav-count{border:2px solid var(--canvas);background:var(--coral);min-width:18px;height:18px;color:var(--surface);border-radius:50%;place-items:center;padding:0 3px;font:600 9px DM Sans,sans-serif;display:grid;position:absolute;top:-6px;right:-9px}.shell.arena-expanded>header>nav.tile-navigation{display:none}.shell>header .mobile-menu{position:static}.shell:not(.arena-expanded)>header{position:relative}.shell>header .mobile-menu>div{background:var(--surface);border:1px solid var(--line);width:min(286px,100vw - 32px);box-shadow:0 4px 0 var(--shadow),0 14px 28px var(--shadow);max-height:calc(var(--usable-height,100dvh) - 90px);border-radius:13px;padding:12px;top:calc(100% - 2px);right:0;overflow:auto}.shell>header .mobile-menu .tile-navigation-compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px 6px;width:100%;margin:0;padding:0 0 8px;display:grid}.shell>header .mobile-menu .tile-nav-item{width:100%;min-width:0;min-height:76px;padding:6px 0;font-size:10px}.shell>header .mobile-menu .mobile-rewards{border-top:1px solid var(--line);min-height:44px;color:var(--green);text-align:center;background:0 0;border-radius:0;justify-content:center;align-items:center;gap:8px;margin-top:4px;font-size:12px;display:flex}@media (min-width:801px){.shell:not(.arena-expanded)>header{min-height:101px}.shell:not(.arena-expanded)>header>nav.tile-navigation{flex-wrap:nowrap;justify-self:center;gap:7px;width:fit-content}}@media (min-width:801px) and (max-width:1100px){.shell:not(.arena-expanded)>header{row-gap:2px;padding-bottom:6px}.shell>header .tile-navigation .tile-nav-item{min-width:82px}}@media (max-width:800px){.shell:not(.arena-expanded)>header>nav.tile-navigation{display:none}.shell>header .tile-nav-label{white-space:normal;text-align:center;min-height:17px}.shell>header .tile-nav-art{flex:none}}@media (prefers-reduced-motion:reduce){html:not([data-motion=full]) .tile-nav-art .nav-letter{transition:none!important}}html[data-motion=reduced] .tile-nav-art .nav-letter{transition:none!important}:root{--radius-control:6px;--radius-panel:10px;--paper-rule:color-mix(in srgb,var(--line) 50%,transparent)}:is(body,body:has(.home-screen)){background-image:radial-gradient(var(--paper-rule) .5px,transparent .5px);background-size:18px 18px}.lucide{stroke-width:1.7px}:is(button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible){outline:2px solid var(--green);outline-offset:3px}.panel,.community-board{border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:none}.mini-label,.side-title,.tag,.panel-top{letter-spacing:0;font-size:11px}.primary,.secondary{border-radius:var(--radius-control)}.secondary{background:var(--surface);box-shadow:0 2px 0 var(--shadow)}.secondary:hover:not(:disabled){background:var(--surface-soft)}.primary:not(.menu-play){box-shadow:0 3px 0 var(--green-dark)}.primary:active:not(.menu-play){box-shadow:0 1px 0 var(--green-dark)}.text-button{text-underline-offset:4px;font-size:12px}.modal-backdrop{background:var(--veil);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{border:1px solid var(--line);box-shadow:0 16px 48px var(--shadow);border-radius:12px}.modal h2{letter-spacing:-.7px;font-size:30px;line-height:1.15}.modal .close{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);color:var(--ink);width:44px;min-width:44px;height:44px;min-height:44px;top:14px;right:14px}.modal .close:hover{background:var(--surface-soft)}.game-icon{flex:none;display:block}.header-controls{flex-wrap:nowrap;gap:7px}.header-controls>.sound,.header-controls>.profile,.header-controls>.mobile-menu>summary{border:1px solid var(--tile-edge);background:var(--tile);width:40px;min-width:40px;height:42px;min-height:42px;color:var(--tile-ink);box-shadow:0 3px 0 var(--tile-edge);border-radius:6px;flex:none;place-items:center;margin:0;padding:0;transition:transform .16s,box-shadow .16s,background-color .16s;display:grid;position:relative}.header-controls>.sound:after{content:"";opacity:0;background:currentColor;width:10px;height:2px;position:absolute;bottom:5px;left:calc(50% - 5px)}.header-controls>.sound[aria-pressed=true]:after{opacity:1}.header-controls>.sound[aria-pressed=true]{background:var(--highlight);color:var(--green);border-color:var(--green);box-shadow:0 3px 0 var(--green-dark)}.header-controls>.profile{font:700 16px var(--font-display);letter-spacing:.4px}.header-controls>.sound:hover,.header-controls>.profile:hover,.header-controls>.mobile-menu>summary:hover{transform:translateY(-1px)}.header-controls>.sound:active,.header-controls>.profile:active,.header-controls>.mobile-menu>summary:active{box-shadow:0 1px 0 var(--tile-edge);transform:translateY(2px)}.header-controls .music-bars{display:none}.arena-expanded>header>.header-controls{flex-wrap:wrap;row-gap:10px;padding-bottom:4px}.shell>header .mobile-menu>div{border-radius:8px}.tile-nav-art .nav-letter{box-shadow:0 3px 0 var(--tile-edge),inset 0 1px 0 var(--white)}.mascot.character-token{--reward-color:var(--piece-ink);background:0 0;border:0;border-radius:0;flex:none;width:96px;height:108px;margin:0;animation:none;position:relative;box-shadow:none!important}.mascot.character-token:before,.mascot.character-token:after{content:none}.character-drawing{width:100%;height:100%;display:block;overflow:visible}.piece-edge{fill:var(--tile-edge)}.piece-paper{fill:var(--tile);stroke:var(--tile-edge);stroke-width:1.3px}.piece-rule{stroke:var(--tile-edge);stroke-width:.8px;opacity:.6}.piece-animal{fill:var(--piece-wash);stroke:var(--piece-ink);stroke-width:2px}.piece-muzzle{fill:var(--tile)}.piece-eyes,.piece-nose{fill:var(--piece-ink)}.piece-detail{stroke:var(--piece-ink);stroke-width:1.8px}.piece-accessory{stroke:var(--piece-ink);stroke-width:2.5px;fill:var(--tile)}.piece-solid{fill:var(--piece-color);stroke:var(--piece-ink);stroke-width:1.8px}.piece-color-tab{fill:var(--piece-color)}.piece-reward{color:var(--piece-ink)}.piece-portrait{transform-origin:64px 94px;transition:transform .22s}.player-turn .piece-portrait,.seat-playing .piece-portrait{transform:translateY(-2px)}.avatar-pad,.coral-pad{background:0 0}.active-pad{box-shadow:none;border-color:#0000}.display-orbit,.vault-stars{display:none}.edit-avatar{border:1px solid var(--line);box-shadow:0 2px 0 var(--shadow);border-radius:6px}.reward-stamp{fill:var(--tile);stroke:var(--tile-edge);stroke-width:1.3px}.reward-art{color:color-mix(in srgb,var(--reward-color,var(--piece-ink,var(--green))) 65%,var(--tile-ink));filter:none}.reward-metal{fill:color-mix(in srgb,var(--reward-color,var(--piece-color,var(--green))) 20%,var(--tile))}.reward-gem{fill:color-mix(in srgb,var(--reward-color,var(--piece-color,var(--green))) 45%,var(--tile))}.reward-artwork{transform-origin:50%;transition:translate .18s}:is(.vault-grid button:hover .reward-artwork,.vault-grid button:focus-visible .reward-artwork){transform:translateY(-1px)}.avatar-modal{scrollbar-width:thin;scrollbar-color:var(--line) var(--surface);width:min(720px,100%);padding:28px}.profile-kicker{color:var(--muted);font-size:11px}.avatar-modal h2{margin:7px 0 22px;padding-right:32px}.profile-tabs{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;flex-wrap:wrap;gap:20px;margin:0 0 24px;padding:0;display:flex}.profile-tabs button{min-height:44px;color:var(--muted);box-shadow:none;background:0 0;border:0;border-radius:0;flex:none;padding:8px 0 14px;font:600 13px DM Sans,sans-serif;position:relative}.profile-tabs button.chosen{color:var(--green);box-shadow:none;background:0 0;border:0}.profile-tabs button.chosen:after{content:"";background:var(--green);height:3px;position:absolute;bottom:-1px;left:0;right:0}.profile-look{grid-template-columns:170px minmax(0,1fr);align-items:start;gap:26px;display:grid}.profile-look .look-showcase{text-align:center;background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:flex-start;align-items:center;gap:12px;height:auto;min-height:0;margin:0;padding:10px 0 0;display:flex;overflow:visible}.profile-look .look-showcase>.character-token{width:156px;height:176px;margin:0;transform:none}.look-showcase h3{overflow-wrap:anywhere;margin:0 0 6px;font-size:23px;line-height:1.2}.look-showcase p{text-transform:capitalize;margin:0;font-size:11px;line-height:1.5}.look-showcase small{color:var(--muted);margin-top:8px;font-size:11px;line-height:1.5;display:block}.look-options{min-width:0}.avatar-modal .look-options fieldset{min-width:0;margin:0 0 20px}.avatar-modal legend{color:var(--ink);margin-bottom:10px;font-size:12px;font-weight:600;line-height:1.4}.swatches{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;display:grid}.swatches button{outline-offset:2px;border:0;border-radius:4px;flex-direction:column;align-items:center;gap:7px;width:auto;min-width:0;height:auto;min-height:54px;padding:3px 0;display:flex;box-shadow:none!important;background:0 0!important}.swatches button>span{width:30px;height:32px;color:var(--tile);box-shadow:0 2px 0 var(--shadow);border-radius:4px;place-items:center;display:grid}.swatches button.chosen>span{outline:2px solid var(--ink);outline-offset:3px}.swatches button.chosen:not(:focus-visible){outline-color:#0000}.swatches small{color:var(--muted);font-size:10px}.swatches button.chosen small{color:var(--ink);font-weight:700}.avatar-options{gap:8px;display:grid}.shape-options{grid-template-columns:repeat(3,minmax(0,1fr))}.avatar-options button{border:1px solid var(--line);background:var(--surface);min-width:0;min-height:44px;color:var(--ink);box-shadow:0 2px 0 var(--shadow);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:10px 5px;font-size:11px;display:flex;position:relative}.avatar-options button:hover{border-color:var(--green)}.avatar-options button.chosen{background:var(--highlight);border-color:var(--green);box-shadow:inset 0 -2px 0 var(--green);color:var(--green)}.shape-options .character-token{width:56px;height:63px;transform:none}.option-check{position:absolute;top:6px;right:5px}.accessory-options{grid-template-columns:repeat(4,minmax(0,1fr))}.accessory-options .game-icon{width:22px;height:22px}.rewards-link{min-height:44px;color:var(--green);text-align:left;background:0 0;border:0;border-radius:0;align-items:center;gap:8px;padding:10px 0;font-size:12px;display:flex}.avatar-modal>.fine{border-top:1px solid var(--line);margin-top:22px;padding-top:16px;font-size:11px}.avatar-modal>.primary{margin-top:12px;font-size:16px}.avatar-modal .motion-control{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;margin:4px 0 22px;padding:0 0 18px}.motion-control label{font-size:13px}.motion-control select{border-radius:6px;font-size:14px}.profile-name{border:0;margin:24px 0;padding:0}.profile-name label{color:var(--ink);font-size:13px;font-weight:600}.recovery-settings{border:0;border-top:1px solid var(--line);background:0 0;border-radius:0;padding:20px 0 0}.recovery-settings summary{color:var(--ink);font-size:15px}.recovery-settings summary svg{vertical-align:middle}.recovery-reminder{border:0;border-left:3px solid var(--green);background:var(--highlight);border-radius:0;padding:14px 16px}.recovery-reminder h3{font-size:20px}.reward-showcase{background:var(--surface-soft);border:1px solid var(--line);text-align:left;min-height:166px;color:var(--ink);border-radius:8px;grid-template-columns:132px minmax(0,1fr);align-content:center;column-gap:20px;padding:18px;display:grid;position:relative}.vault-tier{letter-spacing:0;color:var(--muted);filter:none;grid-column:2;align-self:end;font-size:11px}.reward-podium{grid-area:1/1/4;width:132px;height:145px;margin:0}.reward-podium>.character-token{filter:none;width:126px;height:142px;transform:none}.reward-caption{grid-column:2}.reward-caption h3{color:var(--ink);margin:6px 0;font-size:27px;line-height:1.12}.reward-caption p{color:var(--muted);margin:0 0 10px;font-size:12px;line-height:1.55}.reward-status{min-height:24px;color:var(--green);letter-spacing:0;background:0 0;border:0;grid-column:2;place-self:start;align-items:center;padding:0;font-size:11px;font-weight:600;display:inline-flex}.vault-action{flex-wrap:wrap;gap:12px;padding:16px 0 20px}.vault-action b{color:var(--ink);font-size:13px}.vault-action small{color:var(--muted);font-size:11px;line-height:1.5}.vault-action .primary{width:auto;min-height:44px;margin:0;padding:10px 18px;font-size:14px}.reward-grid.vault-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.vault-grid button{border:1px solid var(--line);background:var(--surface);min-height:132px;box-shadow:0 2px 0 var(--shadow);border-radius:6px;gap:0;padding:14px 8px 12px;transition:translate .18s,border-color .18s}.vault-grid button:hover{border-color:var(--green);box-shadow:0 2px 0 var(--shadow);transform:translateY(-2px)}.vault-grid button.chosen{background:var(--highlight);border-color:var(--green);box-shadow:inset 0 -2px 0 var(--green)}.vault-grid .reward-emblem,.vault-grid .reward-art{width:48px;height:48px}.vault-grid .reward-emblem{margin-bottom:10px}.vault-grid b{color:var(--ink);font:600 12px DM Sans,sans-serif}.vault-grid .reward-name{min-height:26px;color:var(--muted);font-size:10px}.vault-grid small{color:var(--green);margin-top:5px;font-size:10px}.vault-grid .reward-locked:after{content:none}.vault-grid .reward-locked small{color:var(--muted)}.vault-grid .reward-locked .reward-art{opacity:.65}.streak-collection{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.streak-badge{border:1px solid var(--line);background:var(--surface);box-shadow:none;border-radius:6px;padding:14px 6px}.streak-earned{border-color:color-mix(in srgb,var(--focus) 50%,var(--line));background:var(--surface-soft);box-shadow:inset 0 -2px 0 var(--tile-edge)}.streak-flame{filter:none}.streak-badge .streak-flame{width:27px;height:34px;transform:none!important}.streak-badge b{font-size:17px}.public-profile>.mini-label{display:none}.public-profile .avatar-preview{background:0 0;height:126px;margin:4px 0 16px}.public-profile .avatar-preview>.character-token{width:110px;height:124px;transform:none}.public-profile .public-stats>div{box-shadow:none;border:0;border-right:1px solid var(--line);background:0 0;border-radius:0}.public-profile .public-stats>div:last-child{border-right:0}.public-rewards>span{background:0 0;border:0;padding:5px 0;font-size:11px}.arena{overflow:hidden}.arena-toolbar{background:var(--surface);font-size:12px}.arena-toolbar button{border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:5px}.board,.board.roundtable{background:var(--surface-soft)}.board-grid{background-image:linear-gradient(var(--paper-rule) 1px,transparent 1px),linear-gradient(90deg,var(--paper-rule) 1px,transparent 1px);opacity:.35;background-size:32px 32px}.table-seat{box-shadow:none;border-radius:7px}.board .player-turn{box-shadow:0 0 0 1px var(--green);border-radius:8px}.turn-banner{border:0;border-bottom:1px solid var(--line);border-radius:0}.bomb-timer .bomb-body{background:var(--bomb-shell);box-shadow:0 3px 0 var(--shadow)}.cinematic-blast{background:0 0}.impact-flash{background:color-mix(in srgb,var(--tile) 60%,transparent)}.fireball-outer{background:var(--focus);filter:none}.fireball-core{background:var(--tile);filter:none}.shockwave{border-color:var(--focus);box-shadow:none}.wave-two{border-color:var(--coral);box-shadow:none}.smoke-puff{background:color-mix(in srgb,var(--muted) 20%,transparent);filter:none}.blast-debris{background:var(--focus);box-shadow:none}.debris-1{background:var(--tile-edge)}.debris-2{background:var(--coral)}.impact-caption{filter:none}.impact-caption>span{color:var(--ink);background:var(--tile);letter-spacing:0}.impact-caption>b{font-family:var(--font-display);color:var(--tile);text-shadow:0 3px 0 var(--coral);-webkit-text-stroke:1px var(--coral)}.cinematic-blast .impact-caption>strong{background:var(--tile);color:var(--tile-ink);border:1px solid var(--tile-edge);border-radius:6px}.rank-badge{letter-spacing:0;border-radius:4px}.alphabet-panel,.trail{box-shadow:none}.alphabet-grid span{font-family:var(--font-display);border-radius:3px;font-size:14px}.alphabet-earned{justify-content:center;align-items:center;gap:6px;font-size:11px;display:flex}.word-list{scrollbar-color:var(--line) var(--surface)}.word-list>div{background:0 0;border-radius:0}.room-seats>div{background:var(--surface);box-shadow:none;border-radius:6px}.room-seats .seat-empty{background:0 0;border-style:dashed}.board-channels,.hub-tabs{gap:6px}.board-channels button,.hub-tabs button,.live-filters button{border-radius:5px}.community-messages{background:var(--surface);border-radius:0}.community-messages article{border-bottom:1px solid var(--paper-rule)}.community-compose input{border-width:1px}.community-heading h2{font-size:24px}.leaderboard,.guide{padding:28px}.leaderboard h2,.guide h2{letter-spacing:-.8px;font-size:34px}.leaderboard-heading>div>.mini-label,.guide>.mini-label{display:none}.leaderboard>p,.guide>p{font-size:13px;line-height:1.7}.ladder-tiers{border-block:1px solid var(--line);gap:0;margin:24px 0;padding:14px 0}.ladder-tiers>div{border:0;border-right:1px solid var(--line);box-shadow:none;background:0 0;border-radius:0;padding:5px 8px}.ladder-tiers>div:last-child{border-right:0}.full-leaderboard{border:1px solid var(--line);box-shadow:none;border-radius:6px;overflow:hidden}.ladder-columns{background:var(--surface-soft);letter-spacing:0;font-size:11px}.ladder-row{border-radius:0}.ladder-you{background:var(--highlight)}.history-row{border:0;border-bottom:1px solid var(--line);box-shadow:none;background:0 0;border-radius:0;padding:16px 0}.history-outcome{letter-spacing:.5px;border-radius:4px;font-size:10px}.history-opponents .player-link{align-items:center;gap:4px;display:inline-flex}.history-row small{line-height:1.7}.guide-grid article{border:0;border-top:1px solid var(--line);background:0 0;border-radius:0;padding:20px 0}.guide-grid b{font-family:var(--font-display);color:var(--ink);font-size:21px;font-weight:400}.guide-grid p{font-size:13px;line-height:1.75}.search-guide{box-shadow:none;border-radius:8px}.live-game,.watch-table,.watch-trail{border-radius:8px}.watch-player{border-radius:6px}.result-card{box-shadow:0 3px 0 var(--shadow);border-top:3px solid var(--green);border-radius:8px}.daily-ready,.daily-arena{border:1px solid var(--line);border-radius:8px}.analytics-stat,.analytics-card{box-shadow:none;border-radius:8px}.analytics-card .analytics-stat{border:0;border-right:1px solid var(--line);background:0 0;border-radius:0}.analytics-card .analytics-stat:last-child{border-right:0}@media (max-width:1100px){.shell:not(.arena-expanded)>header{column-gap:20px}}@media (max-width:600px){.header-controls{gap:6px;margin-left:0}.header-controls>.sound,.header-controls>.profile,.header-controls>.mobile-menu>summary{width:44px;min-width:44px;height:44px;min-height:44px}.header-controls .game-icon{width:18px;height:18px}.shell:not(.arena-expanded)>header{gap:14px 12px;padding-block:12px 15px}.shell:not(.arena-expanded)>header>.brand{flex:100%;justify-content:center;margin:0}.shell:not(.arena-expanded)>header>.header-controls{justify-content:center;gap:10px;margin-inline:auto}.home-screen .header-controls>.music-toggle{display:grid}.avatar-modal{padding:22px 18px}.avatar-modal h2{margin-bottom:16px;font-size:28px}.profile-tabs{gap:20px;margin-bottom:20px}.profile-tabs button{font-size:12px}.profile-look{grid-template-columns:minmax(0,1fr);gap:20px}.profile-look .look-showcase{text-align:left;border-bottom:1px solid var(--line);padding:0;flex-direction:row;justify-content:flex-start;gap:18px;padding-bottom:18px}.profile-look .look-showcase>.character-token{width:96px;height:108px}.look-showcase h3{font-size:23px}.look-showcase small{max-width:22ch}.swatches{gap:8px}.swatches button>span{width:32px;height:34px}.avatar-modal .look-options fieldset{margin-bottom:18px}.shape-options .character-token{width:58px;height:65px}.reward-showcase{grid-template-columns:100px minmax(0,1fr);gap:0 12px;min-height:150px;padding:14px}.reward-podium{width:100px;height:126px}.reward-podium>.character-token{width:100px;height:113px}.reward-caption h3{font-size:23px}.reward-caption p{font-size:11px}.reward-grid.vault-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.vault-grid button{min-height:122px}.vault-grid .reward-name{min-height:0}.leaderboard,.guide{padding:20px 16px}.leaderboard h2,.guide h2{font-size:29px}.ladder-tiers{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 0}.ladder-tiers>div:nth-child(4n){border-right:0}.ladder-tiers b{font-size:10px}.ladder-tiers small{font-size:9px}.modal .close{top:10px;right:10px}}@media (max-width:400px){.shell:not(.arena-expanded)>header>.brand{flex:100%;justify-content:center;margin:0}.shell:not(.arena-expanded)>header>.header-controls{justify-content:center;gap:10px;margin-inline:auto}.header-controls>.sound,.header-controls>.profile,.header-controls>.mobile-menu>summary{width:44px;min-width:44px;height:44px;min-height:44px}.profile-tabs{gap:16px}.profile-tabs button{font-size:11px}}html[data-motion=reduced] .piece-portrait,html[data-motion=reduced] .reward-artwork,html[data-motion=reduced] .vault-grid button,html[data-motion=reduced] .header-controls>*{transition:none!important}@media (prefers-reduced-motion:reduce){html:not([data-motion=full]) .piece-portrait,html:not([data-motion=full]) .reward-artwork,html:not([data-motion=full]) .vault-grid button,html:not([data-motion=full]) .header-controls>*{transition:none!important}}.word-meaning{min-width:0;color:var(--ink)}.word-meaning>summary{cursor:pointer;text-align:left;touch-action:manipulation;border-radius:4px;align-items:center;gap:10px;min-height:44px;list-style:none;display:flex}.word-meaning>summary::-webkit-details-marker{display:none}.word-meaning>summary>b{overflow-wrap:anywhere;min-width:0;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:4px;flex:1}.word-meaning>summary>svg{color:var(--green);flex:none}.word-meaning>summary:hover>b,.word-meaning[open]>summary>b{-webkit-text-decoration-color:var(--green);text-decoration-color:var(--green)}.word-meaning>summary:focus-visible{outline:2px solid var(--green);outline-offset:2px}.word-meaning[open]>summary{color:var(--green)}.word-meaning-body{border-left:2px solid var(--green);text-align:left;font-family:var(--font-ui,"DM Sans",sans-serif);margin:2px 0 12px;padding:0 0 0 12px;font-size:13px;font-weight:400;line-height:1.55}.definition-panel{overflow-wrap:anywhere;min-width:0;color:var(--ink)}.definition-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.definition-heading h3{font:700 22px/1.2 var(--font-display);color:var(--ink);text-transform:none;letter-spacing:0;overflow-wrap:anywhere;margin:0}.definition-panel .definition-close{width:44px;height:44px;color:var(--muted);box-shadow:none;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.definition-panel p{color:var(--ink);margin:6px 0 10px;font-size:13px;line-height:1.55}.definition-panel .definition-clock-note{color:var(--green);margin:0 0 10px;font-size:12px;font-weight:600}.definition-select{color:var(--muted);gap:4px;margin:8px 0;font-size:12px;display:grid}.definition-select select{border:1px solid var(--line);background:var(--surface);width:100%;min-width:0;min-height:44px;color:var(--ink);border-radius:4px;padding:8px;font-size:16px}.definition-panel .definition-language{color:var(--muted);font-size:11px}.definition-panel .definition-senses{gap:8px;max-height:none;margin:8px 0 14px;padding:0 0 0 20px;list-style:decimal;display:grid;overflow:visible}.definition-panel .definition-senses>li{min-width:0;box-shadow:none;color:var(--ink);background:0 0;border:0;border-radius:0;padding:0;font-size:13px;display:list-item}.definition-senses>li>span{color:var(--muted);text-transform:lowercase;font-size:11px}.definition-senses>li>p{margin:0}.definition-panel .definition-numeral,.definition-panel .definition-spelling-note{font-size:12px}.definition-links{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.definition-links a{min-height:44px;color:var(--green);text-underline-offset:3px;align-items:center;gap:5px;font-size:13px;text-decoration:underline;display:inline-flex}.definition-credit{color:var(--muted);margin:4px 0 0;font-size:10px;line-height:1.6;display:block}.definition-credit a{color:inherit;text-decoration:underline}.trail .trail-learning-hint{color:var(--muted);margin:0;padding:0 19px 8px;font-size:11px;line-height:1.5}.word-list>.word-meaning{border-bottom:1px solid var(--line)}.word-list>.word-meaning>summary>span{flex:none}.arena-side .match-sidebar .trail:has(.word-meaning[open]){height:auto;max-height:520px}.trail:has(.word-meaning[open]) .word-list{flex:auto;max-height:380px}:is(.daily-trail>ol>li:has(.word-meaning),.watch-trail>ol>li:has(.word-meaning)){min-width:0;display:block}.daily-trail>ol>li:has(.word-meaning){background:var(--surface);color:var(--ink);box-shadow:0 2px 0 var(--line)}.watch-trail .word-meaning>summary>span{color:var(--muted);overflow-wrap:anywhere;max-width:40%;font-size:11px}.daily-trail>ol:has(.word-meaning[open]){display:block}.daily-trail>ol>li:has(.word-meaning[open]){width:100%;margin-top:8px}.watch-trail>ol>li:has(.word-meaning[open]){flex-basis:100%;width:100%}.word-learning-hint{color:var(--muted);font-size:12px;line-height:1.5}.result-card dl:has(.word-meaning[open]){grid-template-columns:minmax(0,1fr)}.result-card dd .word-meaning>summary{font-family:var(--font-display);font-size:20px}.result-card .word-learning-hint{color:var(--muted);margin:0 0 10px;font-size:12px}