:root{--c-bg: #0a0e1a;--c-bg-pattern: radial-gradient(ellipse at 50% 20%, #111833 0%, #0a0e1a 70%);--c-surface: rgba(22, 30, 58, .85);--c-surface-solid: #161e3a;--c-surface-hover: rgba(30, 42, 74, .9);--c-glass: rgba(18, 26, 52, .75);--c-glass-border: rgba(100, 140, 255, .1);--c-border: rgba(80, 110, 200, .12);--c-border-light: rgba(100, 140, 220, .22);--c-border-glow: rgba(99, 102, 241, .2);--c-text: #c0ccdf;--c-text-dim: #7a8bb5;--c-text-muted: #4b5a82;--c-text-bright: #eef2ff;--c-accent: #6366f1;--c-accent-light: #818cf8;--c-accent-glow: rgba(99, 102, 241, .35);--c-gold: #fbbf24;--c-gold-light: #fcd34d;--c-gold-dim: rgba(251, 191, 36, .12);--c-gold-glow: rgba(251, 191, 36, .25);--c-orange: #fb923c;--c-red: #f87171;--c-green: #34d399;--c-green-dim: rgba(52, 211, 153, .1);--c-green-glow: rgba(52, 211, 153, .2);--c-purple: #a78bfa;--c-purple-glow: rgba(167, 139, 250, .2);--c-cyan: #22d3ee;--s-xs: 4px;--s-sm: 8px;--s-md: 12px;--s-lg: 16px;--s-xl: 24px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-pill: 50px;--f-body: "Nunito", system-ui, -apple-system, sans-serif;--f-display: "Fredoka", "Nunito", system-ui, sans-serif;--f-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;--shadow-soft: 0 2px 12px rgba(0, 0, 0, .35);--shadow-glow: 0 0 20px var(--c-accent-glow);--shadow-gold: 0 0 16px var(--c-gold-glow);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .04)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--c-bg);background-image:var(--c-bg-pattern);background-attachment:fixed;color:var(--c-text);font-family:var(--f-body);font-weight:600;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.4}.app{display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:1200px;margin:0 auto;padding:var(--s-sm) var(--s-md);padding-top:max(var(--s-sm),env(safe-area-inset-top));padding-bottom:max(var(--s-sm),env(safe-area-inset-bottom));overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.top-bar{display:flex;align-items:center;gap:var(--s-sm);padding:var(--s-xs) 0 var(--s-sm);flex-shrink:0}.logo{font-family:var(--f-display);font-size:22px;font-weight:700;letter-spacing:2px;background:linear-gradient(135deg,var(--c-accent-light) 0%,var(--c-purple) 50%,var(--c-gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 0 8px rgba(99,102,241,.15))}.top-actions{display:flex;gap:4px}.btn-pill{display:flex;align-items:center;gap:4px;padding:4px 10px 4px 8px;background:#ffffff0a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:20px;color:var(--c-text-dim);font-family:var(--f-display);font-size:10px;font-weight:600;letter-spacing:.8px;line-height:1;cursor:pointer;transition:all .25s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;white-space:nowrap}.btn-pill svg{flex-shrink:0;opacity:.7;transition:opacity .25s ease}.btn-pill:hover{background:#ffffff14;border-color:#ffffff26;color:var(--c-text-bright)}.btn-pill:hover svg{opacity:1}.btn-pill:active{transform:scale(.94);background:#ffffff0f}.top-score{font-family:var(--f-display);font-size:26px;font-weight:700;background:linear-gradient(135deg,var(--c-gold) 20%,var(--c-gold-light) 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 6px var(--c-gold-glow));min-width:48px;text-align:right;margin-left:auto;letter-spacing:.5px}.stats-row{display:flex;align-items:center;gap:6px;padding:2px 0 var(--s-xs);flex-shrink:0;flex-wrap:wrap}.stat-chip{display:flex;align-items:center;gap:5px;padding:4px 10px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-pill);font-size:11px;font-weight:700;color:var(--c-text-dim);white-space:nowrap;line-height:1.3;box-shadow:var(--shadow-inset);font-family:var(--f-body);transition:all .2s ease}.stat-chip .stat-val{color:var(--c-text-bright);font-family:var(--f-display);font-weight:600;font-size:13px}.stat-combo{min-width:42px;justify-content:center}.stat-combo.combo-active{border-color:#fb923c66;background:linear-gradient(135deg,#fb923c1f,#ef444414);color:var(--c-orange);box-shadow:0 0 8px #fb923c26,var(--shadow-inset)}.stat-combo.combo-active .stat-val{color:var(--c-orange)}.stat-combo.combo-hot{border-color:#f8717180;background:linear-gradient(135deg,#f8717126,#ef44441a);color:var(--c-red);animation:comboPulse .8s ease-in-out infinite alternate;box-shadow:0 0 12px #f8717133,var(--shadow-inset)}.stat-combo.combo-hot .stat-val{color:var(--c-red)}.stat-combo.combo-wildflush{position:relative;border-color:#fbbf2466;background:radial-gradient(ellipse 120% 80% at 20% 50%,rgba(251,191,36,.08) 0%,transparent 70%),radial-gradient(ellipse 100% 90% at 80% 50%,rgba(255,215,0,.06) 0%,transparent 70%),linear-gradient(135deg,var(--c-gold-dim) 0%,rgba(251,191,36,.04) 100%);background-size:200% 200%,200% 200%,100% 100%;animation:wildFlushGlow 2s ease-in-out infinite alternate,wildFlushDrift 6s ease-in-out infinite}.combo-bar-inline{flex:1;height:4px;background:#506ec81a;border-radius:var(--r-pill);overflow:hidden;min-width:28px}.combo-bar-fill-inline{height:100%;background:linear-gradient(90deg,var(--c-orange),var(--c-red));border-radius:var(--r-pill);width:0%;transition:width .1s linear}.combo-bar-fill-inline.combo-fill-active{box-shadow:0 0 6px #f9731666}.fever-badge{padding:3px 10px;background:linear-gradient(135deg,#ffcc001f,#ffaa000f);border:1px solid rgba(255,204,0,.3);border-radius:var(--r-pill);color:#fde047;font-size:11px;font-weight:800;font-family:var(--f-display);display:flex;align-items:center;gap:4px;animation:feverGlow 1s ease-in-out infinite alternate;letter-spacing:.5px}.fever-turns{font-size:10px;opacity:.7}.stat-deck-wrap{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.deck-bar-mini{flex:1;height:4px;background:#506ec81a;border-radius:var(--r-pill);overflow:hidden;min-width:20px}.deck-bar-mini-fill{height:100%;background:linear-gradient(90deg,var(--c-accent),var(--c-accent-light));border-radius:var(--r-pill);transition:width .3s ease}.game-main{display:flex;flex-direction:column;flex:1;gap:var(--s-md);min-height:0}.board-column{display:flex;flex-direction:column;gap:var(--s-sm);align-items:center}.htimer{display:flex;align-items:center;gap:var(--s-sm);width:100%;max-width:616px}.htimer-track{flex:1;height:6px;background:#506ec81a;border-radius:var(--r-pill);overflow:hidden;position:relative;box-shadow:inset 0 1px 2px #0003}.htimer-fill{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--r-pill);transform-origin:left;will-change:transform}.htimer-fill.htimer-glow-critical{animation:timerPulse .6s ease-in-out infinite alternate}.htimer-fill.htimer-glow-gold{animation:timerGoldGlow 1.2s ease-in-out infinite alternate}.htimer-fill.htimer-glow-flash{animation:timerBrightFlash .3s ease-out}.htimer-text{font-size:13px;font-weight:600;font-family:var(--f-display);color:var(--c-text-dim);min-width:34px;text-align:right;flex-shrink:0}.board-canvas{display:block;width:min(100%,calc(100dvh - 360px));max-width:616px;aspect-ratio:1;border-radius:var(--r-lg);touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:0 4px 24px #0006,0 0 1px #648cff14}.action-bar{display:flex;gap:var(--s-sm);width:100%;max-width:616px}.action-btn{flex:1;padding:12px var(--s-md);border:none;border-radius:var(--r-md);font-size:13px;font-weight:800;font-family:var(--f-body);letter-spacing:.8px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;touch-action:manipulation;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.action-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 1px #ffffff14;pointer-events:none}.action-btn:active:not(:disabled){transform:scale(.97)}.action-btn:disabled{background:var(--c-surface-solid);color:var(--c-text-muted);cursor:not-allowed}.btn-submit{background:var(--c-surface-solid);color:var(--c-text-dim);box-shadow:0 1px 4px #0003}.btn-submit:hover:not(:disabled){background:linear-gradient(135deg,var(--c-accent) 0%,#7c3aed 100%);color:var(--c-text-bright);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-clear{background:var(--c-surface-solid);color:var(--c-text-dim);box-shadow:0 1px 4px #0003}.btn-clear:hover:not(:disabled){background:var(--c-surface-hover);color:var(--c-text);transform:translateY(-1px)}.side-panel{display:flex;flex-direction:column;gap:var(--s-sm)}.detail-section{background:var(--c-glass);border:1px solid var(--c-glass-border);border-radius:var(--r-lg);padding:var(--s-md) var(--s-lg);box-shadow:var(--shadow-soft),var(--shadow-inset)}.detail-label{font-family:var(--f-display);font-size:11px;font-weight:600;letter-spacing:1.5px;color:var(--c-text-muted);text-transform:uppercase;margin-bottom:var(--s-sm)}.info-block+.info-block{padding-top:var(--s-md);border-top:1px solid var(--c-border);margin-top:var(--s-md)}.shape-list{display:flex;gap:8px;flex-wrap:wrap}.shape-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 8px;border-radius:var(--r-md);min-width:50px;transition:all .25s ease;border:1px solid transparent}.shape-active{background:var(--c-green-dim);border-color:var(--c-green-glow);box-shadow:0 0 10px var(--c-green-glow)}.shape-locked{opacity:.25}.shape-grid-3x3{display:grid;grid-template-columns:repeat(3,8px);grid-template-rows:repeat(3,8px);gap:2px}.shape-cell{width:8px;height:8px;border-radius:2px;transition:background .2s ease}.shape-cell-on{background:currentColor}.shape-active .shape-cell-on{background:var(--c-green);box-shadow:0 0 3px var(--c-green-glow)}.shape-locked .shape-cell-on{background:var(--c-text-muted)}.shape-cell-off{background:#ffffff0a}.shape-label{font-family:var(--f-display);font-size:9px;font-weight:600;letter-spacing:.5px;color:var(--c-text-muted)}.shape-active .shape-label{color:var(--c-green)}.best-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px}.best-item{color:var(--c-text-dim);font-weight:700;white-space:nowrap;font-family:var(--f-body)}.best-sep{color:var(--c-text-muted);font-size:8px;opacity:.5}.stat-row{display:flex;justify-content:space-between;font-size:12px;padding:2px 0;color:var(--c-text-muted)}.stat-row span:last-child{color:var(--c-text-dim);font-weight:700}.ability-strip{display:flex;flex-wrap:nowrap;gap:8px;width:100%;max-width:616px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--c-border) transparent;-webkit-overflow-scrolling:touch;padding:2px 0}.ability-strip::-webkit-scrollbar{height:3px}.ability-strip::-webkit-scrollbar-track{background:transparent}.ability-strip::-webkit-scrollbar-thumb{background:var(--c-border-light);border-radius:4px}.ability-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 12px;border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface);cursor:pointer;transition:all .2s ease;font-family:inherit;min-width:68px;flex-shrink:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:var(--shadow-inset),0 2px 6px #0003;position:relative;overflow:hidden}.ability-btn:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:left .4s ease;pointer-events:none}.ability-btn:hover:not(:disabled):after{left:100%}.ability-btn:hover:not(:disabled){transform:translateY(-2px)}.ability-btn:active:not(:disabled){transform:scale(.95) translateY(0)}.ability-btn:disabled{opacity:.3;cursor:not-allowed}.ability-btn.tier-common{border-color:#94a3b826;background:linear-gradient(135deg,var(--c-surface) 0%,rgba(30,40,68,.9) 100%)}.ability-btn.tier-common:hover:not(:disabled){border-color:#94a3b84d;box-shadow:0 0 12px #94a3b81a,var(--shadow-inset)}.ability-btn.tier-rare{border-color:#8b5cf640;background:linear-gradient(135deg,var(--c-surface) 0%,rgba(50,30,80,.6) 100%)}.ability-btn.tier-rare:hover:not(:disabled){border-color:#8b5cf680;box-shadow:0 0 14px var(--c-purple-glow),var(--shadow-inset)}.ability-btn.tier-epic{border-color:#fbbf2440;background:linear-gradient(135deg,var(--c-surface) 0%,rgba(80,55,10,.5) 100%)}.ability-btn.tier-epic:hover:not(:disabled){border-color:#fbbf2480;box-shadow:0 0 14px var(--c-gold-glow),var(--shadow-inset)}.ability-icon{font-family:var(--f-display);font-size:18px;font-weight:700;line-height:1;color:var(--c-text-bright)}.ability-label{font-size:10px;font-weight:700;color:var(--c-text)}.ability-tier{font-family:var(--f-display);font-size:8px;font-weight:600;letter-spacing:.5px;padding:1px 5px;border-radius:var(--r-pill)}.ability-tier.tier-common{color:var(--c-text-dim)}.ability-tier.tier-rare{color:var(--c-purple)}.ability-tier.tier-epic{color:var(--c-gold)}.gameover-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#06080f;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .6s ease-out;padding:var(--s-lg)}.gameover-content{text-align:center;max-width:380px;width:100%}.gameover-title{font-family:var(--f-display);font-size:clamp(32px,9vw,52px);font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#505060;text-shadow:0 0 24px rgba(100,100,120,.15),0 2px 0 #1a1a2a;margin-bottom:28px;animation:titleSlam .6s cubic-bezier(.25,.46,.45,.94) .1s both}.gameover-title.gameover-win{color:var(--c-gold);-webkit-text-fill-color:var(--c-gold);text-shadow:0 0 30px var(--c-gold-glow),0 2px 0 #92610a;filter:drop-shadow(0 0 16px var(--c-gold-glow))}.gameover-score-section{margin-bottom:28px;animation:scoreReveal 1s cubic-bezier(.16,1,.3,1) .3s both}.gameover-score{font-family:var(--f-display);font-size:clamp(48px,13vw,68px);font-weight:700;background:linear-gradient(135deg,#fff 20%,#a0b0d0 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:4px}.gameover-score-label{font-family:var(--f-display);font-size:12px;font-weight:500;letter-spacing:4px;color:#44485a;text-transform:uppercase}.gameover-main-stats{display:flex;flex-direction:column;align-items:center;gap:var(--s-md);margin-bottom:var(--s-xl);padding-bottom:var(--s-xl);border-bottom:1px solid rgba(80,100,150,.1);animation:fadeUp .8s ease .5s both}.main-stat{display:flex;align-items:baseline;gap:8px}.main-stat-value{font-family:var(--f-display);font-size:16px;font-weight:600;color:#808098}.main-stat-label{font-size:12px;font-weight:600;color:#404058;letter-spacing:.5px;text-transform:lowercase}.gameover-details{display:flex;justify-content:center;gap:var(--s-xl);margin-bottom:28px;animation:fadeUp .8s ease .7s both}.gameover-details span{font-family:var(--f-body);font-size:12px;font-weight:600;color:#363648}.gameover-actions{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;animation:fadeUp .8s ease .9s both}.gameover-btn{padding:14px 40px;color:var(--c-text-bright);border:none;border-radius:var(--r-md);font-family:var(--f-body);font-size:14px;font-weight:800;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .2s ease;touch-action:manipulation;position:relative;overflow:hidden}.gameover-btn-primary{width:100%;max-width:260px;background:linear-gradient(135deg,var(--c-accent) 0%,#7c3aed 100%);box-shadow:0 4px 16px var(--c-accent-glow)}.gameover-btn-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 1px #ffffff1a;border-radius:inherit;pointer-events:none}.gameover-btn-save{width:100%;max-width:260px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);font-size:12px;padding:10px 20px;color:#808098}.gameover-btn-share{background:none;border:none;font-size:11px;padding:6px 16px;color:#505068;font-weight:600}.gameover-btn:hover{transform:translateY(-2px)}.gameover-btn-primary:hover{box-shadow:0 6px 24px var(--c-accent-glow)}.gameover-btn-save:hover{background:#ffffff1a;color:var(--c-text-bright)}.gameover-btn-share:hover{color:#808098}.gameover-btn:active{transform:scale(.97)}@keyframes comboPulse{0%{transform:scale(1)}to{transform:scale(1.06)}}@keyframes wildFlushGlow{0%{box-shadow:0 0 6px #fbbf241f;border-color:#fbbf244d}to{box-shadow:0 0 14px #fbbf2459;border-color:#fbbf248c}}@keyframes wildFlushDrift{0%{background-position:0% 50%,100% 50%,0% 0%}33%{background-position:100% 30%,0% 70%,0% 0%}66%{background-position:50% 80%,50% 20%,0% 0%}to{background-position:0% 50%,100% 50%,0% 0%}}@keyframes feverGlow{0%{box-shadow:0 0 4px #ffcc0026}to{box-shadow:0 0 12px #fc06}}@keyframes timerPulse{0%{box-shadow:0 0 4px #f8717166}to{box-shadow:0 0 12px #f87171b3}}@keyframes timerGoldGlow{0%{box-shadow:0 0 6px #ffd70066}to{box-shadow:0 0 20px #ffd700cc}}@keyframes timerBrightFlash{0%{filter:brightness(3)}to{filter:brightness(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes titleSlam{0%{opacity:0;transform:scale(2.2);filter:blur(12px)}60%{opacity:1;transform:scale(.95);filter:blur(0)}to{transform:scale(1)}}@keyframes scoreReveal{0%{opacity:0;transform:translateY(20px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmerSlide{0%{left:-100%}to{left:100%}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--c-border-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#648cdc59}.help-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--s-md);animation:fadeIn .2s ease-out}.help-modal{background:var(--c-surface-solid);border:1px solid var(--c-glass-border);border-radius:var(--r-xl);width:100%;max-width:480px;max-height:85dvh;display:flex;flex-direction:column;box-shadow:0 8px 40px #0009,0 0 1px #648cff26;animation:slideUp .25s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.help-header{display:flex;align-items:center;gap:var(--s-sm);padding:var(--s-lg) var(--s-lg) var(--s-md);border-bottom:1px solid var(--c-border);flex-shrink:0}.help-title{font-family:var(--f-display);font-size:18px;font-weight:700;letter-spacing:2px;background:linear-gradient(135deg,var(--c-accent-light) 0%,var(--c-purple) 50%,var(--c-gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-right:auto}.help-lang-toggle{display:flex;gap:2px;background:#ffffff0a;border-radius:var(--r-pill);padding:2px}.help-lang-btn{padding:4px 10px;border:none;border-radius:var(--r-pill);background:transparent;color:var(--c-text-muted);font-family:var(--f-display);font-size:11px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:all .2s ease}.help-lang-active{background:var(--c-accent);color:#fff;box-shadow:0 1px 4px #6366f14d}.help-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--c-border);border-radius:var(--r-sm);background:transparent;color:var(--c-text-dim);font-size:14px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.help-close:hover{background:#f8717126;border-color:#f871714d;color:var(--c-red)}.help-body{overflow-y:auto;padding:var(--s-md) var(--s-lg) var(--s-lg);-webkit-overflow-scrolling:touch}.help-tabs{display:flex;gap:2px;padding:6px var(--s-lg) 0;border-bottom:1px solid var(--c-border);flex-shrink:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.help-tabs::-webkit-scrollbar{display:none}.help-tab{flex:1;padding:8px 6px;border:none;background:transparent;color:var(--c-text-muted);font-family:var(--f-display);font-size:11px;font-weight:700;letter-spacing:.3px;cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;transition:all .2s ease;text-align:center}.help-tab:hover{color:var(--c-text-bright)}.help-tab-active{color:var(--c-accent-light);border-bottom-color:var(--c-accent-light)}.help-tab-content{font-size:12.5px;font-weight:600;color:var(--c-text);line-height:1.7;animation:fadeTabIn .2s ease}@keyframes fadeTabIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.help-tab-content p{margin:0 0 8px}.help-tab-content ul{list-style:none;padding:0;margin:0}.help-tab-content li{padding:3px 0 3px 12px;position:relative}.help-tab-content li:before{content:"";position:absolute;left:0;top:11px;width:4px;height:4px;border-radius:50%;background:var(--c-accent-light)}.help-tab-content strong{color:var(--c-text-bright);font-weight:800}.help-formula{font-family:var(--f-display);font-size:13px;font-weight:700;color:var(--c-gold);text-align:center;padding:10px;margin-bottom:10px;background:#fbbf240f;border:1px solid rgba(251,191,36,.15);border-radius:var(--r-sm);letter-spacing:.5px}.help-hands-list{display:flex;flex-direction:column;gap:6px}.help-hand-row{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 10px;background:#ffffff05;border:1px solid var(--c-border);border-radius:var(--r-sm)}.help-hand-header{display:flex;align-items:baseline;justify-content:center;gap:8px;width:100%}.help-hand-name{font-family:var(--f-display);font-size:11px;font-weight:700;color:var(--c-text-bright);letter-spacing:.2px;line-height:1.3}.help-hand-desc{font-size:9.5px;color:var(--c-text-muted);line-height:1.3;text-align:center}.help-hand-score{font-family:var(--f-display);font-size:13px;font-weight:700;color:var(--c-gold);flex-shrink:0}.help-mini-cards{display:flex;gap:3px;flex-shrink:0}.help-mini-card{width:26px;height:36px;background:var(--c-surface-solid);border:1.5px solid var(--c-border);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;line-height:1;transition:all .15s ease}.help-mini-hl{border-color:var(--suit-color, var(--c-accent-light));background:#ffffff0f;box-shadow:0 0 6px #6366f126}.help-mini-rank{font-family:var(--f-display);font-size:11px;font-weight:700;color:var(--c-text-bright);line-height:1.1}.help-mini-suit{font-size:10px;color:var(--suit-color, var(--c-text-muted));line-height:1}.help-shape-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}.help-shape-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;background:#ffffff05;border:1px solid var(--c-border);border-radius:var(--r-sm)}.help-shape-mini{display:grid;grid-template-columns:repeat(3,10px);grid-template-rows:repeat(3,10px);gap:2px}.help-shape-cell{border-radius:2px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.help-shape-on{background:var(--c-accent);border-color:var(--c-accent-light);box-shadow:0 0 4px #6366f14d}.help-shape-label{font-family:var(--f-display);font-size:9px;font-weight:700;color:var(--c-text-dim);letter-spacing:.5px}.help-shape-mult{font-family:var(--f-display);font-size:12px;font-weight:700;color:var(--c-gold)}.help-lock-list{display:flex;flex-direction:column;gap:4px;margin:8px 0}.help-lock-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--r-sm);font-size:12px;font-weight:600;color:var(--c-text)}.help-lock-easy{background:#34d39914;border:1px solid rgba(52,211,153,.2)}.help-lock-mid{background:#fbbf2414;border:1px solid rgba(251,191,36,.2)}.help-lock-hard{background:#f8717114;border:1px solid rgba(248,113,113,.2)}.help-lock-badge{font-family:var(--f-display);font-size:9px;font-weight:800;letter-spacing:.5px;padding:2px 6px;border-radius:var(--r-pill)}.help-lock-easy .help-lock-badge{background:#34d39933;color:#34d399}.help-lock-mid .help-lock-badge{background:#fbbf2433;color:#fbbf24}.help-lock-hard .help-lock-badge{background:#f8717133;color:#f87171}@media(min-width:640px){.app{padding:var(--s-md) var(--s-lg);max-width:520px}.logo{font-size:26px;letter-spacing:3px}.top-score{font-size:30px}.stat-chip{padding:5px 12px;font-size:12px}.stat-chip .stat-val{font-size:14px}.htimer-track{height:8px}.htimer-text{font-size:14px}.action-btn{padding:14px var(--s-lg);font-size:14px}}@media(min-width:1024px){.app{max-width:560px;padding:var(--s-xl) var(--s-xl);justify-content:center}.logo{font-size:28px;letter-spacing:3px}}