.toast-center-row{display:flex;justify-content:center;align-items:flex-start;position:absolute;left:50%;top:85px;transform:translate(-50%);width:100vw;max-width:600px;z-index:1000;pointer-events:none;gap:32px}.toast-lane{display:flex;flex-direction:column;gap:8px;align-items:center}.toast-result{min-width:120px;align-items:flex-end}.toast-points{min-width:80px;align-items:flex-start}.toast{animation:slideOutRight 1s forwards}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}80%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(120px)}}.points-banner{position:fixed;top:0;left:50%;transform:translate(-50%) translateY(-100%);font-size:1.6rem;font-weight:700;padding:16px 48px;border-radius:0 0 24px 24px;background:#fff;box-shadow:0 4px 24px #0000001a;opacity:0;z-index:3000;pointer-events:none;animation:banner-slide 1.4s cubic-bezier(.4,0,.2,1)}.points-banner.plus{color:#237804;border-bottom:4px solid #52c41a}.points-banner.minus{color:#b71c1c;border-bottom:4px solid #ff4d4f}@keyframes banner-slide{0%{opacity:0;transform:translate(-50%) translateY(-100%)}10%{opacity:1;transform:translate(-50%) translateY(0)}90%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-100%)}}.points-badge{position:absolute;top:60px;left:50%;transform:translate(-50%) translateY(0);font-size:2.2rem;font-weight:700;padding:8px 24px;border-radius:32px;background:#fff;box-shadow:0 2px 12px #0000001a;opacity:1;z-index:2000;pointer-events:none;animation:badge-float 1.2s cubic-bezier(.4,0,.2,1)}.points-badge.plus{color:#237804;border:2px solid #52c41a}.points-badge.minus{color:#b71c1c;border:2px solid #ff4d4f}@keyframes badge-float{0%{opacity:0;transform:translate(-50%) translateY(20px) scale(.8)}20%{opacity:1;transform:translate(-50%) translateY(0) scale(1.1)}80%{opacity:1;transform:translate(-50%) translateY(-30px) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-60px) scale(.8)}}.toast-lane.toast-center{left:50%;right:auto;transform:translate(-50%);align-items:center;top:16px;width:90vw;max-width:400px;z-index:1000;pointer-events:none;flex-direction:column;gap:8px}.toast-error{background:#f8d7da;color:#721c24}.toast-minus{background:#ffe5e5;color:#b71c1c;border-left:5px solid #ff4d4f}.toast-success{background:#d4edda;color:#155724}.toast-plus{background:#e3fcec;color:#237804;border-left:5px solid #52c41a}.ready-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.ready-toggle input[type=checkbox]{display:none}.ready-slider{width:36px;height:20px;background:#e0e0e0;border-radius:12px;position:relative;transition:background .2s}.ready-toggle input[type=checkbox]:checked+.ready-slider{background:#06d6a0}.ready-slider:before{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 4px #0000001f}.ready-toggle input[type=checkbox]:checked+.ready-slider:before{transform:translate(16px)}.ready-label{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#1f1c1a}button,.letter-tile,.ready-toggle,.lobby-id-badge-top,.lobby-ready-toggle{touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0)}:root{color-scheme:light;font-family:Trebuchet MS,Segoe Print,sans-serif;background:#f6efe5;color:#1f1c1a;--page-pad: clamp(10px, 2.2vw, 24px);--section-gap: clamp(10px, 2vw, 24px);--card-pad: clamp(10px, 1.8vw, 16px);--tile-size: clamp(56px, 6vw, 92px);--tile-radius: clamp(12px, 1.8vw, 18px);--tile-font: clamp(20px, 3.2vw, 36px)}*{box-sizing:border-box}body{margin:0}html,#root{height:100%}.page{height:100vh;background:radial-gradient(circle at top right,#fff7ec,#f0dcc6 40%,#ddc2a6);padding:var(--page-pad);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:var(--section-gap);align-items:start}@media(min-width:1025px){html,#root,.page{height:100%;overflow:hidden}}@media(max-width:600px){body,html,#root,.page{height:auto;min-height:100vh;overflow-x:hidden;overflow-y:auto}}.topbar{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto;gap:20px;align-items:start}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:13px;margin:0}.brand-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.brand-tiles{display:grid;gap:.5px;justify-items:start;align-items:center;min-width:180px;max-width:100vw;margin-bottom:2px}.brand-tiles-row{display:flex;gap:.5px;flex-wrap:nowrap}.brand-tile{font-family:Fira Mono,Consolas,Menlo,"monospace";font-weight:900;font-size:16px;color:#ff4d6d;text-transform:uppercase;padding:0 1px;letter-spacing:.08em;line-height:1.1;display:inline-block;min-width:20px;text-align:center;margin:0 .5px}@media(max-width:600px){.brand-tiles{min-width:120px;max-width:90vw;gap:.25px}.brand-tiles-row{gap:.25px}.brand-tile{font-size:12px;min-width:14px;padding:0 .5px}}.brand{justify-self:start}.live-pill{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border-radius:999px;background:#f0e4d6;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.live-pill.is-live{background:#ffe4e4;color:#8a1f1f}.live-dot{width:8px;height:8px;border-radius:50%;background:#a69f97;display:inline-block}.live-pill.is-live .live-dot{background:#e02828;animation:pulse 1.2s ease-in-out infinite}.timer-block{justify-self:center;display:grid;gap:4px;text-align:center;padding:10px 16px;border-radius:14px;background:#ffffffbf;box-shadow:0 10px 24px #00000014;min-width:150px}.timer-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:#5e564c}.timer-value{font-size:22px;font-weight:700;color:#1f1c1a}.lobby-id-badge-top,.card .lobby-id-badge-top{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#118ab2;background:#e8f6ff;padding:4px 8px;border-radius:6px;display:inline-flex;align-items:center;gap:6px;border:none;cursor:pointer;margin-top:0;line-height:1}.lobby-id-badge-top svg{width:10px;height:10px;fill:currentColor}.lobby-id-badge-top:hover{background:#dff0fb}.lobby-countdown{display:grid;place-items:center;margin-top:6px}.countdown-badge{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#ffe4e4;color:#ff4d6d;font-weight:700;animation:countdownPulse 1s ease-in-out infinite;box-shadow:0 6px 14px #0000001f}.countdown-number{font-size:14px;letter-spacing:.08em}.countdown-ring{display:inline-grid;grid-template-columns:auto;place-items:center;position:relative;width:44px;height:44px}.countdown-ring svg{position:absolute;inset:0}.countdown-ring .ring-bg{stroke:#1f1c1a14}.countdown-ring .ring-fg{stroke:#f4a61c;stroke-linecap:round;transform-origin:50% 50%;transform:rotate(-90deg)}.countdown-ring .countdown-number{position:relative;z-index:2;font-weight:900;font-size:16px;color:#1f1c1a}.countdown-number.tick{animation:countdown-pop .35s cubic-bezier(.2,.8,.2,1)}@keyframes countdown-pop{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}.star-burst{position:relative;width:36px;height:36px}.star{position:absolute;width:12px;height:12px;background:#ffd166;clip-path:polygon(50% 0%,61% 38%,100% 38%,68% 59%,79% 100%,50% 76%,21% 100%,32% 59%,0% 38%,39% 38%);animation:starTwinkle .9s ease-in-out infinite}.star-1{left:2px;top:10px;background:#ff4d6d;animation-delay:0s}.star-2{left:14px;top:2px;background:#ffd166;animation-delay:.2s}.star-3{left:20px;top:16px;background:#f3722c;animation-delay:.4s}.letter-tile{width:var(--tile-size);height:var(--tile-size);border-radius:var(--tile-radius);display:grid;place-items:center;background:#fdf2da;border:2px solid #d7bfa2;font-weight:700;font-size:var(--tile-font);box-shadow:none;cursor:pointer}.letter-tile.selected{outline:none;animation:keypress-down-up .18s cubic-bezier(.4,0,.2,1)}@keyframes keypress-down-up{0%{transform:translateY(0)}30%{transform:translateY(4px)}60%{transform:translateY(-2px)}to{transform:translateY(0)}}.letter-tile:disabled{opacity:.6;cursor:not-allowed}.brand{grid-column:1;grid-row:1}.timer-block{grid-column:2;grid-row:1}.hero-row{display:grid;grid-template-columns:minmax(260px,320px) minmax(680px,1fr) minmax(220px,280px);gap:var(--section-gap);align-items:start;max-height:none;overflow:visible}.side-panels{display:grid;gap:var(--section-gap);align-content:start;max-height:100%;overflow:hidden}.lobby-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.lobby-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;background:#f7f1e6;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.lobby-ready{margin-left:auto;font-size:10px;padding:2px 6px;border-radius:999px;letter-spacing:.08em}.lobby-ready.is-ready{background:#e3f2d6;color:#3b5b3c}.lobby-ready.is-not-ready{background:#f0e4d6;color:#6b6257}.lobby-ready-toggle{padding:4px 8px;border-radius:999px;border:1px solid transparent;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.lobby-ready-toggle.is-ready,.lobby-ready-toggle.is-not-ready{background:#f4a61c;color:#1f1c1a;border-color:#f4a61c}.side-left{grid-column:1}.side-right{grid-column:3}.center-stack{grid-column:2;display:grid;gap:var(--section-gap);align-content:start}.leaderboard{background:#fff;border-radius:16px;padding:var(--card-pad);box-shadow:0 8px 18px #00000014;display:grid;gap:8px;max-height:180px;overflow:hidden;width:100%}.panel-box{background:#fff;padding:var(--card-pad);box-shadow:0 8px 18px #00000014;display:grid;gap:8px;width:100%}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.collapse-toggle,.panel-header .collapse-toggle,.word-bank-header .collapse-toggle,.card .collapse-toggle{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;min-width:48px;height:22px;border-radius:999px;border:1px solid #d7bfa2;background:#f7f1e6;color:#6b6257;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1;cursor:pointer}.collapse-toggle:hover{background:#f0e4d6}.leaderboard-header{display:flex;justify-content:space-between;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.08em}ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.rank-item{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:4px 6px;border-radius:10px;background:#f7f1e6;font-size:12px;transition:transform .2s ease,box-shadow .2s ease}.rank-item.active{background:#e3f2d6;font-weight:700}.rank-item.rank-up{background:#e8f6ff;box-shadow:0 0 0 1px #118ab24d,0 8px 18px #118ab233;animation:rankUp .9s ease}.rank-item.rank-down{background:#fff0e5;box-shadow:0 0 0 1px #f3722c40,0 8px 18px #f3722c33;animation:rankDown .9s ease}.avatar{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:700}.avatar.large{width:64px;height:64px;font-size:24px}.score{font-weight:700;display:inline-flex;align-items:center;gap:4px}.crown{width:14px;height:14px;fill:#f4a61c}.recent-words{background:#fff;border-radius:16px;padding:var(--card-pad);box-shadow:0 8px 18px #00000014;display:grid;gap:8px;width:100%;min-height:clamp(120px,18vh,170px);height:auto}.hint-box{background:#fff;border-radius:16px;padding:var(--card-pad);box-shadow:0 8px 18px #00000014;display:grid;gap:6px;width:100%}.chat-box{background:#fff;border-radius:16px;padding:var(--card-pad);box-shadow:0 8px 18px #00000014;display:grid;gap:8px;width:100%;max-height:clamp(140px,22vh,200px);overflow:hidden}.chat-messages{display:grid;gap:6px;max-height:clamp(70px,10vh,110px);overflow-y:auto;overflow-x:hidden}.chat-message{display:flex;gap:6px;align-items:flex-start}.chat-avatar{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:10px;font-weight:700;flex-shrink:0}.chat-content{display:grid;gap:2px}.chat-name{font-size:10px;font-weight:700;color:#5e564c}.chat-text{font-size:12px;line-height:1.3;color:#1f1c1a}.chat-input-row{display:flex;gap:6px}.chat-input-row input{flex:1;min-width:0;padding:8px 10px;border-radius:8px;border:1px solid #d9c6ad;font-size:12px}.chat-input-row button{padding:8px 12px}.recent-words-label{font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#1f1c1a}.recent-words-list{display:flex;flex-direction:column;gap:6px;max-height:clamp(70px,12vh,110px);height:clamp(70px,12vh,110px);overflow:hidden;font-size:13px}.recent-words-list.two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px;row-gap:6px}.recent-words-list.scrollable{overflow-y:auto;padding-right:8px}.recent-word-item{font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:6px;border-radius:6px;background:#f7f1e6;text-align:center;color:#333;min-height:28px}.recent-words-empty{text-align:center;color:#999;font-weight:700;padding:6px}.score-hint{font-size:11px;line-height:1.4}.score-hint ul{margin:0;padding-left:4px;display:grid;gap:4px}.score-hint li{margin:0}.score-hint li{display:flex;align-items:center;gap:8px}.hint-item{display:flex;align-items:flex-start;gap:4px;list-style:none;margin-left:-6px}.hint-item:before{content:"⚡";color:#f4a61c;font-size:14px;line-height:1;margin-right:2px;flex-shrink:0;transform:translate(-4px)}@media(max-width:600px){.hint-item{margin-left:0;gap:8px}.hint-item:before{transform:none;margin-right:6px;font-size:16px}}.hint-chip{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:6px;background:#f7f1e6;color:#5e564c;flex-shrink:0}.hint-chip .chip-icon{width:16px;height:16px;display:block}.chip-icon text{font-family:inherit;font-weight:700}.hint-chip{padding:4px;color:#fff}.hint-chip--gold{background:linear-gradient(135deg,#ffd27a,#ffb84d)}.hint-chip--blue{background:linear-gradient(135deg,#7fb6ff,#3b82f6)}.hint-chip--green{background:linear-gradient(135deg,#b7f5c9,#34d399)}.hint-chip--red{background:linear-gradient(135deg,#ffb4b4,#ff6b6b)}.hint-chip--teal{background:linear-gradient(135deg,#86efac,#2dd4bf)}.hint-chip--purple{background:linear-gradient(135deg,#d8b4fe,#8b5cf6)}.hint-chip--gray{background:linear-gradient(135deg,#e5e7eb,#c7cbd1);color:#222}.hint-chip .chip-icon{fill:currentColor}.score-hint-label{font-weight:700;color:#1f1c1a}.middle-bottom{display:grid;grid-template-columns:minmax(260px,320px) minmax(680px,1fr) minmax(220px,280px);gap:var(--section-gap);align-items:start;margin-top:-24px;max-height:22vh;overflow:hidden}.panel{display:grid;gap:16px}.card{background:#fff;border-radius:16px;padding:var(--card-pad);box-shadow:0 8px 20px #00000014;display:grid;gap:12px}.card h2{margin:0}.section-title{font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.card input{padding:10px 12px;border-radius:10px;border:1px solid #d9c6ad;font-size:16px}.card button{padding:10px 12px;border-radius:10px;border:none;background:#3b5b3c;color:#fff;font-weight:700;cursor:pointer}.ready-button{background:#f7f1e6;color:#3b5b3c;border:1px solid #d7bfa2}.ready-button.is-ready{background:#3b5b3c;color:#fff;border-color:#3b5b3c}.ready-button.is-not-ready{background:#ff4d6d;color:#fff;border-color:#ff4d6d}.card .leave-button{background:#ff2d2d;color:#fff;border:1px solid #ff2d2d}.card .leave-button:hover{background:#e02727;border-color:#e02727}.card button:disabled{opacity:.5;cursor:not-allowed}.lobby-id-line{display:flex;align-items:center;gap:8px}.join-mode-selector{display:grid;gap:8px;margin-bottom:8px}.join-mode-selector label{display:flex;align-items:center;gap:8px;padding:8px;background:#f7f1e6;border-radius:8px;cursor:pointer;transition:background .15s ease}.join-mode-selector label:hover{background:#f0e4d6}.join-mode-selector input[type=radio]{width:16px;height:16px;cursor:pointer}.join-mode-selector span{font-size:13px;font-weight:600}.letter-center{display:grid;grid-template-columns:minmax(120px,1fr) minmax(680px,1fr) minmax(120px,1fr);grid-template-rows:auto;align-items:start;gap:var(--section-gap);padding:clamp(12px,2vw,20px);border-radius:24px;background:#ffffffb3;box-shadow:0 12px 30px #00000014;position:relative;width:100%;max-width:100%;justify-self:stretch}.letter-center-content{display:grid;place-items:center;gap:16px;grid-column:2;grid-row:1;position:relative}.letter-row{display:flex;justify-content:center;flex-wrap:wrap;gap:16px}@media(max-width:600px){.letter-row{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:12px;justify-items:center;align-items:center;width:100%;max-width:320px;margin:0 auto}.letter-row .letter-tile{width:48px;height:48px;font-size:1.5rem;padding:0}}.letter-row.shuffle-pulse .letter-tile{animation:shufflePulse .22s ease-in-out}.toast-lane{display:flex;flex-direction:column;gap:8px;pointer-events:none;z-index:5;width:100%;grid-row:1;align-self:start}.toast-left{align-items:flex-start;grid-column:1}.toast-right{align-items:flex-end;grid-column:3}.toast{padding:6px 10px;border-radius:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:13px;min-width:120px;text-align:center;animation:slideOutRight 1s forwards;box-shadow:0 8px 18px #0000002e}.toast-success{color:#1f6b2c;background:#c9f0d2f2;border:1px solid rgba(31,107,44,.3)}.toast-error{color:#9b2c2c;background:#ffdbdbf2;border:1px solid rgba(155,44,44,.3)}.word-builder{display:grid;gap:12px;width:min(520px,100%)}.word-input{width:100%;padding:12px 16px;border-radius:14px;border:1px solid #d9c6ad;font-size:18px;text-align:center;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:#fff}.word-input::placeholder{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b6257}.word-input:disabled{opacity:.6}.word-display{background:#fff7ec;border-radius:16px;padding:12px 16px;text-align:center;font-size:20px;font-weight:700;min-height:48px;border:1px dashed #d7bfa2}.word-actions{display:flex;justify-content:center;gap:12px}.word-actions button{padding:10px 16px;border-radius:12px;border:none;background:#3b5b3c;color:#fff;font-weight:700;cursor:pointer}.word-actions button:disabled{opacity:.5;cursor:not-allowed}.word-bank{width:100%;background:#ffffffb3;border-radius:24px;padding:clamp(12px,2vw,20px);display:grid;gap:12px;box-shadow:0 12px 30px #00000014}.word-bank-note{margin:0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#1f1c1a;text-align:center;justify-self:center}.word-bank-header{display:flex;justify-content:space-between;align-items:center}.word-bank-title{display:inline-flex;align-items:center;gap:12px}.word-bank-revealed{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#7a6c5f}.word-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;align-items:start;overflow:hidden}.word-column{display:grid;gap:10px;min-width:0}.word-card{display:flex;gap:4px;flex-wrap:wrap}.word-card.pinned .word-tile{box-shadow:inset 0 0 0 2px #f4a61c}.word-card.revealed{color:#2e2620}.word-tile{width:28px;height:32px;border-radius:8px;display:grid;place-items:center;font-weight:700;text-transform:uppercase;background:#2e2620;color:#2e2620;box-shadow:inset 0 0 0 2px #4b3a2f}.word-card.revealed .word-tile{background:#fff3d6;color:#2e2620;box-shadow:inset 0 0 0 2px #e2c79e}.muted{color:#6b6257;margin:0}.error{color:#a12c2c}.winner-overlay{position:fixed;inset:0;background:#1e161099;display:grid;place-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:hidden}.winner-card{background:#fff7ec;padding:32px 40px;border-radius:20px;display:grid;gap:12px;place-items:center;text-align:center;box-shadow:0 20px 50px #0003;position:relative;z-index:2}.winner-avatars{display:flex;gap:12px;align-items:center;justify-content:center}.winner-message{margin:0;font-weight:700;color:#3b5b3c}.reset-message{margin:0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#6b6257}@media(max-width:900px){.topbar{grid-template-columns:1fr;gap:12px}.timer-block{padding:6px 10px;min-width:120px}.hero-row{grid-template-columns:1fr;gap:12px}.side-left,.center-stack,.side-right{grid-column:1}.letter-center{grid-template-columns:1fr;gap:12px}.letter-center-content{grid-column:1}.toast-lane{display:flex!important;position:fixed;top:16px;z-index:1000;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:90vw;max-width:400px}.toast-lane.toast-left{left:5vw;right:auto;transform:none;align-items:flex-start}.toast-lane.toast-right{right:5vw;left:auto;transform:none;align-items:flex-end}.toast-center-row{position:fixed;left:50%;transform:translate(-50%);top:72px;width:100%;max-width:520px;display:flex;flex-direction:column;gap:10px;align-items:center;pointer-events:none;z-index:1100;padding:0 12px}.toast-center-row .toast-lane{position:static;display:flex!important;flex-direction:row;justify-content:center;width:100%}.toast{margin:0 6px}}.letter-tile{width:72px;height:72px;font-size:28px}@media(max-width:600px){.word-grid{grid-template-columns:repeat(3,1fr);gap:12px}}.recent-words,.hint-box,.chat-box,.leaderboard,.panel-box{max-height:none}.recent-words{min-height:0;padding:var(--card-pad)}.recent-words-list{max-height:80px;height:80px}@media(max-width:600px){.page{padding:10px;gap:10px}.letter-tile{width:58px;height:58px;font-size:22px}@media(max-width:400px){.word-grid{grid-template-columns:repeat(2,1fr)}}.word-tile{width:24px;height:28px}.word-actions{flex-wrap:wrap}}@keyframes pulse{0%{transform:scale(1);opacity:.7}50%{transform:scale(1.4);opacity:1}to{transform:scale(1);opacity:.7}}@keyframes rankUp{0%{transform:translateY(0)}30%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes rankDown{0%{transform:translateY(0)}30%{transform:translateY(4px)}to{transform:translateY(0)}}@keyframes countdownPulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes starTwinkle{0%{transform:scale(.9) rotate(0);opacity:.7}50%{transform:scale(1.1) rotate(10deg);opacity:1}to{transform:scale(.95) rotate(-6deg);opacity:.8}}@keyframes floatUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-24px);opacity:0}}@keyframes shufflePulse{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.04)}to{transform:translateY(0) scale(1)}}@media(min-width:768px)and (max-width:1024px){:root{--tile-size: 76px;--tile-font: 30px;--card-pad: 18px}.page{height:auto;min-height:100vh;overflow-y:auto}.toast-center-row{top:96px;max-width:820px}.toast-lane{gap:12px}.timer-block{padding:8px 12px;min-width:140px}}