:root{font-family:Microsoft YaHei UI,Microsoft YaHei,PingFang SC,system-ui,sans-serif;color:#ecf7ff;background:#02091a;font-synthesis:none;font-weight:500;--cyan:#28d9ff;--violet:#d86bff;--green:#7effa2;--red:#ff657c;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button,input,select{font:inherit}button{cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.42}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #fff;outline-offset:4px}button svg{flex-shrink:0}button{touch-action:manipulation}button:hover:not(:disabled){filter:brightness(1.18)}button:active:not(:disabled){filter:brightness(1.35)}h1,h2,h3,p{margin:0}button,select{-webkit-user-select:none;user-select:none}kbd{font:inherit}svg{width:1.25em;height:1.25em;vertical-align:middle}.game-shell{height:100dvh;min-height:500px;padding:14px 3% 10px;display:grid;grid-template-rows:90px minmax(0,1fr) 32px;gap:8px;background:#02091a url(/assets/arcade-background.png) center/cover no-repeat;isolation:isolate;overflow:hidden;position:relative;user-select:none;-webkit-user-select:none}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}.brand h1{font-size:clamp(30px,4.3vw,66px);font-weight:950;line-height:1;letter-spacing:5px;color:#f4fcff;text-shadow:0 0 5px #89ecff,0 4px 0 #0874ac,0 0 22px #0e92d4}.brand>span{display:flex;align-items:center;gap:10px;font-family:Segoe UI,sans-serif;font-size:10px;letter-spacing:3px;color:#78a5cb;margin:10px 0 0 3px}.brand i,.game-footer i{display:inline-block;width:3px;height:3px;background:currentColor;opacity:.7}.match-clock{text-align:center;font-variant-numeric:tabular-nums;align-self:center;min-width:166px}.match-clock>strong{display:block;font-family:Arial,sans-serif;font-size:clamp(38px,4.2vw,64px);letter-spacing:3px;font-weight:800;line-height:1;text-shadow:0 0 16px #b9daff6b}.match-clock>span{display:block;color:#aed7fa;font-size:15px;margin-top:5px;white-space:nowrap}.match-clock small{font-size:11px;color:#7d9dbe;margin-left:4px}.match-clock .speed-warning{color:#ffca6a;animation:gentle-blink .65s infinite alternate}.top-tools{justify-self:end;display:grid;justify-items:end;gap:9px}.lan-label{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:700;letter-spacing:1px;color:#c5d9fa}.lan-label svg{color:#b47bff}.toolbar{display:flex;gap:7px;align-items:center}.icon-button{display:inline-grid;place-items:center;width:36px;height:34px;padding:0;border:1px solid #5e83b055;border-radius:6px;background:#081832bd;color:#bad2ef;transition:background .15s}.icon-button svg{width:20px;height:20px}.toolbar select{height:34px;border:1px solid #5e83b055;border-radius:6px;background:#081832;color:#c9d9ec;font-size:13px;padding:0 8px}.toolbar select:disabled{opacity:.6}.arena{display:grid;grid-template-columns:minmax(0,1fr) 5.5% minmax(0,1fr);min-height:0}.player-area{--accent:var(--cyan);--accent-dim:#1f9fcc;--surface:#031c35;--tile:#092d4b;display:grid;grid-template-rows:minmax(0,1fr) clamp(76px,11vh,112px);gap:20px;min-width:0;min-height:0}.player-1{--accent:var(--violet);--accent-dim:#a13dcc;--surface:#171133;--tile:#261448}.board{display:flex;flex-direction:column;min-height:0;border:3px solid var(--accent);border-radius:10px;background:#030f23ed;box-shadow:0 0 10px color-mix(in srgb,var(--accent) 70%,transparent),inset 0 0 16px color-mix(in srgb,var(--accent) 13%,transparent);overflow:hidden;position:relative}.player-1 .board{background:#0c0a23ed}.player-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:6px;padding:14px 19px 13px;min-height:100px;flex-shrink:0}.player-identity{display:grid;gap:7px}.player-identity>strong{font-size:clamp(18px,2.2vw,34px);font-weight:850;color:var(--accent);text-shadow:0 0 12px color-mix(in srgb,var(--accent) 50%,transparent);white-space:nowrap}.player-status{font-size:11px;color:#6c96b7;white-space:nowrap}.player-1 .player-status{color:#9a80b9}.word-clue{text-align:center;min-width:100px;max-width:16vw}.word-clue h2{font-size:clamp(27px,3.5vw,52px);font-weight:900;letter-spacing:6px;line-height:1.17;white-space:nowrap;text-shadow:0 0 14px #b0c4ff30}.word-clue>span{display:block;font-size:15px;letter-spacing:2px;color:#9bc1e3;margin-top:6px;white-space:nowrap}.score{display:grid;justify-items:end;gap:0;font-variant-numeric:tabular-nums}.score>span{font-size:14px;letter-spacing:2px;color:#b3d4ee}.score>strong{color:var(--accent);font-size:clamp(24px,3.1vw,47px);font-family:Arial,sans-serif;line-height:1.1;text-shadow:0 0 13px color-mix(in srgb,var(--accent) 60%,transparent)}.playfield{position:relative;flex:1;min-height:0;margin:5px 19px 13px}.field-grid{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:repeat(var(--rows),1fr);pointer-events:none;opacity:.65}.grid-row{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));border-top:1px solid #24799f3d}.grid-row:last-child{border-bottom:1px solid #24799f3d}.grid-row>span{border-left:1px solid #24799f3d}.grid-row>span:last-child{border-right:1px solid #24799f3d}.player-1 .grid-row,.player-1 .grid-row>span{border-color:#7759a83d}.danger-line{position:absolute;top:0;left:0;right:0;border-top:3px dashed #ff657c;z-index:2;pointer-events:none;opacity:.9}.danger-line span{position:absolute;right:2px;top:5px;font-size:10px;letter-spacing:2px;color:#e8899f;opacity:.65}.in-danger .danger-line span{color:#ff6b7b;opacity:1;font-size:13px}.in-danger .board{box-shadow:0 0 18px #ff5b7755}.in-danger .danger-line{animation:gentle-blink .6s infinite alternate}.tile{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;border:2px solid var(--accent);border-radius:6px;background:var(--tile);font-size:clamp(23px,4vw,62px);font-weight:850;font-family:Arial,sans-serif;line-height:1;box-shadow:inset 0 0 18px color-mix(in srgb,var(--accent) 15%,transparent),0 0 9px color-mix(in srgb,var(--accent) 22%,transparent);text-shadow:0 0 10px #bcecff55;color:#f1faff}.word-row{position:absolute;left:0;right:0;height:calc(100% / var(--rows));padding:4px;display:grid;grid-template-columns:repeat(var(--letters),minmax(0,1fr));gap:8px;z-index:3}.empty-tile{border:2px dashed color-mix(in srgb,var(--accent) 60%,transparent);background:#02102666;box-shadow:none}.falling-tile{position:absolute;margin:4px;height:calc(100% / var(--rows) - 8px);z-index:5;background:var(--surface);box-shadow:0 0 8px var(--accent),inset 0 0 20px color-mix(in srgb,var(--accent) 28%,transparent),0 -16px 24px color-mix(in srgb,var(--accent) 12%,transparent);border-color:#dffcff;will-change:transform;transition:none}.landing-guide{position:absolute;height:calc(100% / var(--rows));border:2px solid var(--accent);opacity:.2;z-index:1;pointer-events:none}.success-row .tile{color:#e9ffef;border-color:#83ff9d;background:#0b502b;box-shadow:0 0 14px #69ff7b88,inset 0 0 15px #69ff7b44;animation:correct-flash .3s ease-in-out infinite alternate}.locked-row{gap:4px}.locked-row .tile{border-color:#bd4c62;background:#471f34;color:#d67e91;font-size:clamp(16px,2.8vw,40px);text-shadow:none;box-shadow:inset 0 0 12px #ff37491c;opacity:.85}.row-lock,.row-cross{position:absolute;width:12px;height:12px;color:#ff9ba9;z-index:4;top:7px}.row-lock{left:8px}.row-cross{right:8px}.fresh-error .tile{animation:wrong-flash .2s infinite alternate;border-color:#ff7689;color:#fff}.word-feedback{position:absolute;top:30%;left:0;right:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;pointer-events:none;z-index:6;text-shadow:0 0 20px currentColor;animation:feedback-in .22s ease-out}.word-feedback strong{font-size:clamp(24px,3.3vw,50px);font-weight:900;display:flex;align-items:center;gap:12px}.word-feedback strong svg{width:1.1em;height:1.1em}.word-feedback span{font-size:15px}.word-feedback small{font-size:12px;color:#df9aa9}.word-feedback.success{color:var(--green)}.word-feedback.error{color:#ff8094}.word-feedback.error b{font-family:Arial,sans-serif;font-size:22px;letter-spacing:3px}.word-progress{position:absolute;top:9px;left:3px;font-size:10px;color:#7395bd;letter-spacing:2px;opacity:.65;pointer-events:none}.versus{display:flex;justify-content:center;align-items:center;position:relative;margin-bottom:132px}.versus:before,.versus:after{content:"";position:absolute;width:2px;height:35%;background:#43c5f0;box-shadow:0 0 10px #43c5f0;top:2%}.versus:after{background:#b95cec;box-shadow:0 0 10px #b95cec;top:auto;bottom:2%}.versus>span{font-family:Arial,sans-serif;font-size:clamp(22px,3.6vw,54px);font-weight:950;font-style:italic;letter-spacing:-4px;color:#f9f3ff;text-shadow:-3px -2px 0 #20c9f4,3px 3px 0 #d847ff,0 0 20px #b43aff;transform:rotate(-8deg)}.controls{display:grid;grid-template-columns:1fr 1fr 1.14fr;gap:12px;min-height:0}.control-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:6px;border:2px solid var(--accent);border-radius:10px;background:var(--surface);box-shadow:0 0 9px color-mix(in srgb,var(--accent) 50%,transparent),inset 0 0 17px color-mix(in srgb,var(--accent) 16%,transparent);color:#effbff;touch-action:none;-webkit-touch-callout:none;transition:filter .1s,box-shadow .1s}.control-button:active:not(:disabled){background:color-mix(in srgb,var(--surface) 80%,var(--accent));box-shadow:0 0 18px var(--accent),inset 0 0 22px color-mix(in srgb,var(--accent) 40%,transparent)}.control-button:disabled{opacity:.4;box-shadow:inset 0 0 8px #0d69a01a}.control-label{display:flex;align-items:center;justify-content:center;gap:10px;font-size:clamp(18px,2vw,30px);font-weight:800;white-space:nowrap}.control-label svg{width:1.15em;height:1.15em}.keyboard-hint{font-size:clamp(13px,1.45vw,22px);color:#a1cbed;letter-spacing:1px}.player-1 .keyboard-hint{color:#d0acee}.keyboard-hint kbd{margin-left:5px}.game-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;color:#7095b8;letter-spacing:1px}.game-footer>span{display:flex;align-items:center;gap:6px;white-space:nowrap}.game-footer>p{display:flex;align-items:center;gap:12px;font-size:14px;color:#a0c5e6}.game-footer button{border:0;background:none;font-size:12px;color:#8caacb;display:flex;align-items:center;gap:7px;padding:4px;white-space:nowrap}.join-prompt{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:#030c20a6;padding:12px;gap:14px}.join-icon{width:58px;height:58px;color:var(--accent);margin-bottom:5px;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--accent) 65%,transparent))}.join-prompt h3{font-size:clamp(20px,2.2vw,30px);letter-spacing:2px;font-weight:850}.join-prompt p{font-size:14px;color:#98afc9}.join-button{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:10px;min-height:62px;min-width:230px;padding:12px 24px;font-size:24px;font-weight:800;color:#e6fbff;border:2px solid var(--accent);border-radius:8px;background:var(--surface);box-shadow:0 0 20px color-mix(in srgb,var(--accent) 40%,transparent),inset 0 0 20px color-mix(in srgb,var(--accent) 12%,transparent)}.join-button.is-ready{font-size:18px;color:var(--green);border-color:var(--green);box-shadow:0 0 15px #66ff9522;background:#083322}.join-note{display:flex;align-items:center;gap:8px;font-size:11px;color:#6486aa;margin-top:6px}.join-note i{width:1px;height:10px;background:#6486aa}.countdown-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:#020c20a6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.countdown-layer>strong{font:900 clamp(70px,10vw,160px)/1 Arial,sans-serif;color:var(--accent);text-shadow:0 0 25px var(--accent);animation:count-pop .5s ease-out}.countdown-layer>span{font-size:21px;letter-spacing:6px}.countdown-layer>small{font-size:14px;color:#90adcc}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#010617ca;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px;-webkit-user-select:text;user-select:text}.modal{width:min(100%,590px);max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain;background:#08172d;border:1px solid #346484;border-radius:16px;padding:26px;box-shadow:0 0 50px #03b8ff16;touch-action:pan-y}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.modal-header h2{font-size:25px;letter-spacing:2px}.modal-intro{color:#9ab8d7;line-height:1.8;font-size:14px;margin-bottom:20px}.primary-button,.secondary-button{width:100%;min-height:46px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;padding:10px 14px;font-weight:700;font-size:15px}.primary-button{color:#011523;background:#48dbff;border:1px solid #8bedff;margin-top:18px;box-shadow:0 0 14px #37c9ff22}.secondary-button{background:#122743;border:1px solid #355475;color:#b5cde7;margin-top:12px}.modal-actions{display:flex;gap:12px}.rules-content ol{list-style:none;counter-reset:rules;padding:0;margin:0;display:grid;gap:17px}.rules-content li{display:grid;grid-template-columns:27px 1fr;column-gap:10px;row-gap:3px;counter-increment:rules}.rules-content li:before{content:counter(rules);grid-row:span 2;color:#47d8ff;border:1px solid #36728b;border-radius:5px;align-self:start;text-align:center;line-height:25px;font-size:13px}.rules-content li>b{font-size:15px;color:#e4f5ff}.rules-content li>span{color:#93adca;font-size:13px;line-height:1.75}.rule-tip{display:flex;align-items:flex-start;gap:10px;margin-top:20px;background:#122944;color:#98c1df;border-radius:6px;padding:12px;line-height:1.8;font-size:12px}.rule-tip svg{color:#ffcf7a;flex-shrink:0;margin-top:3px}.rule-keyboard{font-size:12px;color:#aad4ef;margin-top:16px;text-align:center}.rule-footnote{font-size:11px;color:#7d97b5;line-height:1.8;margin-top:14px}.mute-switch{display:flex;align-items:center;gap:12px;width:100%;padding:16px;border:1px solid #37889a;border-radius:8px;background:#092a3a;color:#91ecff}.mute-switch b{margin-left:auto;font-size:12px;background:#12617a;border-radius:4px;padding:3px 8px}.mute-switch.muted{border-color:#40516b;background:#152238;color:#99acc1}.audio-slider{display:block;margin:24px 0}.audio-slider>span{display:flex;align-items:center;gap:9px;font-size:14px;color:#bad0e7}.audio-slider output{margin-left:auto;color:#63deff;font-size:13px}.audio-slider input{width:100%;height:30px;margin:10px 0 0;accent-color:#38d7ff;touch-action:pan-x}.pause-modal{text-align:center;width:min(100%,430px)}.pause-modal .modal-header{justify-content:center}.modal-hero-icon{width:66px;height:66px;color:#5addff;margin:10px 0 25px}.result-modal{width:min(100%,660px)}.result-hero{display:flex;align-items:center;flex-direction:column;gap:10px;text-align:center;margin:18px 0}.result-hero>svg{width:70px;height:70px;color:#ffcc64;filter:drop-shadow(0 0 12px #ffd06055)}.result-hero>strong{font-size:24px;color:#f9e5b7}.result-hero>span{font-size:12px;color:#95aec7}.result-scores{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.result-player{display:flex;flex-direction:column;gap:7px;align-items:center;padding:18px 4px;background:#091e36;border-top:2px solid var(--accent,var(--cyan));border-radius:4px}.result-player>b{color:var(--accent,var(--cyan));font-size:15px}.result-player>strong{font:800 36px Arial,sans-serif}.result-player small{font-size:13px;color:#88a2be}.result-player>span{font-size:12px;color:#90abc5}.review{font-size:13px;border-top:1px solid #26435e;padding:14px 0;color:#a8c5df}.review summary{cursor:pointer;min-height:28px}.review-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:12px}.review-columns h3{font-size:13px;color:#e8f5ff;margin-bottom:10px}.review-columns p{font-size:12px;display:flex;flex-wrap:wrap;gap:8px;padding:7px 0;border-bottom:1px solid #244057}.review-columns del{color:#d8758a;font-family:Arial,sans-serif}.review-columns b{color:#7beab2;font-family:Arial,sans-serif;letter-spacing:1px}.toast{position:fixed;z-index:110;top:20px;left:50%;transform:translate(-50%);padding:14px 24px;display:flex;align-items:center;gap:12px;color:#ffdd8a;border:1px solid #b18d40;background:#1c2635;box-shadow:0 0 35px #ffb70033;border-radius:8px;font-size:16px;pointer-events:none}.portrait-tip{display:none}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}@keyframes correct-flash{to{filter:brightness(1.5)}}@keyframes wrong-flash{to{background:#82243c;box-shadow:0 0 18px #ff3f63}}@keyframes gentle-blink{to{opacity:.4}}@keyframes count-pop{0%{transform:scale(1.2);opacity:.3}to{transform:scale(1);opacity:1}}@keyframes feedback-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1750px){.game-shell{padding-left:max(3%,calc((100vw - 1900px)/2));padding-right:max(3%,calc((100vw - 1900px)/2))}}@media(max-width:1100px){.game-shell{padding:10px 2% 6px;grid-template-rows:76px minmax(0,1fr) 28px;gap:8px}.brand h1{letter-spacing:3px}.brand>span{font-size:8px;letter-spacing:2px}.lan-label{font-size:13px}.top-tools{gap:7px}.toolbar{gap:5px}.icon-button{width:31px;height:30px}.toolbar select{height:30px;padding:0 4px;font-size:11px}.match-clock{min-width:120px}.match-clock>span{font-size:12px}.match-clock small{font-size:9px}.player-area{gap:14px;grid-template-rows:minmax(0,1fr) 88px}.player-header{padding:13px 12px 9px;min-height:91px}.player-status{font-size:9px}.word-clue{min-width:75px}.word-clue h2{letter-spacing:3px}.word-clue>span{font-size:12px;letter-spacing:1px}.playfield{margin:5px 12px 10px}.score>span{font-size:11px}.controls{gap:8px}.control-label{gap:5px}.game-footer{font-size:10px}.game-footer>p{font-size:12px}.game-footer button{font-size:10px}.versus{margin-bottom:102px}.join-prompt p{font-size:12px}.join-button{min-width:185px;font-size:21px}.join-button.is-ready{font-size:15px}.join-note{font-size:9px;gap:5px}.join-icon{width:48px;height:48px}.word-row{gap:5px;padding:3px}.falling-tile{margin:3px;height:calc(100% / var(--rows) - 6px)}.danger-line span{font-size:9px}.word-feedback span{font-size:12px}}@media(max-height:720px)and (min-width:701px){.game-shell{min-height:340px;grid-template-rows:62px minmax(0,1fr) 22px;gap:6px;padding-top:8px}.brand h1{font-size:36px}.brand>span{font-size:8px;margin-top:7px}.match-clock>strong{font-size:38px}.match-clock>span{font-size:11px}.lan-label{font-size:12px}.top-tools{gap:5px}.toolbar select,.icon-button{height:28px}.icon-button{width:30px}.player-area{gap:10px;grid-template-rows:minmax(0,1fr) 70px}.player-header{min-height:69px;padding:8px 12px 7px}.player-identity>strong{font-size:23px}.player-status{font-size:9px}.word-clue h2{font-size:32px}.word-clue>span{font-size:11px;margin-top:4px}.score>strong{font-size:31px}.score>span{font-size:10px}.tile{font-size:clamp(22px,5.7vh,42px)}.locked-row .tile{font-size:clamp(17px,4vh,30px)}.word-feedback strong{font-size:32px}.control-label{font-size:21px}.keyboard-hint{font-size:13px}.control-button{gap:4px}.game-footer>p{font-size:11px}.game-footer>span,.game-footer button{font-size:9px}.versus{margin-bottom:80px}.versus>span{font-size:35px}.join-prompt{gap:8px}.join-icon{width:35px;height:35px;margin:0}.join-prompt h3{font-size:22px}.join-prompt p{font-size:11px}.join-button{min-height:48px;margin-top:5px;font-size:20px}.join-button.is-ready{font-size:15px}.join-note{margin-top:2px}.word-progress{top:6px}}@media(max-width:700px){.game-shell{padding:9px 8px 6px;grid-template-rows:86px minmax(0,1fr) 36px;gap:8px;min-height:500px}.topbar{grid-template-columns:1fr auto;gap:5px}.brand h1{font-size:27px;letter-spacing:3px}.brand>span{font-size:7px;letter-spacing:1px;margin-top:6px}.match-clock{grid-column:2;grid-row:1;min-width:100px}.match-clock>strong{font-size:30px}.match-clock>span{font-size:10px}.match-clock small{font-size:8px}.top-tools{grid-column:1 / -1;grid-row:2;display:flex;justify-content:space-between;justify-self:stretch}.lan-label{font-size:10px;letter-spacing:0}.toolbar .icon-button{width:27px;height:26px}.toolbar select{height:26px}.toolbar{gap:6px}.icon-button svg{width:17px;height:17px}.arena{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr)}.player-area{grid-template-rows:minmax(0,1fr) 82px;gap:10px}.board{border-width:2px;border-radius:7px}.player-header{padding:9px 6px 7px;grid-template-columns:1fr auto;gap:6px;min-height:93px}.player-identity>strong{font-size:15px}.player-status{font-size:8px}.player-identity{gap:3px}.score{grid-column:2;grid-row:1;display:flex;align-items:center;gap:4px}.score>span{font-size:8px;letter-spacing:0}.score>strong{font-size:20px}.word-clue{grid-column:1 / -1;grid-row:2;max-width:none;min-width:0;display:flex;align-items:center;justify-content:center;gap:8px}.word-clue h2{font-size:24px;letter-spacing:2px}.word-clue>span{font-size:9px;letter-spacing:0;margin:0}.playfield{margin:4px 5px 6px}.danger-line{border-top-width:2px}.danger-line span{font-size:7px;letter-spacing:0}.tile{border-width:1px;border-radius:3px;font-size:clamp(18px,6vw,28px)}.word-row{gap:3px;padding:2px}.falling-tile{margin:2px;height:calc(100% / var(--rows) - 4px)}.locked-row{gap:2px}.locked-row .tile{font-size:17px}.row-lock,.row-cross{width:8px;height:8px;top:4px}.row-lock{left:4px}.row-cross{right:4px}.word-progress{font-size:7px;top:5px;letter-spacing:1px}.controls{gap:4px;grid-template-columns:1fr 1fr 1.15fr}.control-button{border-radius:6px;border-width:1px;gap:8px;padding:4px 1px}.control-label{gap:4px;flex-direction:column;font-size:12px;line-height:1;white-space:nowrap}.control-label svg{width:20px;height:20px}.keyboard-hint{font-size:9px;letter-spacing:0}.keyboard-hint kbd{margin-left:1px}.game-footer{gap:4px;justify-content:center}.game-footer>span,.game-footer button{display:none}.game-footer>p{font-size:9px;letter-spacing:0;gap:5px;flex-wrap:wrap;justify-content:center}.versus{margin-bottom:92px}.versus>span{font-size:17px;letter-spacing:-1px;text-shadow:-1px -1px 0 #20c9f4,1px 1px 0 #d847ff}.versus:before,.versus:after{width:1px;height:37%}.join-prompt{gap:10px;padding:7px}.join-icon{width:34px;height:34px}.join-prompt h3{font-size:15px;letter-spacing:0;line-height:1.6}.join-prompt p{font-size:10px;line-height:1.7}.join-button{min-width:0;width:100%;min-height:51px;padding:8px 5px;font-size:18px;gap:5px;margin-top:5px}.join-button.is-ready{font-size:11px;gap:2px}.join-note{font-size:9px;flex-direction:column;gap:3px;line-height:1.5}.join-note i{display:none}.word-feedback{gap:7px;top:27%}.word-feedback strong{font-size:20px;gap:4px}.word-feedback span{font-size:10px}.word-feedback.error b{display:block;font-size:18px;margin-top:7px}.word-feedback small{font-size:9px}.countdown-layer>span{font-size:15px;letter-spacing:3px}.countdown-layer>strong{font-size:80px}.countdown-layer>small{font-size:10px}.modal{padding:20px}.modal-header h2{font-size:21px}.review-columns{gap:12px}.result-player{padding:14px 4px}.result-player>span{font-size:10px}.toast{width:max-content;max-width:90%;font-size:12px;padding:12px}.portrait-tip{display:block;position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:8px;color:#506e8f;pointer-events:none}}@media(max-width:950px)and (max-height:480px){.game-shell{min-height:320px;grid-template-rows:48px minmax(0,1fr) 18px;padding-top:6px;gap:4px}.brand h1{font-size:28px}.brand>span{display:none}.match-clock>strong{font-size:30px}.match-clock>span{font-size:9px}.top-tools{gap:3px}.lan-label{font-size:10px}.icon-button,.toolbar select{height:24px}.icon-button{width:25px}.icon-button svg{width:16px}.player-area{grid-template-rows:minmax(0,1fr) 53px;gap:7px}.player-header{min-height:51px;padding:5px 10px}.player-identity>strong{font-size:18px}.player-status{font-size:8px}.word-clue h2{font-size:26px}.word-clue>span{font-size:9px;margin-top:2px}.score>strong{font-size:24px}.score>span{font-size:8px}.playfield{margin:3px 10px 7px}.tile{font-size:24px}.locked-row .tile{font-size:18px}.word-row{padding:2px;gap:4px}.falling-tile{height:calc(100% / var(--rows) - 4px);margin:2px}.control-button{gap:3px}.control-label{font-size:16px}.keyboard-hint{font-size:10px}.controls{gap:7px}.versus{margin-bottom:60px}.versus>span{font-size:29px}.join-icon{display:none}.join-prompt{gap:6px}.join-prompt h3{font-size:18px}.join-prompt p{font-size:10px}.join-button{min-height:40px;font-size:17px;min-width:160px}.join-button.is-ready{font-size:13px}.join-note{font-size:8px}.word-feedback{top:22%;gap:4px}.word-feedback strong{font-size:23px}.word-feedback span{font-size:10px}.word-feedback small{font-size:9px}.game-footer>p{font-size:9px}.game-footer>span,.game-footer button{font-size:8px}.countdown-layer>strong{font-size:74px}.countdown-layer>span{font-size:16px}.countdown-layer>small{font-size:10px}}html[data-motion=reduced] *,html[data-motion=reduced] *:before,html[data-motion=reduced] *:after{animation:none!important;transition:none!important}@media(min-width:1101px)and (min-height:721px){.game-shell{grid-template-rows:90px minmax(0,1fr) 72px}.brand h1{font-size:clamp(45px,5vw,76px)}.brand>span{margin-top:7px}.word-clue h2{font-size:clamp(35px,3.7vw,56px)}.word-feedback{top:38%}}.playfield{container-type:size}.falling-tile{width:min(calc(var(--field-width) / var(--columns) - 8px),calc(var(--field-height) / var(--rows) - 8px));height:min(calc(var(--field-width) / var(--columns) - 8px),calc(var(--field-height) / var(--rows) - 8px));margin:4px 0;transform:translate(-50%);font-size:min(calc(var(--field-width) * .09),calc(var(--field-height) * .09))}@media(min-width:1101px)and (min-height:721px){.brand h1{font-size:84px;letter-spacing:8px}.brand>span{display:none}.player-identity>strong{font-size:38px}.word-clue h2{font-size:64px;line-height:1.05;letter-spacing:7px}.word-clue:has(h2[data-long-clue=true]) h2{font-size:44px;letter-spacing:3px}.game-footer>p{font-size:17px}}.join-button{touch-action:none}.network-button{background:none;border:0;padding:0;cursor:pointer;color:#c5d9fa;font:inherit;font-size:15px;font-weight:700}.network-button:hover{text-decoration:underline;text-underline-offset:5px}.room-number{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;margin:12px 0 22px}.room-number>span{color:#7b9fbe;font-size:13px;letter-spacing:4px}.room-number>strong{font:800 56px/1.15 Arial,sans-serif;letter-spacing:10px;color:#64e1ff;text-shadow:0 0 18px #2edcff50}.room-number small{font-size:12px;color:#98b9d6}.connection-status{display:flex;justify-content:center;gap:16px;font-size:12px;color:#b78c9b;margin-bottom:20px}.connection-status .connected{color:#7deab1}.invite-label,.room-code-label{display:flex;flex-direction:column;gap:8px;color:#a8c7df;font-size:13px}.invite-label input,.room-code-label input{background:#031023;border:1px solid #345d7b;border-radius:7px;min-height:46px;padding:11px 13px;color:#d7f3ff;font:14px Arial,sans-serif;width:100%;-webkit-user-select:text;user-select:text}.room-code-label input{font-size:28px;letter-spacing:9px;text-align:center}.room-code-label input::placeholder{font-family:Microsoft YaHei,sans-serif;letter-spacing:2px;font-size:17px;color:#53718e}.room-divider{display:flex;justify-content:center;margin:26px 0 18px;font-size:12px;color:#7899b7}.text-button{background:none;border:0;color:#7899b7;font-size:12px;display:block;margin:18px auto 0;padding:6px}.network-error{font-size:13px;color:#ff91a3;margin:16px 0 0;line-height:1.8}.game-shell{--rows:16}.word-row{padding:2px 4px;gap:7px}.tile{font-size:min(calc(var(--field-height) * .047),32px);border-radius:4px;line-height:1}.locked-row .tile{font-size:min(calc(var(--field-height) * .039),25px)}.empty-tile{border-width:1px}.falling-tile{width:min(calc(var(--field-width) / var(--columns) - 8px),calc(var(--field-height) / var(--rows) - 4px));height:min(calc(var(--field-width) / var(--columns) - 8px),calc(var(--field-height) / var(--rows) - 4px));font-size:min(calc(var(--field-height) * .046),30px);margin:2px 0;border-radius:4px}.row-lock,.row-cross{width:9px;height:9px;top:4px}.row-lock{left:7px}.row-cross{right:7px}.particle-effect{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:7}.success-row .tile{animation:word-celebrate .54s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--tile-index) * 16ms);transform-origin:center}.word-feedback.success strong{animation:success-title .45s cubic-bezier(.2,1.5,.4,1) both;filter:drop-shadow(0 0 16px #59ff8a)}.word-feedback.success>span{font-size:17px;letter-spacing:2px;animation:points-rise .95s ease-out both}.board-error{animation:board-shake .34s ease-out}.fresh-error .tile{animation:word-lock .65s ease-out both}.word-feedback.error strong{animation:error-title .35s ease-out both}.speed-burst{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:45;overflow:hidden}.speed-announcement{position:absolute;left:50%;top:27%;display:flex;align-items:center;justify-content:center;gap:22px;padding:20px 36px;border:1px solid #ffd57c;background:#081a2fe8;box-shadow:0 0 45px #ffc04455,inset 0 0 20px #ffc04418;color:#ffe09a;border-radius:9px;animation:speed-enter 1.8s ease-in-out both;white-space:nowrap}.speed-announcement>svg{width:36px;height:48px;filter:drop-shadow(0 0 10px #ffce64)}.speed-announcement>div{display:flex;flex-direction:column;align-items:center;gap:8px}.speed-announcement strong{font-size:34px;letter-spacing:6px;color:#fff1c6;text-shadow:0 0 16px #ffca65}.speed-announcement span{font-size:14px;letter-spacing:3px;color:#e3c99c}.speed-active .board{animation:speed-rim 1.8s ease-out}.speed-active .match-clock>strong{animation:clock-boost .6s ease-in-out 3}.design-preview .success-row .tile,.design-preview .fresh-error .tile{animation-iteration-count:infinite;animation-duration:1.5s}.repeat-effect .speed-announcement{animation-iteration-count:infinite;animation-duration:2.2s}@keyframes word-celebrate{0%{transform:scale(.88);filter:brightness(2.1);opacity:1}18%{transform:scale(1.1);filter:brightness(1.6)}38%,62%{transform:scale(1);filter:brightness(1.25);opacity:1}to{transform:translateY(-26px) scale(.6);filter:brightness(2);opacity:0}}@keyframes success-title{0%{transform:scale(.65) translateY(12px);opacity:0}65%{transform:scale(1.1);opacity:1}to{transform:scale(1)}}@keyframes points-rise{0%,12%{transform:translateY(15px);opacity:0}35%,75%{opacity:1}to{transform:translateY(-9px);opacity:.8}}@keyframes board-shake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}35%{transform:translate(6px)}55%{transform:translate(-4px)}75%{transform:translate(3px)}}@keyframes word-lock{0%{transform:scale(1.08);background:#a73250;filter:brightness(1.7);box-shadow:0 0 24px #ff466e}55%{transform:scale(.97);background:#60253c;filter:brightness(1.2)}to{transform:scale(1);background:#471f34;filter:brightness(1);box-shadow:inset 0 0 14px #ff37492b}}@keyframes error-title{0%{transform:translateY(-8px) scale(1.2);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes speed-enter{0%{transform:translate(-50%,-20px) scale(.75);opacity:0}15%{transform:translate(-50%) scale(1.04);opacity:1}25%,72%{transform:translate(-50%) scale(1);opacity:1}to{transform:translate(-50%,20px) scale(1.08);opacity:0}}@keyframes speed-rim{0%,30%{box-shadow:0 0 27px #ffd56caa,inset 0 0 20px #ffdb6b22}to{box-shadow:0 0 10px color-mix(in srgb,var(--accent) 70%,transparent),inset 0 0 16px color-mix(in srgb,var(--accent) 13%,transparent)}}@keyframes clock-boost{50%{color:#ffdc83;text-shadow:0 0 23px #ffb435;transform:scale(1.05)}}html[data-motion=reduced] .success-row .tile{opacity:1!important;transform:none!important}html[data-motion=reduced] .speed-announcement{opacity:1;transform:translate(-50%)}html[data-motion=reduced] .particle-effect,html[data-motion=reduced] .victory-effects{display:none}.finished-overlay{position:absolute;z-index:8;inset:18% 7% auto;display:flex;align-items:center;flex-direction:column;padding:30px 18px;background:linear-gradient(145deg,#07182cf5,#13243aef);border:1px solid var(--accent);border-radius:20px;box-shadow:0 0 45px #0009,inset 0 0 32px color-mix(in srgb,var(--accent) 10%,transparent);text-align:center;gap:10px;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.finished-overlay>svg{width:42px;height:42px;color:var(--accent)}.finished-kicker{font-size:12px;letter-spacing:2px;color:var(--accent)}.finished-overlay h3{font-size:25px;margin:3px 0}.finished-overlay>strong{font-size:48px;color:var(--accent);font-variant-numeric:tabular-nums;line-height:1.2}.finished-overlay small{font-size:16px}.finished-overlay p{margin:4px 0 0;font-size:17px}.finished-overlay>span:last-child{font-size:12px;color:#a3b5cd}.victory-effects{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:110;pointer-events:none}.result-modal{isolation:isolate;border-color:#b58c48!important;background:radial-gradient(ellipse at 50% 15%,#4c3b2538,transparent 55%),linear-gradient(145deg,#10223a,#091629)!important;box-shadow:0 0 90px #ffcc5526,0 30px 90px #000b!important;animation:ceremony-enter .65s cubic-bezier(.16,1,.3,1) both}.result-modal .modal-header h2{font-size:23px}.result-modal .result-hero{gap:8px;margin:8px 0 0;text-align:center}.trophy-stage{position:relative;display:grid;place-items:center;width:160px;height:120px;margin:0 auto 2px}.result-hero .trophy-stage .victory-trophy{position:relative;width:106px;height:106px;z-index:1;color:#ffdc85;filter:drop-shadow(0 0 22px #ffcc5688);animation:trophy-arrival 1.05s cubic-bezier(.2,.8,.3,1.25) both,trophy-float 3s 1.1s ease-in-out infinite}.trophy-rays{position:absolute;top:-35px;right:-35px;bottom:-35px;left:-35px;opacity:.45;background:repeating-conic-gradient(from 0deg,#ffcf6033 0deg 7deg,transparent 7deg 30deg);-webkit-mask-image:radial-gradient(ellipse,#000 15%,transparent 66%);mask-image:radial-gradient(ellipse,#000 15%,transparent 66%);animation:trophy-rays 24s linear infinite}.trophy-ring{position:absolute;width:116px;height:116px;border:1px solid #ffda7c60;border-radius:50%;box-shadow:0 0 35px #ffcc5526,inset 0 0 28px #ffcc5520;animation:trophy-ring 1.1s ease-out both}.result-hero .victory-eyebrow{color:#e4bf79;font-size:11px;letter-spacing:3px;font-weight:700}.result-hero .victory-title{font-size:32px;line-height:1.35;color:#fff0c6;text-shadow:0 0 28px #ffc85755;animation:winner-reveal .7s .2s both}.result-hero .winning-score strong{font-size:52px;line-height:1.15;color:#fd8;letter-spacing:1px;font-variant-numeric:tabular-nums}.winning-score strong small{font-size:17px}.result-hero .victory-explanation{margin:0 0 4px;color:#e8d0a4;font-size:13px}.result-hero>span:last-child{font-size:12px;color:#92a5c0}.result-modal .result-scores{margin:20px 0 16px;gap:14px}.result-modal .result-player{position:relative;border-radius:13px;border:1px solid #314761;border-top:2px solid var(--accent);padding:14px 12px;gap:6px;animation:winner-reveal .7s .35s both}.result-modal .result-player.is-winner{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 12%,#091e36),#101c31);border-color:var(--accent);box-shadow:0 0 24px color-mix(in srgb,var(--accent) 13%,transparent)}.result-player .result-badge{font-size:11px;letter-spacing:1px;display:flex;align-items:center;justify-content:center;gap:5px;color:#8fa3bf;min-height:18px}.is-winner .result-badge{color:#ffda7c}.result-badge svg{width:16px;height:16px}.result-modal .result-player strong{font-size:33px;font-variant-numeric:tabular-nums}.result-player strong small{font-size:13px}.result-player>span:last-child{font-size:12px}.result-modal .primary-button{box-shadow:0 0 22px #37d6ff24}@keyframes ceremony-enter{0%{opacity:0;transform:translateY(25px) scale(.94)}to{opacity:1;transform:none}}@keyframes trophy-arrival{0%{opacity:0;transform:translateY(30px) scale(.15) rotate(-25deg)}65%{opacity:1;transform:translateY(-6px) scale(1.12) rotate(6deg)}to{transform:none}}@keyframes trophy-float{50%{transform:translateY(-6px);filter:drop-shadow(0 0 30px #ffcc56bb)}}@keyframes trophy-rays{to{transform:rotate(360deg)}}@keyframes trophy-ring{0%{opacity:0;transform:scale(.2)}70%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes winner-reveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.result-player.player-0{--accent:var(--cyan)}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.result-actions .primary-button,.result-actions .secondary-button{margin:0}.dense-word .word-row{gap:3px;padding-inline:2px}.dense-word .tile{font-size:20px;border-radius:3px}.dense-word .locked-row .tile{font-size:17px}.dense-word .row-lock,.dense-word .row-cross{width:8px;height:8px;top:3px}.dense-word .row-lock{left:3px}.dense-word .row-cross{right:3px}.keyboard-hint .drop-points{color:#ffdc83;font-size:11px;margin-left:8px;letter-spacing:0;font-weight:700}.drop-boost{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:7}.drop-trail{position:absolute;width:7px;transform:translate(-50%);border-radius:20px;background:linear-gradient(to bottom,transparent 0%,color-mix(in srgb,var(--accent) 12%,transparent) 12%,var(--accent) 80%,#fff 100%);box-shadow:0 0 14px var(--accent),0 0 32px color-mix(in srgb,var(--accent) 60%,transparent);transform-origin:50% 0;animation:drop-light-tail .65s ease-out both}.drop-trail:before,.drop-trail:after{content:"";position:absolute;inset:15% auto 0;width:1px;background:linear-gradient(transparent,var(--accent),#fff);opacity:.65}.drop-trail:before{left:-9px}.drop-trail:after{right:-9px}.drop-comet{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);width:16px;height:25px;border-radius:50%;background:radial-gradient(ellipse,#fff 15%,var(--accent) 45%,transparent 75%);filter:drop-shadow(0 0 9px var(--accent));animation:drop-comet-fall .22s cubic-bezier(.5,0,1,1) both}.drop-reward{position:absolute;top:12%;right:8%;display:flex;align-items:center;gap:5px;color:#ffdd86;text-shadow:0 0 13px #ffd77788;animation:drop-reward-rise .7s ease-out both}.drop-reward svg{width:21px;height:21px}.drop-reward strong{font:900 35px/1 Arial,sans-serif}.drop-reward span{font-size:12px;font-weight:700}@keyframes drop-light-tail{0%{opacity:0;transform:translate(-50%) scaleY(.05)}18%{opacity:1;transform:translate(-50%) scaleY(.65)}35%{opacity:1;transform:translate(-50%) scaleY(1)}to{opacity:0;transform:translate(-50%) scaleY(1)}}@keyframes drop-comet-fall{0%{top:0}to{top:100%}}@keyframes drop-reward-rise{0%{opacity:0;transform:translateY(15px) scale(.75)}20%,55%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-22px) scale(1)}}html[data-motion=reduced] .drop-trail{display:none}html[data-motion=reduced] .drop-reward{opacity:1;transform:none}.repeat-drop .drop-trail,.repeat-drop .drop-comet,.repeat-drop .drop-reward{animation-iteration-count:infinite;animation-duration:1.6s}.word-clue:has(h2[data-long-clue=true]) h2{font-size:clamp(22px,calc(14vw / var(--clue-length)),44px);letter-spacing:2px}.lobby-unit-picker{min-width:240px}.unit-picker{display:flex;align-items:center;flex-direction:column;gap:6px}.unit-picker>span{color:#9db5cf;font-size:12px;font-weight:700;letter-spacing:3px}.unit-picker select{height:43px;max-width:100%;min-width:224px;padding:0 30px 0 15px;border:1px solid #43cce4;border-radius:9px;background:#09233b;color:#e5faff;font-size:17px;font-weight:750;text-align:center;box-shadow:0 0 18px #2ddcff17;cursor:pointer}.unit-picker select:disabled{border-color:#465b78;color:#a0b5ce;cursor:default;box-shadow:none}.unit-picker>small{font-size:10px;letter-spacing:0;color:#83a3bf;white-space:nowrap;margin:0}.motion-switch{margin:8px 0 16px}.motion-switch>span{text-align:left}.motion-switch small{display:block;font-size:10px;font-weight:400;color:#83a3bf;margin-top:5px}.score .pending-reward{font-size:10px;font-weight:600;color:#83dfff;letter-spacing:0;white-space:nowrap;margin-top:4px}.score .pending-reward.success{color:#a0ffb7}.score .pending-reward.error{color:#ff8d9f}.drop-trail{width:15px;background:linear-gradient(to bottom,transparent 0%,color-mix(in srgb,var(--accent) 28%,transparent) 9%,var(--accent) 42%,#c5fbff 78%,#fff 100%);border:1px solid #dcffffaa;box-shadow:0 0 12px #fff9,0 0 28px var(--accent),0 0 56px var(--accent);animation-duration:.95s}.drop-trail:before,.drop-trail:after{width:3px;opacity:.9;box-shadow:0 0 12px var(--accent)}.drop-trail:before{left:-15px}.drop-trail:after{right:-15px}.drop-comet{width:32px;height:46px;filter:drop-shadow(0 0 12px #fff) drop-shadow(0 0 22px var(--accent));animation-duration:.24s}.drop-impact{position:absolute;left:50%;bottom:-11px;width:64px;height:24px;border:2px solid #d7ffff;border-radius:50%;box-shadow:0 0 24px var(--accent);animation:drop-impact-ring .9s ease-out both}.drop-reward{top:10%;right:5%;padding:9px 13px;border:1px solid #70dfff99;border-radius:10px;background:#09253be8;color:#95e6ff;text-shadow:0 0 12px #39c8ff77;box-shadow:0 0 25px #29c5ff25;gap:9px;animation-duration:1.05s}.drop-reward svg{width:25px;height:30px}.drop-reward>div{display:grid;gap:5px}.drop-reward strong{font-size:31px}.drop-reward strong small{font:700 13px/1 Microsoft YaHei,sans-serif}.drop-reward span{font-size:10px;letter-spacing:1px;color:#bad5e4}.word-feedback.success>.settlement-total{animation:none;font:900 43px/1.15 Arial,sans-serif;letter-spacing:0;color:#ffdf8b;text-shadow:0 0 20px #ffc85e55}.settlement-total small{font:700 14px Microsoft YaHei,sans-serif;color:#baffc9}.word-feedback .reward-breakdown{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;padding:8px 12px;border-radius:9px;background:#082c24e8;border:1px solid #6dffa25c;box-shadow:0 0 25px #5cff8820}.word-feedback .reward-breakdown span{font-size:12px;letter-spacing:0;color:#c7f9d4}.word-feedback .settlement-note{color:#a1e4b4;font-size:11px}.word-feedback .forfeited-reward{font-size:11px;color:#ffb1bf;padding:6px 10px;background:#452035d9;border:1px solid #ff7d9655;border-radius:7px}@keyframes drop-impact-ring{0%,15%{opacity:0;transform:translate(-50%) scale(.1)}30%{opacity:1;transform:translate(-50%) scale(.6)}to{opacity:0;transform:translate(-50%) scale(1.8)}}html[data-motion=reduced] .drop-impact{display:none}.keyboard-hint .drop-points{color:#94dcff;font-size:10px}.word-feedback{z-index:9}.word-feedback.success{left:9%;right:9%;padding:14px 10px;background:linear-gradient(135deg,#062820f5,#081f25f5);border:1px solid #75ff9566;border-radius:14px;box-shadow:0 0 32px #55ff7d20}.word-feedback.error{left:8%;right:8%;padding:14px 8px;background:#281527f5;border:1px solid #ff8b9955;border-radius:12px;box-shadow:0 0 26px #ff617a1c}.game-shell{grid-template-rows:86px 54px minmax(0,1fr) 30px}.lobby-clock strong{font-size:27px;letter-spacing:3px;color:#d5ecff}.lobby-clock span{display:block;font-size:11px;margin-top:9px;color:#7ea2c2;letter-spacing:1px}.preparation-bar{display:flex;align-items:center;gap:22px;padding:8px 16px;background:#07182be6;border:1px solid #5880af40;border-radius:10px}.play-mode-picker{display:flex;gap:3px;padding:3px;background:#020b1b;border:1px solid #365170;border-radius:8px;flex-shrink:0}.play-mode-picker button{border:0;border-radius:5px;background:transparent;color:#88a5c3;font-size:13px;padding:7px 16px}.play-mode-picker button.selected{background:#13435a;color:#b5f3ff;box-shadow:inset 0 0 0 1px #55dcff80}.play-mode-picker button:disabled.selected{opacity:1}.preparation-bar label{display:flex;align-items:center;gap:10px;font-size:12px;color:#91abc8;white-space:nowrap}.preparation-bar select{height:32px;border:1px solid #37577a;border-radius:6px;background:#0a213a;color:#d8f2ff;font-size:13px;padding:0 28px 0 10px}.preparation-bar select:disabled{opacity:.7}.scope-note{margin-left:auto;color:#7896b5;font-size:11px;white-space:nowrap}.solo-arena{grid-template-columns:minmax(0,1fr) 310px;gap:32px;max-width:1260px;width:100%;margin:auto;height:100%}.solo-companion{border:1px solid #44678b66;border-radius:14px;background:linear-gradient(150deg,#0a2135ee,#0a1024ee);padding:23px;overflow:auto;min-height:0}.solo-eyebrow{font:700 10px Arial;letter-spacing:3px;color:#4ddaff}.solo-companion h2{font-size:24px;margin:12px 0;color:#e6f5ff}.solo-companion>p{color:#89aac4;font-size:12px;line-height:1.9}.solo-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.solo-stats>div{background:#0a2b40;border:1px solid #35708c66;border-radius:9px;padding:12px;display:grid;gap:5px}.solo-stats strong{font:800 29px Arial;color:#8ceaff}.solo-stats span{font-size:11px;color:#9db9ce}.solo-instructions h3,.solo-recent h3{font-size:13px;color:#d1eaff;margin:16px 0 8px}.solo-instructions p{color:#84a1bb;font-size:12px;line-height:1.85}.solo-recent h3{display:flex;justify-content:space-between}.solo-recent h3 small{font-weight:400;color:#658da9;font-size:10px}.solo-recent>p{color:#5f819e;font-size:11px;padding:10px 0}.solo-recent>button{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;border:0;border-top:1px solid #48708c40;background:transparent;padding:9px 0;color:#72dfff}.solo-recent>button span{display:grid;gap:4px}.solo-recent b{font:700 17px Arial}.solo-recent small{font-size:10px;color:#8babc5}.pronounce-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #4ddaff66;border-radius:20px;background:#0c3044;color:#92eaff;font-size:11px;padding:5px 9px;margin-top:8px;letter-spacing:0}.word-clue:has(.pronounce-button){max-width:26vw}.solo-arena .word-clue h2[data-long-clue=true]{font-size:clamp(19px,calc(28vw / var(--clue-length)),40px)}.solo-arena .player-header{min-height:126px}.solo-result-scores{grid-template-columns:1fr;max-width:360px;margin-inline:auto}.review .pronounce-button{margin:0;font-size:10px;flex-shrink:0}.drop-trail{border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 0 9px var(--accent)) drop-shadow(0 0 18px var(--accent));background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--accent) 12%,transparent) 12%,var(--accent) 48%,#e7ffff 100%)}.tile:not(.empty-tile){--glass-rgb:45,215,255;border:1px solid rgba(var(--glass-rgb),.85);border-radius:2px;background:linear-gradient(135deg,#ffffff21 0%,#ffffff05 26%,transparent 27%),linear-gradient(180deg,rgba(var(--glass-rgb),.16),rgba(var(--glass-rgb),.055) 56%,rgba(var(--glass-rgb),.12));-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 1px #ffffff38,inset 0 0 9px rgba(var(--glass-rgb),.14),0 0 5px rgba(var(--glass-rgb),.2);text-shadow:0 0 6px rgba(var(--glass-rgb),.6);color:#effcff;overflow:visible;font-size:min(calc(var(--field-height) / var(--rows) - 6px),26px)}.player-1 .tile:not(.empty-tile){--glass-rgb:210,114,255}.word-row .tile:not(.empty-tile){width:auto;height:auto;justify-self:stretch}.tile:not(.empty-tile):before,.tile:not(.empty-tile):after{content:none}.falling-tile.tile{border-color:#b7f1ff;box-shadow:inset 0 1px #ffffff58,inset 0 0 8px rgba(var(--glass-rgb),.2),0 0 8px rgba(var(--glass-rgb),.55);background:linear-gradient(135deg,#ffffff36,transparent 35%),linear-gradient(180deg,rgba(var(--glass-rgb),.22),rgba(var(--glass-rgb),.08))}.success-row .tile:not(.empty-tile){--glass-rgb:94,255,151;border-color:#a2ffc1;background:linear-gradient(180deg,#7dff9c33,#28a65625);box-shadow:inset 0 1px #ffffff48,inset 0 0 9px #6dff9d33,0 0 12px #6dff9d66}.locked-row .tile:not(.empty-tile){--glass-rgb:255,91,139;border-color:#bb4f65;color:#d37a91;background:linear-gradient(180deg,#8b314740,#551c3633);box-shadow:inset 0 1px #ffbdce16,inset 0 0 9px #b238522a;text-shadow:0 0 4px #a9315244;opacity:.88}.pronounce-button.is-speaking{background:#15506a;border-color:#b8f5ff;box-shadow:0 0 14px #3bd7ff4d;color:#e6ffff}.review-columns:has(>div:only-child){grid-template-columns:1fr}.locked-row.shattering-row{opacity:0;pointer-events:none}.shatter-effect{position:absolute;left:0;right:0;z-index:10;pointer-events:none;--fracture:#9fffd2}.shatter-strike{position:absolute;left:50%;top:-110%;height:160%;width:22px;background:linear-gradient(180deg,transparent,#77ffbb 35%,#fff);clip-path:polygon(38% 0,95% 0,59% 45%,100% 45%,10% 100%,37% 55%,0 55%);filter:drop-shadow(0 0 12px #84ffbf)}.shatter-cracks{position:absolute;top:1px;right:3px;bottom:1px;left:3px;box-shadow:0 0 25px #8dffb9,inset 0 0 20px #a7ffd6;background:#ccffdf66;border:1px solid #eafff2;border-radius:3px}.shatter-cracks svg{width:100%;height:100%;stroke:#fff;stroke-width:2;fill:none;filter:drop-shadow(0 0 4px #fff)}.shatter-particles{position:absolute;left:0;width:100%;pointer-events:none}.shatter-lensflare{position:absolute;left:0;right:0;top:50%;height:3px;background:#f5ffff;box-shadow:0 0 12px #fff,0 0 32px #8affc4,0 0 70px #62fff7;transform-origin:center}.shatter-wave-outer{border-color:#8ef3ff!important;border-width:1px!important;box-shadow:0 0 18px #67ecff!important}.shatter-shockwave{position:absolute;left:50%;top:50%;width:55%;height:130%;border:2px solid #c5ffda;border-radius:50%;box-shadow:0 0 22px #73ffac,inset 0 0 16px #acffd1}.mini-board .shatter-strike{width:10px}.opponent-clue{font-size:14px;color:#e4d7fa;margin-top:4px}.opponent-clue small{font-size:9px;color:#8e81a9}.game-shell.focused-layout{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(310px,1fr);grid-template-rows:minmax(0,1fr);height:100dvh;min-height:560px;padding:12px 14px;gap:18px}.primary-stage{position:relative;min-width:0;min-height:0}.board-corner-label{position:absolute;left:23px;top:13px;z-index:6;color:#7faac5;font-size:10px;letter-spacing:2px;pointer-events:none}.focused-layout .player-area{display:block;min-height:0;height:100%}.focused-layout .board{height:100%;min-height:0}.focused-layout .main-board .playfield{margin:36px 18px 12px;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:contain}.focused-layout .main-board .tile:not(.empty-tile){font-size:min(calc(var(--field-height) / var(--rows) - 6px),28px)}.game-sidebar{display:flex;flex-direction:column;gap:10px;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#355778 transparent;padding:2px 5px 4px 1px;overscroll-behavior:contain}.sidebar-brand{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:2px 1px}.sidebar-brand h1{font-size:27px;letter-spacing:3px;font-weight:950;color:#edfbff;text-shadow:0 0 15px #4cceff66;line-height:1.1}.sidebar-brand>div>span{display:block;margin-top:5px;font:9px Arial;letter-spacing:3px;color:#668caa}.sidebar-brand .network-button{display:flex;align-items:center;gap:5px;font-size:11px;white-space:nowrap;color:#b2d7ef}.sidebar-toolbar{display:flex;gap:7px;align-items:center}.sidebar-toolbar .icon-button{height:31px;width:34px}.sidebar-toolbar>span{margin-left:auto;font-size:10px;color:#7595b5}.sidebar-settings{border:1px solid #41618466;border-radius:9px;background:#081a2de0;color:#accee6;flex-shrink:0}.sidebar-settings>summary{cursor:pointer;font-size:12px;padding:9px 11px;line-height:1.5}.sidebar-settings>summary>small{float:right;font-size:9px;color:#7499b6;margin-left:5px}.sidebar-settings-content{padding:0 11px 11px;display:grid;gap:8px}.sidebar-settings-content .play-mode-picker{justify-content:stretch}.sidebar-settings-content .play-mode-picker button{flex:1;font-size:11px;padding:7px 5px}.sidebar-settings-content label{display:grid;grid-template-columns:30px minmax(0,1fr);gap:5px;align-items:center;color:#8dafc8;font-size:11px}.sidebar-settings-content select{width:100%;min-width:0;height:30px;background:#0b233b;color:#d5ecff;border:1px solid #375a7b;border-radius:5px;font-size:11px;padding:0 7px}.sidebar-settings-content>small{font-size:9px;color:#6d96b4}.player-readout{--accent:var(--cyan);padding:11px 12px;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);background:#071d30e8;border-radius:10px;flex-shrink:0}.player-readout.player-1{--accent:var(--violet)}.readout-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.readout-top>span{font-size:11px;color:var(--accent)}.readout-top>strong{font:800 27px Arial;color:var(--accent);font-variant-numeric:tabular-nums}.readout-top>strong small{font:10px Microsoft YaHei,sans-serif;color:#92b6cb}.player-readout h2{font-size:clamp(17px,calc(360px / var(--clue-length)),29px);font-weight:850;line-height:1.3;margin:5px 0 4px;letter-spacing:1px;overflow-wrap:anywhere;color:#f0faff}.clue-actions{display:flex;align-items:center;gap:10px;justify-content:space-between;min-height:24px}.clue-actions>span{font-size:11px;color:#8caec8}.clue-actions .pronounce-button{margin:0;padding:4px 8px;font-size:10px}.readout-status{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;margin-top:8px;font-size:9px;color:#85a5bd}.readout-status .pending-reward{color:#79cce9}.readout-status .pending-reward.success{color:#a2ffc0}.readout-status .pending-reward.error{color:#ff94a5}.sidebar-clock{display:flex;align-items:center;justify-content:space-between;padding:0 3px;flex-shrink:0}.sidebar-clock>strong{font:800 26px Arial;letter-spacing:2px;color:#d8eaff}.sidebar-clock>span{display:flex;align-items:center;gap:9px;font-size:12px;color:#b4d8ef}.sidebar-clock small{font-size:10px;color:#769bb7}.opponent-preview{display:flex;flex-direction:column;gap:7px;min-height:205px;flex:1;max-height:44vh}.opponent-preview>header{display:flex;gap:9px;align-items:center;font-size:11px;color:#a7bdd8;flex-shrink:0}.opponent-preview>header>strong{margin-left:auto;font:750 20px Arial;color:#caaff7}.opponent-preview>header small{font:9px Microsoft YaHei,sans-serif}.opponent-preview>header>span:last-child{font-size:9px;color:#7997b4}.opponent-preview .player-area{flex:1;min-height:180px;height:auto}.focused-layout .mini-board .board{border-width:2px;box-shadow:0 0 8px color-mix(in srgb,var(--accent) 34%,transparent)}.focused-layout .mini-board .playfield{margin:14px 8px 7px;touch-action:auto}.focused-layout .mini-board .tile:not(.empty-tile){font-size:min(calc(var(--field-height) / var(--rows) - 5px),13px)}.mini-board .word-row{padding:1px 2px;gap:3px}.mini-board .danger-line{border-top-width:1px}.mini-board .danger-line span{font-size:6px;letter-spacing:1px;top:3px}.mini-board .word-progress{font-size:7px;top:3px}.mini-board .row-lock,.mini-board .row-cross{width:6px;height:6px;top:2px}.mini-board .row-lock{left:3px}.mini-board .row-cross{right:3px}.mini-board .drop-trail{width:5px;filter:drop-shadow(0 0 5px var(--accent))}.mini-board .drop-trail:before{left:-5px}.mini-board .drop-trail:after{right:-5px}.mini-board .drop-comet{width:15px;height:21px}.mini-board .drop-impact{width:25px;height:11px}.mini-board .drop-reward{display:none}.mini-board .word-feedback{top:32%;gap:4px;padding:6px}.mini-board .word-feedback strong{font-size:17px;gap:5px}.mini-board .word-feedback.success>.settlement-total{font-size:22px;letter-spacing:0}.mini-board .settlement-total small{font-size:9px}.mini-board .reward-breakdown,.mini-board .settlement-note{display:none}.mini-board .word-feedback span,.mini-board .word-feedback small{font-size:8px}.mini-join{gap:5px;padding:8px}.mini-join .join-icon{width:25px;height:25px;margin:0}.mini-join h3{font-size:14px;line-height:1.5;letter-spacing:0}.mini-join p{font-size:9px;line-height:1.6}.mini-join .join-button{font-size:12px;min-width:0;min-height:32px;padding:6px 8px;margin-top:4px}.mini-join .join-note{display:none}.mini-board .countdown-layer>strong{font-size:60px}.mini-board .countdown-layer>span{font-size:11px;letter-spacing:2px}.mini-board .countdown-layer>small{font-size:9px}.mini-board .finished-overlay{gap:5px;padding:10px}.mini-board .finished-overlay h3{font-size:17px}.mini-board .finished-overlay>strong{font-size:27px}.mini-board .finished-overlay p{font-size:11px}.mini-board .finished-overlay span{font-size:8px}.mini-board .finished-overlay>svg{width:24px;height:24px}.input-help{padding:10px 11px;border:1px solid #3c5d7b66;border-radius:9px;background:#08172ce8;flex-shrink:0}.input-help h3{font-size:12px;color:#afccdf;display:flex;align-items:center;gap:5px;margin-bottom:7px}.input-help>div{display:flex;gap:8px;align-items:start;margin-top:6px}.input-help>div>span{font-size:10px;color:#6087a5;white-space:nowrap}.input-help p{font-size:11px;color:#a8c8df;line-height:1.5}.input-help>small{display:block;margin-top:8px;color:#678eab;font-size:9px;line-height:1.6}.solo-side-review{flex:1;min-height:120px;padding:12px;border:1px solid #36557866;border-radius:10px;background:#07192de0;overflow:auto}.solo-side-review h3{font-size:12px;color:#b9d9ea;display:flex;justify-content:space-between;gap:8px}.solo-side-review h3 span{font-size:9px;font-weight:400;color:#6d92b0}.solo-side-review>p{font-size:12px;color:#7496b1;line-height:1.9;margin-top:20px}.solo-side-review>button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;border:0;border-top:1px solid #284358;background:none;padding:12px 0;text-align:left;color:#82dbff}.solo-side-review b{font:700 16px Arial}.solo-side-review>button>span{font-size:10px;color:#85a5c0}.solo-side-review svg{width:15px}.word-feedback.success.compact-success{animation:none;left:50%;right:auto;top:35%;width:max-content;max-width:80%;transform:translate(-50%);flex-direction:row;gap:12px;padding:8px 13px;border-radius:8px;background:#08271fe8;border-color:#75ff954d;box-shadow:0 0 16px #55ff7d16}.word-feedback.success.compact-success strong{font-size:16px;gap:5px;animation:none;filter:none;white-space:nowrap}.word-feedback.success.compact-success>.settlement-total{font:800 23px/1.1 Arial,sans-serif;letter-spacing:0;animation:none;text-shadow:none}.word-feedback.success.compact-success .settlement-total small{font-size:10px;color:#a9d8b6}.mini-board .word-feedback.success.compact-success{padding:5px 7px;gap:6px}.mini-board .word-feedback.success.compact-success strong{font-size:10px}.mini-board .word-feedback.success.compact-success>.settlement-total{font-size:15px}.mini-board .word-feedback.success.compact-success .settlement-total small{font-size:7px}.shatter-cracks{box-shadow:0 0 20px #d88b9f66,inset 0 0 15px #d88b9f55;background:#8f354d44;border-color:#d88b9f}.shatter-cracks svg{stroke:#d88b9f;filter:drop-shadow(0 0 4px #8f354d)}.shatter-lensflare{background:#d88b9f;box-shadow:0 0 12px #d88b9f,0 0 30px #8f354d}.shatter-shockwave{border-color:#d88b9f;box-shadow:0 0 18px #8f354d,inset 0 0 12px #d88b9f44}.shatter-wave-outer{border-color:#8f354d!important;box-shadow:0 0 15px #8f354d!important}.word-feedback.error.compact-error{animation:none;left:50%;right:auto;top:35%;width:max-content;max-width:85%;transform:translate(-50%);padding:8px 12px;gap:5px;border-radius:8px;box-shadow:0 0 16px #ff617a16}.compact-error .error-summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.word-feedback.error.compact-error strong{animation:none;font-size:16px;gap:4px;white-space:nowrap}.word-feedback.error.compact-error .error-summary>span{font-size:12px}.word-feedback.error.compact-error b{display:inline;font-size:15px;letter-spacing:1px;margin:0}.word-feedback.error.compact-error>small{font-size:10px;color:#d69ba7;text-shadow:none}.drop-reward{top:10%;right:5%;padding:6px 9px;gap:5px;border-radius:7px;box-shadow:0 0 12px #29c5ff16;white-space:nowrap}.drop-reward svg{width:14px;height:18px}.drop-reward strong{font-size:19px}.drop-reward strong small{font-size:10px;margin-left:3px}.focused-layout .countdown-layer{inset:auto;left:50%;top:35%;transform:translate(-50%);flex-direction:row;gap:11px;padding:8px 15px;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:8px;background:#071b30ec;width:max-content;max-width:90%}.focused-layout .countdown-layer>span{font-size:13px;letter-spacing:1px}.focused-layout .countdown-layer>strong{animation:none;font-size:29px;text-shadow:0 0 10px var(--accent)}.focused-layout .join-prompt{inset:auto;left:50%;top:35%;transform:translate(-50%);width:max-content;max-width:90%;padding:14px 18px;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:10px;background:#071629ee;gap:8px}.focused-layout .join-prompt .join-icon{display:none}.focused-layout .join-prompt h3{font-size:17px;letter-spacing:1px}.focused-layout .join-prompt p{font-size:11px;line-height:1.6}.focused-layout .join-button,.focused-layout .join-button.is-ready{min-height:37px;min-width:150px;font-size:15px;padding:7px 12px;margin-top:2px;border-width:1px;box-shadow:0 0 12px color-mix(in srgb,var(--accent) 24%,transparent)}.focused-layout .join-note{display:none}.focused-layout .finished-overlay{inset:auto;left:50%;top:35%;transform:translate(-50%);width:max-content;max-width:90%;padding:11px 14px;gap:6px;border:1px solid #65809855;border-radius:8px;background:#08192dea;-webkit-backdrop-filter:none;backdrop-filter:none}.finished-overlay>div{display:flex;align-items:center;justify-content:center;gap:8px}.finished-overlay>div>svg{width:17px;height:17px;color:#95aec6}.finished-overlay>div>strong{font:800 23px Arial;color:#c9e6f7}.finished-overlay>div>strong small{font:10px Microsoft YaHei,sans-serif}.finished-overlay>div>span{font-size:11px;letter-spacing:0}.focused-layout .finished-overlay>p{font-size:11px;line-height:1.4}.speed-announcement{top:22px;padding:8px 12px;gap:8px;border-radius:7px;box-shadow:0 0 18px #ffc04422}.speed-announcement>svg{width:17px;height:21px;filter:none}.speed-announcement strong{font-size:16px;letter-spacing:1px;text-shadow:none}.speed-announcement span{font-size:12px;letter-spacing:0}.toast{top:15px;padding:8px 12px;gap:7px;font-size:12px;max-width:480px;line-height:1.5;box-shadow:0 0 15px #ffb70016}.toast svg{width:14px;height:14px}.pause-modal{width:min(100%,330px);padding:18px}.pause-modal .modal-header{margin-bottom:8px}.pause-modal .modal-header h2{font-size:19px}.pause-modal .modal-hero-icon{width:27px;height:27px;margin:5px 0 12px}.pause-modal .modal-intro{font-size:12px;line-height:1.6;margin-bottom:10px}.pause-modal .primary-button{min-height:37px;font-size:13px;padding:7px 10px;margin-top:10px}.pause-modal .secondary-button{min-height:33px;font-size:11px;padding:6px 8px}.pause-modal .modal-actions{gap:7px}.mini-board .word-feedback.error.compact-error{padding:5px 7px;gap:3px}.mini-board .word-feedback.error.compact-error strong{font-size:10px}.mini-board .word-feedback.error.compact-error .error-summary>span,.mini-board .word-feedback.error.compact-error>small{font-size:7px}.mini-board .word-feedback.error.compact-error b{font-size:10px}.mini-board .error-summary{gap:5px}.focused-layout .mini-board .join-prompt{padding:8px;gap:4px}.focused-layout .mini-board .join-prompt h3{font-size:11px;letter-spacing:0}.focused-layout .mini-board .join-prompt p{font-size:8px}.focused-layout .mini-board .join-button{font-size:10px;min-width:90px;min-height:27px;padding:5px 8px}.focused-layout .mini-board .countdown-layer{padding:5px 8px;gap:6px}.focused-layout .mini-board .countdown-layer>strong{font-size:20px}.focused-layout .mini-board .countdown-layer>span{font-size:9px}.focused-layout .mini-board .finished-overlay{padding:6px 8px}.mini-board .finished-overlay>div{gap:4px}.mini-board .finished-overlay>div>strong{font-size:16px}.mini-board .finished-overlay>div>span,.focused-layout .mini-board .finished-overlay>p{font-size:8px}.drop-trail,.mini-board .drop-trail{filter:none;width:42px;will-change:transform,opacity;background:linear-gradient(180deg,transparent 0%,#e7ffff00 10%,#e7ffff 100%) center/3px 100% no-repeat,linear-gradient(180deg,transparent 0%,var(--accent) 65%,#e7ffff 100%) center/13px 100% no-repeat,radial-gradient(ellipse at 50% 80%,var(--accent),transparent 69%);-webkit-mask-image:linear-gradient(transparent,#000 16%);mask-image:linear-gradient(transparent,#000 16%);contain:style}.drop-trail:before,.drop-trail:after{box-shadow:none}.drop-trail:before{left:7px}.drop-trail:after{right:7px}.drop-comet{filter:none;box-shadow:none;will-change:transform;animation-name:drop-comet-slide}@keyframes drop-comet-slide{0%{transform:translate(-50%,-50%)}to{transform:translate(-50%,calc(var(--travel) - 50%))}}.playfield{isolation:isolate;contain:layout paint style}.mini-board .drop-trail{width:24px}.pooled-boost .drop-trail,.pooled-boost .drop-comet,.pooled-boost .drop-impact,.pooled-boost .drop-reward{animation:none;opacity:0;will-change:auto}.pooled-boost .drop-trail{border-radius:0}html[data-motion=reduced] .pooled-boost .drop-reward{opacity:0}.mini-board .pooled-boost .drop-trail{width:14px;background-size:2px 100%,6px 100%,auto}.mini-board .pooled-boost .drop-trail:before,.mini-board .pooled-boost .drop-trail:after{opacity:.4}.mini-board .pooled-boost .drop-trail:before{left:2px}.mini-board .pooled-boost .drop-trail:after{right:2px}.mini-board .drop-impact{box-shadow:0 0 6px var(--accent);border-width:1px}.mini-board .shatter-cracks,.mini-board .shatter-shockwave,.mini-board .shatter-lensflare{box-shadow:none}.mini-board .shatter-cracks svg{filter:none}.field-grid{display:block;--grid-line:#24799f3d;background-image:linear-gradient(90deg,var(--grid-line) 1px,transparent 1px),linear-gradient(180deg,var(--grid-line) 1px,transparent 1px);background-size:calc(100% / var(--columns)) calc(100% / var(--rows));box-shadow:inset -1px -1px 0 var(--grid-line)}.player-1 .field-grid{--grid-line:#7759a83d}@keyframes word-celebrate{0%{transform:scale(.88);opacity:1}18%{transform:scale(1.1)}38%,62%{transform:scale(1);opacity:1}to{transform:translateY(-26px) scale(.6);opacity:0}}@keyframes attack-stack-rise{0%{transform:translateY(calc(var(--attack-rows,1)*100%))}to{transform:translateY(0)}}@keyframes attack-row-grow{0%{transform:translateY(calc(var(--attack-rows,1)*100%)) scaleY(.65);opacity:.2}35%{opacity:1}to{transform:translateY(0) scaleY(1);opacity:1}}.attack-arrival{position:absolute;inset:auto 0 0;height:18%;pointer-events:none;background:linear-gradient(0deg,#d88b9f88,#8f354d22 40%,transparent);z-index:8}.attack-row .tile{border-color:#d88b9f;box-shadow:inset 0 0 9px #8f354d55,0 0 5px #d88b9f22}.attack-mode-control{display:flex!important;align-items:center;gap:10px!important;padding:10px 12px;background:#24162b88;border:1px solid #8f354d99;border-radius:7px;margin:10px 0!important;cursor:pointer}.attack-mode-control input{accent-color:#d88b9f;width:18px;height:18px;flex-shrink:0}.attack-mode-control span{display:flex;flex-direction:column;gap:3px}.attack-mode-control b{font-size:13px;color:#edb0c0}.attack-mode-control small{font-size:10px!important;color:#bd91a6!important;line-height:1.5}.attack-mode-control:has(input:disabled){cursor:default}.attack-status{font-size:10px;color:#d88b9f;margin-top:7px;display:flex;justify-content:space-between;gap:8px}.hint-underlay{visibility:hidden}.hint-row{z-index:9;pointer-events:none}.hint-row .tile{color:#c9fff4;border-color:#76e4cd;background:linear-gradient(130deg,#136d6655,#06292ed9);box-shadow:inset 0 0 8px #76e4cd33,0 0 7px #76e4cd44;animation:hint-letter-pulse .5s ease-in-out infinite}@keyframes hint-letter-pulse{0%,to{opacity:.42}50%{opacity:1}}html[data-motion=reduced] .hint-row .tile{animation:none;opacity:.85}.identity-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;margin:2px 0 6px;color:#9bb5cc}.identity-strip>button{display:flex;align-items:center;gap:8px;background:none;border:0;padding:4px 0;max-width:100%;font-size:11px}.identity-strip b{color:#d5f6ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-status{display:block;font-size:9px;color:#7e9bb4;line-height:1.3;margin:-3px 0 3px}.profile-form{display:grid;gap:18px}.profile-form p{font-size:13px;color:#b5cce0;line-height:1.8}.profile-form label{display:grid;gap:8px;font-size:12px;color:#bed6e9}.profile-form input{padding:13px 14px;border-radius:8px;border:1px solid #47748c;background:#06152a;color:#e5f9ff;font-size:18px;width:100%}.profile-form small{font-size:11px;color:#94aec5;line-height:1.8}.opponent-preview>header>div{min-width:0;max-width:58%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opponent-preview>header>strong,.readout-top>strong{flex-shrink:0}.readout-top>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.falling-track{position:absolute;left:0;right:0;top:0;height:calc(100% / var(--rows));z-index:5;pointer-events:none;will-change:transform}.gameplay-settings>summary small{font-size:11px;float:right;color:#86bbcf}.gameplay-options{padding:0 12px 10px}.game-option-switch{display:flex;align-items:center;gap:10px;padding:9px 0;cursor:pointer}.game-option-switch+.game-option-switch{border-top:1px solid #35596e55}.game-option-switch>span{flex:1;font-size:13px;color:#c7e8f3}.game-option-switch em{font-size:11px;font-style:normal;color:#83b0c4}.game-option-switch input{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;width:34px;height:20px;flex-shrink:0;margin:0;border:1px solid #4a6a7b;border-radius:12px;background:#1c3547;cursor:inherit}.game-option-switch input:before{content:"";position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:50%;background:#a9c2d0}.game-option-switch input:checked{background:#087f9d;border-color:#36c8e9}.game-option-switch input:checked:before{transform:translate(14px);background:#e3faff}.game-option-switch input:focus-visible{outline:2px solid #78e5ff;outline-offset:3px}.game-option-switch:has(input:disabled){cursor:default}.game-option-switch input:disabled{opacity:.6}.gameplay-options>p{font-size:10px;color:#7d9eaf;line-height:1.6;margin-top:3px}.round-progress{font-size:11px;line-height:1.6;color:#91b7ca;margin:6px 0}.round-progress b{display:inline-block;font-size:10px;font-weight:500;margin-left:6px;padding:1px 5px;border:1px solid #d8b76666;border-radius:4px;color:#f2d897;background:#4a381733}.result-actions .wrong-challenge-button{grid-column:1/-1;border-color:#9c657c;color:#ffd2df;background:#302039}.challenge-note{font-size:13px;line-height:1.7;color:#b2c5d9;text-align:center;margin:8px 0}.playfield{-webkit-touch-callout:none}@media(pointer:coarse){.result-scrim{backdrop-filter:none;-webkit-backdrop-filter:none;background:#010617ed}}.prepared-modal{visibility:hidden;pointer-events:none;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.prepared-modal *{animation:none!important}.mobile-hud,.mobile-drawer-close,.mobile-drawer-scrim,.mobile-touch-tip{display:none}.sidebar-brand .yoyo-wordmark{display:block;width:152px;height:53px;object-fit:contain}.sidebar-brand>div>span{font:12px/1.3 system-ui,sans-serif;letter-spacing:3px;color:#86a9bf;margin-top:0}.mobile-clue .yoyo-wordmark{display:block;width:118px;height:41px;object-fit:contain}.desktop-install-link{display:block;color:#94dff2;font-size:11px;margin-top:12px;text-decoration:none}@media(max-width:700px),(max-width:950px)and (max-height:500px){.game-shell.focused-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;min-height:320px;padding:max(9px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));gap:8px}.mobile-hud{display:block;min-width:0;padding:0 4px}.mobile-hud>div:first-child{display:flex;align-items:center;justify-content:space-between;color:#7298b2;font-size:11px;min-height:20px}.mobile-hud strong{font:750 21px Arial;color:#83e9ff}.mobile-hud strong small{font:10px system-ui}.mobile-clue{display:flex;align-items:center;gap:10px;min-height:43px}.mobile-clue h1{font-size:clamp(17px,5.5vw,25px);font-weight:800;line-height:1.3;flex:1;min-width:0;overflow-wrap:anywhere}.mobile-hud button{display:inline-flex;justify-content:center;align-items:center;gap:5px;border:1px solid #41667e;border-radius:9px;background:#0b233a;color:#d7f1ff;min-width:44px;min-height:40px;font-size:13px;padding:6px 10px}.mobile-hud .mobile-menu-button{font-size:23px;min-height:42px}.mobile-actions{display:flex;align-items:center;gap:8px;min-height:38px}.mobile-actions>span{font-size:10px;color:#8bacbf;flex:1}.mobile-actions>button{min-height:36px}.focused-layout .main-board .playfield{margin:24px 7px 7px}.board-corner-label{left:14px;top:8px;font-size:8px;letter-spacing:1px}.focused-layout .main-board .tile:not(.empty-tile){font-size:min(calc(var(--field-height) / var(--rows) - 5px),24px)}.focused-layout .main-board .word-row{gap:2px;padding:2px}.focused-layout .main-board .falling-tile{margin:2px}.focused-layout .main-board .word-progress{font-size:9px;letter-spacing:0}.mobile-touch-tip{display:flex;align-items:center;gap:7px;font-size:9px;line-height:1.6;color:#829db5;padding:1px 3px}.mobile-touch-tip a{margin-left:auto;color:#87d5ee;text-decoration:none;white-space:nowrap;padding:5px}.focused-layout .game-sidebar{display:none;position:absolute;inset:0 0 0 auto;width:min(92%,380px);height:100%;max-height:100dvh;padding:max(16px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom));background:#071327;z-index:71;overflow-y:auto;overscroll-behavior:contain;box-shadow:-10px 0 50px #0008}.mobile-settings-open .game-sidebar{display:flex}.mobile-settings-open .mobile-drawer-scrim{display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#010615a8;z-index:70}.mobile-drawer-close{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;min-height:42px;padding:8px 11px;background:#102b43;border:1px solid #315571;border-radius:9px;color:#cceaff}.game-sidebar .icon-button{width:40px;height:40px}.game-sidebar select{min-height:42px}.game-sidebar .player-readout h2{font-size:25px}.game-sidebar .opponent-preview{flex:none;height:220px;max-height:none}.scrim{padding:12px}.modal{max-height:calc(100dvh - 24px);width:min(100%,600px);padding:18px;overflow:auto}.modal input,.modal select{font-size:16px;min-height:44px}.result-modal{padding:16px}.review-columns{grid-template-columns:1fr}.result-actions{flex-wrap:wrap}.result-actions button{min-height:44px}}@media(max-width:950px)and (max-height:500px){.game-shell.focused-layout{padding-top:max(5px,env(safe-area-inset-top));gap:4px}.mobile-hud{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px}.mobile-hud>div:first-child{grid-column:1;font-size:10px}.mobile-clue{grid-column:1;min-height:30px}.mobile-clue h1{font-size:19px}.mobile-clue .mobile-menu-button{position:absolute;right:14px;top:9px}.mobile-actions{grid-column:2;grid-row:1 / 3;margin-right:48px;min-width:180px}.mobile-actions>span{font-size:10px}.mobile-touch-tip{font-size:8px}.focused-layout .main-board .playfield{margin-top:19px}.board-corner-label{top:6px}.focused-layout .main-board .tile:not(.empty-tile){font-size:min(calc(var(--field-height) / var(--rows) - 4px),20px)}}.room-match-settings{border:1px solid #31536d;border-radius:10px;background:#091c31;padding:13px 14px;margin:16px 0 12px}.room-match-settings h3{font-size:15px;margin-bottom:11px;color:#d5efff}.room-match-settings .sidebar-settings-content{padding:0;border:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}.playfield{--field-width:360px;--field-height:600px}.game-shell.focused-layout{height:100vh;height:var(--game-viewport-height,100vh);min-height:0;padding-top:20px;padding-top:calc(20px + env(safe-area-inset-top,0px));padding-bottom:4px;padding-bottom:calc(4px + env(safe-area-inset-bottom,0px))}.focused-layout .main-board .playfield{margin-bottom:6px}.focused-layout .game-sidebar{max-height:var(--game-viewport-height,100vh)}.scrim{padding-top:calc(16px + env(safe-area-inset-top,0px));padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}.modal{max-height:calc(var(--game-viewport-height,100vh) - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.phone-portrait-guard{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#02091a;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;padding:24px;text-align:center;color:#e4f7ff}.phone-portrait-guard h2{font-size:24px}.phone-portrait-guard p{font-size:14px;line-height:1.7;color:#91b3cc}.rotate-phone{height:72px;width:42px;border:2px solid #63e4ff;border-radius:9px;display:grid;place-items:center;color:#63e4ff;font:34px Arial;box-shadow:0 0 22px #28d9ff22}@media(max-width:700px),(max-width:950px)and (max-height:500px){.game-shell.focused-layout{grid-template-rows:auto minmax(0,1fr);gap:7px;padding:20px 8px 3px;padding-top:calc(20px + env(safe-area-inset-top,0px));padding-right:calc(8px + env(safe-area-inset-right,0px));padding-bottom:calc(3px + env(safe-area-inset-bottom,0px));padding-left:calc(8px + env(safe-area-inset-left,0px))}.mobile-hud{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:4px 8px;padding:0 3px}.mobile-hud>div:first-child{grid-column:1 / -1;grid-row:1;gap:12px;min-width:0;min-height:36px;font-size:11px}.mobile-hud>div:first-child>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-hud strong{margin-left:auto;white-space:nowrap;font-size:22px}.mobile-hud .mobile-menu-button{position:static;flex-shrink:0;min-height:36px;width:40px;padding:1px 7px}.mobile-clue{grid-column:1;grid-row:2;min-width:0;min-height:42px}.mobile-clue h1{font-size:21px;line-height:1.35;margin:0;letter-spacing:0;white-space:normal}.mobile-clue .yoyo-wordmark{width:106px;height:37px}.mobile-actions{grid-column:2;grid-row:2;min-width:0;margin:0;gap:6px;align-self:center;min-height:40px}.mobile-actions>span,.mobile-touch-tip{display:none}.mobile-actions>button{min-width:40px;min-height:40px;padding:6px 8px;font-size:12px;white-space:nowrap;flex-shrink:0}.focused-layout .main-board .playfield{margin:24px 6px 4px}.board-corner-label{left:13px;top:7px}.focused-layout .game-sidebar{padding-top:calc(20px + env(safe-area-inset-top,0px));padding-bottom:calc(6px + env(safe-area-inset-bottom,0px))}.mobile-drawer-close,.game-sidebar .sidebar-brand,.game-sidebar .identity-strip,.game-sidebar .sidebar-toolbar{flex-shrink:0}.sidebar-brand .network-button{max-width:155px;white-space:normal;min-height:40px;padding:6px 8px}}html[data-native-app=android] .desktop-install-link,html[data-native-app=android] .mobile-touch-tip a{display:none}