@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-hebrew-wght-normal-DdnsCkLr.woff2)format("woff2-variations");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-ext-wght-normal-CYrqKuxd.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-wght-normal-DM6njrJ3.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--teal:#3aab97;--teal-2:#33a08d;--teal-dark:#278a79;--teal-deep:#1f7566;--teal-soft:#e3f4f0;--mint:#d7efe9;--ink:#23423d;--text:#2f4f49;--muted:#7d9893;--line:#e4eeec;--white:#fff;--yellow:#fbe293;--gold:#f6c23e;--gold-deep:#e3a51d;--red:#e9524e;--red-soft:#fde7e6;--ok:var(--teal);--bad:var(--red);--shadow:0 6px 18px #1f75661f;--shadow-lg:0 24px 60px #1f756638;--display:"Fredoka Variable", "Nunito Variable", system-ui, sans-serif;color:var(--text);background:var(--mint);-webkit-font-smoothing:antialiased;font-family:Nunito Variable,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(118deg, transparent 0 38%, #ffffff59 38% 56%, transparent 56%), linear-gradient(62deg, transparent 0 62%, #3aab971f 62% 78%, transparent 78%), var(--mint);background-attachment:fixed;min-height:100dvh;margin:0}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}h1,h2,h3{font-family:var(--display);color:var(--ink);margin:0;font-weight:600}.app{background:var(--white);flex-direction:column;max-width:460px;min-height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}@media (width>=560px){.app{min-height:calc(100dvh - 56px);box-shadow:var(--shadow-lg);border-radius:34px;margin:28px auto}}.screen{padding:14px 18px calc(28px + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:16px;animation:.22s ease-out fade;display:flex}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.08)}to{opacity:1;transform:none}}.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center}.center-col{text-align:center;align-items:stretch}.row{align-items:center;gap:8px;display:flex}.space{justify-content:space-between}.stack{flex-direction:column;gap:12px;display:flex}.head{padding:calc(16px + env(safe-area-inset-top)) 20px 22px;background:linear-gradient(160deg, var(--teal) 0%, var(--teal-2) 100%);color:var(--white);border-radius:0 0 28px 28px;margin:-14px -18px 0;position:relative;overflow:hidden}.head:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 55%,#ffffff14 55%);position:absolute;inset:0}.head h1,.head h2,.head h3{color:var(--white)}.head .muted{color:#d4f0ea}.topbar{z-index:1;grid-template-columns:40px 1fr 40px;align-items:center;gap:8px;min-height:40px;display:grid;position:relative}.topbar h1{text-align:center;white-space:nowrap;text-overflow:ellipsis;color:var(--teal-dark);font-size:1.1rem;overflow:hidden}.topbar-right{white-space:nowrap;justify-content:flex-end;display:flex}.head .topbar h1{color:var(--white)}.icon-btn{cursor:pointer;width:40px;height:40px;color:var(--teal-dark);background:0 0;border:0;border-radius:12px;place-items:center;font-size:1.5rem;line-height:1;display:grid}.icon-btn:hover{background:var(--teal-soft)}.icon-btn svg{stroke:currentColor;fill:none;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.head .icon-btn,.result .icon-btn{color:var(--white)}.head .icon-btn:hover,.result .icon-btn:hover{background:#ffffff26}.hero{text-align:center;padding-bottom:22px}.hero-top{z-index:1;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex;position:relative}.hero-me{text-align:left;align-items:center;gap:10px;display:flex}.hero-me small{color:#d4f0ea;font-size:.75rem;display:block}.hero-me strong{font-family:var(--display);font-size:1.05rem;font-weight:600}.brand{z-index:1;flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.logo{background:var(--white);border-radius:24px;place-items:center;width:72px;height:72px;font-size:2.3rem;display:grid;box-shadow:0 10px 24px #0000001f}.hero h1{letter-spacing:.01em;font-size:2.1rem;font-weight:700}.hero p{color:#e0f5f0;margin:0 12px;font-size:.85rem;font-style:italic}.stats{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.hero .rankbar{z-index:1;margin-top:16px;position:relative}.pill{background:var(--teal-soft);color:var(--teal-deep);border-radius:999px;align-items:center;gap:4px;padding:5px 12px;font-size:.82rem;font-weight:800;display:inline-flex}.head .pill{color:var(--white);background:#ffffff2e}.section-title{font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:4px 2px -6px;font-size:.8rem;font-weight:600}.card-list{flex-direction:column;gap:12px;display:flex}.card{background:var(--white);border:1px solid var(--line);text-align:left;cursor:pointer;box-shadow:var(--shadow);border-radius:18px;flex-direction:column;gap:4px;padding:14px;transition:transform .12s,box-shadow .15s;display:flex}.card:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 26px #1f756629}.card:active:not(:disabled){transform:scale(.98)}.card strong{font-family:var(--display);color:var(--ink);font-size:1.08rem;font-weight:600}.card small{color:var(--muted);line-height:1.35}.card-row,.mode{flex-direction:row;align-items:center;gap:14px}.card-icon{background:var(--teal-soft);border-radius:16px;flex:none;place-items:center;width:52px;height:52px;font-size:1.7rem;display:grid}.tile-yellow .card-icon{background:#fff2c6}.tile-red .card-icon{background:var(--red-soft)}.tile-blue .card-icon{background:#e1e8ff}.card-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.card-meta{color:var(--teal-dark);white-space:nowrap;flex-direction:column;align-items:flex-end;gap:6px;font-size:.82rem;font-weight:800;display:flex}.play-tag{font-family:var(--display);background:var(--teal);color:var(--white);letter-spacing:.06em;box-shadow:0 3px 0 var(--teal-deep);border-radius:10px;padding:6px 12px;font-size:.8rem;font-weight:600}.mode-highlight{border:2px solid var(--gold)}.mode-highlight .play-tag{background:var(--gold);color:var(--ink);box-shadow:0 3px 0 var(--gold-deep)}.btn{font-family:var(--display);letter-spacing:.04em;background:var(--white);color:var(--teal-dark);border:2px solid var(--line);cursor:pointer;border-radius:12px;padding:13px 16px;font-size:1rem;font-weight:600;transition:transform 80ms,background .15s,box-shadow .15s}.btn:hover:not(:disabled){background:var(--teal-soft)}.btn:active:not(:disabled){transform:translateY(2px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--teal);color:var(--white);border-color:var(--teal);text-transform:uppercase;box-shadow:0 4px 0 var(--teal-deep)}.btn-primary:hover:not(:disabled){background:var(--teal-2)}.btn-primary:active:not(:disabled){box-shadow:0 1px 0 var(--teal-deep)}.btn-gold{background:var(--gold);border-color:var(--gold);color:var(--ink);box-shadow:0 4px 0 var(--gold-deep);text-transform:uppercase}.btn-gold:hover:not(:disabled){background:#ffcd4f}.btn-white{background:var(--white);border-color:var(--white);color:var(--teal-dark);text-transform:uppercase;box-shadow:0 4px #0000001f}.btn-white:hover:not(:disabled){background:#f3fbf9}.btn-ghost{background:0 0;border-color:#0000}.btn-outline-white{color:var(--white);background:0 0;border-color:#ffffff80}.btn-outline-white:hover:not(:disabled){background:#ffffff1f}.link{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:8px;text-decoration:underline}.avatar{border-radius:50%;flex:none;place-items:center;line-height:1;display:inline-grid;position:relative}.avatar .face{transform:translateY(4%)}.ring-white{box-shadow:0 0 0 3px var(--white)}.ring-gold{box-shadow:0 0 0 5px var(--gold), 0 0 0 10px #f6c23e4d}.ring-teal{box-shadow:0 0 0 3px var(--teal)}.crown{filter:drop-shadow(0 2px 2px #0003);font-size:.7em;position:absolute;top:-32%;left:50%;transform:translate(-50%)}.ring{place-items:center;margin:0 auto;display:grid;position:relative}.ring svg{width:100%;height:100%;position:absolute;inset:0}.ring-track{fill:#ffffff1a;stroke:#ffffff2e;stroke-width:8px}.ring-fill{fill:none;stroke:var(--gold);stroke-width:8px;stroke-linecap:round}.ring-label{color:var(--white);flex-direction:column;align-items:center;display:flex;position:relative}.ring-label strong{font-family:var(--display);font-size:2.6rem;font-weight:600;line-height:1}.ring-label strong sup{margin-left:2px;font-size:.42em}.ring-label small{opacity:.85;margin-top:2px;font-size:.9rem}.rankbar{align-items:center;display:flex}.rank-star{z-index:1;width:36px;height:36px;font-family:var(--display);color:var(--ink);background:var(--gold);clip-path:polygon(50% 0,62% 32%,97% 35%,70% 56%,79% 92%,50% 72%,21% 92%,30% 56%,3% 35%,38% 32%);flex:none;place-items:center;padding-top:3px;font-size:.85rem;font-weight:700;display:grid;position:relative}.rank-track{background:#00000024;border:1.5px solid #ffffff59;border-radius:0 999px 999px 0;flex:1;height:26px;margin-left:-12px;position:relative;overflow:hidden}.rank-fill{background:#ffffff40;position:absolute;inset:0 auto 0 0}.rank-track span{text-align:center;color:var(--white);font-size:.8rem;font-weight:800;line-height:23px;display:block;position:relative}.rankbar-light .rank-track{background:var(--teal-soft);border-color:var(--line)}.rankbar-light .rank-fill{background:#bfe6dd}.rankbar-light .rank-track span{color:var(--teal-deep)}.play{gap:14px;padding-top:0}.play-head{padding:calc(12px + env(safe-area-inset-top)) 16px 14px;background:var(--teal);color:var(--white);grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:0 -18px;display:grid}.ph-side{align-items:center;gap:9px;min-width:0;display:flex}.ph-side>div{flex-direction:column;min-width:0;display:flex}.ph-side small{white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:800;overflow:hidden}.ph-side strong{font-family:var(--display);color:var(--gold);font-size:1.3rem;font-weight:600;line-height:1.1}.ph-right{text-align:right;justify-content:flex-end}.ph-right>div{align-items:flex-end}.ph-tag{letter-spacing:.04em;background:#ffffff38;border-radius:5px;align-self:flex-end;margin-top:2px;padding:1px 6px;font-size:.68rem;font-weight:800}.ph-level{width:40px;height:40px;font-family:var(--display);background:#ffffff2e;border-radius:50%;flex:none;place-items:center;font-size:1.2rem;font-weight:700;display:grid;box-shadow:0 0 0 2px #fff9}.ph-clock{flex-direction:column;align-items:center;gap:1px;min-width:52px;font-size:.9rem;font-weight:800;display:flex}.ph-clock svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;width:22px;height:22px}.ph-clock.low{color:#ffd6d3;animation:.6s infinite alternate pulse}@keyframes pulse{to{transform:scale(1.12)}}.timer-wrap{margin:-14px -18px 0;position:relative}.timer{background:var(--teal-soft);height:6px;position:relative;overflow:hidden}.timer-fill{background:var(--teal-dark);transition:width .1s linear;position:absolute;inset:0 auto 0 0}.timer-low .timer-fill{background:var(--red)}.timer-label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.penalty{z-index:2;color:var(--red);font-family:var(--display);background:#fff;border-radius:999px;margin-left:24px;padding:0 8px;font-size:1rem;font-weight:700;animation:.9s ease-out forwards rise;position:absolute;top:-38px;left:50%;box-shadow:0 2px 6px #00000026}@keyframes rise{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(16px)}}.play-nav{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;min-height:36px;font-size:.85rem;font-weight:800;display:flex}.play-nav .icon-btn{width:36px;height:36px;margin-left:-10px}.play-nav-title{text-align:center;color:var(--teal-dark);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.combo{color:var(--gold-deep)}.diff{letter-spacing:.08em;border-radius:6px;padding:2px 7px;font-size:.68rem;font-weight:800}.expert{background:var(--red-soft);color:var(--red)}.medium{color:#b07c00;background:#fff2c6}.easy{background:var(--teal-soft);color:var(--teal-dark)}.qcard{background:var(--yellow);text-align:center;min-height:190px;box-shadow:0 10px 0 -4px #f2d27a, var(--shadow);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:12px;margin:6px 2px 20px;padding:42px 22px 40px;display:flex;position:relative}.qtab{background:var(--white);color:var(--teal-dark);font-family:var(--display);white-space:nowrap;border-radius:0 0 12px 12px;padding:3px 22px 6px;font-size:1rem;font-weight:600;position:absolute;top:0;left:50%;transform:translate(-50%)}.qmark{background:var(--white);width:38px;height:38px;color:var(--teal-dark);font-family:var(--display);box-shadow:var(--shadow);border-radius:50%;place-items:center;font-size:1.2rem;font-weight:700;display:grid;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.qdiff{position:absolute;top:10px;right:10px}.question{font-family:var(--display);color:var(--ink);margin:0;font-size:1.3rem;font-weight:500;line-height:1.35}.qcard .passage{border-left-color:var(--gold-deep);text-align:left;background:#ffffff80;margin:0;font-size:1rem}.choices{flex-direction:column;gap:12px;display:flex}.choice{font-family:var(--display);background:var(--white);color:var(--teal-dark);text-align:center;cursor:pointer;border:2px solid #cfe9e3;border-radius:6px;padding:13px 16px;font-size:1.08rem;font-weight:500;transition:background .12s,border-color .12s,transform 80ms;box-shadow:0 4px #e3f1ee}.choice:hover:not(:disabled){border-color:var(--teal);background:#f4fbf9}.choice:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #e3f1ee}.choice-correct,.choice-correct:disabled{background:var(--teal);border-color:var(--teal);color:var(--white);box-shadow:0 4px 0 var(--teal-deep);animation:.3s pop}.choice-wrong,.choice-wrong:disabled{background:var(--red);border-color:var(--red);color:var(--white);animation:.35s shake;box-shadow:0 4px #b83a37}@keyframes shake{25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}.choice-removed{opacity:.25;text-decoration:line-through}.choice:disabled{cursor:default}.powerups{justify-content:center;gap:10px;display:flex}.power{background:var(--white);border:2px solid var(--line);cursor:pointer;color:var(--teal-dark);border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:.9rem;font-weight:800;display:flex}.power:hover:not(:disabled){border-color:var(--teal)}.power:disabled{opacity:.4;cursor:not-allowed}.power small{color:var(--red);font-weight:800}.hint{border:1.5px dashed var(--gold);background:#fff8e1;border-radius:12px;padding:12px 14px;line-height:1.45}.feedback{box-shadow:var(--shadow-lg);z-index:3;border-radius:18px;flex-direction:column;gap:4px;padding:16px;animation:.15s fade;display:flex;position:sticky;bottom:12px}.feedback.ok{background:var(--teal);color:var(--white)}.feedback.bad{background:var(--white);border:2px solid var(--red)}.feedback.bad strong{color:var(--red)}.feedback strong{font-family:var(--display);font-size:1.12rem;font-weight:600}.feedback .btn{text-transform:uppercase;margin-top:8px}.feedback.ok .btn{background:var(--white);border-color:var(--white);color:var(--teal-dark);box-shadow:0 4px #0000001f}.feedback.bad .btn{background:var(--red);border-color:var(--red);color:var(--white);box-shadow:0 4px #b83a37}.ref{opacity:.85;font-size:.88rem}.beat{color:#8a6300;background:#fff2c6;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;font-weight:800;display:flex}.level-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.level{text-align:center;justify-content:center;align-items:center;gap:3px;min-height:150px}.level:last-child{grid-column:span 2}.level-num{background:var(--teal);width:46px;height:46px;font-family:var(--display);box-shadow:0 4px 0 var(--teal-deep);border-radius:50%;place-items:center;margin-bottom:4px;font-weight:700;display:grid;color:var(--white)!important;font-size:1.3rem!important}.level-hard .level-num{background:var(--red);box-shadow:0 4px #b83a37}.level.locked{cursor:not-allowed;box-shadow:none;background:#f6faf9}.level.locked .level-num{box-shadow:none;background:#c9d9d5}.level-name{text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--teal-dark)!important;font-size:.7rem!important}.level-hard .level-name{color:var(--red)!important}.stars{color:var(--gold);letter-spacing:2px;font-size:1.2rem}.stars-big{letter-spacing:6px;text-shadow:0 3px #0000001a;font-size:2.2rem}.result .stars{color:var(--gold)}.app:has(.result){background:var(--teal-2)}.result{background:linear-gradient(170deg, var(--teal) 0%, var(--teal-2) 60%, var(--teal-dark) 100%);color:var(--white);text-align:center;padding-top:calc(14px + env(safe-area-inset-top));position:relative;overflow:hidden}.result:before{content:"";pointer-events:none;background:linear-gradient(125deg,#0000 52%,#ffffff0f 52%);position:absolute;inset:0}.result>*{position:relative}.result h1,.result h2,.result h3,.result .topbar h1{color:var(--white)}.result-hero{flex-direction:column;align-items:center;gap:4px;padding:0;display:flex}.eyebrow{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;opacity:.92;font-size:.95rem;font-weight:500}.headline{text-transform:uppercase;letter-spacing:.02em;text-shadow:0 3px #00000014;font-size:2.5rem;font-weight:700;line-height:1.05;animation:.45s both pop}.subline{opacity:.92;margin:2px 0 0}.big{font-size:3.5rem}.score-box{background:#ffffff24;border-radius:18px;flex-direction:column;gap:10px;padding:14px;display:flex;position:relative}.score-box>.eyebrow{font-size:.85rem}.score-tiles{justify-content:center;align-items:center;gap:12px;display:flex}.score-tile{background:var(--teal-deep);border-radius:12px;flex-direction:column;flex:1;align-items:center;padding:10px 6px;display:flex}.score-tile strong{font-family:var(--display);font-size:2rem;font-weight:600;line-height:1.15}.score-tile small{opacity:.8;font-size:.75rem}.score-tile.win strong{color:var(--gold)}.score-colon{font-family:var(--display);font-size:2rem;font-weight:700}.share-fab{background:var(--white);width:42px;height:42px;color:var(--teal-dark);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:-16px;right:10px;box-shadow:0 4px 12px #00000026}.share-fab svg{stroke:currentColor;fill:none;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.stat-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stat{background:#ffffff24;border-radius:14px;flex-direction:column;align-items:center;padding:10px 4px;display:flex}.stat strong{font-family:var(--display);font-size:1.35rem;font-weight:600}.stat small{opacity:.85;text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-weight:800}.result .pill{background:var(--gold);color:var(--ink)}.result .rankbar{margin:0 6px}.next-label{letter-spacing:.1em;text-transform:uppercase;opacity:.92;margin-bottom:-8px;font-size:.75rem;font-weight:800}.result .muted{color:#d4f0ea}.result .btn-ghost{color:var(--white)}.result .btn-ghost:hover:not(:disabled){background:#ffffff1f}.versus{grid-template-columns:1fr 1fr;align-items:end;gap:8px;padding:44px 0 4px;display:grid;position:relative}.vs-side{flex-direction:column;align-items:center;gap:12px;display:flex}.vs-side b{font-family:var(--display);font-size:1.1rem;font-weight:600}.vs-winner{order:-1}.vs-badge{background:var(--gold);width:40px;height:40px;color:var(--ink);font-family:var(--display);box-shadow:0 4px 0 var(--gold-deep);border-radius:50%;place-items:center;font-weight:700;display:grid;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%)}.sparkles{pointer-events:none;position:absolute;inset:0}.sparkles i{color:var(--gold);font-style:normal;animation:1.4s infinite alternate twinkle;position:absolute}@keyframes twinkle{0%{opacity:.35;transform:scale(.8)rotate(0)}to{opacity:1;transform:scale(1.15)rotate(25deg)}}.head-sub{text-align:center;color:#e0f5f0;z-index:1;margin:4px 0 14px;font-size:.88rem;position:relative}.record{z-index:1;grid-template-columns:repeat(3,1fr);gap:8px;display:grid;position:relative}.record div{text-align:center;background:#ffffff29;border-radius:12px;padding:8px}.record strong{font-family:var(--display);font-size:1.4rem;font-weight:600;display:block}.record small{text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:800}.panel{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;gap:14px;padding:16px;display:flex}.field{flex-direction:column;gap:8px;display:flex}.field>span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:800}.name-row{align-items:center;gap:10px;display:flex}.field input{border:2px solid var(--line);color:var(--ink);font:inherit;background:#f5faf9;border-radius:10px;width:100%;padding:11px 14px;font-weight:700}.field input:focus{border-color:var(--teal);background:var(--white);outline:none}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--white);border:2px solid var(--line);color:var(--teal-dark);cursor:pointer;border-radius:999px;padding:6px 13px;font-size:.86rem;font-weight:800}.chip:hover{border-color:var(--teal)}.chip-on,.chip-on:hover{background:var(--teal);color:var(--white);border-color:var(--teal)}.seg{background:var(--teal-soft);border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.seg .chip{font-family:var(--display);background:0 0;border:0;border-radius:9px;padding:9px;font-size:.95rem;font-weight:600}.seg .chip-on{background:var(--white);color:var(--teal-dark);box-shadow:var(--shadow)}.seg .chip-on.chip-hot{background:var(--red);color:var(--white)}.rules-line{color:var(--muted);font-size:.8rem;font-weight:600}.friends{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.friend{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 2px;display:flex}.friend:last-child{border-bottom:0}.friend-body{text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;min-width:0;padding:0;display:flex}.friend-body strong{font-family:var(--display);color:var(--ink);font-size:1.05rem;font-weight:500}.friend-body small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.friend .btn{flex:none;padding:8px 14px;font-size:.82rem}.badge{text-transform:uppercase;letter-spacing:.05em;vertical-align:2px;border-radius:99px;margin-right:5px;padding:1px 7px;font-size:.66rem;font-weight:800}.badge-win{background:var(--teal-soft);color:var(--teal-dark)}.badge-loss{background:var(--red-soft);color:var(--red)}.badge-tie{color:#777;background:#f0f0f0}.badge-sent{color:#8a6300;background:#fff2c6}.empty{text-align:center;color:var(--text);flex-direction:column;align-items:center;gap:8px;padding:4px 10px 8px;display:flex}.empty p{margin:0;line-height:1.5}.lineart{width:180px;height:150px}.lineart path,.lineart circle{fill:none;stroke:var(--teal);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.lineart .sparkle path{stroke-width:2px;opacity:.7}.result .lineart path,.result .lineart circle{stroke:#ffffffe6}.link-box{font:inherit;width:100%;color:var(--white);background:#ffffff1f;border:2px solid #ffffff59;border-radius:10px;padding:11px 14px;font-size:.85rem;font-weight:700}.link-box:focus{border-color:var(--white);outline:none}.challenger{flex-direction:column;align-items:center;gap:12px;padding-top:22px;display:flex}.score-to-beat{background:var(--teal-deep);border-radius:16px;flex-direction:column;align-items:center;padding:12px 28px;display:flex}.score-to-beat strong{font-family:var(--display);color:var(--gold);font-size:2.4rem;font-weight:600;line-height:1.1}.score-to-beat span{opacity:.85;font-size:.8rem}.result .field>span{color:#d4f0ea}.result .field input{background:var(--white);border-color:#0000}.rules-note{opacity:.88;margin:0;font-size:.82rem}.story-cover{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:8px 0;display:flex}.story-cover .btn{min-width:220px}.rounds{text-align:left;counter-reset:r;flex-direction:column;gap:8px;width:100%;margin:0;padding:0;list-style:none;display:flex}.rounds li{counter-increment:r;background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;font-weight:700;display:flex}.rounds li:before{content:counter(r);background:var(--teal);width:28px;height:28px;color:var(--white);font-family:var(--display);border-radius:50%;flex:none;place-items:center;display:grid}.chapter{text-transform:uppercase;letter-spacing:.14em;color:var(--teal-dark);font-size:.78rem;font-weight:800}.story-text{color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:1.12rem;line-height:1.7}.story-text p{margin:0 0 14px}.choice-story{text-align:left;letter-spacing:0;border-color:#cfe9e3;font-family:Nunito Variable,system-ui,sans-serif;font-weight:700;box-shadow:0 4px #e3f1ee}.share-card{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;gap:12px;padding:20px;display:flex}.share-card h2{color:var(--teal-dark)}.share-card p{margin:0;line-height:1.55}.share-card.center{text-align:center;align-items:center}blockquote{border-left:4px solid var(--gold);color:var(--ink);background:#fff8e1;border-radius:0 12px 12px 0;margin:0;padding:14px 16px;font-family:Georgia,serif;font-style:italic;line-height:1.6}blockquote cite{color:var(--teal-dark);margin-top:8px;font-family:Nunito Variable,system-ui,sans-serif;font-size:.85rem;font-style:normal;font-weight:800;display:block}.passage{font-size:1.05rem}.reward{text-align:left;font-size:1.15rem}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{background:var(--teal-soft);color:var(--teal-dark);border-radius:999px;padding:3px 10px;font-size:.8rem;font-weight:700}.virtues{flex-direction:column;gap:6px;display:flex}.virtue{grid-template-columns:72px 1fr 28px;align-items:center;gap:8px;font-size:.85rem;font-weight:700;display:grid}.virtue-track{background:var(--teal-soft);border-radius:99px;height:8px;overflow:hidden}.virtue-fill{background:var(--teal);height:100%}.virtue-fill.neg{background:var(--red)}.virtue-num{text-align:right;color:var(--muted)}.gallery h3{margin-bottom:6px;font-size:.95rem}.gallery ul{margin:0;padding-left:18px;line-height:1.7}.footer{text-align:center;margin-top:auto;padding-top:8px}.seg-3{grid-template-columns:repeat(3,1fr)}.seg-4{grid-template-columns:repeat(4,1fr)}.seg-3 .chip{padding:9px 4px;font-size:.82rem}.seg .chip:disabled{opacity:.35;cursor:not-allowed}.book-row{flex-direction:column;gap:6px;margin-top:2px;display:flex}.book-row>small{color:var(--teal-dark);opacity:.75;font-size:.72rem;font-weight:800}.badge-live{background:var(--red);color:var(--white);vertical-align:3px;margin-left:6px}.join-panel{padding:14px 16px}.join-panel .btn{flex:none;padding:11px 18px}.code-input{text-transform:uppercase;letter-spacing:.3em;font-family:var(--display)!important;font-size:1.1rem!important}.room-code{letter-spacing:.18em;font-size:3rem}.lobby-players{grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;padding:8px 0;display:grid}.lobby-player{flex-direction:column;align-items:center;gap:6px;min-width:0;animation:.4s both pop;display:flex}.lobby-player b{font-family:var(--display);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:1.1rem;font-weight:600;overflow:hidden}.lobby-player small{letter-spacing:.08em;text-transform:uppercase;background:#fff3;border-radius:99px;padding:2px 9px;font-size:.72rem;font-weight:800}.lobby-player.offline{opacity:.55}.lobby-player.waiting b,.lobby-player.waiting small{opacity:.8}.seat-empty{width:84px;height:84px;font-family:var(--display);border:3px dashed #fff9;border-radius:50%;place-items:center;font-size:2rem;animation:1.6s ease-in-out infinite breathe;display:grid}.vs-badge-inline{background:var(--gold);width:44px;height:44px;color:var(--ink);font-family:var(--display);box-shadow:0 3px 0 var(--gold-deep);border-radius:50%;place-items:center;font-weight:700;display:grid}.btn-big{padding:17px 16px;font-size:1.15rem;animation:1.6s ease-in-out infinite glow}.pulse-text{animation:1.6s ease-in-out infinite fade-pulse}.live-banner{z-index:20;background:var(--gold);color:var(--ink);text-align:center;padding:6px;font-size:.85rem;font-weight:800;position:sticky;top:0}.countdown{justify-content:center;gap:22px}.count-num{font-family:var(--display);color:var(--gold);text-shadow:0 6px #0000001f;font-size:8rem;font-weight:700;line-height:1;animation:1s ease-out both count-pop}.waiting-card{text-align:left;background:#ffffff24;border-radius:18px;align-items:center;gap:14px;padding:16px;display:flex}.waiting-card>div{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.waiting-card b{font-family:var(--display);font-size:1.05rem;font-weight:600}.waiting-card small{opacity:.85;font-size:.8rem}.mini-track{background:#00000026;border-radius:99px;height:8px;overflow:hidden}.mini-track i{background:var(--gold);border-radius:99px;height:100%;transition:width .4s;display:block}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes glow{0%,to{box-shadow:0 4px #0000002e,0 0 #ffffff8c}50%{box-shadow:0 4px #0000002e,0 0 0 8px #fff0}}@keyframes fade-pulse{0%,to{opacity:.95}50%{opacity:.55}}@keyframes count-pop{0%{opacity:0;transform:scale(1.8)}25%{opacity:1;transform:scale(1)}85%{opacity:1}to{opacity:.2;transform:scale(.85)}}@media (prefers-reduced-motion:reduce){.seat-empty,.btn-big,.pulse-text,.count-num{animation:none}}