:root{--bg: #f6f6fb;--card: #ffffff;--ink: #2b2b40;--ink-soft: #5d5d75;--purple: #7c3aed;--purple-dark: #5b21b6;--purple-soft: #ede9fe;--green: #15803d;--green-dark: #14532d;--green-soft: #dcfce7;--red: #b91c1c;--red-dark: #7f1d1d;--red-soft: #fee2e2;--blue: #0369a1;--blue-dark: #075985;--orange: #c2410c;--orange-dark: #9a3412;--teal: #0f766e;--teal-dark: #115e59;--gold: #f59e0b;--track: #e4e4ef;--radius: 18px;font-size:16px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;background:var(--bg);color:var(--ink);font-family:Nunito,"Baloo 2",system-ui,-apple-system,Segoe UI,sans-serif;font-size:1rem;line-height:1.45}#app{max-width:430px;margin:0 auto;min-height:100dvh;background:var(--bg);display:flex;flex-direction:column;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.app-header{position:sticky;top:0;z-index:20;background:var(--card);padding:calc(10px + env(safe-area-inset-top)) 14px 10px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;box-shadow:0 3px 0 var(--track)}.header-row{display:flex;align-items:center;gap:8px}.level-chip{background:var(--purple);color:#fff;font-weight:800;font-size:1rem;border-radius:999px;padding:7px 13px;border-bottom:3px solid var(--purple-dark)}.stat-chip{background:var(--purple-soft);color:var(--purple-dark);font-weight:800;font-size:1rem;border-radius:999px;padding:7px 11px;white-space:nowrap}.xp-bar{margin-top:9px;height:14px;border-radius:999px;background:var(--track);overflow:hidden}.xp-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold),#fbbf24);transition:width .5s cubic-bezier(.34,1.56,.64,1)}.grown-ups{margin-left:auto;min-width:48px;min-height:44px;border:none;border-radius:14px;background:var(--purple-soft);border-bottom:3px solid #ddd6fe;font-size:1.2rem;cursor:pointer}.grown-ups:active{transform:translateY(2px);border-bottom-width:1px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:52px;padding:12px 20px;border:none;border-radius:var(--radius);font-family:inherit;font-size:1.05rem;font-weight:800;color:#fff;cursor:pointer;transition:transform 90ms ease,filter .12s ease}.btn:active:not(:disabled){transform:translateY(3px);border-bottom-width:2px!important}.btn:disabled{cursor:default;filter:saturate(.6) brightness(.95)}.btn.primary{background:var(--green);border-bottom:4px solid var(--green-dark)}.btn.ghost{background:var(--card);color:var(--ink);border:2px solid var(--track);border-bottom-width:4px}.btn.big{width:100%;font-size:1.15rem}.btn.tiny{min-height:40px;min-width:44px;padding:6px 12px;font-size:1rem;border-radius:12px}.screen{flex:1;display:flex;flex-direction:column;align-items:center;padding:18px 18px calc(28px + env(safe-area-inset-bottom))}.app-title{font-size:1.8rem;font-weight:900;margin:4px 0 2px;color:var(--purple);letter-spacing:-.5px}.tagline{margin:0 0 4px;color:var(--ink-soft);font-weight:700}.progress-note{margin:0 0 10px;color:var(--ink-soft);font-size:.95rem;font-weight:700}.path{list-style:none;margin:0;padding:0;width:100%}.path li{display:flex;flex-direction:column;align-items:center;margin:0 auto 26px;max-width:260px;transform:translate(var(--side, 0))}.node-btn{width:82px;height:82px;border-radius:50%;border:none;font-size:2.1rem;cursor:pointer;transition:transform .12s ease}.path-node.open .node-btn{background:var(--purple);border-bottom:6px solid var(--purple-dark);color:#fff;animation:bob 2.4s ease-in-out infinite;box-shadow:0 0 0 8px var(--purple-soft)}.path-node.done .node-btn{background:var(--green);border-bottom:6px solid var(--green-dark);box-shadow:0 0 0 8px var(--green-soft)}.path-node.locked .node-btn{background:#cfcfdd;border-bottom:6px solid #b3b3c4;filter:saturate(.4);cursor:not-allowed}.node-btn:active{transform:translateY(3px);border-bottom-width:3px}.node-label{margin-top:10px;text-align:center;display:flex;flex-direction:column;gap:2px}.node-name{font-weight:800;font-size:1.05rem}.node-stars{font-size:.95rem;color:var(--gold);letter-spacing:2px}.node-desc{margin-top:6px;background:var(--card);border:2px solid var(--purple-soft);color:var(--ink-soft);border-radius:14px;padding:8px 12px;font-size:.9rem;font-weight:700;text-align:center}.node-desc:empty{display:none}.path-footer-space{height:30px}.player-screen{align-items:stretch;padding-top:12px}.player-top{display:flex;align-items:center;gap:10px}.progress-track{flex:1;height:16px;background:var(--track);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--green);border-radius:999px;transition:width .4s cubic-bezier(.34,1.56,.64,1)}.q-count{font-weight:800;font-size:1.1rem;white-space:nowrap}.lesson-chip{margin:12px 0 2px;align-self:flex-start;background:var(--purple-soft);color:var(--purple-dark);font-weight:800;border-radius:999px;padding:6px 12px;font-size:.95rem}.question-text{font-size:1.2rem;font-weight:800;margin:12px 0 4px}.hand-board{background:var(--card);border:2px solid var(--track);border-radius:var(--radius);padding:10px 14px;margin:8px 0 14px;box-shadow:0 3px 0 var(--track)}.hand-row{display:flex;align-items:baseline;gap:10px;padding:5px 0;border-bottom:1px dashed var(--track)}.hand-row:last-child{border-bottom:none}.hand-suit{font-size:1.5rem;width:1.6rem;text-align:center}.hand-cards{font-size:1.45rem;font-weight:800;letter-spacing:2px}.hand-row.red{color:#dc2626}.hand-row.black{color:#1e293b}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 4px}.option{min-height:64px;font-size:1.25rem;padding:10px 8px;word-break:break-word}.opt-0{background:var(--blue);border-bottom:4px solid var(--blue-dark)}.opt-1{background:var(--orange);border-bottom:4px solid var(--orange-dark)}.opt-2{background:var(--purple);border-bottom:4px solid var(--purple-dark)}.opt-3{background:var(--teal);border-bottom:4px solid var(--teal-dark)}.option.reveal-right{background:var(--green)!important;border-bottom-color:var(--green-dark)!important;animation:pop-in .35s ease}.option.reveal-wrong{background:var(--red)!important;border-bottom-color:var(--red-dark)!important}.slab{position:fixed;left:0;right:0;bottom:0;z-index:40;min-height:40vh;min-height:40dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:20px 22px calc(18px + env(safe-area-inset-bottom));color:#fff;font-weight:800;animation:slab-in .65s cubic-bezier(.34,1.56,.64,1)}.slab-good{background:#22c55e}.slab-bad{background:#ef4444}.slab-win{background:linear-gradient(120deg,#15803d,#22c55e 45%,#facc15)}.slab-text{min-width:0;width:100%}.slab-title{font-size:1.25rem;font-weight:800;line-height:1.2}.slab-answer{font-size:1.5rem;font-weight:800;margin-top:2px}.slab-sub{font-size:.92rem;font-weight:700;opacity:.95;margin-top:2px}.slab-btn{background:#fff;color:var(--green-dark);border-bottom:4px solid #d1d5db;flex-shrink:0;min-width:136px}.slab-bad .slab-btn{color:var(--red-dark)}.slab .xp-pop{position:absolute;top:-14px;right:16px;font-weight:900;font-size:1.3rem;color:var(--gold);text-shadow:0 1px 0 rgba(0,0,0,.25);animation:float-up 1.1s ease forwards;pointer-events:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#2b2b408c;display:flex;align-items:center;justify-content:center;padding:24px;animation:fade-in .15s ease}.quit-card{background:var(--card);border-radius:22px;padding:24px 22px;width:100%;max-width:340px;text-align:center;box-shadow:0 10px 30px #00000040;animation:pop-in .25s cubic-bezier(.34,1.56,.64,1)}.quit-emoji{font-size:3rem;line-height:1}.quit-title{margin:8px 0 6px;font-size:1.5rem;font-weight:900}.quit-text{color:var(--ink-soft);font-weight:700;margin:0 0 18px}.btn.keep{background:var(--green);border-bottom:4px solid var(--green-dark)}.btn.end{background:#e5e5ee;color:var(--ink-soft);border-bottom:4px solid #c9c9d6;margin-top:12px}.complete-screen{justify-content:flex-start;padding-top:10px;padding-bottom:calc(42vh + env(safe-area-inset-bottom))}.moment-buttons{position:relative;z-index:50}.practice-note{margin:0;color:var(--ink-soft);font-size:.9rem;font-weight:700}.complete-screen .moment-emoji{font-size:3rem}.complete-screen .moment-title{margin:4px 0 2px}.complete-screen .moment-text{margin-bottom:10px}.complete-screen .star-row{margin:4px 0 8px}.complete-screen .big-star{font-size:2.4rem}.complete-screen .reward-chips{margin-bottom:14px}.moment-screen{justify-content:center;text-align:center;overflow:hidden;position:relative}.moment-emoji{font-size:4.2rem;line-height:1.1}.moment-title{font-size:1.7rem;font-weight:900;margin:10px 0 6px}.moment-text{color:var(--ink-soft);font-weight:700;margin:0 6px 18px;max-width:32ch}.moment-buttons{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px}.wobble{animation:wobble .9s ease}.pop{animation:pop-in .5s cubic-bezier(.34,1.56,.64,1)}.star-row{display:flex;gap:10px;justify-content:center;margin:8px 0 14px}.big-star{font-size:3rem;filter:grayscale(1);opacity:.4}.big-star.won{filter:none;opacity:1;animation:star-pop .6s cubic-bezier(.34,1.56,.64,1) backwards}.reward-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px}.reward-chip{background:var(--card);border:2px solid var(--track);border-bottom-width:4px;border-radius:999px;padding:8px 14px;font-weight:800;font-size:.98rem}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.confetti i{position:absolute;top:-24px;border-radius:3px;animation-name:confetti-fall;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:forwards}.grownups-screen{text-align:center}.panel-title{font-size:1.4rem;font-weight:900;margin:0}.pin-input{width:100%;max-width:240px;min-height:60px;margin:6px 0 14px;border:3px solid var(--purple-soft);border-radius:var(--radius);text-align:center;font-family:inherit;font-size:1.6rem;font-weight:800;letter-spacing:8px;color:var(--ink)}.pin-input:focus{outline:none;border-color:var(--purple)}.pin-message{min-height:1.4em;color:var(--red-dark);font-weight:700;margin:4px 0 8px}.stats-rows{width:100%;background:var(--card);border:2px solid var(--track);border-radius:var(--radius);padding:6px 16px;margin-bottom:18px;box-shadow:0 3px 0 var(--track)}.stat-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;border-bottom:1px dashed var(--track);font-size:1.02rem;font-weight:700;color:var(--ink-soft);text-align:left}.stat-row:last-child{border-bottom:none}.stat-row strong{color:var(--ink);font-size:1.1rem}.stat-row.wide{flex-direction:column;align-items:stretch}.stat-row.wide .xp-bar{margin-top:6px;height:12px}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pop-in{0%{transform:scale(.6)}70%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes star-pop{0%{transform:scale(0) rotate(-40deg)}to{transform:scale(1) rotate(0)}}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}50%{transform:rotate(8deg)}75%{transform:rotate(-5deg)}}@keyframes float-up{0%{transform:translateY(0);opacity:1}to{transform:translateY(-56px);opacity:0}}@keyframes slab-in{0%{transform:translateY(100%)}55%{transform:translateY(-10%)}75%{transform:translateY(4%)}90%{transform:translateY(-2%)}to{transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.shake{animation:shake .4s ease}@keyframes confetti-fall{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(105vh) rotate(720deg);opacity:.9}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.slab .mascot{position:absolute;top:-3rem;left:calc(50% - 1.55rem);font-size:3.1rem;line-height:1;animation:bob 2.6s ease-in-out infinite;filter:drop-shadow(0 5px 0 rgba(0,0,0,.15));pointer-events:none}.slab .mascot.cheer{animation:mascot-jump .75s cubic-bezier(.34,1.56,.64,1)}.slab .mascot.wince{animation:mascot-wince .55s ease}@keyframes mascot-jump{0%{transform:translateY(0)}35%{transform:translateY(-26px) rotate(-6deg)}60%{transform:translateY(0)}78%{transform:translateY(-9px)}to{transform:translateY(0)}}@keyframes mascot-wince{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(-7px) rotate(-6deg)}45%{transform:translate(6px) rotate(5deg)}70%{transform:translate(-4px) rotate(-3deg)}}.chest-section{text-align:center;margin:2px 0 18px}.chest-note{font-weight:800;color:var(--orange-dark);margin:0 0 8px}.chest-btn{border:none;background:none;font-size:3.6rem;line-height:1;cursor:pointer;animation:bob 2.2s ease-in-out infinite;filter:drop-shadow(0 6px 0 rgba(0,0,0,.12))}.chest-btn:active{transform:scale(.9)}.chest-btn.huge{font-size:5.4rem;animation:pop-in .4s cubic-bezier(.34,1.56,.64,1)}.chest-card{position:relative;overflow:hidden}.btn.danger{background:var(--red);border-bottom:4px solid var(--red-dark);margin-top:12px}.btn.danger:disabled{filter:saturate(.4) brightness(.95)}.reset-input{letter-spacing:4px;text-transform:uppercase;font-size:1.3rem}.teach-intro{font-weight:800;color:var(--purple-dark);text-align:center;margin:2px 0 10px}.teach-card{background:var(--card);border-radius:var(--radius);border-bottom:5px solid var(--track);padding:18px 18px 14px;box-shadow:0 8px 24px #2b2b4014;animation:pop-in .3s cubic-bezier(.34,1.56,.64,1)}.teach-emoji{font-size:2.6rem;line-height:1}.teach-title{font-size:1.35rem;font-weight:800;margin:8px 0 4px}.teach-text{color:var(--ink-soft);font-weight:600;margin:0 0 8px}.teach-chip{display:inline-block;background:var(--orange-soft, #ffedd5);color:var(--orange-dark);font-size:.8rem;font-weight:800;border-radius:999px;padding:3px 10px;margin-bottom:8px}.teach-example-label{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--ink-soft);margin:8px 0 4px}.teach-math{background:var(--purple-soft);color:var(--purple-dark);font-weight:800;border-radius:12px;padding:8px 12px;margin:10px 0 4px}.teach-dots{display:flex;gap:7px;justify-content:center;margin:14px 0 4px}.teach-dot{width:10px;height:10px;border-radius:999px;border:none;background:var(--track);cursor:pointer;padding:0;transition:all .2s ease}.teach-dot.on{width:26px;background:var(--purple)}.teach-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.teach-progress{flex:1;text-align:center}.teach-again-row{text-align:center;margin:0 0 8px}.hint-slot{margin-top:12px}.btn.hint{background:var(--gold);border-bottom:4px solid #b45309;color:#fff;width:100%}.hint-bubble{background:#fffbeb;border:2px solid var(--gold);border-radius:var(--radius);padding:12px 14px;animation:pop-in .25s cubic-bezier(.34,1.56,.64,1)}.hint-title{font-weight:800;margin-bottom:2px}.hint-text{color:var(--ink-soft);font-weight:600;font-size:.95rem}.node-teach{margin-top:4px}.teach-again{font-size:.8rem;padding:4px 10px}.unit-banner{display:flex;align-items:center;gap:10px;max-width:100%!important;transform:none!important;margin:22px 0 14px;padding:12px 14px;border-radius:16px;color:#fff;text-align:left;box-shadow:0 4px #00000024}.unit-emoji{font-size:1.7rem;line-height:1}.unit-words{display:flex;flex-direction:column;gap:1px;min-width:0}.unit-name{font-weight:900;font-size:1.08rem;letter-spacing:-.2px}.unit-count{font-size:.8rem;font-weight:800;opacity:.92}.unit-banner.unit-0{background:var(--purple);border-bottom:4px solid var(--purple-dark)}.unit-banner.unit-1{background:var(--green);border-bottom:4px solid var(--green-dark)}.unit-banner.unit-2{background:var(--blue);border-bottom:4px solid var(--blue-dark)}.unit-banner.unit-3{background:var(--orange);border-bottom:4px solid var(--orange-dark)}.unit-banner.unit-4{background:var(--teal);border-bottom:4px solid var(--teal-dark)}.unit-banner.unit-5{background:#db2777;border-bottom:4px solid #9d174d}.unit-banner.unit-6{background:#4f46e5;border-bottom:4px solid #3730a3}.unit-banner.unit-7{background:#b45309;border-bottom:4px solid #78350f}.path li.checkpoint-node{transform:none;margin-bottom:34px}.checkpoint-node .node-btn{width:112px;height:112px;border-radius:28px;font-size:2.9rem}.checkpoint-node.open .node-btn{background:var(--orange);border-bottom:7px solid var(--orange-dark);box-shadow:0 0 0 9px #ffedd5}.checkpoint-node.passed .node-btn{background:linear-gradient(160deg,#fde68a,var(--gold));border-bottom:7px solid #b45309;box-shadow:0 0 0 9px #fef3c7;font-size:2.4rem;cursor:pointer}.checkpoint-node.passed .node-name{color:#b45309}.checkpoint-node .node-name{font-size:1.1rem}.practice-pin{position:sticky;top:118px;z-index:10;width:100%;max-width:420px;margin:0 0 18px;padding:10px 12px 8px;background:var(--bg);border-radius:var(--radius);text-align:center}.practice-btn{font-size:1.3rem;background:var(--blue-dark);border-bottom:4px solid #0c4a6e}.practice-pin-note{margin:6px 0 0;color:var(--ink-soft);font-size:.85rem;font-weight:700}.review-title{align-self:flex-start;margin:6px 0 2px;color:var(--ink-soft);font-weight:800;font-size:.9rem}.breakdown{width:100%;max-width:420px;margin:0 0 18px;text-align:left}.breakdown-title{font-size:1.15rem;margin:0 0 8px;text-align:center}.breakdown-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.breakdown-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;background:var(--card);border:2px solid var(--track);border-bottom-width:4px;border-radius:14px;padding:8px 12px;font-weight:800}.breakdown-row.weak{border-color:#fcd34d;background:#fffbeb}.breakdown-row .teach-again{grid-column:1 / -1;justify-self:stretch}.breakdown-emoji{font-size:1.4rem}.breakdown-score{color:var(--ink-soft);font-size:.9rem}.breakdown-mark{font-size:1.2rem}.unlock-note{font-size:1.2rem;font-weight:900;color:var(--green-dark);margin:0 0 12px}.checkpoint-pass .crown{font-size:5rem}.hand-label{margin:2px 0;font-weight:700;font-size:.85rem;color:#4b5563;text-align:center}.bid-diagram{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;background:var(--card);border:2px solid var(--track);border-radius:12px;overflow:hidden;margin:6px 0 2px;text-align:center}.bid-diagram th{background:var(--purple-soft);color:var(--purple-dark);font-size:.8rem;font-weight:800;padding:3px 2px;white-space:nowrap}.bid-diagram td{font-size:1.1rem;font-weight:800;color:var(--ink);padding:2px;height:30px;border-top:1px solid var(--track);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bid-diagram td.red{color:#b91c1c}.bid-diagram td.pass{color:var(--ink-soft);font-size:.95rem}.bid-diagram td.ask{background:var(--purple-soft);color:var(--purple-dark);box-shadow:inset 0 0 0 3px var(--purple);border-radius:8px}.teach-card .bid-diagram{margin:4px 0 6px}.player-screen{padding-top:8px;padding-bottom:calc(14px + env(safe-area-inset-bottom))}.chip-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:6px 0 0}.chip-row .lesson-chip{margin:0;min-width:0}.chip-row .teach-again-row{margin:0;flex-shrink:0}.question-text{font-size:1.05rem;margin:6px 0 2px;line-height:1.3}.hand-board{padding:4px 12px;margin:2px 0 8px}.hand-row{padding:1px 0;line-height:1.3}.hand-suit{font-size:1.3rem}.hand-cards{font-size:1.25rem;letter-spacing:1px}.options{gap:8px;margin:2px 0}.option{min-height:54px;font-size:1.15rem;padding:6px 8px}.hint-slot{margin-top:8px}.btn.hint{min-height:48px;padding:8px 16px}.btn.hint{background:#fcd34d;color:#78350f;border-bottom:4px solid #d97706}.hint-title{color:var(--ink)}.slab-good{background:#15803d}.slab-bad{background:#b91c1c}.slab-win{background:#15803d}.slab-sub{opacity:1}.slab .xp-pop{color:#fff}.big-star{filter:none;opacity:1;color:#6b7280}.node-stars{color:#b45309}.teach-chip{color:#9a3412}.chest-note{color:var(--ink)}.teach-card{padding:14px 16px 12px}.teach-card .hand-board{margin-bottom:4px}.teach-footer{position:sticky;bottom:0;z-index:10;margin:8px -18px 0;padding:4px 18px calc(8px + env(safe-area-inset-bottom));background:var(--bg);box-shadow:0 -8px 12px -6px #2b2b402e}.teach-footer .teach-nav{margin-top:4px}.teach-dots{gap:4px;margin:2px 0 0}.teach-dot{width:24px;height:24px;min-width:24px;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer}.teach-dot:after{content:"";width:10px;height:10px;border-radius:999px;background:#9d9db3;transition:all .2s ease}.teach-dot.on{width:34px;background:none}.teach-dot.on:after{width:26px;background:var(--purple)}.skip-quiz{font-size:.9rem;white-space:nowrap}.gloss{display:inline}.gloss-term{font:inherit;color:inherit;background:none;border:none;border-bottom:2px dotted currentColor;padding:0;margin:0;cursor:help;line-height:inherit}.gloss-pop{position:fixed;top:calc(12px + env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(360px,calc(100vw - 24px));z-index:60;display:block;background:var(--ink);color:#fff;text-align:left;font-size:.95rem;font-weight:600;line-height:1.4;padding:12px 44px 12px 14px;border-radius:14px;box-shadow:0 8px 24px #00000040}.gloss-word{color:#fde68a}.gloss-close{position:absolute;top:6px;right:6px;width:32px;height:32px;background:none;border:none;color:#fff;font-size:1rem;cursor:pointer}.path-node.current .node-btn{box-shadow:0 0 0 8px #fde68a}.player-screen.teaching{padding:0}.teach-screen{flex:none;height:calc(100vh - var(--header-h, 0px));height:calc(100dvh - var(--header-h, 0px));overflow:hidden;padding-bottom:0}.teach-screen>*{flex-shrink:0}.teach-screen>.teach-card{flex:0 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.teach-screen>.teach-footer{position:static;margin-top:auto}.slab{min-height:0;max-height:45vh;max-height:45dvh;gap:8px;padding-top:16px}.slab-text{flex:0 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.slab-pick{font-size:1rem;font-weight:800;line-height:1.3;margin:6px 0 2px;padding:4px 10px;border-radius:10px;background:#0003}.slab-answer{font-size:1.3rem}.lock-toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:70;width:max-content;max-width:calc(100vw - 32px);background:var(--ink);color:#fff;font-weight:800;text-align:center;padding:12px 18px;border-radius:14px;box-shadow:0 8px 24px #00000040;animation:fade-in .15s ease}.slab{animation:slab-rise .32s ease-out}@keyframes slab-rise{0%{transform:translateY(100%)}to{transform:translateY(0)}}.retry-tag{display:inline-block;padding:3px 10px;border-radius:999px;background:#fef3c7;color:#92400e;font-weight:800;font-size:.85rem;white-space:nowrap}.chip-row .retry-tag{flex-shrink:0}.home,.play-screen,.hand-review,.skill-page,.deal-error{align-items:stretch}.deal-btn{min-height:72px;font-size:1.35rem;margin-top:4px}.found-line{text-align:center;font-weight:800;color:var(--ink-soft);margin:10px 0 4px}.book-title{font-size:1.25rem;margin:10px 0 4px}.book-level{background:var(--card);border:2px solid var(--track);border-radius:var(--radius);padding:10px;margin:8px 0;box-shadow:0 3px 0 var(--track)}.book-level-title{display:flex;align-items:center;gap:6px;margin:0 0 8px;font-size:1.1rem}.book-level-count{margin-left:auto;font-size:.9rem;color:var(--ink-soft)}.lock-line{margin:0 0 8px;font-weight:800;color:var(--purple-dark);background:var(--purple-soft);border-radius:12px;padding:6px 10px;font-size:.95rem}.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.skill-tile{min-height:84px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 4px;text-align:center;font-family:inherit}.skill-tile.found{background:var(--purple-soft);border:none;border-bottom:4px solid #ddd6fe;color:var(--ink);cursor:pointer;position:relative}.skill-tile.found:active{transform:translateY(2px)}.skill-tile.unfound{background:var(--track);color:#9a9ab0;border-bottom:4px solid #d4d4e2}.book-level.locked .skill-tile.unfound{opacity:.6}.skill-q{font-size:1.6rem;font-weight:900}.skill-emoji{font-size:1.5rem;line-height:1}.skill-name{font-size:.78rem;font-weight:800;line-height:1.15}.skill-mark{position:absolute;top:3px;right:5px;font-size:.85rem}.play-top{display:flex;align-items:center;gap:8px}.play-title{font-weight:900;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skip-btn{white-space:nowrap}.table-diagram{margin:6px 0}.table-diagram th{line-height:1.1;padding:4px 2px}.bd-seat{display:block;font-size:.7rem;opacity:.7}.bd-dealer{display:inline-block;margin-top:2px;background:var(--gold);color:#422006;border-radius:999px;padding:0 6px;font-size:.68rem}.bid-diagram th.dealer{background:#fef3c7;color:#78350f}.bid-diagram td.tap{cursor:pointer}.bid-diagram td.tap:active{background:var(--purple-soft)}.auto-note{background:#e0f2fe;color:#075985;border-radius:12px;padding:6px 10px;font-size:.92rem;font-weight:700;margin:4px 0}.reminder-chip{background:#fef9c3;color:#713f12;border-radius:12px;padding:6px 10px;font-size:.95rem;font-weight:700;margin:6px 0 2px}.over-box{background:var(--card);border:2px solid var(--track);border-radius:var(--radius);padding:10px;margin:6px 0;display:flex;flex-direction:column;gap:8px}.over-title{font-weight:900;font-size:1.2rem;text-align:center}.why-pop{position:fixed;left:50%;top:30%;transform:translate(-50%);width:min(360px,92vw);z-index:60;background:var(--card);border:3px solid var(--purple);border-radius:var(--radius);padding:12px 14px;box-shadow:0 8px 30px #00000040;display:flex;flex-direction:column;gap:6px}.why-pop-title{font-weight:900;color:var(--purple-dark)}.why-pop-close{align-self:flex-end}.new-skill-banner{margin:10px 0 4px;font-weight:900;font-size:1.2rem;color:var(--purple-dark);background:var(--purple-soft);border-radius:14px;padding:8px 12px;text-align:center}.review-contract{margin:4px 0;font-size:1.4rem;text-align:center}.review-verdict{margin:4px 0;font-weight:700}.review-target{margin:2px 0 8px;font-weight:800;color:var(--ink-soft)}.mastered-banner,.found-banner{border-radius:14px;padding:8px 12px;font-weight:800;margin:4px 0}.mastered-banner{background:#fef3c7;color:#78350f}.found-banner{background:var(--green-soft);color:var(--green-dark)}.mini-hands{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:6px 0}.mini-hand{background:var(--card);border:2px solid var(--track);border-radius:14px;padding:4px 6px;min-width:0}.mini-hand.you{border-color:var(--purple)}.mini-hand-label{font-size:.72rem;font-weight:800;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-hand .hand-board{border:none;box-shadow:none;padding:0;margin:0}.mini-hand .hand-row{gap:4px;padding:0}.mini-hand .hand-suit{font-size:.95rem;width:1rem}.mini-hand .hand-cards{font-size:.9rem;letter-spacing:0}.side-points{display:flex;justify-content:space-between;gap:6px;font-weight:800;font-size:.88rem;margin:2px 0 8px}.your-bids-title{margin:6px 0 4px}.your-bids{list-style:none;padding:0;margin:0 0 10px;display:flex;flex-direction:column;gap:6px}.bid-row{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;background:var(--card);border-radius:12px;padding:6px 10px;border-left:5px solid var(--green)}.bid-row.wrong{border-left-color:var(--red)}.bid-row-calls{font-weight:900}.bid-row-why{grid-column:2;font-size:.92rem;color:var(--ink-soft)}.review-buttons,.skill-buttons{display:flex;flex-direction:column;gap:10px;margin-top:8px}.skill-hero{text-align:center;margin:8px 0}.skill-hero-emoji{font-size:3.4rem;line-height:1.1}.skill-hero-name{margin:4px 0}.skill-hero-level{font-weight:800;color:var(--ink-soft)}.skill-counts{display:flex;justify-content:center;gap:16px;font-weight:900;font-size:1.1rem;margin:6px 0}.skill-mastery{text-align:center;font-weight:700;margin:4px 0 8px}.why-pop-seat{font-size:.85rem;font-weight:800;color:var(--ink-soft)}button.stat-chip{font:inherit;border:none;cursor:pointer}.header-tip{display:none;font-size:.85rem;font-weight:700;color:var(--ink-soft);padding:4px 12px 6px;line-height:1.3}.header-tip.on{display:block}.bd-head .bd-dealer{display:block;width:max-content;margin:2px auto 0}.auto-note-title{font-weight:800}.auto-note-why{font-weight:600;margin-top:2px}.slab-line+.slab-line{margin-top:4px}.slab-pick .slab-line{font-weight:700}.book-level-title{width:100%;display:flex;align-items:center;justify-content:space-between;gap:6px;margin:0;background:none;border:none;padding:4px 2px;font:inherit;font-size:1.05rem;font-weight:800;color:var(--ink);cursor:pointer;text-align:left}.book-level-title[aria-expanded=true]{margin-bottom:8px}.book-level-chev{font-size:.85rem;color:var(--ink-soft)}.practise-dot{position:absolute;bottom:5px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--gold)}.streak-dots{font-weight:800;color:var(--ink-soft);font-size:.9rem;text-align:center;margin:4px 0}.streak-dots-dots{color:var(--gold);letter-spacing:2px;font-size:1.1rem}.play-top .streak-dots{margin:0;font-size:.75rem}.play-top .streak-dots-text{display:none}.hand-review .review-contract{margin:4px 0 2px;font-size:1.25rem}.hand-review .review-verdict{margin:2px 0;font-size:.95rem;line-height:1.35}.hand-review .review-target{margin:2px 0;font-weight:800}.hand-review .side-points{flex-direction:column;gap:2px;margin:4px 0}.hand-review .found-banner,.hand-review .mastered-banner{margin:4px 0;padding:6px 10px;font-size:.9rem}.hand-review .your-bids-title{margin:4px 0 2px;font-size:1rem}.hand-review .your-bids{margin-bottom:6px}.hand-review .bid-row-why{font-size:.85rem}.review-more{margin:2px 0}.review-toggle{width:100%;padding:8px;font-size:.95rem}.review-more .table-diagram{margin-top:6px}.hand-review .review-buttons{flex-direction:row}.hand-review .review-buttons .btn{flex:1}.hand-review .review-buttons .btn.primary{flex:2}.ask-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.ask-row .question-text{margin:6px 0}.hint-btn{flex:0 0 auto;white-space:nowrap}.slab-remind{margin-top:6px;padding:4px 10px;border-radius:10px;background:#ffffff2e;font-size:.9rem;font-weight:700;line-height:1.3}.bd-cell .bd-pick{opacity:.6;font-size:.85em;text-decoration-thickness:2px}.bd-cell .bd-right{font-weight:900}.bd-cell.mine-wrong{white-space:nowrap}.review-part{margin:10px 0 6px;font-size:1.1rem}.whole-hand{background:var(--card);border-radius:12px;padding:8px 10px;display:flex;flex-direction:column;gap:4px}.whole-hand p{margin:0}.review-final{font-weight:800}.review-double,.why-pop-gloss{font-size:.9rem;font-weight:600;color:var(--ink-soft)}.whole-hand .side-points{margin:0}.tap-hint{margin:2px 0;font-size:.85rem}.why-pop-text .why-pop-seat{color:var(--purple-dark)}.hand-review .review-buttons{position:sticky;bottom:0;z-index:5;background:var(--bg);padding:8px 0 calc(8px + env(safe-area-inset-bottom,0px));margin-top:4px;box-shadow:0 -8px 12px -8px #0000002e}.hand-review .mini-hands{gap:4px;margin:4px 0}.hand-review .mini-hand{padding:2px 5px;border-radius:10px}.hand-review .mini-hand .hand-row{line-height:1.15}.hand-review .tap-hint{margin:2px 0;font-size:.8rem}.teach-waiting{display:flex;flex-direction:column;gap:8px;margin-top:8px}.teach-waiting .question-text{margin:0}.book-empty{display:flex;align-items:center;gap:10px;background:var(--card);border:2px dashed var(--track);border-radius:16px;padding:14px}.book-empty p{margin:0;font-weight:800}.book-empty-emoji{font-size:1.8rem}.practise-line{margin:0 0 6px;font-size:.9rem;color:var(--ink-soft)}.count-practise{flex-basis:100%;font-size:.9rem}.skill-counts{flex-wrap:wrap}.hand-review{padding-bottom:96px}.hand-review .review-bar{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:min(430px,100vw);box-sizing:border-box;padding:8px 14px calc(8px + env(safe-area-inset-bottom,0px));margin:0;z-index:30}.review-who{margin:0 0 6px;text-align:center;font-weight:800;font-size:1.02rem;line-height:1.35;color:var(--purple-dark)}.teach-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14102859;z-index:40}.teach-sheet{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:min(430px,100vw);max-height:72dvh;overflow-y:auto;z-index:45;background:var(--bg);border-radius:22px 22px 0 0;box-shadow:0 -10px 30px #00000040}.teach-sheet .screen{min-height:0;padding-top:6px}.marks-key{margin:-4px 0 8px;font-size:.85rem;color:var(--ink-soft);text-align:center}.skill-mixup{margin:4px 0;font-size:.9rem;color:var(--ink-soft);text-align:center}.drill-done{gap:12px}.bidding-box{display:flex;flex-direction:column;gap:5px;margin:2px 0 4px}.bb-top{display:flex;gap:6px}.bb-call{flex:1;min-height:46px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;border:none;border-bottom:4px solid;border-radius:14px;color:#fff;font-family:inherit;font-size:1.2rem;font-weight:900;cursor:pointer;padding:2px 4px}.bb-pass{background:var(--green);border-bottom-color:var(--green-dark)}.bb-dbl{background:var(--red);border-bottom-color:var(--red-dark)}.bb-rdbl{background:var(--blue);border-bottom-color:var(--blue-dark)}.bb-small{font-size:.68rem;font-weight:800;margin-top:2px;opacity:.9}.bb-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.bb-bid{height:34px;padding:0;border:2px solid var(--track);border-radius:8px;background:var(--card);color:#1e293b;font-family:inherit;font-size:1.05rem;font-weight:900;cursor:pointer;line-height:1}.bb-bid .bb-strain{margin-left:1px}.bb-red .bb-strain{color:#dc2626}.bb-nt .bb-strain{font-size:.85em}.bb-off{opacity:.28;cursor:default}.bb-bid.bb-off{background:var(--track);border-color:transparent}.bb-sel{outline:3px solid var(--purple);outline-offset:1px;transform:scale(1.06);position:relative;z-index:1}.bb-bid.bb-sel{background:var(--purple);border-color:var(--purple-dark);color:#fff}.bb-bid.bb-sel .bb-strain{color:#fff}.bb-confirm{width:100%;min-height:50px;font-size:1.25rem}.bb-confirm:disabled{opacity:.45}.play-screen{padding-top:6px}.play-screen .table-diagram{margin:4px 0 2px}.play-screen .table-diagram td{height:24px;padding:1px 2px;font-size:1rem}.play-screen .table-diagram td.pass{font-size:.88rem}.play-screen .table-diagram th{padding:2px}.play-screen .hand-label{margin:2px 0 0;font-size:.75rem;line-height:1.1}.play-screen .hand-board{padding:2px 12px;margin:2px 0 4px}.play-screen .hand-row{padding:0;line-height:1.15}.play-screen .hand-suit{font-size:1.2rem}.play-screen .hand-cards{font-size:1.18rem}.play-screen .ask-row .question-text,.play-screen .question-text{margin:2px 0}.play-screen .hint-btn{min-height:34px;padding:4px 10px}