:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:transparent;color:#f7f8fb;--tile-size: 52px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:auto;height:auto;overflow-x:hidden}body{min-height:auto;background:transparent;display:flex;align-items:flex-start;justify-content:center;padding-top:8px}#root{width:100%;height:auto;background:radial-gradient(circle at top,#1a2a40,#060b14 55%)}button,button:focus,input,select,textarea{font:inherit}.app{width:min(420px,100vw);margin:0 auto;padding:8px 12px env(safe-area-inset-bottom);display:flex;flex-direction:column;box-sizing:border-box;min-height:auto;height:auto;overflow-y:visible}.title-row{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:2px;flex-shrink:0}h1{margin:0;font-size:1rem;letter-spacing:0;line-height:1;white-space:nowrap}.top-hud{display:flex;align-items:stretch;gap:6px;flex:1 1 auto;min-width:0;justify-content:center}.hud-stat{min-width:64px;padding:4px 8px;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);text-align:center}.hud-label{display:block;font-size:.62rem;font-weight:700;line-height:1;margin-bottom:2px;color:#d8e5ff;text-transform:uppercase}.hud-value{display:block;font-size:.95rem;line-height:1.05;font-weight:800;color:#f2f7ff}.current-score{color:#4a90e2}.header-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}.header-actions button{flex:0 0 auto;min-height:30px;border-radius:8px;font-size:.78rem}.icon-button{width:30px;min-width:30px;padding:0;font-weight:800;line-height:1}.restart-top-button{min-width:68px;padding:0 10px}.board{display:grid;grid-template-columns:repeat(6,var(--tile-size));grid-template-rows:repeat(8,var(--tile-size));gap:4px;margin:8px auto;padding:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:16px;flex-shrink:0;transition:box-shadow .3s ease;touch-action:none;justify-content:center}.board.recovery-flash{animation:recovery-flash .6s ease-out}.board.reward-big{animation:big-word-glow .8s ease-out}.board.reward-huge{animation:huge-word-glow 1s ease-out}.cell{position:relative;width:var(--tile-size);height:var(--tile-size);border-radius:12px;background:#ffffff0a;display:flex;justify-content:center;align-items:center;color:#b4c7f8;font-size:clamp(.8rem,2vw,.95rem);-webkit-user-select:none;user-select:none;transition:transform .15s ease,background-color .15s ease,color .15s ease;touch-action:none}.cell.tile{background:linear-gradient(180deg,#4a90e2,#2d6bf2);box-shadow:0 14px 25px #4a90e240;color:#f8fafc}.cell.selected{background:linear-gradient(180deg,#90ee90,#32cd32);box-shadow:0 0 20px #90ee9066,inset 0 0 12px #fff3;color:#1a1a1a;transform:scale(1.02)}.cell.empty{opacity:.32}.cell.game-over{background:#ffffff0f}.tile-letter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(.9rem,2.5vw,1rem);font-weight:700}.tile-points{position:absolute;bottom:3px;right:3px;font-size:.65rem;font-weight:700;opacity:.9;color:#f8fafcd9}.controls{display:grid;gap:6px;flex-shrink:0;margin-top:12px}.panel{padding:10px;border-radius:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.danger-countdown{margin-bottom:10px;padding:8px 10px;border-radius:10px;background:#ff5c7424;border:1px solid rgba(255,92,116,.35);color:#ffd2d2;font-size:.9rem;font-weight:700;text-align:center}.selected-word{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}.selected-word.reward-pulse{animation:reward-pulse .8s ease-out}.selected-word p{margin:0;font-size:1rem;color:#d9ebff;display:flex;align-items:center;gap:8px}.dictionary-error{margin-bottom:10px;color:#ffd2d2;font-size:.85rem}.word-keyword{font-weight:700}.reward-badge{display:inline-block;padding:2px 8px;border-radius:6px;font-size:.8rem;font-weight:700;animation:reward-pulse .8s ease-out}.big-badge{background:#ffd70033;color:gold;border:1px solid rgba(255,215,0,.4)}.huge-badge{background:#ff450033;color:#ff4500;border:1px solid rgba(255,69,0,.4)}.button-row{display:flex;gap:8px;flex-wrap:wrap}button{flex:1 1 120px;min-height:44px;border:none;border-radius:12px;cursor:pointer;background:#2d3f6f;color:#f8fbff;font-size:.95rem;font-weight:700;transition:transform .12s ease,background-color .18s ease}button:hover,button:focus-visible{transform:translateY(-1px);outline:none}button.primary{background:linear-gradient(135deg,#4a8cf8,#2d6bf2)}button.secondary{background:#ffffff14}button.danger{background:linear-gradient(135deg,#ff5c74,#ff3d3d)}button:disabled{opacity:.48;cursor:not-allowed;transform:none}.flash{animation:flash .4s ease}.shake{animation:shake .45s ease}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}@keyframes flash{0%,to{opacity:1}50%{opacity:.2}}@keyframes recovery-flash{0%,to{background:#ffffff0d}50%{background:#90ee9026}}@keyframes reward-pulse{0%,to{transform:scale(1);color:#d9ebff}50%{transform:scale(1.05);color:gold}}@keyframes big-word-glow{0%{box-shadow:0 0 20px #ffd70066}50%{box-shadow:0 0 40px #ffd700b3}to{box-shadow:0 0 20px #ffd70066}}@keyframes huge-word-glow{0%{box-shadow:0 0 25px #ff450080,inset 0 0 15px #ffd70033}50%{box-shadow:0 0 50px #ff4500cc,inset 0 0 25px #ffd70066}to{box-shadow:0 0 25px #ff450080,inset 0 0 15px #ffd70033}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#081218;border:1px solid rgba(255,255,255,.1);border-radius:20px;max-width:380px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 40px #00000080}.leaderboard-modal{max-width:360px}.leaderboard-modal .modal-close{font-size:0}.leaderboard-modal .modal-close:before{content:"x";font-size:1.4rem}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 0;margin-bottom:16px}.modal-header h2{margin:0;color:#f7f8fb;font-size:1.4rem;font-weight:700}.modal-close{background:none;border:none;color:#a7b6d7;font-size:1.8rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.modal-close:hover{background:#ffffff1a}.modal-body{padding:0 20px 20px}.nickname-input{width:100%;margin-top:10px;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:#f7f8fb;font-size:1rem}.nickname-input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e22e}.info-section h3{margin:0 0 8px;color:#d8e5ff;font-size:1.1rem;font-weight:600}.info-section p{margin:0 0 8px;color:#d9ebff;line-height:1.5}.info-section ul{margin:0 0 8px;padding-left:20px;color:#d9ebff;line-height:1.5}.info-section li{margin-bottom:4px}.scoring-info{display:flex;flex-direction:column;gap:12px}.scoring-info div{color:#d9ebff;line-height:1.4}.scoring-info strong{color:#f2f7ff;display:block;margin-bottom:4px}.game-over-modal .modal-header h2{color:gold}.game-over-stats{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;padding:16px;background:#4a90f81a;border-radius:12px;border:1px solid rgba(74,144,248,.2)}.stat-item{display:flex;justify-content:space-between;align-items:center}.stat-label{color:#d8e5ff;font-weight:500}.stat-value{color:#4a90e2;font-weight:700;font-size:1.1rem}.leaderboard-section{margin-bottom:24px}.standalone-leaderboard{margin-bottom:0}.leaderboard-section h3{margin:0 0 12px;color:gold;font-size:1.2rem;text-align:center}.leaderboard{display:flex;flex-direction:column;gap:8px}.leaderboard-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.leaderboard-item.current-high{background:#ffd7001a;border-color:#ffd7004d}.leaderboard-item.new-score{background:#90ee9026;border-color:#90ee9066;box-shadow:0 0 12px #90ee904d;animation:new-score-glow .8s ease-out}@keyframes new-score-glow{0%{box-shadow:0 0 20px #90ee9099}to{box-shadow:0 0 12px #90ee904d}}.new-score-badge{color:#90ee90;font-size:1rem;margin-left:4px}.rank{color:#a7b6d7;font-weight:700;min-width:40px}.score{color:#f7f8fb;font-weight:700;font-size:1.1rem}.high-score-badge{color:gold;font-size:1.2rem}.no-scores{text-align:center;color:#a7b6d7;font-style:italic;padding:16px}.modal-actions{display:flex;justify-content:center;padding-top:8px}.restart-btn{padding:12px 24px;font-size:1.1rem;font-weight:700;min-width:140px}@media (max-width: 420px) and (max-height: 900px){:root{--tile-size: clamp(44px, 8dvh, 54px)}.app{padding:6px 8px env(safe-area-inset-bottom)}.title-row{margin-bottom:2px}h1{font-size:.9rem}.top-hud{gap:4px}.hud-stat{min-width:56px;padding:4px 6px}.hud-label{font-size:.56rem}.hud-value{font-size:.85rem}.header-actions{gap:4px}.header-actions button{min-height:28px;font-size:.72rem}.icon-button{width:28px;min-width:28px}.restart-top-button{min-width:58px;padding:0 8px}.board{gap:3px;margin:4px auto 8px;padding:6px}.cell{border-radius:8px;font-size:clamp(.7rem,1.8vw,.85rem)}.controls{gap:6px;margin-top:8px}.panel{padding:8px}.selected-word{margin-bottom:10px}.selected-word p{font-size:.9rem}.button-row{gap:6px}button{min-height:40px;font-size:.9rem}}@media (max-width: 420px){.modal-overlay{padding:10px}.modal-content{max-width:none;border-radius:16px}.modal-header{padding:16px 16px 0}.modal-header h2{font-size:1.2rem}.modal-body{padding:0 16px 16px}.info-section h3{font-size:1rem}}@media (max-height: 700px){:root{--tile-size: clamp(40px, 7dvh, 48px)}.app{padding:6px 8px env(safe-area-inset-bottom)}.title-row{margin-bottom:2px}h1{font-size:.9rem}.top-hud{gap:4px}.hud-stat{padding:3px 6px}.hud-label{font-size:.54rem}.hud-value{font-size:.82rem}.header-actions button{min-height:28px}.board{margin:4px auto;padding:4px;gap:2px}.controls{gap:4px;margin-top:6px}.panel{padding:8px}button{min-height:36px;font-size:.85rem}}