@import "https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-deep:#0f0d0b;--surface:#14110e;--surface-container-low:#1a1613;--surface-container:#221c18;--surface-container-high:#2a221d;--bg-card:#1a1613f2;--bg-surface:#ffffff0a;--bg-surface-hover:#ffffff14;--border:#2a221d;--border-active:#352b24;--text-primary:#ece5d6;--text-secondary:#a8a094;--text-muted:#6b6459;--text-fade:#4a443c;--primary:#c8382a;--primary-container:#d9604d;--primary-deep:#9a2a1f;--primary-glow:#c8382a38;--green:#9bb07a;--green-glow:#9bb07a1f;--secondary:#c9a961;--accent:#c9a961;--gold:#c9a961;--gold-dim:#8c7440;--accent-glow:#c9a96114;--gold-glow:#c9a96114;--tertiary:#b4cffc;--red:#c86a5a;--red-glow:#c86a5a1f;--felt-1:#18251f;--felt-2:#0e1815;--felt-edge:#2a1f18;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-full:9999px;--shadow-card:0 4px 24px #00000080;--font:"Inter", system-ui, -apple-system, sans-serif;--font-serif:"Shippori Mincho", Georgia, serif;--font-mono:"JetBrains Mono", monospace;--font-display:"Shippori Mincho", Georgia, serif;--transition:.16s ease}[data-theme=matcha]{--bg-deep:#0c100c;--surface:#101510;--surface-container-low:#141a14;--surface-container:#1a221a;--surface-container-high:#223022;--border:#23301f;--border-active:#2e3f2a;--text-primary:#e6e4d4;--text-secondary:#a3a896;--text-muted:#666b5a;--text-fade:#474b3e;--primary:#7a9659;--primary-container:#96b273;--primary-deep:#57703f;--primary-glow:#7a965938;--felt-1:#1a2a1c;--felt-2:#121d15}[data-theme=kon]{--bg-deep:#0a0c12;--surface:#0e1118;--surface-container-low:#141823;--surface-container:#1a2030;--surface-container-high:#262e42;--border:#23293a;--border-active:#303952;--text-primary:#e4e6ec;--text-secondary:#9aa0b0;--text-muted:#5e6478;--text-fade:#3e435a;--primary:#c9a961;--primary-container:#d9bd7d;--primary-deep:#8c7440;--primary-glow:#c9a96138;--felt-1:#131c2c;--felt-2:#0d1220}.material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;font-style:normal;font-size:inherit;white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;direction:ltr;line-height:1;display:inline-block}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100dvh}body{font-family:var(--font);background:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.5}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(900px 500px at 50% -8%,#c8382a0d,#0000 60%),radial-gradient(600px 400px at 90% 110%,#c9a9610a,#0000 60%);position:fixed;inset:0}body:after{content:"";pointer-events:none;opacity:.025;z-index:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='60' viewBox='0 0 120 60'><g fill='none' stroke='%23e8e2d6' stroke-width='0.5'><path d='M0 60 A30 30 0 0 1 60 60 M60 60 A30 30 0 0 1 120 60'/><path d='M-30 60 A30 30 0 0 1 30 60 M90 60 A30 30 0 0 1 150 60'/></g></svg>");background-size:200px 100px;position:fixed;inset:0}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}.error-screen{text-align:center;background:var(--bg-deep);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:32px;display:flex}.error-emoji{margin-bottom:16px;font-size:3rem}.error-title{margin-bottom:8px;font-size:1.3rem;font-weight:800}.error-desc{color:var(--text-secondary);max-width:40ch;margin-bottom:20px;font-size:.88rem;line-height:1.5}.error-actions{gap:10px;margin-bottom:16px;display:flex}.error-btn{border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition);background:#ffffff1a;border:1px solid #ffffff26;padding:12px 24px;font-size:.88rem;font-weight:700}.error-btn:hover{background:#ffffff29}.error-btn.secondary{border-color:var(--border);color:var(--text-muted);background:0 0}.error-note{color:var(--text-muted);font-size:.72rem}button:disabled{cursor:not-allowed;opacity:.4}.app{z-index:1;flex-direction:column;max-width:1080px;min-height:100dvh;margin:0 auto;padding:20px 32px 28px;display:flex;position:relative}.nav-bar{justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px 0 14px;display:flex}.nav-brand{font-family:var(--font-serif);color:var(--gold);letter-spacing:.02em;pointer-events:none;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:baseline;gap:8px;margin-right:12px;font-size:1.1rem;font-weight:600;display:flex}.nav-brand-kanji{font-family:var(--font-serif);color:var(--text-muted);letter-spacing:.08em;font-size:.9rem;font-weight:500}@media (width<=480px){.nav-brand{display:none}.nav-tab{padding:6px 10px;font-size:.72rem}.app{padding:16px}}.nav-left{align-items:center;gap:4px;display:flex}.nav-right{align-items:center;gap:8px;display:flex}.nav-stat{color:var(--text-secondary);border-radius:var(--radius-full);background:#ffffff0a;border:1px solid #ffffff0f;padding:5px 10px;font-size:.7rem;font-weight:800}.sound-toggle{border-radius:var(--radius-full);background:var(--bg-surface);transition:all var(--transition);padding:6px 10px;font-size:.85rem;line-height:1}.sound-toggle:hover{background:var(--bg-surface-hover)}.kb-help-btn{border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-muted);transition:all var(--transition);padding:4px 9px;font-size:.72rem;font-weight:700;line-height:1}.kb-help-btn:hover{background:var(--bg-surface-hover);color:var(--text-secondary)}.nav-tabs{gap:4px;display:flex}.nav-tab{color:var(--text-muted);transition:color var(--transition);letter-spacing:.2em;text-transform:uppercase;background:0 0;border-radius:0;padding:8px 14px;font-size:.66rem;font-weight:600;position:relative}.nav-tab:hover{color:var(--text-secondary)}.nav-tab.active{color:var(--text-primary)}.nav-tab.active:after{content:"";background:var(--primary);height:1px;position:absolute;bottom:0;left:14px;right:14px}.nav-play.active{color:var(--text-primary)}.nav-play.active:after{background:var(--primary)}.nav-learn.active{color:var(--text-primary)}.nav-learn.active:after{background:var(--gold)}.nav-profile.active{color:var(--text-primary)}.nav-profile.active:after{background:var(--gold)}.section-play{--section-accent:var(--primary)}.section-learn,.section-profile{--section-accent:var(--gold)}.play-area{flex-direction:column;flex:1;gap:8px;animation:.15s ease-out pageFade;display:flex}@keyframes pageFade{0%{opacity:.6}to{opacity:1}}.hand-chain-banner{color:#fbbf24;text-align:center;letter-spacing:.01em;background:#eab3081f;border:1px solid #eab3084d;border-radius:6px;padding:6px 12px;font-size:.75rem;animation:.38s cubic-bezier(.22,1,.36,1) chainBannerIn}@keyframes chainBannerIn{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.page-header~:first-of-type,.coach-select,.coach-profile,.drill-select{animation:.15s ease-out pageFade}.spot-stage{isolation:isolate;flex-direction:column;gap:4px;display:flex}.spot-stage.compact{gap:6px}.spot-stage.compact .table-wrap{max-width:620px;margin:32px auto 68px}.spot-stage.compact .spot-stage-context{opacity:.92}.spot-stage.compact .spot-hand-badge{font-size:.96rem}.spot-stage.compact .spot-scenario{font-size:.72rem}.spot-stage.compact .spot-difficulty-stars{font-size:.62rem}.chip{border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-secondary);padding:5px 12px;font-size:.78rem;font-weight:600}.chip.position{color:var(--text-primary);background:#ffffff0f;border:1px solid #ffffff1a}.chip.stack{color:var(--gold)}.table-wrap{aspect-ratio:2;transform-origin:50%;width:100%;max-width:720px;margin:40px auto 72px;animation:.34s ease-out tableSettle;position:relative;overflow:visible}@keyframes tableSettle{0%{opacity:0;transform:translateY(8px)scale(.988)}to{opacity:1;transform:translateY(0)scale(1)}}.table-rail{background:#0c0a08;border-radius:50%/46%;position:absolute;inset:0;box-shadow:0 0 0 1px #c9a96114,0 16px 60px #000000bf,0 4px 20px #00000080}.table-felt{background:radial-gradient(ellipse at 50% 45%, var(--felt-1) 0%, var(--felt-2) 70%, #070907 100%);border-radius:50%/46%;position:absolute;inset:4%;overflow:hidden;box-shadow:inset 0 0 0 1px #c9a9610f}.table-felt:after{content:"";pointer-events:none;border:1px solid #ffffff0a;border-radius:50%/46%;position:absolute;inset:5%}.ts{z-index:3;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;transform:translate(-50%,-50%)}.ts-body{flex-direction:column;align-items:center;gap:3px;min-width:0;display:flex}.ts-body-villain{gap:4px;width:min(96px,20vw)}.ts-body-hero{gap:4px}.ts-cards{justify-content:center;display:flex}.ts-status-row{justify-content:center;width:100%;display:flex}.card-w{display:inline-block;container-type:inline-size}.cw-sm{width:24px}.cw-hero{width:60px}.jp-card{aspect-ratio:2/3;width:100%;font-family:var(--font-serif);background-color:#f2ecdf;background-image:linear-gradient(135deg,#ffffff47 0%,#0000 40%),radial-gradient(circle at 30% 20%,#ffffff2e,#0000 50%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:5cqw;position:relative;overflow:hidden;box-shadow:0 4px 10px #0000008c,0 1px #ffffff0a;container-type:inline-size}.jp-card-hero{box-shadow:0 6px 16px #0009,0 1px #ffffff0a}.jp-card-border{pointer-events:none;border:.75px solid #8a785a47;border-radius:2cqw;position:absolute;inset:3cqw}.jp-corner{font-family:var(--font-serif);z-index:2;flex-direction:column;align-items:center;gap:1.5px;line-height:1;display:flex;position:absolute}.jp-tl{top:4cqw;left:4cqw}.jp-br{bottom:4cqw;right:4cqw;transform:rotate(180deg)}.jp-rank{letter-spacing:-.02em;font-size:19cqw;font-weight:700}.jp-corner-suit{opacity:.85;width:11cqw;height:11cqw;display:block}.jp-corner-suit svg{width:100%;height:100%;display:block}.jp-pips{position:absolute;inset:26% 22%}.jp-pip{width:14cqw;height:14cqw;position:absolute;transform:translate(-50%,-50%)}.jp-pip svg{width:100%;height:100%;display:block}.jp-flip{transform:translate(-50%,-50%)rotate(180deg)}.jp-pip-dense{width:11cqw;height:11cqw}.jp-face-art{place-items:center;display:grid;position:absolute;inset:10% 22%}.jp-face-art svg{width:100%;height:100%;display:block}.jp-ace-art{place-items:center;display:grid;position:absolute;inset:0}.jp-ace-wrap{flex-direction:column;align-items:center;gap:3px;display:flex}.jp-ace-glyph{width:52cqw;height:52cqw}.jp-ace-glyph svg{width:100%;height:100%;display:block}.jp-ace-kanji{font-family:var(--font-serif);opacity:.55;font-size:11cqw;font-weight:500}.card-svg{width:100%;height:auto;display:block}.card-back-svg{filter:drop-shadow(0 1px 2px #0000008c)}.card-pair{align-items:center;display:flex}.jp-card-offset{margin-left:-8px}.hero-fan{gap:5px;display:flex;position:relative}.hero-fan .cw-hero:first-child{animation:.38s ease-out cardSlideIn}.hero-fan .cw-hero:last-child{animation:.42s ease-out 70ms cardSlideIn}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(-8px)scale(.9)}60%{opacity:1}to{transform:translateY(0)scale(1)}}.ts-waiting .cw-sm{width:21px}.ts-waiting .jp-card-offset{margin-left:-7px}.ts-waiting .ts-cards{opacity:1;filter:drop-shadow(0 2px 4px #00000047)}.ts-villain .cw-sm{width:20px}.ts-villain .jp-card-offset{margin-left:-6px}.ts-villain .ts-cards{filter:drop-shadow(0 2px 4px #00000052)}.ts-waiting .ts-name{color:#ffffffdb;background:#0000008f}.ts-row{justify-content:center;align-items:center;gap:5px;display:flex}.ts-row-villain{flex-wrap:wrap;gap:4px;max-width:100%}.ts-name{border-radius:var(--radius-full);color:#ffffffd1;white-space:nowrap;letter-spacing:.04em;background:linear-gradient(#0b1311d1,#0b1311a8);border:1px solid #ffffff14;padding:3px 8px;font-size:.64rem;font-weight:800;box-shadow:0 6px 14px #00000029}.ts-nh{color:#fffffff5;background:#3498db47;font-size:.66rem;font-weight:800;box-shadow:0 0 0 1px #5f8fff2e,0 4px 12px #0000002e}.ts-nv{color:#ff8d8d;letter-spacing:.04em;background:#e6504642;font-weight:800;box-shadow:0 0 0 1px #f871712e,0 4px 12px #0000002e}.ts-folded .ts-name{color:#ffffff9e;background:#050a097a;border-color:#ffffff0d}.ts-fold-anim .ts-row{animation:.32s ease-out both foldDim;animation-delay:var(--fold-delay,0s)}.ts-villain-anim .ts-cards{animation:.45s ease-out both villainDeal;animation-delay:var(--villain-delay,0s)}.ts-villain-anim .ts-row{animation:.4s ease-out both villainNameAppear;animation-delay:var(--villain-delay,0s)}@keyframes foldDim{0%{opacity:1;transform:scale(1)}to{opacity:.72;transform:scale(.96)}}@keyframes villainDeal{0%{opacity:0;transform:scale(.5)translateY(-8px)}60%{opacity:1;transform:scale(1.04)}80%{transform:scale(.98)}to{transform:scale(1)}}@keyframes villainNameAppear{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}.ts-chips{color:#c4c4c4;font-variant-numeric:tabular-nums;font-size:.6rem;font-weight:800}.ts-ch{color:var(--gold);font-size:.64rem;font-weight:800}.ts-cv{color:#ff8d8d;border-radius:var(--radius-full);background:#360a0a94;border:1px solid #f871712e;padding:2px 7px;font-size:.62rem;font-weight:800;box-shadow:0 4px 10px #00000029}.ts-action-tag,.ts-allin-tag{letter-spacing:.1em;text-transform:uppercase;opacity:.9;font-size:.46rem;font-weight:800}.ts-action-tag.aggressive,.ts-allin-tag{color:#ff8d8d}.ts-allin-tag{border-radius:var(--radius-full);background:#440c0cb8;border:1px solid #f871713d;justify-content:center;align-items:center;min-height:18px;padding:3px 8px;display:inline-flex;box-shadow:0 4px 10px #00000029}.ts-action-tag.fold{color:#ffffffb8}.ts-acted .ts-name{animation:.35s ease-out pulse-pop}.ts-acted .hero-fan{animation:.5s ease-out heroResult}.ts-called .ts-call-tag{border-radius:var(--radius-full);letter-spacing:.1em;text-transform:uppercase;color:#6ee7b7;background:#064e3b8c;border:1px solid #6ee7b738;justify-content:center;align-items:center;min-height:18px;padding:3px 8px;font-size:.46rem;font-weight:800;display:inline-flex}.ts-called-anim .ts-cards{animation:.38s ease-out both villainDeal}.ts-called-anim .ts-row{animation:.32s ease-out both villainNameAppear}.villain-reveal-fan{align-items:flex-start;display:flex}.villain-reveal-card{animation:.42s ease-out both cardFlipReveal}.villain-reveal-card:last-child{animation-delay:80ms}@keyframes cardFlipReveal{0%{opacity:0;transform:rotateY(90deg)scale(.85)}60%{opacity:1;transform:rotateY(-6deg)scale(1.04)}to{opacity:1;transform:rotateY(0)scale(1)}}.sequence-waiting{justify-content:center;align-items:center;min-height:60px;padding:24px 0 8px;display:flex}.sequence-waiting-dots{gap:7px;display:flex}.sequence-waiting-dots span{background:#ffffff59;border-radius:50%;width:7px;height:7px;animation:1.1s ease-in-out infinite dotPulse}.sequence-waiting-dots span:nth-child(2){animation-delay:.18s}.sequence-waiting-dots span:nth-child(3){animation-delay:.36s}@keyframes dotPulse{0%,80%,to{opacity:.3;transform:scale(.7)}40%{opacity:.9;transform:scale(1)}}.ts-folded-result .hero-fan{opacity:.3;transition:opacity .3s}.ts-acted:not(.ts-folded-result) .hero-fan{animation:.4s ease-out heroShove}@keyframes heroShove{0%{filter:brightness()}25%{filter:brightness(1.2)}to{filter:brightness()}}@keyframes pulse-pop{0%{transform:scale(1)}30%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes heroResult{0%{filter:brightness()}25%{filter:brightness(1.3)}to{filter:brightness()}}.chip-svg{filter:drop-shadow(0 1px 2px #00000059);display:block}.chip-stack{filter:drop-shadow(0 2px 4px #0006)}.chip-stack-denom{color:#ffffffbf;text-shadow:0 1px 2px #000c;white-space:nowrap;pointer-events:none;font-size:.55rem;font-weight:800;position:absolute;left:50%;transform:translate(-50%)}.villain-chips-container{z-index:4;pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.villain-chips{animation:.6s ease-out both villainChipsSlide;animation-delay:var(--villain-delay,0s);flex-direction:column;align-items:center;gap:2px;display:flex}.villain-chip-label{color:var(--red);text-shadow:0 1px 3px #000000e6;font-variant-numeric:tabular-nums;font-size:.62rem;font-weight:800}.villain-chip-label small{opacity:.7;font-size:.8em;font-weight:600}.pot-chip-pair{filter:drop-shadow(0 1px 2px #0000004d);justify-content:center;gap:2px;margin-bottom:4px;display:flex}@keyframes villainChipsSlide{0%{opacity:0;transform:translateY(-16px)scale(.5)}45%{opacity:1}75%{transform:translateY(1px)scale(1.02)}to{transform:translateY(0)scale(1)}}.felt-center{z-index:2;flex-direction:column;align-items:center;gap:2px;animation:.42s ease-out potSettle;display:flex;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}@keyframes potSettle{0%{opacity:0;transform:translate(-50%,calc(6px - 50%))scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.pot-pill{font-family:var(--font-display);color:#ffffffeb;border-radius:var(--radius-full);letter-spacing:.01em;background:#0000006b;padding:5px 16px;font-size:.92rem;font-weight:700;box-shadow:0 6px 18px #0000004d,inset 0 1px #ffffff14,inset 0 0 0 1px #9bb07a0f}.pot-pill small{opacity:.65;font-size:.7em;font-weight:500}.call-label{color:var(--red);opacity:.75;letter-spacing:.02em;font-size:.68rem;font-weight:700}.first-in-label{color:#ffffff59;text-transform:uppercase;letter-spacing:.08em;font-size:.6rem;font-weight:600}.spot-context{color:var(--text-muted);justify-content:space-between;align-items:center;padding:6px 8px;font-size:.75rem;display:flex}.spot-ctx{z-index:2;justify-content:space-between;align-items:center;gap:16px;margin:10px 0 12px;padding:0 4px;display:flex;position:relative}.spot-ctx-left{align-items:center;gap:10px;display:flex}.spot-ctx-label{font:600 9px/1 var(--font);letter-spacing:.22em;color:var(--text-muted)}.spot-ctx-strategy{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:.02em;align-items:center;gap:6px;font-size:.88rem;font-weight:500;display:flex}.spot-ctx-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:3px;height:3px;display:inline-block}.spot-ctx-pos{font-family:var(--font-mono);color:var(--text-secondary);font-size:.75rem}.spot-ctx-stack{font-family:var(--font-mono);color:var(--gold);font-size:.75rem}.spot-context-bar{z-index:2;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:6px 10px 8px;display:flex;position:relative}.spot-hand-badge{font-family:var(--font-mono);letter-spacing:.04em;border-radius:var(--radius-full);background:#c8382a14;border:1px solid #c8382a2e;padding:4px 12px;font-size:.92rem;font-weight:600}.spot-context-pill{border-radius:var(--radius-full);color:var(--text-primary);border:1px solid var(--border);letter-spacing:.04em;background:#ffffff0a;justify-content:center;align-items:center;padding:4px 10px;font-size:.66rem;font-weight:600;display:inline-flex}.spot-context-pill.subtle{color:var(--text-secondary);background:#ffffff05}.spot-difficulty-stars{color:var(--gold);letter-spacing:.1em;font-size:.62rem}.action-area{z-index:2;flex-direction:column;animation:.35s ease-out fadeUp;display:flex;position:relative}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.action-buttons{grid-template-columns:1fr 1fr;gap:10px;display:grid}.action-btn{border-radius:var(--radius-sm);height:52px;font-family:var(--font);text-transform:uppercase;letter-spacing:.18em;cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-size:.84rem;font-weight:600;transition:transform 80ms,box-shadow .2s,background .2s;display:flex;position:relative;overflow:hidden}.action-btn:before{font-family:var(--font-serif);opacity:.5;letter-spacing:0;font-size:.82rem;font-weight:500}.action-btn:active:not(:disabled){transform:translateY(1px)}.action-btn:disabled{opacity:.48;cursor:not-allowed;filter:saturate(.85)}.action-btn.aggressive{background:linear-gradient(180deg, var(--primary-container) 0%, var(--primary) 100%);color:#fff8ee;box-shadow:0 4px 14px var(--primary-glow), inset 0 1px 0 #fff3;border:none}.action-btn.aggressive:before{content:"攻"}.action-btn.aggressive:hover:not(:disabled){box-shadow:0 6px 22px var(--primary-glow), inset 0 1px 0 #ffffff47}.action-btn.aggressive:active:not(:disabled){box-shadow:0 2px 8px var(--primary-glow), inset 0 2px 4px #00000026}.action-btn.passive{background:var(--surface-container-low);color:var(--text-secondary);border:1px solid var(--border-active);box-shadow:0 2px 8px #0003,inset 0 1px #ffffff0a}.action-btn.passive:before{content:"退"}.action-btn.passive:hover:not(:disabled){color:var(--text-primary);border-color:var(--text-muted);background:var(--surface-container)}.action-btn.passive:active:not(:disabled){box-shadow:inset 0 2px 4px #0003}.btn-key{font-family:var(--font-mono);color:inherit;opacity:.4;letter-spacing:0;border:1px solid;border-radius:3px;padding:2px 5px;font-size:.62rem;font-weight:500;line-height:1;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.result-area{z-index:2;flex-direction:column;animation:.2s ease-out resultReveal;display:flex;position:relative}@keyframes resultReveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.result-correct{animation:.2s ease-out resultReveal,.5s ease-out correctGlow}.result-incorrect{animation:.2s ease-out resultReveal,.3s ease-out incorrectShake}@keyframes correctGlow{0%,to{box-shadow:none}30%{box-shadow:0 0 20px #9bb07a24}}@keyframes incorrectShake{0%,to{transform:translate(0)}15%{transform:translate(-4px)}30%{transform:translate(4px)}45%{transform:translate(-3px)}60%{transform:translate(2px)}75%{transform:translate(-1px)}}.next-btn{border-radius:var(--radius-full);cursor:pointer;text-align:center;border:none;flex-direction:column;align-items:center;gap:3px;padding:14px 20px;transition:filter .15s,transform .1s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.next-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.next-btn:after{content:"";opacity:0;background:linear-gradient(120deg,#0000 0%,#ffffff14 35%,#0000 70%);transition:transform .45s,opacity .2s;position:absolute;inset:0;transform:translate(-120%)}.next-btn:hover:after{opacity:1;transform:translate(120%)}.result-correct .next-btn{background:linear-gradient(#9bb07a29 0%,#9bb07a0d 100%);border:1.5px solid #9bb07a47;box-shadow:0 12px 40px #9bb07a14}.result-incorrect .next-btn{background:linear-gradient(#c86a5a24 0%,#c86a5a0a 100%);border:1.5px solid #c86a5a3d;box-shadow:0 12px 30px #c86a5a0f}.next-verdict{letter-spacing:.04em;font-size:1.1rem;font-weight:800}.result-correct .next-verdict{color:var(--green)}.result-incorrect .next-verdict{color:var(--red)}.next-meta{color:var(--text-muted);max-width:44ch;font-size:.7rem;font-weight:600;line-height:1.45}.result-review-strip{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:12px 0 14px;display:flex}.result-review-pill{border-radius:var(--radius-full);letter-spacing:.03em;color:var(--text-secondary);background:#ffffff0a;border:1px solid #ffffff14;justify-content:center;align-items:center;padding:6px 11px;font-size:.68rem;font-weight:800;display:inline-flex;box-shadow:0 8px 18px #00000014}.result-review-pill.hero{background:#ffffff0a}.result-review-pill.solver{color:#b8ccff;background:#5f8fff1a;border-color:#5f8fff2e}.result-review-pill.tier.perfect{color:#c2d9a8;background:#9bb07a1f;border-color:#9bb07a3d}.result-review-pill.tier.close{color:#f4d58d;background:#e9c3491f;border-color:#e9c34938}.result-review-pill.tier.punt{color:#fecaca;background:#f871711f;border-color:#f8717138}.hand-review-list{flex-direction:column;gap:8px;margin-top:12px;display:flex}.hand-review-decision{border-radius:var(--radius-lg);background:#2a2a2a8c;border:1px solid #ffffff14;overflow:hidden}.hand-review-decision.perfect{border-color:#9bb07a2e}.hand-review-decision.close{border-color:#e9c3492e}.hand-review-decision.punt{border-color:#f871712e}.hand-review-summary-row{cursor:pointer;grid-template-columns:30px minmax(0,1fr) 48px;align-items:center;gap:10px;padding:11px 12px;list-style:none;display:grid}.hand-review-summary-row::-webkit-details-marker{display:none}.hand-review-index{border-radius:var(--radius-full);width:24px;height:24px;color:var(--text-secondary);background:#ffffff0f;justify-content:center;align-items:center;font-size:.72rem;font-weight:800;display:inline-flex}.hand-review-title{min-width:0;color:var(--text-primary);flex-direction:column;font-size:.82rem;font-weight:800;line-height:1.25;display:flex}.hand-review-title small{color:var(--text-muted);margin-top:2px;font-size:.68rem;font-weight:600}.hand-review-grade{border-radius:var(--radius-full);text-align:center;border:1px solid #ffffff1a;justify-self:end;min-width:40px;padding:5px 8px;font-size:.74rem;font-weight:900}.hand-review-grade.perfect{color:#c2d9a8;background:#9bb07a1f;border-color:#9bb07a3d}.hand-review-grade.close{color:#f4d58d;background:#e9c3491f;border-color:#e9c34938}.hand-review-grade.punt{color:#fecaca;background:#f871711f;border-color:#f8717138}.hand-review-body{border-top:1px solid #ffffff12;padding:0 12px 12px}.hand-review-range-btn{border-radius:var(--radius-md);color:#b8ccff;cursor:pointer;background:#5f8fff14;border:1px solid #5f8fff2e;width:100%;margin-top:2px;padding:9px 12px;font-size:.72rem;font-weight:800}.hand-review-range-btn:hover{background:#5f8fff21}.next-label{color:var(--text-secondary);opacity:.78;margin-top:2px;font-size:.75rem;font-weight:700;animation:1.35s ease-in-out infinite nextNudge}@keyframes nextNudge{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.result-tip{color:#e0c97a;text-align:left;border-radius:0 var(--radius-md) var(--radius-md) 0;background:#c8a94e0f;border-left:3px solid #c8a94e66;margin-top:8px;padding:10px 16px;font-size:.78rem;line-height:1.6;box-shadow:inset 0 1px #ffffff05}.result-details{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);background:#2a2a2a8c;border:1px solid #ffffff14;margin-top:6px;overflow:hidden}.result-details-toggle{color:var(--text-secondary);cursor:pointer;text-align:center;letter-spacing:.04em;-webkit-user-select:none;user-select:none;background:linear-gradient(#ffffff08,#ffffff04);padding:10px 38px 10px 16px;font-size:.72rem;font-weight:700;display:block;position:relative}.result-details-toggle::-webkit-details-marker{display:none}.result-details-toggle:after{content:"⌄";opacity:.7;font-size:.9rem;transition:transform .18s,opacity .18s;position:absolute;top:50%;right:14px;transform:translateY(-54%)}.result-details-toggle:hover{color:var(--text-primary);background:#ffffff0a}.result-details:hover .result-details-toggle:after{opacity:1}.result-details[open] .result-details-toggle{border-bottom:1px solid var(--border)}.result-details[open] .result-details-toggle:after{transform:translateY(-50%)rotate(180deg)}.result-details-body{text-align:left;padding:0 16px 16px;animation:.18s ease-out detailsFade}@keyframes detailsFade{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.result-study-note{border-radius:var(--radius-md);text-align:left;border:1px solid var(--border);color:var(--text-secondary);background:#ffffff08;margin-bottom:12px;padding:10px 12px;font-size:.76rem;line-height:1.55}.result-study-note.perfect{color:#d1fae5;background:#9bb07a14;border-color:#9bb07a2e}.result-study-note.close{color:#f4d58d;background:#d4a85314;border-color:#d4a85329}.result-study-note.punt{color:#fecaca;background:#f8717114;border-color:#f8717129}.result-explanation{color:var(--text-secondary);text-align:left;margin-bottom:10px;font-size:.8rem;line-height:1.6}.coach-nudge-card{border-radius:var(--radius-md);color:var(--text-secondary);background:#5f8fff12;border:1px solid #5f8fff29;margin-bottom:12px;padding:10px 12px;font-size:.78rem;font-style:italic;line-height:1.55}.coach-focus-primer{border-radius:var(--radius-sm);color:var(--text-secondary);background:#5f8fff14;border:1px solid #5f8fff29;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;padding:9px 11px;font-size:.82rem;line-height:1.45;display:flex}.coach-focus-primer strong{color:var(--text-primary)}.coach-focus-primer button{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-muted);background:#ffffff0d;border:1px solid #ffffff1a;flex-shrink:0;font-size:1rem}.result-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.result-detail-card{border-radius:var(--radius-md);background:linear-gradient(#ffffff0b,#ffffff05);border:1px solid #ffffff0f;min-width:0;padding:10px 12px}.result-detail-card .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:.58rem}.result-detail-card .value{color:var(--text-primary);overflow-wrap:anywhere;font-size:.92rem;font-weight:800}.result-detail-card .subvalue{color:var(--text-muted);margin-top:3px;font-size:.68rem;line-height:1.35}.result-detail-card .subvalue.positive{color:#9ae6b4}.result-detail-card .subvalue.negative{color:#fca5a5}.result-stats{justify-content:center;gap:20px;margin-bottom:12px;display:flex}.result-stat{text-align:center;border-radius:var(--radius-md);background:linear-gradient(#ffffff0b,#ffffff06);border:1px solid #ffffff0f;min-width:88px;padding:9px 12px;box-shadow:inset 0 1px #ffffff0a}.result-stat .label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.6rem}.result-stat .value{font-size:.95rem;font-weight:700}.result-stat .value.danger{color:var(--red)}.result-teaching{color:var(--accent);background:var(--accent-glow);border-radius:var(--radius-sm);text-align:left;margin-bottom:12px;padding:10px 14px;font-size:.82rem;line-height:1.5}.result-teaching.mix-tip{color:#c084fc;background:#c084fc14;margin-top:-4px}.range-grid-tappable{cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition), transform .16s ease, box-shadow .16s ease;background:#ffffff06;border:1px solid #ffffff12;outline:none;margin-top:12px;padding:12px}.range-grid-tappable:hover,.range-grid-tappable:focus-visible{background:var(--bg-surface-hover);border-color:#5f8fff38;transform:translateY(-1px);box-shadow:0 8px 20px #0000001f}.result-range-header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.result-range-title{color:var(--text-primary);font-size:.82rem;font-weight:800}.result-range-subtitle{color:var(--text-muted);margin-top:2px;font-size:.68rem;line-height:1.4}.result-range-info{color:var(--text-muted);flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;margin-top:8px;font-size:.72rem;display:flex}.result-range-info span{align-items:center;gap:5px;display:inline-flex}.range-swatch{border-radius:2px;width:9px;height:9px;display:inline-block}.range-swatch.in{background:#9bb07a8c}.range-swatch.out{background:#ffffff1f}.range-swatch.hero{background:#5f8fffa6;box-shadow:0 0 0 1px #ffffff59}.range-expand-hint{color:#8fb3ff;border-radius:var(--radius-full);background:#5f8fff1f;border:1px solid #5f8fff33;padding:3px 8px;font-size:.68rem;font-weight:700}.explorer-overlay{z-index:70;background:var(--bg-deep);flex-direction:column;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.result-mixing{text-align:center;margin:8px 0}.result-mixing-bar{border-radius:var(--radius-full);background:#ef646133;height:6px;margin-bottom:4px;overflow:hidden}.result-mixing-fill{background:var(--green);border-radius:var(--radius-full);height:100%;transition:width .5s}.result-mixing-label{color:var(--text-secondary);font-size:.75rem;font-weight:700}.result-mixing-explain{color:var(--text-muted);margin-top:2px;font-size:.72rem;font-style:italic}.result-ev-explain{color:var(--text-secondary);text-align:left;opacity:.88;padding:8px 0 6px;font-size:.72rem;font-style:italic;line-height:1.55}.result-math{color:var(--text-muted);background:var(--bg-surface);border-radius:var(--radius-sm);flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;margin-bottom:8px;padding:6px 12px;font-size:.72rem;display:flex}.result-math strong{color:var(--text-secondary)}.xp-badge{border-radius:var(--radius-full);border:1px solid var(--border);color:var(--text-secondary);background:#ffffff0d;align-items:center;gap:4px;margin-bottom:14px;padding:4px 12px;font-size:.78rem;font-weight:700;animation:.5s ease-out pulse;display:inline-flex}.result-rewards{justify-content:center;align-items:center;gap:10px;margin-bottom:14px;display:flex}.rating-delta{border-radius:var(--radius-full);padding:3px 10px;font-size:.78rem;font-weight:700}.rating-delta.up{color:var(--green);background:var(--green-glow)}.rating-delta.down{color:var(--red);background:var(--red-glow)}.decision-time{border-radius:var(--radius-full);color:var(--text-secondary);background:#ffffff0a;padding:3px 8px;font-size:.75rem}.decision-time.fast{color:var(--green)}.decision-time.slow{color:var(--text-muted)}.live-timer{color:var(--text-muted);opacity:.6;font-variant-numeric:tabular-nums;margin-left:8px;font-size:.72rem}.result-session-stats{color:var(--text-muted);justify-content:center;align-items:center;gap:6px;margin-bottom:12px;font-size:.72rem;display:flex}.next-btn{border-radius:calc(var(--radius-md) + 2px);width:100%;color:var(--text-primary);transition:transform .12s ease, background var(--transition), box-shadow var(--transition), border-color var(--transition);letter-spacing:.03em;background:linear-gradient(#ffffff1c,#ffffff0d);border:1px solid #ffffff24;padding:15px 16px;font-size:.92rem;font-weight:700;box-shadow:0 12px 28px #00000024}.next-btn:hover{background:linear-gradient(#ffffff29,#ffffff0f);box-shadow:0 14px 30px #0000002e}.next-btn:active{transform:translateY(1px)scale(.985)}.page-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.page-title{font-size:1.3rem;font-weight:800}.back-btn{border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border);transition:all var(--transition);padding:8px 16px;font-size:.85rem;font-weight:600}.back-btn:hover{background:var(--bg-surface-hover)}.stats-rating-hero{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:16px;margin-bottom:16px;padding:20px;display:flex}.stats-rating-number{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:2.5rem;font-weight:900;line-height:1}.stats-rating-info{flex-direction:column;gap:2px;display:flex}.stats-rating-tier{color:var(--text-secondary);font-size:.88rem;font-weight:700}.stats-rating-peak{color:var(--text-muted);font-size:.72rem}.rating-sparkline{flex-shrink:0;width:120px;height:36px;margin-left:auto}.stat-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.stat-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:18px}.stat-box .label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:6px;font-size:.72rem}.stat-box .value{font-size:1.5rem;font-weight:800}.streak-bonus{color:var(--gold);margin-bottom:12px;font-size:1.1rem;font-weight:800;animation:.4s ease-out pulse}.range-grid-wrapper{margin:16px 0}.range-grid-labels-top{padding-left:0;display:flex}.range-grid-corner{flex-shrink:0;width:16px}.range-grid-labels-top .range-grid-label{text-align:center;color:var(--text-muted);flex:1;min-width:0;padding-bottom:3px;font-size:.55rem;font-weight:600}.range-grid-body{display:flex}.range-grid-labels-left{flex-direction:column;flex-shrink:0;width:16px;display:flex}.range-grid-labels-left .range-grid-label{color:var(--text-muted);flex:1;justify-content:center;align-items:center;min-width:0;padding-right:3px;font-size:.55rem;font-weight:600;display:flex}.range-grid{border-radius:var(--radius-sm);flex:1;grid-template-columns:repeat(13,1fr);gap:1px;display:grid;overflow:hidden}.range-cell{aspect-ratio:1;place-items:center;min-width:0;display:grid;position:relative}.range-cell.in{background:#9bb07a33}.range-cell.out{background:#ffffff05}.range-cell.hero-cell{z-index:1;box-shadow:inset 0 0 0 2px #ffffffb8,0 0 0 1px #5f8fff59;background:#5f8fff61!important}.range-cell-hand{color:#fff;text-shadow:0 1px 2px #0000008c;pointer-events:none;font-size:.5rem;font-weight:900;line-height:1}.app-footer{border-top:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:24px;padding:16px 0;font-size:.78rem;display:flex}.footer-btn{border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border);color:var(--text-muted);transition:all var(--transition);padding:6px 14px;font-size:.78rem;font-weight:600}.footer-btn:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.footer-actions{gap:6px;display:flex}kbd{background:var(--bg-surface);border:1px solid var(--border);min-width:22px;color:var(--text-secondary);border-radius:4px;justify-content:center;align-items:center;padding:2px 6px;font-family:inherit;font-size:.72rem;font-weight:700;display:inline-flex}.challenge-banner{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:16px;padding:12px 16px}.challenge-banner-top{align-items:center;gap:10px;margin-bottom:8px;font-size:.82rem;display:flex}.challenge-banner-coach{font-weight:800}.challenge-banner-title{color:var(--text-secondary);flex:1}.challenge-banner-progress{color:var(--text-primary);font-weight:700}.challenge-progress-track{background:var(--bg-surface);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.challenge-progress-fill{border-radius:inherit;height:100%;transition:width .3s}.coach-select-header{margin-bottom:20px}.coach-select-sub{color:var(--text-secondary);max-width:56ch;font-size:.88rem}.coach-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.coach-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:left;transition:all var(--transition);cursor:pointer;align-items:center;gap:14px;padding:18px;display:flex}.coach-card:hover:not(:disabled){border-color:var(--coach-color,var(--border-active));box-shadow:0 0 24px var(--coach-glow,transparent);transform:translateY(-2px)}.coach-card.locked{opacity:.5;cursor:not-allowed}.coach-card.mastered{border-color:var(--gold)}.coach-card-avatar{flex-shrink:0;position:relative}.lock-overlay{background:#00000080;border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;display:flex;position:absolute;inset:0}.coach-card-name{font-size:1rem;font-weight:800}.coach-card-title{color:var(--text-secondary);margin-bottom:6px;font-size:.78rem}.coach-card-lock{color:var(--text-muted);font-size:.75rem}.coach-card-progress{font-size:.78rem}.coach-card-fraction{color:var(--text-muted);margin-top:2px}.star-row{color:var(--gold);letter-spacing:1px;font-size:.7rem}.coach-profile{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:20px;margin:16px 0;padding:24px;display:flex}.coach-profile-info{flex:1}.coach-name{margin-bottom:2px;font-size:1.4rem;font-weight:900}.coach-title-text{color:var(--coach-color,var(--accent));margin-bottom:8px;font-size:.85rem;font-weight:600}.coach-quote{color:var(--text-secondary);margin-bottom:8px;font-size:.88rem;font-style:italic;line-height:1.6}.coach-stars-summary{color:var(--gold);font-size:.82rem}.coach-stars-summary span{color:var(--text-muted)}.challenge-list{gap:12px;margin-top:8px;display:grid}.challenge-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition);padding:16px}.challenge-card.next{border-color:var(--coach-color,var(--accent))}.challenge-card.completed{border-color:#9bb07a40}.challenge-card.locked{opacity:.45}.challenge-header{align-items:flex-start;gap:12px;display:flex}.challenge-number{background:var(--bg-surface);width:28px;height:28px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.82rem;font-weight:800;display:flex}.challenge-card.completed .challenge-number{background:var(--green-glow);color:var(--green)}.challenge-card.next .challenge-number{background:var(--coach-color,var(--accent));color:#fff}.challenge-info{flex:1}.challenge-title{margin-bottom:2px;font-size:.92rem;font-weight:700}.challenge-desc{color:var(--text-secondary);font-size:.8rem}.challenge-stars{flex-shrink:0;gap:2px;font-size:1rem;display:flex}.challenge-stars .star{color:var(--text-muted);opacity:.3}.challenge-stars .star.earned{color:var(--gold);opacity:1}.challenge-star-thresholds{color:var(--text-muted);justify-content:center;align-items:center;gap:4px;margin-top:8px;font-size:.72rem;display:flex}.challenge-star-thresholds.completed{opacity:.5}.star-threshold{color:var(--text-muted);font-weight:600}.star-threshold.reached{color:var(--gold)}.star-threshold-sep{color:var(--border);margin:0 2px}.challenge-tip{color:var(--text-secondary);border-radius:var(--radius-sm);border-left:3px solid var(--coach-color,var(--accent));background:#5f8fff0f;margin-top:10px;padding:10px 12px 10px 36px;font-size:.78rem;line-height:1.6;position:relative}.challenge-tip:before{content:"📖";font-size:.88rem;position:absolute;top:10px;left:10px}.challenge-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.challenge-meta{color:var(--text-muted);font-size:.72rem}.challenge-run{color:var(--accent);font-size:.75rem;font-weight:600}.challenge-locked-label{color:var(--text-muted);font-size:.75rem;font-style:italic}.challenge-best{color:var(--text-muted);margin-top:6px;font-size:.72rem}.challenge-start-btn{border-radius:var(--radius-sm);color:#fff;transition:transform var(--transition);padding:6px 16px;font-size:.82rem;font-weight:700}.challenge-start-btn:hover{transform:translateY(-1px)}.coach-completion-banner{border-radius:var(--radius-md);background:var(--gold-glow);border:1px solid var(--gold);color:var(--gold);justify-content:space-between;align-items:center;margin-top:16px;padding:16px;font-size:.9rem;display:flex}.challenge-complete{text-align:center;max-width:640px;margin:0 auto;padding:24px 0;animation:.35s ease-out slideUp}.completion-coach-header{margin-bottom:20px}.completion-avatar-wrap{border-radius:50%;margin-bottom:12px;animation:2s ease-in-out infinite glowPulse;display:inline-block}.completion-coach-name{margin-bottom:2px;font-size:1.5rem;font-weight:900}.completion-challenge-title{color:var(--text-secondary);font-size:.9rem;font-weight:500}.completion-stars{justify-content:center;gap:8px;margin:20px 0 12px;display:flex}.completion-star{opacity:0;font-size:2.4rem;transform:scale(.3)rotate(-20deg)}.completion-star.earned{color:var(--gold);text-shadow:0 0 16px #fbbf2480;animation:.5s ease-out forwards starReveal}.completion-star.empty{color:var(--text-muted);opacity:.2;transform:scale(1)rotate(0)}.completion-new-best{color:var(--gold);margin-bottom:8px;font-size:.85rem;font-weight:700;animation:.6s ease-out pulse}.completion-accuracy{margin:16px 0}.completion-accuracy-number{letter-spacing:-.03em;font-size:3.5rem;font-weight:900;line-height:1}.completion-accuracy-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-top:4px;font-size:.78rem}.completion-stats{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);justify-content:center;gap:32px;margin:20px 0;padding:16px;display:flex}.completion-stat{text-align:center}.completion-stat .label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:.68rem}.completion-stat .value{font-size:1.3rem;font-weight:800}.completion-quote{color:var(--text-secondary);background:var(--bg-surface);border-radius:var(--radius-md);max-width:48ch;margin:20px auto;padding:16px;font-size:.92rem;font-style:italic;line-height:1.6}.completion-bonus{border-radius:var(--radius-md);background:var(--gold-glow);border:1px solid var(--gold);color:var(--gold);justify-content:space-between;align-items:center;margin:16px 0;padding:14px 18px;font-size:.9rem;font-weight:700;animation:.6s ease-out pulse;display:flex}.completion-bonus-xp{font-size:1.1rem;font-weight:900}.completion-pattern{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);text-align:left;margin-top:16px;padding:14px}.completion-pattern-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:8px;font-size:.72rem;font-weight:700}.completion-pattern-items{flex-direction:column;gap:6px;display:flex}.completion-pattern-item{color:var(--text-secondary);font-size:.82rem;line-height:1.4}.completion-mistakes{text-align:left;margin-top:24px}.completion-mistakes-title{color:var(--text-primary);text-align:center;margin-bottom:12px;font-size:.95rem;font-weight:700}.completion-mistakes-list{gap:10px;display:grid}.mistake-card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid #f8717126;padding:14px;animation:.25s ease-out slideUp}.mistake-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.mistake-number{color:var(--text-muted);font-size:.72rem;font-weight:700}.mistake-hand{color:var(--text-primary);font-size:1.05rem;font-weight:800}.mistake-spot{color:var(--text-secondary);margin-left:auto;font-size:.78rem}.mistake-body{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.mistake-actions{align-items:center;gap:8px;font-size:.82rem;display:flex}.mistake-yours{color:var(--red)}.mistake-arrow{color:var(--text-muted)}.mistake-correct{color:var(--green)}.mistake-ev-loss{color:var(--red);border-radius:var(--radius-full);background:var(--red-glow);padding:3px 10px;font-size:.78rem;font-weight:700}.mistake-explanation{color:var(--text-muted);font-size:.78rem;line-height:1.5}.completion-actions{flex-direction:column;gap:10px;margin-top:24px;display:flex}.completion-btn{border-radius:var(--radius-md);width:100%;transition:transform var(--transition), box-shadow var(--transition);padding:14px;font-size:.95rem;font-weight:700}.completion-btn:hover{transform:translateY(-1px)}.completion-btn:active{transform:scale(.98)}.completion-btn.primary{color:#fff}.completion-btn.secondary{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-primary)}.completion-btn.tertiary{color:var(--text-muted);background:0 0;font-size:.85rem;font-weight:600}.unlock-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.unlock-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;width:calc(100% - 32px);max-width:420px;padding:36px 32px;animation:.5s ease-out unlockReveal;box-shadow:0 24px 64px #00000080}.unlock-badge{text-transform:uppercase;letter-spacing:.15em;color:var(--gold);margin-bottom:20px;font-size:.72rem;font-weight:800;animation:1s ease-in-out infinite pulse}.unlock-avatar-ring{border-radius:50%;margin-bottom:16px;padding:4px;animation:2s ease-in-out infinite glowPulse;display:inline-block}.unlock-name{margin-bottom:2px;font-size:1.6rem;font-weight:900}.unlock-title{color:var(--text-secondary);margin-bottom:16px;font-size:.88rem;font-weight:500}.unlock-quote{color:var(--text-secondary);max-width:36ch;margin:0 auto 24px;font-size:.9rem;font-style:italic;line-height:1.6}.unlock-actions{flex-direction:column;gap:10px;display:flex}.unlock-btn{border-radius:var(--radius-md);width:100%;transition:transform var(--transition);padding:14px;font-size:.95rem;font-weight:700}.unlock-btn:hover{transform:translateY(-1px)}.unlock-btn:active{transform:scale(.98)}.unlock-btn.primary{color:#fff;box-shadow:0 4px 20px #0000004d}.unlock-btn.secondary{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary)}.stats-actions{gap:10px;margin-bottom:20px;display:flex}.stats-action-btn{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);transition:all var(--transition);flex:1;padding:12px 16px;font-size:.82rem;font-weight:700}.stats-action-btn:hover{border-color:var(--accent);color:var(--text-primary);transform:translateY(-1px)}.explorer{max-width:720px;margin:0 auto}.explorer-empty{text-align:center;color:var(--text-muted);padding:40px}.explorer-controls{flex-direction:column;gap:14px;margin-bottom:16px;display:flex}.explorer-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:6px;font-size:.7rem;font-weight:700;display:block}.explorer-toggle{background:var(--bg-surface);border-radius:var(--radius-sm);gap:4px;padding:3px;display:flex}.explorer-toggle-btn{color:var(--text-muted);transition:all var(--transition);border-radius:8px;flex:1;padding:8px 16px;font-size:.82rem;font-weight:600}.explorer-toggle-btn.active{background:var(--accent);color:#fff}.explorer-stack-row,.explorer-pos-row{flex-wrap:wrap;gap:4px;display:flex}.explorer-stack-btn,.explorer-pos-btn{border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border);color:var(--text-muted);transition:all var(--transition);text-align:center;min-width:36px;padding:6px 12px;font-size:.78rem;font-weight:600}.explorer-stack-btn.active,.explorer-pos-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.explorer-stats{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);flex-wrap:wrap;gap:16px;margin-bottom:16px;padding:12px 16px;display:flex}.explorer-stat{flex-direction:column;flex:140px;gap:2px;min-width:0;display:flex}.explorer-stat .label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.65rem}.explorer-stat .value{font-size:1.1rem;font-weight:800}.explorer-stat .value.accent{color:var(--accent)}.explorer-context{color:var(--text-muted);background:var(--bg-surface);border-radius:var(--radius-sm);margin-bottom:12px;padding:8px 12px;font-size:.75rem;line-height:1.5}.explorer-grid-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.explorer-grid{flex:1;grid-template-columns:repeat(13,1fr);gap:1px;display:grid}.explorer-cell{aspect-ratio:1;cursor:pointer;justify-content:center;align-items:center;min-width:0;transition:all .1s;display:flex;position:relative}.explorer-cell.in{background:#9bb07a47}.explorer-cell.out{background:#ffffff08}.explorer-cell.hover{background:var(--accent)!important}.explorer-cell.selected{z-index:1;box-shadow:inset 0 0 0 2px #d4a853f2}.explorer-cell:hover{opacity:.85}.explorer-cell-label{color:var(--text-muted);pointer-events:none;font-size:.48rem;font-weight:600}.explorer-cell.in .explorer-cell-label{color:var(--green)}.explorer-cell.hover .explorer-cell-label{color:#fff}.explorer-detail{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:12px;margin-top:12px;padding:12px 16px;animation:.15s ease-out slideUp;display:flex}.explorer-detail-hand{font-size:1.2rem;font-weight:900}.explorer-detail-verdict{border-radius:var(--radius-full);padding:3px 10px;font-size:.82rem;font-weight:800}.explorer-detail-verdict.in{background:var(--green-glow);color:var(--green)}.explorer-detail-verdict.out{background:var(--bg-surface);color:var(--text-muted)}.explorer-detail-freq{color:var(--text-secondary);border-radius:var(--radius-full);background:var(--bg-surface);padding:2px 8px;font-size:.82rem;font-weight:700}.explorer-detail-freq.mixed{color:var(--gold);background:var(--gold-glow)}.explorer-detail-type{color:var(--text-muted);margin-left:auto;font-size:.78rem}.explorer-action-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:10px 0;display:flex}.explorer-compare-btn{border-radius:var(--radius-full);color:#a78bfa;transition:all var(--transition);background:#a78bfa1f;border:1px solid #a78bfa4d;padding:10px 28px;font-size:.88rem;font-weight:700}.explorer-compare-btn:hover{background:#a78bfa33;border-color:#a78bfa}.explorer-compare-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.compare-label{color:var(--text-muted);font-size:.78rem;font-weight:600}.explorer-compare-close{color:var(--text-muted);border-radius:var(--radius-sm);border:1px solid var(--border);padding:4px 8px;font-size:.75rem}.explorer-compare-legend{color:var(--text-muted);justify-content:center;align-items:center;gap:14px;padding:6px 0;font-size:.72rem;display:flex}.compare-legend-item{align-items:center;gap:4px;display:flex}.compare-swatch{border-radius:2px;width:12px;height:12px;display:inline-block}.compare-swatch.both{background:#9bb07a59}.compare-swatch.only-main{background:#5f8fff59}.compare-swatch.only-compare{background:#a78bfa59}.explorer-quiz-btn{border-radius:var(--radius-full);color:#5f8fff;transition:all var(--transition);background:#5f8fff1f;border:1px solid #5f8fff4d;padding:10px 28px;font-size:.88rem;font-weight:700}.explorer-quiz-btn:hover{background:#5f8fff33;border-color:#5f8fff}.explorer-quiz{margin:8px 0 12px}.explorer-quiz-header{justify-content:space-between;align-items:center;margin-bottom:8px;padding:0 4px;display:flex}.explorer-quiz-stats{color:var(--text-secondary);align-items:center;gap:10px;font-size:.82rem;font-weight:600;display:flex}.explorer-quiz-close{color:var(--text-muted);border-radius:var(--radius-sm);border:1px solid var(--border);transition:all var(--transition);padding:4px 10px;font-size:.75rem}.explorer-quiz-close:hover{color:var(--text-primary);border-color:var(--text-muted)}.explorer-quiz-card{text-align:center;background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius-md);padding:16px;transition:border-color .3s,background .3s}.explorer-quiz-card.quiz-correct{border-color:var(--green);background:#9bb07a0f}.explorer-quiz-card.quiz-incorrect{border-color:var(--red);background:#ef64610f}.explorer-quiz-hand{margin-bottom:4px;font-size:2rem;font-weight:900}.explorer-quiz-context{color:var(--text-muted);margin-bottom:12px;font-size:.78rem}.explorer-quiz-actions{justify-content:center;gap:12px;display:flex}.quiz-action{min-width:100px;padding:10px 20px!important;font-size:.88rem!important}.explorer-quiz-result{padding:4px 0}.quiz-verdict-correct{color:var(--green);font-size:1.1rem;font-weight:800}.quiz-verdict-incorrect{color:var(--red);font-size:1.1rem;font-weight:800}.explorer-cell.quiz-highlight{z-index:1;box-shadow:inset 0 0 0 2px #5f8fffcc}.explorer-cell.hidden-range{background:var(--bg-surface)!important}.progress-page{max-width:720px;margin:0 auto}.chart-hand-count{color:var(--text-muted);margin-left:auto;font-size:.82rem}.charts-empty{text-align:center;color:var(--text-muted);padding:48px 24px}.charts-empty-emoji{margin-bottom:12px;font-size:3rem}.charts-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.chart-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px}.chart-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.chart-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.72rem;font-weight:700}.chart-value{font-size:1.1rem;font-weight:800}.chart-svg{width:100%;height:80px}.chart-empty{color:var(--text-muted);text-align:center;padding:20px 0;font-size:.78rem}.bar-chart{flex-direction:column;gap:8px;margin-top:10px;display:flex}.bar-row{align-items:center;gap:8px;display:flex}.bar-name{color:var(--text-secondary);flex-shrink:0;width:56px;font-size:.72rem;font-weight:700}.bar-track{background:var(--bg-surface);border-radius:var(--radius-full);flex:1;height:8px;overflow:hidden}.bar-fill{border-radius:inherit;min-width:2px;height:100%;transition:width .4s}.bar-value{color:var(--text-primary);text-align:right;flex-shrink:0;width:32px;font-size:.72rem;font-weight:700}.bar-count{color:var(--text-muted);flex-shrink:0;width:28px;font-size:.62rem}.session-summary{text-align:center;max-width:520px;margin:0 auto;padding:24px 0;animation:.35s ease-out slideUp}.summary-header{margin-bottom:24px}.summary-milestone{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:8px;font-size:2rem;font-weight:900}.summary-message{color:var(--text-secondary);font-size:.92rem;line-height:1.5}.summary-stats{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);justify-content:center;gap:20px;margin-bottom:16px;padding:20px;display:flex}.summary-stat{text-align:center}.summary-stat.big .value{font-size:2rem}.summary-stat .value{font-size:1.2rem;font-weight:800;display:block}.summary-stat .label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:.65rem}.summary-streak{color:var(--gold);margin-bottom:12px;font-size:1.1rem;font-weight:800;animation:.5s ease-out pulse}.summary-perfect{color:var(--gold);background:var(--gold-glow);border-radius:var(--radius-md);margin-bottom:12px;padding:10px;font-size:1rem;font-weight:800;animation:.6s ease-out pulse}.summary-miss{background:var(--bg-card);border-radius:var(--radius-md);text-align:left;border:1px solid #f8717126;margin-bottom:16px;padding:12px 16px}.summary-miss-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:6px;font-size:.68rem;font-weight:700}.summary-miss-detail{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.summary-miss-hand{font-size:1rem;font-weight:800}.summary-miss-spot{color:var(--text-secondary);font-size:.78rem}.summary-miss-action{color:var(--green);font-size:.78rem;font-weight:700}.summary-miss-ev{color:var(--red);font-size:.78rem;font-weight:700}.summary-daily{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:16px;padding:12px 16px}.summary-daily-label{color:var(--text-secondary);margin-bottom:6px;font-size:.75rem;font-weight:600}.summary-continue-btn{border-radius:var(--radius-md);color:#fff;width:100%;transition:transform var(--transition);background:#ffffff14;border:1px solid #ffffff1f;padding:16px;font-size:1rem;font-weight:700}.summary-continue-btn:hover{transform:translateY(-1px)}.summary-continue-btn:active{transform:scale(.98)}.drill-page{max-width:720px;margin:0 auto}.drill-intro{color:var(--text-secondary);margin-bottom:20px;font-size:.88rem}.drill-category{margin-bottom:20px}.drill-category-title{color:var(--text-secondary);margin-bottom:10px;font-size:.82rem;font-weight:700}.drill-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.drill-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);text-align:left;transition:all var(--transition);cursor:pointer;padding:14px}.drill-card:hover{border-color:var(--accent);transform:translateY(-1px)}.drill-card-title{margin-bottom:4px;font-size:.88rem;font-weight:700}.drill-card-desc{color:var(--text-secondary);margin-bottom:6px;font-size:.75rem;line-height:1.4}.drill-card-meta{color:var(--text-muted);font-size:.68rem}.drill-run{text-align:center;max-width:560px;margin:0 auto}.drill-run-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.drill-run-title{color:var(--text-secondary);flex:1;font-size:.88rem;font-weight:700}.drill-run-progress{font-size:.82rem;font-weight:700}.drill-run-spot{border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(#ffffff05,#ffffff03);margin-bottom:20px;padding:14px;box-shadow:0 8px 28px #0000002e}.drill-result{border-radius:var(--radius-md);padding:16px;animation:.15s ease-out slideUp}.drill-result.correct{background:var(--green-glow)}.drill-result.incorrect{background:var(--red-glow)}.drill-result-verdict{font-size:1rem;font-weight:800}.drill-result.correct .drill-result-verdict{color:var(--green)}.drill-result.incorrect .drill-result-verdict{color:var(--red)}.drill-result-ev{color:var(--red);margin-top:4px;font-size:.82rem;font-weight:700}.drill-results{text-align:center;max-width:480px;margin:0 auto;padding:24px 0;animation:.35s ease-out slideUp}.drill-new-best{color:var(--gold);margin-bottom:8px;font-size:.82rem;font-weight:700}.drill-results-title{color:var(--text-secondary);margin-bottom:16px;font-size:1.2rem;font-weight:800}.leak-page{max-width:640px;margin:0 auto}.leak-empty{text-align:center;color:var(--text-muted);padding:48px 24px}.leak-empty-emoji{margin-bottom:12px;font-size:3rem}.leak-list{flex-direction:column;gap:10px;display:flex}.leak-card{background:var(--bg-card);border:1px solid var(--border);border-left:4px solid var(--text-muted);border-radius:var(--radius-md);padding:16px;animation:.2s ease-out slideUp}.leak-card-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.leak-severity{font-size:.72rem;font-weight:700}.leak-stat{color:var(--text-muted);font-size:.72rem}.leak-title{margin-bottom:4px;font-size:.95rem;font-weight:800}.leak-desc{color:var(--text-secondary);margin-bottom:8px;font-size:.82rem;line-height:1.5}.leak-advice{color:var(--accent);background:var(--accent-glow);border-radius:var(--radius-sm);padding:8px 12px;font-size:.78rem;line-height:1.5}.leak-drill-btn{border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border);width:100%;color:var(--accent);transition:all var(--transition);text-align:center;margin-top:8px;padding:10px;font-size:.82rem;font-weight:700;display:block}.leak-drill-btn:hover{border-color:var(--accent);background:var(--accent-glow)}.leak-resolved-section{border-radius:var(--radius-md);background:#9bb07a0d;border:1px solid #9bb07a26;margin-bottom:16px;padding:12px}.leak-resolved-title{color:var(--green);margin-bottom:8px;font-size:.78rem;font-weight:700}.leak-resolved-item{justify-content:space-between;align-items:center;padding:4px 0;font-size:.78rem;display:flex}.leak-resolved-name{font-weight:600}.leak-resolved-stat{color:var(--green);font-weight:700}.history-page{max-width:720px;margin:0 auto}.history-count{color:var(--text-muted);margin-left:auto;font-size:.82rem}.history-trend{text-align:center;margin-bottom:8px}.history-sparkline{width:100%;max-width:400px;height:40px;margin:0 auto;display:block}.history-trend-label{color:var(--text-muted);margin-top:2px;font-size:.62rem}.history-summary{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:12px;font-size:.78rem;display:flex}.history-filters{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.history-select{border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);font-size:.78rem;font-family:var(--font);cursor:pointer;padding:7px 12px;font-weight:600}.history-select:focus{border-color:var(--accent);outline:none}.history-empty{text-align:center;color:var(--text-muted);padding:40px}.history-list{flex-direction:column;gap:4px;display:flex}.history-row{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);padding:10px 14px}.history-row:hover{border-color:var(--border-active)}.history-row.incorrect{border-left:3px solid #f8717166}.history-row.correct{border-left:3px solid #9bb07a4d}.history-row-main{align-items:center;gap:10px;font-size:.82rem;display:flex}.history-verdict{font-weight:800}.history-verdict.correct{color:var(--green)}.history-verdict.incorrect{color:var(--red)}.history-hand{min-width:36px;font-size:.88rem;font-weight:800}.history-position{color:var(--accent);min-width:28px;font-weight:700}.history-stack{color:var(--text-muted);min-width:32px}.history-type{color:var(--text-secondary);flex:1}.history-action{color:var(--text-secondary);font-weight:600}.history-ev-loss{color:var(--red);font-size:.75rem;font-weight:700}.history-diff{color:var(--gold);font-size:.68rem}.history-annotation-badge{color:var(--accent);white-space:nowrap;background:#5f8fff1f;border:1px solid #5f8fff33;border-radius:4px;padding:2px 6px;font-size:.68rem;font-weight:700}.history-detail{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:6px;margin-top:10px;padding-top:10px;animation:.15s ease-out slideUp;display:grid}.history-detail-row{justify-content:space-between;font-size:.75rem;display:flex}.history-detail-row .label{color:var(--text-muted)}.history-detail-row .value{font-weight:700}.history-replay-btn{border-radius:var(--radius-sm);background:var(--accent-glow);color:var(--accent);text-align:center;transition:all var(--transition);border:1px solid #5f8fff33;grid-column:1/-1;margin-top:6px;padding:8px;font-size:.78rem;font-weight:700}.history-replay-btn:hover{background:var(--accent);color:#fff}.history-explanation{color:var(--text-secondary);grid-column:1/-1;margin-top:4px;font-size:.75rem;line-height:1.5}.history-annotation-panel{border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid #ffffff14;grid-column:1/-1;gap:6px;margin-top:6px;padding:9px 10px;display:grid}.history-annotation-note{color:var(--text-secondary);font-size:.76rem;line-height:1.55}.history-annotation-note span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-right:8px;font-size:.62rem;font-weight:800;display:inline-block}.history-annotation-note.coach{color:var(--text-primary)}.history-annotate-btn{border-radius:var(--radius-sm);color:var(--text-secondary);text-align:center;transition:all var(--transition);background:#ffffff0d;border:1px solid #ffffff1a;grid-column:1/-1;margin-top:6px;padding:8px;font-size:.78rem;font-weight:700}.history-annotate-btn:hover{border-color:var(--border-active);color:var(--text-primary)}.history-annotation-modal-backdrop{z-index:80;background:#00000094;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.history-annotation-modal{border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border-active);width:min(100%,460px);padding:16px;box-shadow:0 20px 70px #00000073}.history-annotation-modal-header{justify-content:space-between;gap:12px;margin-bottom:12px;display:flex}.history-annotation-modal-title{font-size:1rem;font-weight:800}.history-annotation-modal-sub{color:var(--text-muted);margin-top:2px;font-size:.78rem}.history-annotation-close{border-radius:var(--radius-sm);border:1px solid var(--border);width:30px;height:30px;color:var(--text-secondary);background:#ffffff0d;font-size:1.1rem}.history-annotation-textarea{resize:vertical;border-radius:var(--radius-sm);border:1px solid var(--border);width:100%;min-height:108px;color:var(--text-primary);font:inherit;background:#ffffff0a;padding:10px 12px;font-size:.85rem;line-height:1.5}.history-annotation-textarea:focus{border-color:var(--accent);outline:none}.history-annotation-check{color:var(--text-secondary);align-items:center;gap:8px;margin-top:10px;font-size:.82rem;font-weight:600;display:flex}.history-annotation-help,.history-annotation-error{margin-top:8px;font-size:.76rem;line-height:1.45}.history-annotation-help{color:var(--text-muted)}.history-annotation-error{color:var(--red)}.history-annotation-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.history-annotation-save,.history-annotation-cancel,.history-annotation-remove{border-radius:var(--radius-sm);padding:8px 12px;font-size:.8rem;font-weight:800}.history-annotation-save{background:var(--accent);border:1px solid var(--accent);color:#fff}.history-annotation-cancel{border:1px solid var(--border);color:var(--text-secondary);background:#ffffff0d}.history-annotation-remove{color:var(--red);background:#f8717114;border:1px solid #f8717138;margin-right:auto}.replay-modal-backdrop{z-index:90;background:#000000a3;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.replay-modal{border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border-active);flex-direction:column;gap:14px;width:min(100%,520px);max-height:92dvh;padding:18px;display:flex;overflow-y:auto;box-shadow:0 24px 80px #00000085}.replay-modal-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.replay-modal-title{flex-wrap:wrap;align-items:center;gap:8px;font-size:.9rem;display:flex}.replay-modal-combo{font-size:1.05rem;font-weight:900;font-family:var(--font-mono)}.replay-modal-pos{color:var(--accent);font-weight:800}.replay-modal-stack{color:var(--text-muted)}.replay-modal-type{color:var(--text-secondary);font-size:.8rem}.replay-modal-close{border-radius:var(--radius-sm);border:1px solid var(--border);width:30px;height:30px;color:var(--text-secondary);background:#ffffff0d;flex-shrink:0;font-size:1.1rem;line-height:1}.replay-modal-explanation{color:var(--text-secondary);border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffff08;padding:10px 12px;font-size:.78rem;line-height:1.55}.replay-frame{border-radius:var(--radius-sm);border:1px solid var(--border);flex-direction:column;gap:10px;padding:14px;display:flex}.replay-frame.correct{border-left:3px solid #9bb07a80}.replay-frame.incorrect{border-left:3px solid #f8717180}.replay-frame-header{justify-content:space-between;align-items:center;font-size:.76rem;display:flex}.replay-frame-index{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.68rem;font-weight:700}.replay-frame-verdict{font-size:.78rem;font-weight:800}.replay-frame-verdict.correct{color:var(--green)}.replay-frame-verdict.incorrect{color:var(--red)}.replay-action-log{color:var(--text-muted);border-radius:var(--radius-sm);background:#ffffff08;flex-wrap:wrap;align-items:center;gap:2px;padding:6px 8px;font-size:.73rem;display:flex}.replay-action-log-step{color:var(--text-secondary)}.replay-action-log-arrow{color:var(--text-muted)}.replay-solver-grid{flex-direction:column;gap:5px;display:flex}.replay-solver-row{transition:border-color var(--transition);background:#ffffff05;border:1px solid #0000;border-radius:4px;grid-template-columns:52px 1fr 52px auto;align-items:center;gap:8px;padding:5px 8px;font-size:.78rem;display:grid}.replay-solver-row.chosen{background:#5f8fff14;border-color:#5f8fff2e}.replay-solver-row.recommended.chosen{background:#9bb07a1a;border-color:#9bb07a40}.replay-solver-row.recommended:not(.chosen){background:#9bb07a0f;border-color:#9bb07a24}.replay-solver-action{font-size:.76rem;font-weight:800;font-family:var(--font-mono)}.replay-solver-bar-wrap{background:#ffffff12;border-radius:2px;height:4px;overflow:hidden}.replay-solver-bar{background:var(--accent);border-radius:2px;height:100%;transition:width .3s}.replay-solver-row.recommended .replay-solver-bar{background:var(--green)}.replay-solver-row.chosen:not(.recommended) .replay-solver-bar{background:#5f8fffb3}.replay-solver-value{text-align:right;color:var(--text-secondary);font-weight:700;font-family:var(--font-mono);font-size:.74rem}.replay-solver-tag{letter-spacing:.04em;white-space:nowrap;border-radius:3px;padding:1px 5px;font-size:.6rem;font-weight:900}.replay-solver-tag.you{color:var(--accent);background:#5f8fff26;border:1px solid #5f8fff40}.replay-solver-tag.gto{color:var(--green);background:#9bb07a26;border:1px solid #9bb07a40}.replay-ev-loss{color:var(--red);text-align:right;font-size:.74rem;font-weight:700}.replay-annotation-overlay{min-height:0}.replay-annotation-loading{color:var(--text-muted);text-align:center;border-radius:var(--radius-sm);border:1px dashed var(--border);background:#ffffff08;padding:10px;font-size:.76rem;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.replay-annotation-label{text-transform:uppercase;letter-spacing:.07em;color:var(--accent);margin-bottom:5px;font-size:.62rem;font-weight:900}.replay-annotation-text{color:var(--text-primary);border-radius:var(--radius-sm);background:#5f8fff0f;border:1px solid #5f8fff24;padding:10px 12px;font-size:.82rem;line-height:1.6;animation:.18s ease-out slideUp}.replay-ask-coach-wrap{flex-direction:column;gap:6px;display:flex}.replay-ask-coach-btn{border-radius:var(--radius-sm);color:var(--accent);text-align:center;transition:all var(--transition);background:#5f8fff1a;border:1px solid #5f8fff38;padding:10px 14px;font-size:.82rem;font-weight:700}.replay-ask-coach-btn:hover:not(:disabled){background:var(--accent);color:#fff}.replay-ask-coach-btn:disabled{opacity:.5}.replay-ask-coach-hint{color:var(--text-muted);text-align:center;font-size:.74rem}.replay-ask-coach-error{color:var(--red);font-size:.74rem}.settings-page{max-width:640px;margin:0 auto}.settings-section{margin-bottom:24px}.settings-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:12px;font-size:.78rem;font-weight:700}.settings-row{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:16px;margin-bottom:6px;padding:14px 16px;display:flex}.settings-row-info{flex:1;min-width:0}.settings-row-label{margin-bottom:2px;font-size:.88rem;font-weight:700}.settings-row-desc{color:var(--text-muted);font-size:.75rem;line-height:1.4}.settings-select{border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border);color:var(--text-primary);font-size:.82rem;font-family:var(--font);cursor:pointer;flex-shrink:0;padding:8px 14px;font-weight:600}.settings-select:focus{border-color:var(--accent);outline:none}.settings-toggle{border-radius:var(--radius-full);transition:all var(--transition);flex-shrink:0;padding:6px 16px;font-size:.78rem;font-weight:800}.settings-toggle.on{background:var(--green);color:#052e16}.settings-toggle.off{background:var(--bg-surface);color:var(--text-muted);border:1px solid var(--border)}.theme-picker{gap:8px;padding:4px 0 8px;display:flex}.theme-chip{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-container-low);color:var(--text-secondary);font-family:var(--font-serif);cursor:pointer;text-align:center;letter-spacing:.04em;transition:all var(--transition);flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 8px;font-size:.88rem;font-weight:600;display:flex}.theme-chip:hover{color:var(--text-primary)}.theme-chip.active{border-color:var(--primary);color:var(--text-primary);background:var(--surface-container)}.theme-chip-sub{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.04em;font-size:.68rem;font-weight:400;display:block}.settings-weak-areas{flex-direction:column;gap:6px;display:flex}.settings-weak-row{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:10px;padding:10px 14px;font-size:.82rem;display:flex}.settings-weak-spot{flex:1;font-weight:600}.settings-weak-rate{font-weight:700}.settings-weak-count{color:var(--text-muted);font-size:.72rem}.settings-danger{border-top:1px solid #f8717126;padding-top:20px}.settings-danger-btn{border-radius:var(--radius-sm);color:var(--red);transition:all var(--transition);background:#f871711a;border:1px solid #f871714d;flex-shrink:0;padding:8px 18px;font-size:.82rem;font-weight:700}.settings-danger-btn:hover{border-color:var(--red);background:#f8717133}.villain-profile-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.villain-profile-card{border-radius:var(--radius-md);border:2px solid var(--border);background:var(--bg-card);cursor:pointer;transition:all var(--transition);text-align:center;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;display:flex}.villain-profile-card:hover{border-color:var(--text-muted)}.villain-profile-card.active{border-width:2px}.villain-profile-emoji{font-size:1.5rem;line-height:1}.villain-profile-name{font-size:.82rem;font-weight:700}.villain-profile-desc{color:var(--text-muted);font-size:.68rem;line-height:1.3}.villain-custom-sliders{margin-top:8px}.villain-slider-wrap{flex-shrink:0;align-items:center;gap:10px;display:flex}.villain-slider{accent-color:#a855f7;cursor:pointer;width:120px}.villain-slider-value{color:#a855f7;text-align:right;min-width:36px;font-size:.82rem;font-weight:700}.drill-suggestion{border-radius:var(--radius-sm);background:#5f8fff0f;border:1px solid #5f8fff26;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:0 8px;padding:6px 12px;display:flex}.drill-suggestion-text{color:var(--text-secondary);font-size:.75rem}.drill-suggestion-btn{color:#5f8fff;border-radius:var(--radius-full);transition:all var(--transition);border:1px solid #5f8fff4d;padding:3px 10px;font-size:.72rem;font-weight:700}.drill-suggestion-btn:hover{background:#5f8fff1f}.session-start-btn{border-radius:var(--radius-full);color:var(--text-muted);letter-spacing:.04em;transition:all var(--transition);background:#ffffff0d;border:1px solid #ffffff1a;margin:0 auto 10px;padding:6px 16px;font-size:.74rem;font-weight:700;display:block}.session-start-btn:hover{color:var(--accent);background:#5f8fff1a;border-color:#5f8fff40}.session-progress-bar-wrap{max-width:480px;margin:0 auto 10px;padding:0 16px}.session-progress-meta{align-items:center;gap:8px;margin-bottom:5px;display:flex}.session-progress-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;flex:1;font-size:.72rem;font-weight:700}.session-progress-count{font-size:.78rem;font-weight:800;font-family:var(--font-mono);color:var(--text-secondary)}.session-progress-stop{border:1px solid var(--border);width:22px;height:22px;color:var(--text-muted);transition:all var(--transition);background:#ffffff0d;border-radius:4px;font-size:.65rem;line-height:1}.session-progress-stop:hover{color:var(--red);background:#f871711a;border-color:#f871714d}.session-progress-track{background:#ffffff12;border-radius:2px;height:3px;overflow:hidden}.session-progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .3s}.session-config-backdrop{z-index:85;background:#0009;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.session-config-modal{border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border-active);flex-direction:column;gap:18px;width:min(100%,440px);padding:20px;display:flex;box-shadow:0 24px 80px #00000080}.session-config-header{justify-content:space-between;align-items:center;display:flex}.session-config-title{font-size:1rem;font-weight:900}.session-config-close{border-radius:var(--radius-sm);border:1px solid var(--border);width:30px;height:30px;color:var(--text-secondary);background:#ffffff0d;font-size:1.1rem}.session-config-section{flex-direction:column;gap:8px;display:flex}.session-config-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);font-size:.7rem;font-weight:800}.session-config-presets{gap:8px;display:flex}.session-config-preset{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-secondary);transition:all var(--transition);background:#ffffff0a;flex:1;padding:8px;font-size:.85rem;font-weight:800}.session-config-preset.active{color:var(--accent);background:#5f8fff1f;border-color:#5f8fff59}.session-config-preset:hover:not(.active){border-color:var(--border-active);color:var(--text-primary)}.session-config-custom-input{border-radius:var(--radius-sm);border:1px solid var(--border);width:100%;color:var(--text-primary);font:inherit;background:#ffffff0a;padding:9px 12px;font-size:.9rem}.session-config-custom-input:focus{border-color:var(--accent);outline:none}.session-config-row{flex-wrap:wrap;gap:6px;display:flex}.session-config-chip{border-radius:var(--radius-full);border:1px solid var(--border);color:var(--text-secondary);transition:all var(--transition);white-space:nowrap;background:#ffffff0a;padding:5px 12px;font-size:.76rem;font-weight:700}.session-config-chip.active{color:var(--accent);background:#5f8fff1f;border-color:#5f8fff4d}.session-config-chip:hover:not(.active){border-color:var(--border-active);color:var(--text-primary)}.session-config-start{border-radius:var(--radius-sm);background:var(--accent);border:1px solid var(--accent);color:#fff;text-align:center;transition:all var(--transition);white-space:nowrap;text-overflow:ellipsis;padding:12px;font-size:.9rem;font-weight:900;overflow:hidden}.session-config-start:hover{opacity:.88}.session-summary-backdrop{z-index:85;background:#000000b8;justify-content:center;align-items:center;padding:18px;animation:.18s ease-out fadeIn;display:flex;position:fixed;inset:0}.session-summary-modal{border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border-active);flex-direction:column;gap:20px;width:min(100%,400px);padding:24px;animation:.2s ease-out slideUp;display:flex;box-shadow:0 24px 80px #0000008c}.session-summary-header{text-align:center;letter-spacing:-.02em;font-size:1.1rem;font-weight:900}.session-summary-stats{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:12px;display:grid}.session-summary-stat{text-align:center;border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffff08;padding:12px 8px}.session-summary-stat-value{font-size:1.4rem;font-weight:900;font-family:var(--font-mono);color:var(--text-primary);line-height:1}.session-summary-stat-value.ev-loss{color:var(--red)}.session-summary-stat-value.ev-gain{color:var(--green)}.session-summary-stat-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-top:4px;font-size:.65rem;font-weight:700}.session-summary-tip{color:var(--text-secondary);border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffff08;padding:10px 12px;font-size:.78rem;line-height:1.55}.session-summary-tip.good{color:var(--green);background:#9bb07a12;border-color:#9bb07a33}.session-summary-actions{gap:10px;display:flex}.session-summary-review{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-secondary);transition:all var(--transition);background:#ffffff0d;flex:1;padding:10px;font-size:.82rem;font-weight:700}.session-summary-review:hover{border-color:var(--border-active);color:var(--text-primary)}.session-summary-continue{border-radius:var(--radius-sm);background:var(--accent);border:1px solid var(--accent);color:#fff;transition:all var(--transition);flex:2;padding:10px;font-size:.88rem;font-weight:900}.session-summary-continue:hover{opacity:.88}.villain-indicator{opacity:.85;border-bottom:2px solid;justify-content:center;align-items:center;gap:6px;padding:4px 0;font-size:.75rem;font-weight:700;display:flex}.villain-indicator-emoji{font-size:.85rem}.villain-indicator-label{text-transform:uppercase;letter-spacing:.06em}.heatmap-page{max-width:640px;margin:0 auto}.heatmap-desc{color:var(--text-secondary);margin-bottom:12px;font-size:.82rem}.heatmap-empty{text-align:center;color:var(--text-muted);padding:40px}.heatmap-controls{gap:4px;margin-bottom:12px;display:flex}.heatmap-legend{color:var(--text-muted);flex-wrap:wrap;gap:12px;margin-top:12px;font-size:.72rem;display:flex}.heatmap-legend-item{align-items:center;gap:4px;display:flex}.heatmap-swatch{border-radius:2px;width:12px;height:12px;display:inline-block}.heatmap-worst{margin-top:16px}.heatmap-worst-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:8px;font-size:.72rem;font-weight:700}.heatmap-worst-row{background:var(--bg-surface);border-radius:var(--radius-sm);align-items:center;gap:10px;margin-bottom:3px;padding:6px 12px;font-size:.82rem;display:flex}.heatmap-worst-hand{width:36px;font-weight:800}.heatmap-worst-rate{width:36px;font-weight:700}.heatmap-worst-count{color:var(--text-muted);font-size:.72rem}.heatmap-summary{color:var(--text-muted);text-align:center;margin-top:12px;font-size:.72rem}.analysis-page{max-width:640px;margin:0 auto}.analysis-empty{text-align:center;color:var(--text-muted);padding:40px}.analysis-controls{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.analysis-row{gap:12px;display:flex}.analysis-hand-select{min-width:100px}.analysis-verdict{border-radius:var(--radius-md);text-align:center;margin-bottom:16px;padding:20px;animation:.2s ease-out slideUp}.analysis-verdict.in{background:var(--green-glow);border:1px solid #9bb07a4d}.analysis-verdict.out{background:var(--bg-card);border:1px solid var(--border)}.analysis-verdict-hand{margin-bottom:4px;font-size:2rem;font-weight:900}.analysis-verdict-action{margin-bottom:6px;font-size:1.1rem;font-weight:800}.analysis-verdict.in .analysis-verdict-action{color:var(--green)}.analysis-verdict.out .analysis-verdict-action{color:var(--text-muted)}.analysis-verdict-explain{color:var(--text-secondary);font-size:.82rem}.analysis-details{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.analysis-detail-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:8px 0;font-size:.82rem;display:flex}.analysis-detail-row:last-child{border-bottom:none}.analysis-detail-row .label{color:var(--text-muted)}.analysis-detail-row .value{font-weight:700}.export-page{max-width:560px;margin:0 auto}.export-desc{color:var(--text-secondary);margin-bottom:20px;font-size:.88rem}.export-empty{text-align:center;color:var(--text-muted);padding:40px}.export-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-top:16px;margin-bottom:10px;font-size:.72rem;font-weight:700}.export-section-title:first-of-type{margin-top:0}.export-actions{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.export-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);text-align:left;transition:all var(--transition);align-items:center;gap:14px;padding:16px;display:flex}.export-btn:hover{border-color:var(--accent);transform:translateY(-1px)}.export-btn-icon{font-size:1.4rem}.export-btn-info{flex-direction:column;display:flex}.export-btn-title{font-size:.88rem;font-weight:700}.export-btn-desc{color:var(--text-muted);font-size:.72rem}.export-preview{margin-top:16px}.export-preview-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:.72rem;font-weight:700}.export-preview-code{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);white-space:pre;padding:12px;font-family:monospace;font-size:.65rem;line-height:1.5;overflow-x:auto}.custom-drill-builder{max-width:560px;margin:0 auto}.custom-drill-input{border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border);color:var(--text-primary);font-size:.88rem;font-family:var(--font);width:180px;padding:8px 14px}.custom-drill-input:focus{border-color:var(--accent);outline:none}.custom-drill-range{color:var(--text-muted);align-items:center;gap:8px;font-size:.82rem;display:flex}.custom-drill-preview{background:var(--bg-surface);border-radius:var(--radius-md);color:var(--text-secondary);margin-bottom:16px;padding:12px 16px;font-size:.82rem}.drill-custom-btn{border-radius:var(--radius-sm);background:var(--accent);color:#fff;transition:transform var(--transition);margin-left:auto;padding:6px 14px;font-size:.78rem;font-weight:700}.drill-custom-btn:hover{transform:translateY(-1px)}.learn-nav{-webkit-overflow-scrolling:touch;gap:4px;margin-bottom:16px;padding-bottom:4px;display:flex;overflow-x:auto}.learn-nav-btn{border-radius:var(--radius-full);color:var(--text-muted);white-space:nowrap;transition:all var(--transition);letter-spacing:.03em;background:0 0;border:1px solid #0000;padding:5px 12px;font-size:.72rem;font-weight:600}.learn-nav-btn:hover{color:var(--text-secondary)}.learn-nav-btn.active{color:var(--text-primary);background:#ffffff0f;border-color:#ffffff26}.pot-odds-page{max-width:480px;margin:0 auto}.pot-odds-score{color:var(--text-muted);margin-left:auto;font-size:.82rem}.pot-odds-instruction{color:var(--text-secondary);margin-bottom:20px;font-size:.85rem;line-height:1.5}.pot-odds-problem{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;padding:24px}.pot-odds-scenario{justify-content:center;gap:32px;margin-bottom:16px;display:flex}.pot-odds-val{text-align:center}.pot-odds-val-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:4px;font-size:.7rem;display:block}.pot-odds-val-num{color:var(--gold);font-size:1.8rem;font-weight:900}.pot-odds-question{color:var(--text-secondary);margin-bottom:16px;font-size:.92rem}.pot-odds-input-row{justify-content:center;align-items:center;gap:8px;display:flex}.pot-odds-input{border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border);width:80px;color:var(--text-primary);font-size:1.2rem;font-weight:700;font-family:var(--font);text-align:center;padding:12px 16px}.pot-odds-input:focus{border-color:var(--accent);outline:none}.pot-odds-pct{color:var(--text-muted);font-size:1.2rem;font-weight:700}.pot-odds-submit{border-radius:var(--radius-md);background:var(--accent);color:#fff;transition:transform var(--transition);padding:12px 24px;font-size:.92rem;font-weight:700}.pot-odds-submit:hover:not(:disabled){transform:translateY(-1px)}.pot-odds-submit:disabled{opacity:.4}.pot-odds-result{margin-top:16px;animation:.2s ease-out slideUp}.pot-odds-result-verdict{margin-bottom:8px;font-size:1.1rem;font-weight:800}.pot-odds-result.correct .pot-odds-result-verdict{color:var(--green)}.pot-odds-result.incorrect .pot-odds-result-verdict{color:var(--red)}.pot-odds-result-detail{color:var(--text-secondary);font-size:.88rem;line-height:1.8}.pot-odds-result-math{color:var(--text-muted);margin-top:4px;font-family:monospace;font-size:.78rem}.comparison-page{max-width:720px;margin:0 auto}.comparison-desc{color:var(--text-secondary);margin-bottom:16px;font-size:.85rem}.comparison-legend{color:var(--text-secondary);flex-wrap:wrap;gap:12px;margin-bottom:12px;font-size:.75rem;display:flex}.comparison-legend-item{align-items:center;gap:5px;display:flex}.comparison-swatch{border-radius:3px;width:14px;height:14px;display:inline-block}.comparison-stats{color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:8px 12px;font-size:.78rem;display:flex}.hsq-page{max-width:480px;margin:0 auto}.hsq-intro{color:var(--text-muted);margin-bottom:16px;font-size:.82rem;line-height:1.5}.hsq-modes{flex-direction:column;gap:10px;display:flex}.hsq-mode-card{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border);text-align:left;transition:all var(--transition);align-items:center;gap:12px;padding:14px 16px;display:flex}.hsq-mode-card:hover{border-color:var(--border-active);background:var(--bg-surface-hover)}.hsq-mode-emoji{flex-shrink:0;font-size:1.4rem}.hsq-mode-name{font-size:.88rem;font-weight:700;display:block}.hsq-mode-desc{color:var(--text-muted);margin-top:2px;font-size:.72rem;display:block}.hsq-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.hsq-stats{color:var(--text-secondary);font-size:.82rem;font-weight:600}.hsq-compare{text-align:center}.hsq-compare-prompt{color:var(--text-muted);margin-bottom:20px;font-size:.88rem}.hsq-compare-hands{justify-content:center;align-items:center;gap:16px;display:flex}.hsq-hand-btn{border-radius:var(--radius-lg);background:var(--bg-card);border:2px solid var(--border);transition:all var(--transition);min-width:100px;padding:20px 28px;font-size:1.8rem;font-weight:900}.hsq-hand-btn:hover:not(:disabled){border-color:var(--border-active);transform:translateY(-2px)}.hsq-hand-btn.correct{border-color:var(--green);color:var(--green);background:#9bb07a0f}.hsq-hand-btn.incorrect{border-color:var(--red);opacity:.4}.hsq-vs{color:var(--text-muted);font-size:.82rem;font-weight:700}.hsq-percentile{text-align:center}.hsq-percentile-hand{margin-bottom:8px;font-size:2.5rem;font-weight:900}.hsq-percentile-prompt{color:var(--text-muted);margin-bottom:16px;font-size:.82rem}.hsq-percentile-options{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.hsq-pct-btn{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border);min-width:64px;transition:all var(--transition);padding:10px 16px;font-size:.88rem;font-weight:700}.hsq-pct-btn:hover:not(:disabled){border-color:var(--border-active)}.hsq-pct-btn.correct{border-color:var(--green);color:var(--green);background:#9bb07a0f}.hsq-pct-btn.incorrect{opacity:.3}.hsq-combos{text-align:center}.hsq-combos-hand{margin-bottom:8px;font-size:2.5rem;font-weight:900}.hsq-combos-prompt{color:var(--text-muted);margin-bottom:16px;font-size:.82rem}.hsq-combos-options{justify-content:center;gap:10px;display:flex}.hsq-combo-btn{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border);min-width:56px;transition:all var(--transition);padding:12px 20px;font-size:1.1rem;font-weight:800}.hsq-combo-btn:hover:not(:disabled){border-color:var(--border-active)}.hsq-combo-btn.correct{border-color:var(--green);color:var(--green);background:#9bb07a0f}.hsq-combo-btn.incorrect{opacity:.3}.hsq-feedback{text-align:center;border-radius:var(--radius-md);justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:10px 14px;font-size:.82rem;display:flex}.hsq-feedback.correct{color:var(--green);background:#9bb07a0f}.hsq-feedback.incorrect{color:var(--red);background:#ef64610f}.hsq-feedback-icon{font-size:1.1rem;font-weight:800}.hsq-feedback-detail{font-weight:500}.profile-card{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border);margin-bottom:16px;padding:14px 16px}.profile-signed-out{text-align:center}.profile-prompt{text-align:left;align-items:center;gap:12px;margin-bottom:12px;display:flex}.profile-prompt-icon{font-size:1.5rem}.profile-prompt-title{margin-bottom:2px;font-size:.88rem;font-weight:700}.profile-prompt-desc{color:var(--text-muted);font-size:.72rem;line-height:1.4}.profile-signin-btn{border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition);background:#ffffff0f;border:1px solid #ffffff1f;align-items:center;gap:8px;padding:10px 20px;font-size:.85rem;font-weight:600;display:inline-flex}.profile-signin-btn:hover{background:#ffffff1a;border-color:#fff3}.google-icon{flex-shrink:0}.profile-error{color:var(--red);margin-top:8px;font-size:.72rem}.profile-signed-in-card{flex-direction:column;gap:12px;display:flex}.profile-signed-in{justify-content:space-between;align-items:center;gap:12px;display:flex}.profile-user{align-items:center;gap:10px;display:flex}.profile-avatar{border-radius:50%;width:36px;height:36px}.profile-avatar-placeholder{background:var(--bg-surface);width:36px;height:36px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:800;display:flex}.profile-user-name{font-size:.88rem;font-weight:700}.profile-user-email{color:var(--text-muted);font-size:.7rem}.profile-signout-btn{border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-muted);transition:all var(--transition);padding:6px 14px;font-size:.75rem;font-weight:600}.profile-signout-btn:hover{color:var(--text-secondary);background:var(--bg-surface-hover)}.profile-loading{text-align:center;color:var(--text-muted);padding:8px;font-size:.78rem}.profile-sync-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.profile-sync-badge{letter-spacing:.02em;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.profile-sync-synced{color:var(--green);background:#5ee0851f;border:1px solid #5ee08538}.profile-sync-syncing{color:#8ad6ff;background:#68c4ff1f;border:1px solid #68c4ff38}.profile-sync-error,.profile-sync-conflict{color:#ffb1ae;background:#ef646114;border:1px solid #ef64612e}.profile-sync-idle{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff14}.profile-sync-time{color:var(--text-muted);font-size:.72rem}.profile-sync-btn{border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-secondary);transition:all var(--transition);padding:7px 12px;font-size:.75rem;font-weight:600}.profile-sync-btn:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.profile-sync-btn.primary{color:var(--text-primary);background:#ffffff14;border:1px solid #ffffff1f}.profile-sync-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.profile-sync-conflict-box{border-radius:var(--radius-md);background:#ef64610d;border:1px solid #ef64611f;padding:12px}.profile-sync-conflict-title{color:var(--text-primary);margin-bottom:4px;font-size:.82rem;font-weight:700}.profile-sync-conflict-desc{color:var(--text-muted);font-size:.74rem;line-height:1.45}.kb-overlay{z-index:5000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.kb-modal{background:var(--bg-card);border:1px solid var(--border-active);border-radius:var(--radius-lg);width:90%;max-width:320px;box-shadow:var(--shadow-card);padding:20px 24px}.kb-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.kb-title{font-size:.95rem;font-weight:800}.kb-close{color:var(--text-muted);border-radius:var(--radius-sm);transition:color var(--transition);padding:4px 8px;font-size:.85rem}.kb-close:hover{color:var(--text-primary)}.kb-list{flex-direction:column;gap:10px;display:flex}.kb-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.kb-keys{flex-shrink:0;align-items:center;gap:4px;display:flex}.kb-key{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.72rem;font-weight:700;font-family:var(--font);color:var(--text-secondary);text-align:center;min-width:24px;padding:3px 8px;display:inline-block}.kb-or{color:var(--text-muted);margin:0 2px;font-size:.6rem}.kb-action{color:var(--text-secondary);font-size:.82rem;font-weight:500}.kb-tip{color:var(--text-muted);text-align:center;margin-top:14px;font-size:.65rem}.loading-screen{background:var(--bg-deep);background-image:radial-gradient(at 50% 40%,#1e503733 0%,#0000 60%);flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100dvh;display:flex}.loading-cards{perspective:400px;gap:8px;display:flex}.loading-card{transform-origin:bottom;border-radius:5px;justify-content:center;align-items:center;width:36px;height:50px;font-size:1.4rem;font-weight:700;animation:.6s ease-out both cardDeal;display:flex}.lc-1{color:#1a1a1a;background:#f5f5f0;animation-delay:0s}.lc-2{color:#c62828;background:#f5f5f0;animation-delay:.12s}.lc-3{color:#1565c0;background:#f5f5f0;animation-delay:.24s}.lc-4{color:#2e7d32;background:#f5f5f0;animation-delay:.36s}@keyframes cardDeal{0%{opacity:0;transform:translateY(-30px)rotateX(40deg)scale(.8)}to{opacity:1;transform:translateY(0)rotateX(0)scale(1)}}.loading-title{letter-spacing:.12em;text-transform:uppercase;color:var(--text-primary);font-size:1.3rem;font-weight:800;animation:.5s ease-out .5s both fadeIn}.loading-tagline{color:var(--text-muted);letter-spacing:.04em;margin-top:-12px;font-size:.78rem;animation:.6s ease-out .7s both fadeIn}.loading-bar{background:#ffffff0f;border-radius:3px;width:120px;height:3px;animation:.5s ease-out .7s both fadeIn;overflow:hidden}.loading-bar-fill{background:var(--accent);border-radius:inherit;height:100%;animation:1.5s ease-in-out .8s both loadProgress}@keyframes loadProgress{0%{width:0%}to{width:100%}}.onboarding-overlay{z-index:2000;background:var(--bg-deep);background-image:radial-gradient(at 50% 25%,#5f8fff1f 0%,#0000 60%);justify-content:center;align-items:center;padding:20px 0;display:flex;position:fixed;inset:0}.onboarding-card{text-align:center;background:linear-gradient(#131928f5,#0b0f19fa);border:1px solid #ffffff14;width:calc(100% - 32px);max-width:560px;max-height:calc(100vh - 40px);padding:28px 32px 24px;animation:.4s ease-out slideUp;overflow-y:auto;box-shadow:0 24px 80px #00000073}.onboarding-progress-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.onboarding-progress-label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:.78rem;font-weight:800}.onboarding-progress-hint{color:var(--text-muted);font-size:.78rem}.onboarding-emoji{margin-bottom:16px;font-size:3.2rem;animation:1.5s ease-in-out infinite pulse}.onboarding-title{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:12px;font-size:1.7rem;font-weight:900}.onboarding-content{color:var(--text-secondary);max-width:42ch;margin:0 auto 18px;font-size:.98rem;line-height:1.7}.onboarding-bullets{text-align:left;max-width:44ch;color:var(--text-secondary);gap:10px;margin:0 auto 20px;display:grid}.onboarding-bullets li{padding-left:18px;line-height:1.6;list-style:none;position:relative}.onboarding-bullets li:before{content:"•";color:var(--accent);font-weight:900;position:absolute;top:0;left:0}.onboarding-example{text-align:center;border-radius:var(--radius-md);border:1px solid var(--border);background:linear-gradient(#ffffff0a,#ffffff05);margin:18px 0 20px;padding:18px}.onboarding-example-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:10px;font-size:.74rem;font-weight:800}.onboarding-example-hand{letter-spacing:.05em;margin-bottom:4px;font-size:1.8rem;font-weight:900}.onboarding-example-meta{color:var(--text-muted);margin-bottom:10px;font-size:.82rem}.onboarding-example-answer{border-radius:var(--radius-full);min-width:108px;color:var(--green);background:#9bb07a1f;border:1px solid #9bb07a47;justify-content:center;align-items:center;padding:8px 14px;font-size:1rem;font-weight:800;display:inline-flex}.onboarding-example-note{color:var(--text-secondary);margin-top:10px;font-size:.82rem;line-height:1.5}.onboarding-comparison{flex-direction:column;gap:10px;margin:18px 0 20px;display:flex}.onboarding-compare-row{align-items:center;gap:10px;display:flex}.onboarding-compare-label{text-align:right;min-width:84px;color:var(--text-secondary);font-size:.78rem;font-weight:700}.onboarding-compare-bar-track{border-radius:var(--radius-full);background:#ffffff0f;flex:1;height:16px;overflow:hidden}.onboarding-compare-bar{border-radius:var(--radius-full);height:100%;transition:width .6s}.onboarding-compare-value{color:var(--text-muted);text-align:left;min-width:88px;font-size:.74rem}.onboarding-dots{justify-content:center;gap:8px;margin-bottom:22px;display:flex}.onboarding-dot{background:#ffffff1a;border-radius:50%;width:8px;height:8px;transition:all .3s}.onboarding-dot.active{background:var(--accent);transform:scale(1.3)}.onboarding-dot.done{background:var(--green)}.onboarding-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:14px;display:flex}.onboarding-btn{border-radius:var(--radius-md);min-height:48px;transition:transform var(--transition), border-color var(--transition), background var(--transition);padding:14px 24px;font-size:.96rem;font-weight:800}.onboarding-btn:hover{transform:translateY(-1px)}.onboarding-btn:active{transform:scale(.98)}.onboarding-btn.primary{color:var(--text-primary);background:#5f8fff29;border:1px solid #5f8fff52}.onboarding-btn.secondary{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary)}.onboarding-skip{color:var(--text-muted);text-underline-offset:3px;font-size:.78rem;text-decoration:underline}.onboarding-skip:hover{color:var(--text-secondary)}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes starReveal{0%{opacity:0;transform:scale(.3)rotate(-20deg)}60%{transform:scale(1.2)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes unlockReveal{0%{opacity:0;transform:scale(.8)translateY(20px)}60%{transform:scale(1.02)translateY(-2px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes glowPulse{0%,to{filter:brightness()}50%{filter:brightness(1.2)}}@keyframes toastSlideDown{0%{opacity:0;transform:translate(-50%)translateY(-24px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toastFadeOut{0%{opacity:1}to{opacity:0;pointer-events:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.next-label{animation:none!important}}@media (width<=860px){.app{padding:16px}.stat-grid{grid-template-columns:repeat(2,1fr)}.score-row{flex-wrap:wrap}.score-card{min-width:calc(50% - 6px)}.completion-accuracy-number{font-size:2.5rem}.completion-stats{gap:20px}.coach-grid{grid-template-columns:1fr}.drill-run{max-width:100%}}@media (width<=520px){.app{padding:12px 10px}.nav-bar{margin-bottom:8px;padding:6px 0 10px}.nav-tab{padding:6px 10px;font-size:.75rem}.status-bar{margin-bottom:10px;padding:6px 10px;font-size:.7rem}.daily-compact-bar{width:36px}.score-row{gap:8px}.score-card{min-width:calc(50% - 4px);padding:10px 12px}.score-card .value{font-size:1.2rem}.score-card .label{font-size:.65rem}.spot-context{padding:4px 6px;font-size:.68rem}.spot-stage.compact .table-wrap{max-width:100%}.exam-spot,.rush-spot,.speed-spot,.drill-run-spot,.hu-hand-display{padding:10px}.ts-name{padding:2px 6px;font-size:.56rem}.ts-chips{font-size:.52rem}.ts-body-villain{gap:3px;width:min(82px,24vw)}.ts-row-villain{row-gap:3px}.ts-cv{padding:2px 6px}.ts-allin-tag{min-height:16px;padding:2px 7px;font-size:.42rem}.cw-sm{width:20px}.cw-hero{width:36px}.hero-fan{gap:2px}.jp-card-offset{margin-left:-7px}.pot-pill{padding:3px 12px;font-size:.8rem}.call-label{font-size:.62rem}.villain-chip-label{font-size:.54rem}.spot-context-bar{gap:6px;padding:4px 0}.spot-hand-badge{font-size:.88rem}.spot-scenario{font-size:.68rem}.spot-difficulty-stars{font-size:.58rem}.explorer-stat{flex-basis:calc(50% - 5px)}.explorer-compare-legend{flex-wrap:wrap;gap:8px}.weekly-compact{padding-left:6px}.action-btn{min-height:56px;padding:20px 16px;font-size:1.1rem}.next-btn{padding:14px 16px}.next-verdict{font-size:.95rem}.next-meta{font-size:.65rem}.result-review-strip{gap:6px;margin:8px 0 10px}.result-review-pill{padding:5px 8px;font-size:.62rem}.hand-review-summary-row{grid-template-columns:26px minmax(0,1fr) 42px;gap:8px;padding:10px}.hand-review-title{font-size:.76rem}.hand-review-title small{font-size:.62rem}.hand-review-grade{min-width:36px;padding:4px 7px;font-size:.68rem}.result-tip{padding:8px 12px;font-size:.72rem}.result-study-note{padding:9px 10px;font-size:.72rem}.result-detail-grid{grid-template-columns:1fr;gap:7px}.result-stats{flex-wrap:wrap;gap:8px}.result-stat{flex:30%;min-width:72px;padding:8px}.result-math{flex-wrap:wrap;gap:6px;padding:6px 10px;font-size:.68rem}.result-details-body{padding:0 12px 12px}.result-range-header{flex-direction:column;align-items:stretch}.range-expand-hint{align-self:flex-start}.range-cell-hand{font-size:.42rem}.range-grid-corner,.range-grid-labels-left{width:12px}.range-grid-labels-top .range-grid-label,.range-grid-labels-left .range-grid-label{font-size:.42rem}.page-header{margin-bottom:16px}.page-title{font-size:1.1rem}.stat-box{padding:12px}.stat-box .value{font-size:1.2rem}.coach-grid{grid-template-columns:1fr;gap:10px}.coach-card{padding:14px}.coach-card-name{font-size:.92rem}.coach-profile{text-align:center;flex-direction:column;padding:18px}.coach-name{font-size:1.2rem}.challenge-card{padding:12px}.challenge-start-btn{min-height:40px;padding:8px 16px}.challenge-banner{margin-bottom:12px;padding:8px 12px}.challenge-banner-top{gap:6px;font-size:.75rem}.completion-star{font-size:1.8rem}.completion-accuracy-number{font-size:2.2rem}.completion-stats{gap:16px;padding:12px}.completion-stat .value{font-size:1.1rem}.completion-quote{padding:12px;font-size:.82rem}.completion-btn{min-height:48px;padding:12px}.mistake-card{padding:10px}.unlock-modal{padding:24px 20px}.unlock-btn{min-height:48px}.onboarding-overlay{padding:12px 0}.onboarding-card{max-height:calc(100vh - 24px);padding:24px 18px 20px}.onboarding-progress-row{flex-direction:column;gap:4px}.onboarding-emoji{font-size:2.8rem}.onboarding-title{font-size:1.3rem}.onboarding-content{font-size:.92rem}.onboarding-bullets{gap:8px}.onboarding-compare-row{flex-wrap:wrap}.onboarding-compare-label,.onboarding-compare-value{text-align:left;width:100%;min-width:0}.onboarding-btn{width:100%;min-height:48px;padding:14px 18px}.stats-actions,.history-filters{flex-direction:column}.history-select{width:100%}.history-row-main{flex-wrap:wrap;gap:6px}.history-type{flex-basis:100%}.history-detail{grid-template-columns:1fr}.settings-row{flex-direction:column;align-items:stretch;gap:8px}.settings-toggle,.settings-select{align-self:flex-start}.drill-grid{grid-template-columns:1fr}.speed-hand{font-size:2.8rem}.speed-results-big{font-size:3rem}.exam-hand{font-size:2.4rem}.exam-grade-badge{font-size:3rem}.exam-size-options{flex-wrap:wrap}.exam-actions{gap:10px}.exam-mistake-row{gap:6px;font-size:.72rem}.explorer-toggle-btn{padding:8px 10px;font-size:.75rem}.explorer-stack-btn{min-width:30px;padding:6px 8px;font-size:.72rem}.explorer-pos-btn{padding:6px 10px;font-size:.72rem}.explorer-stats{gap:10px;padding:10px 12px}.explorer-stat .value{font-size:.92rem}.explorer-grid-container{padding:10px}.explorer-cell-label{font-size:.36rem}.explorer-detail{flex-wrap:wrap;gap:8px}.charts-grid{grid-template-columns:1fr}.bar-name{width:48px;font-size:.68rem}.summary-milestone{font-size:1.6rem}.summary-stats{gap:12px;padding:14px}.summary-stat.big .value{font-size:1.6rem}.summary-stat .value{font-size:1rem}.summary-continue-btn{min-height:48px}.app-footer{text-align:center;flex-direction:column;gap:8px}}@media (width<=420px){.app{padding:10px 8px}.nav-tab{padding:6px 8px;font-size:.72rem}.action-buttons{gap:8px}.action-btn{padding:18px 12px;font-size:1rem}.btn-key{display:none}.next-meta{max-width:30ch}.result-stat .label{font-size:.54rem}.range-expand-hint{text-align:center;width:100%}}.assessment-wrap{flex-direction:column;animation:.22s fadeIn;display:flex}.assessment-fading{opacity:0;pointer-events:none;transition:opacity .18s}.assessment-progress-row{align-items:center;gap:12px;margin-bottom:28px;display:flex}.assessment-progress-track{background:#ffffff14;border-radius:2px;flex:1;height:2px;overflow:hidden}.assessment-progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.assessment-progress-count{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-size:.74rem;font-weight:500}.assessment-q-meta{align-items:center;gap:10px;margin-bottom:12px;display:flex}.assessment-q-num{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem;font-weight:700}.assessment-q-diff{letter-spacing:.12em;color:var(--accent);opacity:.65;font-size:.62rem}.assessment-prompt{color:var(--text-primary);margin:0 0 22px;font-size:1.05rem;font-weight:600;line-height:1.55}.assessment-options{flex-direction:column;gap:7px;margin-bottom:18px;display:flex}.assessment-opt{cursor:pointer;text-align:left;color:var(--text-primary);-webkit-tap-highlight-color:transparent;background:#ffffff06;border:1px solid #ffffff12;border-radius:10px;grid-template-columns:28px 1fr auto;align-items:center;gap:12px;width:100%;padding:12px 14px;transition:background .12s,border-color .12s,transform 80ms;display:grid}.assessment-opt:hover:not(:disabled):not(.selected):not(.revealed){background:#ffffff0d;border-color:#ffffff1f}.assessment-opt:active:not(:disabled):not(.revealed){transform:scale(.995)}.assessment-opt.selected{border-color:var(--accent);background:#c9a96117;border-width:1.5px}.assessment-opt.checking{opacity:.7;cursor:wait}.assessment-opt.revealed{cursor:default;pointer-events:none}.assessment-opt.correct{background:#9bb07a17;border-color:#9bb07a73}.assessment-opt.wrong{background:#c86a5a14;border-color:#c86a5a59}.assessment-opt-letter{width:24px;height:24px;color:var(--text-muted);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;transition:background .12s,border-color .12s,color .12s;display:flex}.assessment-opt.selected .assessment-opt-letter{border-color:var(--accent);color:var(--accent);background:#c9a9612e}.assessment-opt.correct .assessment-opt-letter{color:var(--green);background:#9bb07a2e;border-color:#9bb07a80}.assessment-opt.wrong .assessment-opt-letter{color:var(--red);background:#c86a5a2e;border-color:#c86a5a66}.assessment-opt-text{font-size:.88rem;line-height:1.45}.assessment-opt-badge{flex-shrink:0;font-size:.85rem;font-weight:700}.correct-badge{color:var(--green)}.wrong-badge{color:var(--red)}.assessment-confirm-wrap{opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:7px;transition:opacity .2s,transform .2s;display:flex;transform:translateY(8px)}.assessment-confirm-wrap.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.assessment-confirm-btn{background:var(--accent);color:#160e00;cursor:pointer;letter-spacing:.01em;border:none;border-radius:10px;width:100%;padding:13px 20px;font-size:.95rem;font-weight:700;transition:opacity .12s,transform 80ms}.assessment-confirm-btn:hover:not(:disabled){opacity:.88}.assessment-confirm-btn:active:not(:disabled){transform:scale(.98)}.assessment-confirm-btn:disabled{opacity:.35;cursor:not-allowed}.assessment-checking{animation:1.2s ease-in-out infinite pulse}.assessment-hint{color:var(--text-muted);opacity:.55;font-size:.7rem}.assessment-verdict{align-items:center;gap:10px;margin-bottom:18px;display:flex}.assessment-verdict-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.9rem;font-weight:700;display:flex}.assessment-verdict.correct .assessment-verdict-icon{color:var(--green);background:#9bb07a2e}.assessment-verdict.wrong .assessment-verdict-icon{color:var(--red);background:#c86a5a2e}.assessment-verdict-text{font-size:1.05rem;font-weight:700}.assessment-verdict.correct .assessment-verdict-text{color:var(--green)}.assessment-verdict.wrong .assessment-verdict-text{color:var(--red)}.assessment-explanation{color:var(--text-secondary);background:#ffffff08;border-left:2px solid #ffffff1a;border-radius:0 8px 8px 0;margin-bottom:18px;padding:13px 15px;font-size:.87rem;line-height:1.65;animation:.3s 80ms both fadeIn}.assessment-next-btn{width:100%;color:var(--text-primary);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1c;border-radius:10px;padding:13px 20px;font-size:.92rem;font-weight:600;transition:background .12s,border-color .12s}.assessment-next-btn:hover{background:#ffffff1a;border-color:#ffffff2e}.assessment-loading{text-align:center;color:var(--text-muted);padding:36px 0;font-size:.88rem;animation:1.5s ease-in-out infinite pulse}.assessment-complete{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:52px 16px;animation:.4s fadeIn;display:flex}.assessment-complete-icon{width:56px;height:56px;color:var(--green);background:#9bb07a1f;border:1.5px solid #9bb07a59;border-radius:50%;justify-content:center;align-items:center;margin-bottom:6px;font-size:1.4rem;display:flex}.assessment-complete-title{color:var(--text-primary);font-size:1.15rem;font-weight:700}.assessment-complete-sub{color:var(--text-muted);font-size:.87rem}