:root{--bg: #070a16;--surface: rgba(12, 16, 33, .78);--surface-solid: #0e1226;--fill-1: rgba(255, 255, 255, .04);--fill-2: rgba(255, 255, 255, .07);--fill-3: rgba(255, 255, 255, .11);--line: rgba(255, 255, 255, .08);--line-2: rgba(255, 255, 255, .14);--text: #f5f7ff;--muted: #9ba4c4;--dim: #646d8f;--cyan: #22d3ee;--cyan-2: #7df9ff;--pink: #ff4d8d;--gold: #ffc83d;--gold-ink: #241500;--green: #4ade80;--violet: #a78bfa;--red: #ff5a5a;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 24px;--shadow: 0 1px 0 rgba(255, 255, 255, .05) inset, 0 24px 48px -20px rgba(0, 0, 0, .75);--shadow-sm: 0 1px 0 rgba(255, 255, 255, .05) inset, 0 10px 24px -14px rgba(0, 0, 0, .7);--ease: cubic-bezier(.2, .8, .2, 1);--spring: cubic-bezier(.2, 1.4, .4, 1);--font: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--display: "Space Grotesk", "Inter", sans-serif;--num: "Baloo 2", "Space Grotesk", sans-serif;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font);overflow:hidden;overscroll-behavior:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none;touch-action:manipulation;font-feature-settings:"cv11","ss01"}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}input{font:inherit}[hidden]{display:none!important}:focus{outline:none}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.tta-sprite{position:absolute;width:0;height:0;overflow:hidden}.ic{width:1.15em;height:1.15em;flex:none;display:inline-block;vertical-align:-.2em}#tta-canvas{position:fixed;inset:0;z-index:0}#tta-canvas canvas{display:block;width:100%!important;height:100%!important}.tta-vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 50% 40%,transparent 50%,rgba(5,7,16,.55) 100%),linear-gradient(180deg,rgba(5,7,16,.5) 0%,transparent 18%,transparent 58%,rgba(5,7,16,.78) 100%)}body[data-screen=duel] .tta-vignette{background:radial-gradient(120% 90% at 50% 35%,transparent 55%,rgba(5,7,16,.5) 100%),linear-gradient(180deg,rgba(5,7,16,.6) 0%,transparent 18%,transparent 55%,rgba(5,7,16,.75) 100%)}.tta-flash{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .35s}.tta-flash.good{background:radial-gradient(circle at 50% 60%,rgba(34,211,238,.28),transparent 60%);opacity:1;transition:none}.tta-flash.bad{background:radial-gradient(circle at 50% 60%,rgba(255,77,141,.26),transparent 60%);opacity:1;transition:none}.layer{position:fixed;inset:0;z-index:5;display:flex;flex-direction:column;padding:calc(14px + var(--safe-t)) 20px calc(16px + var(--safe-b));pointer-events:none}.layer>*{pointer-events:auto}.glass{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%)}.eyebrow{margin:0;font:600 11px/1 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.h1{margin:10px 0 6px;font:700 clamp(24px,4vw,32px)/1.12 var(--display);letter-spacing:-.025em}.h2{margin:6px 0 12px;font:700 24px/1.15 var(--display);letter-spacing:-.02em}.h3{margin:20px 0 10px;font:600 12px/1 var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.sub{margin:0 0 20px;color:var(--muted);font-size:15px;line-height:1.5}.sub.sm{margin:0 0 4px;font-size:13px}.wm-x{display:inline-grid;place-items:center;width:1.5em;height:1.5em;border-radius:.42em;margin-right:.4em;background:linear-gradient(145deg,#ffe08a,var(--gold) 45%,#ff9a1f);color:var(--gold-ink);font:800 1em/1 var(--num);box-shadow:0 6px 16px -6px #ffaa1ecc,inset 0 1px #fff9}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:var(--r-md);font-weight:600;font-size:15px;letter-spacing:-.005em;transition:transform .12s var(--ease),filter .15s,background .15s,border-color .15s;white-space:nowrap}.btn:active{transform:translateY(1px) scale(.98)}.btn .ic{width:18px;height:18px}.btn.primary{color:var(--gold-ink);font-weight:700;background:linear-gradient(180deg,#ffdd7a,var(--gold) 55%,#f5a50b);box-shadow:0 10px 24px -12px #ffb41ee6,inset 0 1px #fff9}.btn.primary:hover{filter:brightness(1.06)}.btn.primary.big{min-height:54px;padding:0 26px;font-size:16px;border-radius:16px}.btn.soft{background:var(--fill-2);border:1px solid var(--line-2)}.btn.soft:hover{background:var(--fill-3)}.btn.ghost{background:transparent;color:var(--muted)}.btn.ghost:hover{color:var(--text);background:var(--fill-1)}.btn.wide{width:100%}.btn[disabled]{opacity:.45;pointer-events:none}.ghost-btn{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px 0 10px;border-radius:12px;color:var(--text);text-decoration:none;font-weight:600;font-size:14px;background:#0a0d1c99;border:1px solid var(--line);backdrop-filter:blur(12px);transition:background .15s,border-color .15s}.ghost-btn:hover{background:#141a32cc;border-color:var(--line-2)}.icon-btn{position:relative;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#0a0d1c99;border:1px solid var(--line);backdrop-filter:blur(12px);color:var(--text);transition:background .15s,color .15s}.icon-btn:hover{background:#141a32d9}.icon-btn .ic{width:19px;height:19px}.icon-btn.off{color:var(--dim)}.round-btn{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--fill-2);border:1px solid var(--line-2);transition:background .15s,transform .12s}.round-btn:hover{background:var(--fill-3)}.round-btn:active{transform:scale(.94)}.round-btn .ic{width:22px;height:22px}.hold-fill{position:absolute;left:8px;bottom:5px;height:3px;width:0;border-radius:3px;background:var(--gold)}.hold-btn.holding .hold-fill{width:calc(100% - 16px);transition:width 1.2s linear}[data-tip]{position:relative}@media (hover: hover) and (pointer: fine){[data-tip]:after{content:attr(data-tip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-4px);z-index:30;padding:6px 10px;border-radius:8px;white-space:nowrap;pointer-events:none;font:600 12px/1 var(--font);letter-spacing:0;text-transform:none;color:var(--text);background:#1a2040;border:1px solid var(--line-2);box-shadow:0 10px 24px -10px #000c;opacity:0;transition:opacity .15s,transform .15s var(--ease)}[data-tip]:hover:after{opacity:1;transform:translate(-50%);transition-delay:.25s}.tool-group [data-tip]:last-child:after,.pause-btn[data-tip]:after{left:auto;right:0;transform:translateY(-4px)}.tool-group [data-tip]:last-child:hover:after,.pause-btn[data-tip]:hover:after{transform:none}}.topbar{display:flex;align-items:center;gap:10px;min-height:44px}.spacer{flex:1}.brand{display:flex;align-items:center;font:600 16px/1 var(--display);margin-left:4px;letter-spacing:-.01em}.brand b{color:var(--gold);font-weight:700;margin-left:.25em}.stat-group,.tool-group{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:14px;background:#0a0d1c99;border:1px solid var(--line);backdrop-filter:blur(12px)}.tool-group .icon-btn{width:36px;height:36px;border-radius:10px;background:transparent;border:0;backdrop-filter:none;color:var(--muted)}.tool-group .icon-btn:hover{background:var(--fill-2);color:var(--text)}.chip-stat{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px 0 9px;border-radius:10px;font-weight:700;font-size:14px;font-variant-numeric:tabular-nums}.chip-stat+.chip-stat{box-shadow:-1px 0 0 var(--line)}.chip-stat .ic{width:19px;height:19px}.chip-stat small{font-size:12px;font-weight:500;color:var(--muted)}.s-boot{align-items:center;justify-content:center;background:radial-gradient(80% 60% at 50% 40%,#161d42,var(--bg));pointer-events:auto;z-index:50;transition:opacity .6s}.s-boot.fade{opacity:0;pointer-events:none}.boot-inner{text-align:center;width:min(380px,86vw)}.wordmark{display:flex;align-items:center;justify-content:center;gap:6px;font:600 clamp(22px,5vw,30px)/1 var(--display);letter-spacing:-.02em}.wordmark b{color:var(--gold);font-weight:700}.boot-bar{margin:28px auto 14px;height:4px;border-radius:99px;background:var(--fill-2);overflow:hidden}.boot-bar i{display:block;height:100%;width:4%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--gold));transition:width .35s var(--ease)}.boot-tip{color:var(--muted);font-size:14px;margin:0}.steps{display:flex;align-items:center;gap:6px;margin:0;padding:4px 6px;list-style:none;border-radius:99px;background:#0a0d1c99;border:1px solid var(--line);backdrop-filter:blur(12px)}.steps li{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 10px 0 4px;border-radius:99px;font-size:13px;font-weight:600;color:var(--dim)}.steps li+li:before{content:"";width:14px;height:1px;margin:0 4px 0 -6px;background:var(--line-2)}.steps li i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font:700 11px/1 var(--font);font-style:normal;background:var(--fill-2);color:var(--muted)}.steps li.on i{background:#ffc83d2e;color:var(--gold)}.steps li.cur{color:var(--text);background:var(--fill-1)}.steps li.cur i{background:var(--gold);color:var(--gold-ink)}.setup-wrap{flex:1;display:grid;place-items:center;padding:12px 0;overflow:auto}.setup-card{width:min(760px,100%);padding:28px}.setup-card .eyebrow{color:var(--gold)}.region-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.region{position:relative;text-align:left;padding:18px;border-radius:18px;background:var(--fill-1);border:1px solid var(--line-2);transition:transform .15s var(--ease),border-color .15s,background .15s}.region:hover{transform:translateY(-2px);border-color:#ffc83d99;background:#ffc83d0f}.region .flags{display:flex;gap:6px;margin-bottom:16px}.region .flags svg{width:44px;height:27px;border-radius:5px;box-shadow:0 0 0 1px #fff3,0 6px 14px -6px #0009}.region b{display:block;font:700 17px/1.2 var(--display);letter-spacing:-.01em}.region span{display:block;margin-top:4px;font-size:13px;color:var(--muted)}.region em{display:inline-flex;margin-top:14px;font-style:normal;font-size:11.5px;font-weight:600;color:var(--gold);padding:4px 9px;border-radius:99px;background:#ffc83d1a;border:1px solid rgba(255,200,61,.2)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.chip{min-width:64px;height:48px;padding:0 18px;border-radius:12px;background:var(--fill-1);border:1px solid var(--line-2);font:600 16px/1 var(--display);transition:background .15s,border-color .15s}.chip:hover{background:var(--fill-2)}.chip.on{background:var(--gold);border-color:var(--gold);color:var(--gold-ink);font-weight:700;box-shadow:0 8px 20px -10px #ffbe28e6}.expect{padding:14px 16px;border-radius:12px;background:#22d3ee0f;border:1px solid rgba(34,211,238,.2);color:#cdeefa;font-size:14px;line-height:1.55;min-height:52px}.setup-actions{display:flex;justify-content:space-between;align-items:center;margin-top:22px;gap:10px}.pick-card{width:min(440px,100%);margin-top:auto;text-align:center;padding:22px 24px;background:#0c1021b8}.pick-card .h1{margin-top:8px}.pick-nav{display:flex;align-items:center;justify-content:space-between;margin:12px 0 16px}.pick-count{font-size:14px;color:var(--muted);font-weight:500;font-variant-numeric:tabular-nums}.pick-count b{color:var(--text);font-weight:700}.field-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 14px}.field-l{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}#pick-skins{display:flex;gap:8px}.swatch{width:32px;height:32px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.4),transparent 45%),var(--sw);box-shadow:inset 0 0 0 1px #00000040;transition:transform .12s var(--ease)}.swatch:hover{transform:scale(1.06)}.swatch.on{box-shadow:0 0 0 2px var(--surface-solid),0 0 0 4px var(--gold);transform:scale(1.06)}.name-field{display:grid;gap:8px;text-align:left}.name-field input{height:48px;padding:0 16px;border-radius:12px;border:1px solid var(--line-2);background:#00000047;color:var(--text);font-size:17px;font-weight:600;outline:none;user-select:text;-webkit-user-select:text;transition:border-color .15s,box-shadow .15s}.name-field input::placeholder{color:var(--dim);font-weight:500}.name-field input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #ffc83d2e}body[data-screen=setup][data-step=champ] .setup-wrap{place-items:end center}.home-grid{flex:1;min-height:0;display:grid;gap:12px 16px;margin-top:14px;grid-template-columns:280px 1fr 372px;grid-template-rows:1fr auto auto;grid-template-areas:"me sec bout" "path path path" "more more more"}.row-h{display:inline-flex;align-items:center;gap:10px;margin:0 0 6px;padding:6px 12px;border-radius:10px;background:#0a0d1cb8;border:1px solid var(--line);backdrop-filter:blur(12px)}.row-t{margin:0;font:600 11px/1 var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--text)}.row-s{font-size:12px;color:var(--muted);padding-left:10px;border-left:1px solid var(--line-2)}.row-s b{color:var(--text);font-weight:600}.sec-btn{grid-area:sec;align-self:start;justify-self:center;display:inline-flex;align-items:center;gap:12px;padding:6px 8px 6px 6px;border-radius:18px;background:#0a0d1cb8;border:1px solid var(--line-2);backdrop-filter:blur(16px);box-shadow:var(--shadow-sm);transition:border-color .15s,transform .15s var(--ease)}.sec-btn:hover{border-color:color-mix(in srgb,var(--sc, var(--gold)) 60%,transparent);transform:translateY(-1px)}.sec-ic{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;flex:none;font:800 21px/1 var(--num);font-style:normal;color:#0b0f1e;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.55),transparent 55%),var(--sc, var(--gold))}.sec-txt{display:grid;gap:3px;text-align:left;line-height:1.1}.sec-lab{font-style:normal;font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.sec-txt b{font:700 16px/1.1 var(--display);letter-spacing:-.01em}.sec-band{font-size:12px;font-weight:600;color:var(--muted);padding:5px 9px;border-radius:8px;background:var(--fill-2);white-space:nowrap}.sec-chg{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 10px 0 12px;border-radius:10px;font-size:13px;font-weight:600;color:var(--gold-ink);background:var(--gold)}.sec-chg .ic{width:15px;height:15px}.me-card{grid-area:me;align-self:start;padding:16px;display:grid;gap:14px}.me-top{display:flex;align-items:center;gap:12px}.me-id b{display:block;font:700 18px/1.15 var(--display);letter-spacing:-.01em}.me-id span{font-size:13px;color:var(--muted);font-weight:500}.me-fluent{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--r-md);background:var(--fill-1);border:1px solid var(--line);font-size:13px}.me-fluent b{display:block;font-size:14px;font-weight:600}.me-fluent span{color:var(--muted);font-size:12.5px}.me-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.me-actions .btn{min-height:40px;padding:0 10px;gap:6px;font-size:13.5px;border-radius:12px}.me-actions .btn .ic{width:16px;height:16px}#practice-slot .lpk-practice-btn{width:100%;gap:6px;white-space:nowrap;min-height:40px;padding:0 10px;font-size:13.5px;font-weight:600;border-radius:12px;background:var(--fill-2);border-color:var(--line-2)}.ring{position:relative;width:46px;height:46px;flex:none}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:var(--fill-3);stroke-width:4.5}.ring-fg{fill:none;stroke:var(--green);stroke-width:4.5;stroke-linecap:round;stroke-dasharray:119.4;stroke-dashoffset:119.4;transition:stroke-dashoffset .6s var(--ease)}.ring>b{position:absolute;inset:0;display:grid;place-items:center;font:700 14px/1 var(--display)}.portrait{width:52px;height:52px;border-radius:14px;flex:none;background-size:140%;background-position:50% 18%;background-repeat:no-repeat;position:relative;background-color:#1a2142;box-shadow:inset 0 0 0 1px #ffffff1f}.portrait.p-cyan{background-image:radial-gradient(circle at 50% 30%,rgba(34,211,238,.45),transparent 70%);box-shadow:inset 0 0 0 1.5px #22d3ee80}.portrait.p-pink{background-image:radial-gradient(circle at 50% 30%,rgba(255,77,141,.45),transparent 70%);box-shadow:inset 0 0 0 1.5px #ff4d8d80}.portrait.big{width:92px;height:92px;border-radius:20px}.portrait.sm{width:44px;height:44px;border-radius:12px}.portrait>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}.portrait.locked>img{filter:brightness(0) opacity(.5)}.bout{grid-area:bout;align-self:start;padding:16px;display:grid;gap:14px}.bout-head{display:flex;justify-content:space-between;align-items:center}.bout-head .eyebrow{color:var(--gold)}.bout-stars{display:flex;gap:2px}.bout-stars .ic{width:20px;height:20px}.bout-body{display:flex;gap:14px;align-items:center}.bout-info{min-width:0}.bout-info h2{margin:8px 0 3px;font:700 22px/1.15 var(--display);letter-spacing:-.02em}.bout-info p{margin:0;color:var(--muted);font-size:13.5px}.table-tag{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:8px;font:800 16px/1 var(--num);color:var(--gold-ink);background:var(--gold)}.goals-box{padding:10px 12px;border-radius:var(--r-md);background:var(--fill-1);border:1px solid var(--line)}.goals-h{display:flex;align-items:center;gap:6px;margin:0 0 8px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.goals-h .ic{width:14px;height:14px}.goals{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:13px;color:var(--muted)}.goals li{display:flex;align-items:center;gap:8px;line-height:1.3}.goals li .ic{width:16px;height:16px}.goals li.got{color:var(--text)}.bout-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.act{position:relative;display:flex;align-items:center;gap:10px;min-height:58px;padding:0 12px 0 10px;border-radius:16px;text-align:left;transition:transform .12s var(--ease),filter .15s,background .15s,box-shadow .2s}.act:active{transform:translateY(1px) scale(.98)}.act[disabled]{opacity:.45;pointer-events:none}.act-n{display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:50%;font:700 12px/1 var(--font)}.act-txt{display:grid;gap:2px;flex:1;min-width:0}.act-txt b{font:700 16px/1.1 var(--display);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.act-txt small{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.act-learn{background:var(--fill-2);border:1px solid var(--line-2)}.act-learn:hover{background:var(--fill-3)}.act-learn .act-n{background:var(--fill-3);color:var(--text)}.act-learn small{color:var(--muted)}.act-learn em{position:absolute;top:-8px;right:10px;font-style:normal;font-size:10px;font-weight:700;letter-spacing:.02em;padding:3px 8px;border-radius:99px;white-space:nowrap}.act-learn em:empty{display:none}.act-learn em.todo{color:var(--gold-ink);background:var(--gold)}.act-learn em.done{color:#052b12;background:var(--green)}.act-learn.rec{border-color:#ffc83d8c;box-shadow:0 0 0 3px #ffc83d1f}.act-duel{color:var(--gold-ink);background:linear-gradient(180deg,#ffdd7a,var(--gold) 55%,#f5a50b);box-shadow:0 12px 26px -12px #ffb41ee6,inset 0 1px #fff9}.act-duel:hover{filter:brightness(1.06)}.act-duel .act-n{background:#24150024}.act-duel small{color:#241500b3}.act-duel>.ic{width:22px;height:22px}.act-duel.rec{animation:recGlow 2.4s ease-in-out infinite}@keyframes recGlow{50%{box-shadow:0 12px 26px -12px #ffb41ee6,0 0 0 5px #ffc83d2e,inset 0 1px #fff9}}.bout.locked .bout-info h2{color:var(--muted)}.path{grid-area:path;min-width:0}.ladder{position:relative;display:flex;gap:12px;overflow-x:auto;padding:8px 2px 6px;scrollbar-width:none;scroll-snap-type:x proximity}.ladder::-webkit-scrollbar{display:none}.rung{position:relative;flex:none;width:84px;padding:10px 6px 8px;border-radius:16px;text-align:center;background:var(--surface);border:1px solid var(--line);backdrop-filter:blur(14px);scroll-snap-align:center;transition:transform .15s var(--ease),border-color .15s,background .15s}.rung:hover{transform:translateY(-2px);border-color:var(--line-2)}.rung:not(:last-child):after{content:"";position:absolute;top:50%;right:-13px;width:12px;height:2px;border-radius:2px;background:var(--line-2)}.rung.won:not(:last-child):after{background:#ffc83db3}.rung .portrait{width:46px;height:46px;margin:0 auto 6px;border-radius:12px}.rung b{display:block;font:800 15px/1 var(--num);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rung .mini-stars{display:flex;justify-content:center;gap:1px;margin-top:4px}.rung .mini-stars .ic{width:11px;height:11px}.rung-n{position:absolute;top:6px;left:6px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:6px;font:700 10px/1 var(--font);color:var(--muted);background:var(--fill-2)}.rung .lock{position:absolute;top:6px;right:6px;width:14px;height:14px;color:var(--muted)}.rung.locked{background:#0c10218c}.rung.locked b,.rung.locked .mini-stars{opacity:.5}.rung.sel{border-color:var(--gold);background:#28200cc7;box-shadow:0 0 0 1px var(--gold),0 14px 30px -14px #ffbe28cc}.rung.sel .rung-n{background:var(--gold);color:var(--gold-ink)}.rung.won .rung-n{color:var(--gold)}.rung-tag{position:absolute;top:-8px;left:50%;transform:translate(-50%);padding:3px 7px;border-radius:99px;font:700 9px/1 var(--font);letter-spacing:.08em;white-space:nowrap}.rung-tag.next{color:#04232a;background:var(--cyan)}.rung-tag.boss{color:#fff;background:#c026d3}.rung-tag.bonus{color:#fff;background:#7c3aed}.rung.boss{border-color:#e879f966}.rung.next:not(.sel){border-color:#22d3ee8c}.more{grid-area:more;min-width:0}.more-btn{display:flex;align-items:center;gap:14px;width:100%;padding:12px 12px 12px 14px;border-radius:18px;text-align:left;background:var(--surface);border:1px solid var(--line);backdrop-filter:blur(14px);box-shadow:var(--shadow-sm);transition:transform .15s var(--ease),border-color .15s,background .15s}.more-btn:hover{transform:translateY(-2px);border-color:var(--line-2);background:#10152ad9}.more-ics{display:flex;flex:none}.more-ics i{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;color:var(--tint);background:color-mix(in srgb,var(--tint) 18%,#0e1226);box-shadow:0 0 0 2px #0e1226,inset 0 0 0 1px color-mix(in srgb,var(--tint) 35%,transparent)}.more-ics i+i{margin-left:-8px}.more-ics .ic{width:18px;height:18px}.more-txt{flex:1;min-width:0;display:grid;gap:3px}.more-txt b{font:700 16px/1.15 var(--display);letter-spacing:-.01em}.more-txt small{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.more-go{display:inline-flex;align-items:center;gap:4px;flex:none;height:38px;padding:0 12px 0 14px;border-radius:11px;font-size:14px;font-weight:600;background:var(--fill-2);border:1px solid var(--line-2);transition:background .15s}.more-btn:hover .more-go{background:var(--fill-3)}.more-go .ic{width:16px;height:16px}.mode-ic{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:13px;color:var(--tint);background:color-mix(in srgb,var(--tint) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tint) 32%,transparent)}.mode-ic .ic{width:22px;height:22px}.mode-ic.lg{width:56px;height:56px;border-radius:16px}.mode-ic.lg .ic{width:28px;height:28px}.mode-t{display:flex;align-items:center;gap:8px;min-width:0}.mode-t b{font:700 16px/1.15 var(--display);letter-spacing:-.01em;white-space:nowrap}.tag{flex:none;font-style:normal;font-size:10px;font-weight:700;letter-spacing:.02em;color:var(--gold-ink);background:var(--gold);padding:3px 7px;border-radius:99px;white-space:nowrap}body[data-screen=modes] .tta-vignette{background:#0507109e;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.mo-title{display:grid;gap:4px;margin-left:6px}.mo-title .eyebrow{color:var(--gold)}.mo-title b{font:700 20px/1 var(--display);letter-spacing:-.02em}.mo-wrap{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:24px;width:min(980px,100%);margin:18px auto 0}.mo-list{min-height:0;overflow-y:auto;display:grid;grid-template-columns:1fr;align-content:start;gap:22px;padding:2px 4px 12px 2px;scrollbar-width:thin}.mo-gh{display:grid;gap:5px;margin:0 2px 10px}.mo-gh h3{margin:0;font:600 12px/1 var(--font);letter-spacing:.1em;text-transform:uppercase}.mo-gh span{font-size:12.5px;color:var(--muted)}.mo-grid{display:grid;grid-template-columns:1fr;gap:10px}.mo-card{position:relative;display:flex;align-items:flex-start;gap:14px;padding:16px;border-radius:18px;text-align:left;background:var(--surface);border:1px solid var(--line);backdrop-filter:blur(14px);transition:transform .15s var(--ease),border-color .15s,background .15s,box-shadow .2s}.mo-card:hover,.mo-card.peek{transform:translateY(-2px);border-color:color-mix(in srgb,var(--tint) 50%,transparent);background:#10152adb}.mo-card.sel{border-color:var(--tint);background:color-mix(in srgb,var(--tint) 10%,rgba(12,16,33,.9));box-shadow:0 0 0 1px var(--tint),0 16px 34px -18px color-mix(in srgb,var(--tint) 80%,transparent)}.mo-card.featured:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,200,61,.1),transparent 55%)}.mo-c-txt{flex:1;min-width:0;display:grid;gap:5px}.mo-c-d{font-size:13px;color:var(--muted);line-height:1.4}.mo-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.mo-meta em{display:inline-flex;align-items:center;gap:4px;font-style:normal;font-size:11px;font-weight:600;color:var(--muted);padding:3px 8px;border-radius:7px;background:var(--fill-2)}.mo-meta em.lk{color:#d8c9ff;background:#a78bfa24}.mo-meta .ic{width:11px;height:11px}.mo-detail{align-self:start;max-height:100%;overflow-y:auto;padding:22px;border-top:3px solid var(--tint, var(--gold))}.mo-d-top{display:flex;align-items:center;gap:14px;margin-bottom:14px}.mo-d-top .eyebrow{color:var(--tint, var(--gold))}.mo-d-top h2{margin:6px 0 0;font:700 24px/1.1 var(--display);letter-spacing:-.02em}.mo-what{margin:0 0 18px;font-size:15px;line-height:1.55;color:#dfe3f5}.mo-detail h4{margin:0 0 10px;font:600 11px/1 var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.mo-steps{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:8px;counter-reset:st}.mo-steps li{counter-increment:st;display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.35}.mo-steps li:before{content:counter(st);display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:50%;font:700 12px/1 var(--font);color:var(--tint);background:color-mix(in srgb,var(--tint) 16%,transparent)}.mo-good{display:flex;align-items:center;gap:10px;margin:0 0 16px;padding:10px 12px;border-radius:12px;font-size:13.5px;color:var(--muted);background:var(--fill-1);border:1px solid var(--line)}.mo-good b{color:var(--text);font-weight:600}.mo-good .ic{width:18px;height:18px;color:var(--tint)}.mo-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-bottom:16px}.mo-stats div{padding:10px 12px;border-radius:12px;background:var(--fill-1);border:1px solid var(--line)}.mo-stats b{display:block;font:800 22px/1 var(--num)}.mo-stats span{display:block;margin-top:4px;font-size:11.5px;color:var(--muted)}.mo-detail #mo-play{position:sticky;bottom:0;box-shadow:0 -14px 22px -6px #0c1021f2,0 10px 24px -12px #ffb41ee6,inset 0 1px #fff9}.mo-detail #mo-play .ic{width:18px;height:18px}.camp-title{display:grid;gap:4px;margin-left:6px}.camp-title .eyebrow{color:var(--gold)}.camp-title b{font:800 22px/1 var(--num)}.camp-steps{list-style:none;display:flex;gap:6px;margin:14px auto 12px;padding:0;counter-reset:s}.camp-steps li{counter-increment:s;display:flex;align-items:center;gap:7px;height:32px;padding:0 12px 0 5px;border-radius:99px;font-size:13px;font-weight:600;color:var(--dim);background:#0a0d1ca6;border:1px solid var(--line);backdrop-filter:blur(12px)}.camp-steps li:before{content:counter(s);display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:11px;font-weight:700;background:var(--fill-2)}.camp-steps li.on{color:var(--text);border-color:#ffc83d99}.camp-steps li.on:before{background:var(--gold);color:var(--gold-ink)}.camp-steps li.done{color:var(--muted)}.camp-steps li.done:before{content:"✓";background:#4ade802e;color:var(--green)}.camp-stage{width:min(820px,100%);margin:0 auto;flex:1;min-height:0;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:auto}.camp-stage h2{margin:0 0 8px;font:700 26px/1.15 var(--display);letter-spacing:-.02em}.camp-stage p.lead{margin:0 0 20px;color:var(--muted);font-size:15px;max-width:560px;line-height:1.5}.camp-foot{display:flex;justify-content:center;padding-top:14px}.arr-wrap{perspective:900px;margin:6px 0 16px}.arr{display:grid;gap:7px;padding:14px;border-radius:18px;background:#00000038;border:1px solid var(--line);transition:transform .8s cubic-bezier(.2,.9,.2,1)}.arr .row{display:flex;gap:7px;justify-content:center;animation:rowIn .45s var(--spring) both}.arr .dot{display:block;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 12%,var(--c, var(--cyan)) 40%,color-mix(in srgb,var(--c, var(--cyan)) 60%,#000) 100%);box-shadow:0 3px 8px -3px #0009}.arr.turned{transform:rotate(90deg)}@keyframes rowIn{0%{transform:translateY(14px) scale(.6);opacity:0}}.arr-eq{font:800 clamp(28px,6vw,44px)/1 var(--num);margin:4px 0 14px}.arr-eq em{font-style:normal;color:var(--gold)}.arr-eq .tot{color:var(--cyan-2)}.skip-track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;width:min(620px,100%);margin-bottom:16px}.skip-track .cell{height:54px;display:grid;place-items:center;border-radius:14px;font:800 22px/1 var(--num);background:var(--fill-1);border:1px dashed var(--line-2);color:var(--dim)}.skip-track .cell.fill{background:linear-gradient(180deg,#22d3ee38,#22d3ee14);border:1px solid rgba(34,211,238,.5);color:#e8fdff;animation:pop .35s cubic-bezier(.2,1.6,.4,1)}.skip-track .cell.next{border-color:var(--gold);border-style:solid;color:var(--gold)}.choices{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.choice{min-width:96px;height:64px;border-radius:16px;font:800 28px/1 var(--num);background:var(--fill-2);border:1px solid var(--line-2);transition:transform .12s var(--ease),background .15s}.choice:hover{transform:translateY(-2px);background:var(--fill-3)}.choice.shake,.shake{animation:shake .4s}@keyframes shake{20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}@keyframes pop{0%{transform:scale(.6)}}.trick{display:grid;gap:14px;justify-items:center}.trick-lines{font-size:18px;line-height:1.55;color:#e9ecff}.trick-ex{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.trick-ex span{padding:12px 16px;border-radius:14px;font:800 26px/1 var(--num);background:var(--fill-2);border:1px solid var(--line-2);opacity:0;transform:translateY(10px);transition:all .5s var(--spring)}.trick-ex span.in{opacity:1;transform:none}.trick-ex span.res{background:linear-gradient(180deg,#ffc83d42,#ffc83d1a);border-color:var(--gold);color:#fff3cf}.trick-ex i{color:var(--dim);font-style:normal;font-size:22px}.try-count{font-size:12px;color:var(--muted);font-weight:600;letter-spacing:.1em;text-transform:uppercase}.done-badge{width:92px;height:92px;margin-bottom:10px;animation:pop .6s cubic-bezier(.2,1.6,.4,1)}.duel-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:14px;position:relative;padding-right:54px}.plate{display:flex;align-items:center;gap:10px;position:relative;padding:8px 12px 8px 8px;border-radius:16px;background:#0a0d1cb3;border:1px solid var(--line);backdrop-filter:blur(14px);min-width:0}.p-left{justify-self:start;width:min(100%,280px);box-shadow:inset 3px 0 0 var(--cyan)}.p-right{justify-content:flex-end;justify-self:end;width:min(100%,280px);padding:8px 8px 8px 12px;box-shadow:inset -3px 0 0 var(--pink)}.plate-id{min-width:0;display:grid;gap:3px}.plate-id .who{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan)}.plate-id.r .who{color:var(--pink)}.plate-id b{display:block;font:700 15px/1.1 var(--display);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plate-id.r{text-align:right;justify-items:end}.rounds{display:inline-flex;align-items:center;gap:6px}.rounds small{font-size:10.5px;color:var(--muted);font-weight:500}.pips{display:inline-flex;gap:3px}.pips i{width:14px;height:6px;border-radius:9px;background:var(--fill-3)}.pips i.on{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.pips.r i.on{background:var(--pink);box-shadow:0 0 10px var(--pink)}.combo{position:absolute;left:10px;top:calc(100% + 8px);display:inline-flex;align-items:center;gap:4px;padding:4px 10px 4px 7px;border-radius:99px;background:linear-gradient(180deg,#ff9a3c,#e2361d);font:800 14px/1 var(--num);box-shadow:0 8px 18px -8px #ff5a1ee6;animation:pop .3s}.combo .ic{width:15px;height:15px}.combo small{font:600 11px/1 var(--font);opacity:.9}.charge{position:absolute;right:0;top:calc(100% + 8px);display:flex;align-items:center;gap:8px;width:min(100%,220px);padding:5px 8px;border-radius:10px;background:#0a0d1cb3;border:1px solid var(--line);backdrop-filter:blur(12px)}.charge-lab{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--muted);white-space:nowrap}.charge-lab .ic{width:13px;height:13px;color:var(--pink)}.charge-bar{flex:1;height:5px;border-radius:9px;background:var(--fill-2);overflow:hidden}.charge-bar i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#ff9ab9,var(--pink))}.charge.hot{border-color:#ff4d8d99}.charge.hot .charge-lab{color:#ff8db1}.charge.hot .charge-bar i{background:linear-gradient(90deg,var(--pink),#ff1744);animation:pulse .4s infinite alternate}@keyframes pulse{to{filter:brightness(1.6)}}.duel-mid{text-align:center;width:min(380px,36vw);padding:8px 14px 10px;border-radius:16px;background:#0a0d1c99;border:1px solid var(--line);backdrop-filter:blur(14px)}.round-tag{display:flex;align-items:center;justify-content:center;gap:8px;font:700 11px/1 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:10px;white-space:nowrap;overflow:hidden}.round-tag .sep{width:3px;height:3px;border-radius:50%;background:var(--dim)}.round-tag #d-stage{color:var(--muted);text-transform:none;letter-spacing:0;font-weight:600;font-size:12px;overflow:hidden;text-overflow:ellipsis}.tug-wrap{display:flex;align-items:center;gap:6px}.goal{width:4px;height:18px;border-radius:3px;flex:none}.goal.g-l{background:var(--cyan);box-shadow:0 0 10px #22d3eeb3}.goal.g-r{background:var(--pink);box-shadow:0 0 10px #ff4d8db3}.tug{position:relative;flex:1;height:10px;border-radius:99px;background:var(--fill-2);overflow:visible}.tug-mid{position:absolute;left:50%;top:-3px;bottom:-3px;width:1px;background:var(--line-2)}.tug-fill-l,.tug-fill-r{position:absolute;top:0;bottom:0;border-radius:99px;transition:width .35s var(--ease)}.tug-fill-l{right:50%;background:linear-gradient(270deg,var(--pink),rgba(255,77,141,.3));width:0}.tug-fill-r{left:50%;background:linear-gradient(90deg,var(--cyan),rgba(34,211,238,.3));width:0}.tug-orb{position:absolute;z-index:1;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#ffe9a3 40%,var(--gold));box-shadow:0 0 14px #ffdc78e6,0 0 0 2px #0a0d1c99;transition:left .35s var(--spring)}.tug-cap{margin:8px 0 0;font-size:12px;font-weight:500;color:var(--muted);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}.tug-cap[data-mood=up]{color:var(--cyan-2)}.tug-cap[data-mood=down]{color:#ff8db1}.pause-btn{position:absolute;right:0;top:6px}.qcard{position:fixed;z-index:20;left:50%;top:56%;transform:translate(-50%,-50%);width:min(460px,calc(100vw - 32px));padding:14px 20px;border-radius:24px;text-align:center;background:linear-gradient(180deg,#121730e6,#0a0d1ceb);border:1px solid var(--line-2);box-shadow:0 30px 80px -24px #000c,inset 0 1px #ffffff12;backdrop-filter:blur(18px)}.qcard.good{border-color:#4ade80cc;box-shadow:0 0 0 3px #4ade8038,0 30px 80px -24px #000c}.qcard.bad{border-color:#ff4d8dcc;animation:shake .4s}.qcard.enter{animation:qIn .32s var(--spring)}@keyframes qIn{0%{transform:translate(-50%,-42%) scale(.92);opacity:0}}.q-speed-row{display:flex;align-items:center;gap:10px;margin:0 2px 12px}.q-speed-lab{display:inline-flex;align-items:center;gap:4px;min-width:92px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--cyan-2);white-space:nowrap;transition:color .2s}.q-speed-lab .ic{width:13px;height:13px}.q-speed-lab.mid{color:var(--gold)}.q-speed-lab.slow{color:var(--dim)}.q-speed{flex:1;height:6px;border-radius:9px;background:var(--fill-2);overflow:hidden}.q-speed i{display:block;height:100%;width:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--cyan));transform-origin:left}.q-speed i.mid{background:linear-gradient(90deg,var(--gold),#ffdf7a)}.q-speed i.slow{background:var(--fill-3)}.q-line{display:flex;align-items:center;justify-content:center;gap:14px;font:800 clamp(46px,9vw,70px)/1 var(--num);letter-spacing:-.01em}.q-text{white-space:nowrap}.q-eq{color:var(--dim)}.q-ans{min-width:1.8em;height:1.05em;padding:0 .2em;border-radius:14px;display:inline-grid;place-items:center;background:#00000040;border:2px solid var(--line-2);color:var(--gold)}.q-ans:empty{border-color:#ffc83d73}.q-ans:empty:after{content:"";width:3px;height:.6em;border-radius:2px;background:var(--gold);animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.q-fb{min-height:22px;margin-top:10px;font-size:14px;font-weight:600;color:var(--muted)}.q-fb.good{color:var(--green)}.q-fb.power{color:var(--cyan-2)}.q-fb.bad{color:#ff8db1}.hint-btn{display:inline-flex;align-items:center;gap:6px;margin-top:6px;height:34px;padding:0 12px;border-radius:10px;font-size:13px;font-weight:600;background:#ffc83d1a;border:1px solid rgba(255,200,61,.25);color:#ffe7a6}.q-array{margin-top:10px;display:grid;gap:4px;justify-content:center}.q-array .row{display:flex;gap:4px;justify-content:center}.q-array .dot{display:block;width:12px;height:12px;border-radius:50%;background:var(--cyan);opacity:.9}.keypad{position:fixed;z-index:20;left:50%;bottom:calc(14px + var(--safe-b));transform:translate(-50%);width:min(360px,calc(100vw - 32px));display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px;border-radius:22px;background:#0a0d1c8c;border:1px solid var(--line);backdrop-filter:blur(16px)}.keypad .k-zero,.keypad .k-ok{grid-column:span 2}.keypad .k-dot,.keypad .k-neg{opacity:.2;pointer-events:none;box-shadow:none}.keypad.kp-dot .k-dot,.keypad.kp-neg .k-neg{opacity:1;pointer-events:auto}.keypad button{height:56px;border-radius:14px;font:800 26px/1 var(--num);background:linear-gradient(180deg,#2a325af2,#1a203ef2);border:1px solid var(--line-2);box-shadow:0 4px 0 -1px #040610d9,inset 0 1px #ffffff1a;transition:transform .06s,box-shadow .06s,background .15s}.keypad button:hover{background:linear-gradient(180deg,#343d6af2,#20274af2)}.keypad button:active,.keypad button.press{transform:translateY(3px);box-shadow:0 1px 0 -1px #040610d9,inset 0 1px #ffffff1a}.keypad .k-ok{color:var(--gold-ink);background:linear-gradient(180deg,#ffdd7a,var(--gold) 55%,#f5a50b);font:700 18px/1 var(--display);letter-spacing:.06em}.keypad .k-ok:hover{background:linear-gradient(180deg,#ffe48f,#ffd055 55%,#f8ad1c)}.keypad .k-del{color:var(--muted)}.keypad .k-del .ic{width:24px;height:24px}@media (min-aspect-ratio: 1/1) and (min-width: 900px){.qcard{top:auto;bottom:calc(24px + var(--safe-b));transform:translate(-50%);left:calc(50% - 160px)}.qcard.enter{animation:qIn2 .32s var(--spring)}@keyframes qIn2{0%{transform:translate(-50%,12px) scale(.94);opacity:0}}.keypad{left:auto;right:max(24px,calc(50% - 490px));transform:none;bottom:calc(24px + var(--safe-b));width:300px;gap:6px;padding:6px;border-radius:20px}body[data-kp=choice] .qcard{left:50%}.keypad button{height:46px;font-size:22px;border-radius:12px}.keypad .k-ok{font-size:16px}.qcard.bad{animation:none}}@media (pointer: fine) and (min-width: 900px){body.kb-only .keypad{opacity:.7}}.drill-top{display:flex;align-items:center;gap:12px;padding:10px 12px;width:min(560px,100%);margin:0 auto}.drill-name{flex:1;display:grid;gap:5px}.drill-name .eyebrow{color:var(--gold)}.drill-name b{font:700 18px/1 var(--display);letter-spacing:-.01em}.drill-timer{position:relative;width:50px;height:50px}.drill-timer svg{width:100%;height:100%;transform:rotate(-90deg)}.drill-timer .ring-fg{stroke:var(--cyan);stroke-dashoffset:0;transition:stroke-dashoffset .25s linear}.drill-timer.low .ring-fg{stroke:var(--pink)}.drill-timer b{position:absolute;inset:0;display:grid;place-items:center;font:800 18px/1 var(--num)}.beat{display:flex;gap:5px}.beat i{width:10px;height:10px;border-radius:50%;background:var(--fill-3);transition:background .05s}.beat i.on{background:var(--gold);box-shadow:0 0 12px var(--gold)}.chant-wrap{flex:1;min-height:0;display:grid;place-items:center;padding:12px 0}.chant-pick{width:min(620px,100%);padding:24px;text-align:center}.chant-pick .eyebrow{color:var(--gold)}.chant-pick .grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:18px}.chant-pick .grid button{height:62px;border-radius:14px;font:800 24px/1 var(--num);background:var(--fill-2);border:1px solid var(--line-2);transition:border-color .15s,background .15s}.chant-pick .grid button:hover{border-color:var(--gold);background:var(--fill-3)}.chant-board{width:min(560px,100%);max-height:100%;overflow:auto;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;align-self:start}.chant-board .phase{grid-column:1 / -1;text-align:center;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:12px;color:var(--gold);padding:4px 0 8px}.c-row{display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 14px;border-radius:12px;font:800 22px/1 var(--num);background:var(--fill-1);border:1px solid transparent;color:var(--muted);transition:all .2s}.c-row .v{color:var(--text);min-width:2ch;text-align:right}.c-row.on{background:#ffc83d1f;border-color:var(--gold);color:#fff3cf;transform:scale(1.03)}.c-row.done .v{color:var(--green)}.c-row.miss .v{color:#ff8db1}body[data-screen=chant][data-kp=on] .chant-board{max-height:calc(100% - 330px)}.s-results{align-items:center;justify-content:center;overflow:auto}.res-card{width:min(540px,100%);max-height:100%;overflow:auto;padding:28px 24px 24px;text-align:center}.res-card .eyebrow{color:var(--muted)}.res-title{margin:8px 0 4px;font:700 clamp(30px,6vw,42px)/1.05 var(--display);letter-spacing:-.03em}.res-title.win{background:linear-gradient(180deg,#fff6d0,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.res-stars{display:flex;justify-content:center;gap:6px;margin:10px 0 16px}.res-stars .ic{width:44px;height:44px;opacity:0;transform:scale(.4);transition:all .45s cubic-bezier(.2,1.6,.4,1)}.res-stars .ic.in{opacity:1;transform:none}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin:6px 0 14px}.tile{padding:12px;border-radius:14px;background:var(--fill-1);border:1px solid var(--line);text-align:left}.tile b{display:block;font:800 24px/1 var(--num)}.tile span{display:block;margin-top:5px;font-size:12px;color:var(--muted)}.tile.hi b{color:var(--gold)}.res-coins{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;font-weight:700;color:var(--gold);background:#ffc83d1a;margin-bottom:8px}.res-coins:empty{display:none}.res-coins .ic{width:20px;height:20px}.res-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:16px}.res-goals{list-style:none;padding:12px;margin:0 0 4px;display:grid;gap:6px;font-size:13px;color:var(--muted);text-align:left;border-radius:14px;background:var(--fill-1);border:1px solid var(--line)}.res-goals li{display:flex;gap:8px;align-items:center}.res-goals .ic{width:16px;height:16px}.banner{position:fixed;z-index:40;left:50%;top:24%;transform:translate(-50%,-50%) scale(.8);padding:14px 28px;border-radius:18px;font:700 clamp(26px,6vw,42px)/1 var(--display);letter-spacing:-.02em;opacity:0;pointer-events:none;text-align:center;white-space:nowrap;background:linear-gradient(180deg,#121730e0,#0a0d1ce0);border:1px solid var(--line-2);text-shadow:0 4px 20px rgba(0,0,0,.5);backdrop-filter:blur(12px)}.banner.show{animation:bannerIn 1.5s var(--spring) forwards}.banner.gold{color:var(--gold);border-color:#ffc83d80}.banner.cyan{color:var(--cyan-2);border-color:#22d3ee80}.banner.pink{color:#ff8db1;border-color:#ff4d8d80}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}25%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-60%) scale(1)}}.toast{position:fixed;z-index:60;left:50%;bottom:calc(24px + var(--safe-b));transform:translate(-50%,20px);padding:10px 16px;border-radius:12px;background:#0e1226f2;border:1px solid var(--line-2);box-shadow:0 16px 36px -14px #000c;font-size:14px;font-weight:600;opacity:0;pointer-events:none;transition:all .25s var(--ease)}.toast.show{opacity:1;transform:translate(-50%)}.count{position:fixed;inset:0;z-index:45;display:grid;place-items:center;pointer-events:none}.count b{font:800 min(34vw,220px)/1 var(--num);color:#fff;text-shadow:0 10px 40px rgba(0,0,0,.55),0 0 40px rgba(255,200,61,.5);animation:countIn .8s ease-out both}@keyframes countIn{0%{transform:scale(1.8);opacity:0}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}.modal{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:16px;background:#04060e9e;backdrop-filter:blur(8px);animation:fadeIn .2s var(--ease)}@keyframes fadeIn{0%{opacity:0}}.modal-card{position:relative;width:min(440px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:26px;background:#0d1123f5;border-color:var(--line-2);animation:cardIn .28s var(--spring)}@keyframes cardIn{0%{transform:translateY(10px) scale(.98);opacity:0}}.modal-card .eyebrow{color:var(--gold)}.modal-card.wide{width:min(760px,100%)}.m-x{position:absolute;top:16px;right:16px;width:36px;height:36px;background:var(--fill-2)}.col-actions{display:grid;gap:10px;margin-top:10px}.legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--muted);margin-bottom:14px}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:12px;height:12px;border-radius:4px}.lv0{background:var(--fill-2)}.lv1{background:#b4325e}.lv2{background:#d99a1a}.lv3{background:#1f9fbf}.lv4{background:#36c25a}.map-grid{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:3px}.map-grid .h{display:grid;place-items:center;font:800 13px/1 var(--num);color:var(--muted);aspect-ratio:1}.map-grid .h.corner{color:var(--gold)}.map-grid .c{aspect-ratio:1;border-radius:5px;transition:transform .1s;position:relative}.map-grid .c:hover,.map-grid .c.sel{transform:scale(1.18);z-index:2;box-shadow:0 0 0 2px #fff}.map-tip{margin:14px 0 0;font-size:13px;color:var(--muted);min-height:20px;line-height:1.5}.map-tip b{color:var(--text)}.pr-expect{margin:-4px 0 14px;color:#cdeefa;font-size:14px;line-height:1.55;padding:12px 14px;border-radius:12px;background:#22d3ee0f;border:1px solid rgba(34,211,238,.2)}.pr-tables{display:grid;gap:8px}.pr-row{display:grid;grid-template-columns:40px 1fr 90px;align-items:center;gap:10px;font-size:13px}.pr-row b{font:800 16px/1 var(--num)}.pr-bar{height:8px;border-radius:99px;background:var(--fill-2);overflow:hidden;display:flex}.pr-bar i{display:block;height:100%}.pr-row span{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.pr-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pr-weak{list-style:none;margin:0;padding:0;display:grid;gap:6px}.pr-weak li{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border-radius:10px;background:var(--fill-1);border:1px solid var(--line);font-size:14px}.pr-weak li b{font:800 17px/1 var(--num)}.pr-weak li span{color:var(--muted);font-size:12px}.pr-days{display:flex;align-items:flex-end;gap:4px;height:110px;padding-top:10px}.pr-days div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px;font-size:10px;color:var(--dim)}.pr-days i{width:100%;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,var(--cyan),#0b8fc2);min-height:2px}.pr-settings{display:grid;gap:8px}.pr-set{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:var(--fill-1);border:1px solid var(--line);font-size:14px}.switch{position:relative;width:44px;height:26px;border-radius:99px;background:var(--fill-3);transition:background .2s;flex:none}.switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0000004d;transition:transform .2s var(--ease)}.switch.on{background:var(--green)}.switch.on:after{transform:translate(18px)}.empty{color:var(--muted);font-size:13px}.q-visual{display:flex;justify-content:center;margin:0 0 8px}.q-visual svg{max-width:100%;max-height:190px;height:auto}.q-visual svg.clock{width:150px}.q-visual svg.shape{width:140px}.q-visual svg.chart{width:100%;max-width:340px}.qcard.word .q-line{flex-direction:column;gap:10px}.q-text.long{font-size:clamp(20px,4.4vw,27px);line-height:1.3;font-family:var(--font);font-weight:700;letter-spacing:-.01em;white-space:normal;text-align:center}.q-text.long b{color:var(--gold)}.q-text.long.mathy{font:800 clamp(36px,7vw,54px)/1.15 var(--num)}.q-text.mathy .fr{font-size:.7em}.q-text u{text-decoration:none;border-bottom:4px solid var(--gold)}.q-text i{font-family:Georgia,serif}.q-text sup{font-size:.55em}.q-text .roman{font-family:Georgia,Times New Roman,serif;letter-spacing:.06em;color:var(--gold)}.q-ansrow{display:inline-flex;align-items:center;gap:8px}.q-ansrow:not(.inline){font:800 clamp(34px,7vw,48px)/1 var(--num)}.q-pre,.q-unit{color:var(--muted);font:800 .7em/1 var(--num)}.q-pre:empty,.q-unit:empty{display:none}.fr{display:inline-flex;flex-direction:column;align-items:center;vertical-align:middle;line-height:1;margin:0 .08em;font-size:.62em}.fr b{padding:0 .12em;border-bottom:.09em solid currentColor;font-weight:800}.fr i{font-style:normal;font-weight:800;padding-top:.04em}.q-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.q-choices button{display:flex;align-items:center;gap:10px;min-height:56px;padding:8px 12px;border-radius:14px;text-align:left;font:700 19px/1.15 var(--display);background:var(--fill-2);border:1px solid var(--line-2);transition:transform .1s var(--ease),background .15s,border-color .15s}.q-choices button:hover{background:var(--fill-3);transform:translateY(-1px)}.q-choices button.cap span{text-transform:capitalize}.q-choices button .fr{font-size:.9em}.q-choices kbd{display:inline-grid;place-items:center;width:24px;height:24px;flex:none;border-radius:7px;font:600 12px/1 var(--font);color:var(--muted);background:#0000004d;border:1px solid var(--line)}.q-choices button.picked{border-color:var(--gold);background:#ffc83d1f}.qcard.good .q-choices button.picked{border-color:var(--green);background:#4ade8024}.qcard.bad .q-choices button.picked{border-color:var(--pink);background:#ff4d8d1f}.qcard.is-choice,.qcard.word{width:min(520px,calc(100vw - 32px))}.hint-txt{margin:4px 0 0;font-size:14px;color:#ffe7a6;line-height:1.45}.trick-vis{margin-top:8px;display:flex;justify-content:center}.trick-vis svg{max-width:300px;max-height:180px}.map-skills{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.skill{display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;text-align:left;padding:10px;border-radius:14px;background:var(--fill-1);border:1.5px solid var(--line)}.skill b{grid-row:span 2;display:grid;place-items:center;height:52px;border-radius:12px;font:800 15px/1 var(--num);background:#232a4a;color:#fff}.skill span{font-size:13px;font-weight:600}.skill em{font-style:normal;display:flex;gap:1px}.skill em .ic{width:13px;height:13px}.skill.lv1 b{background:#b4325e}.skill.lv2 b{background:#d99a1a}.skill.lv3 b{background:#1f9fbf}.skill.lv4 b{background:#36c25a}.skill.lv4{border-color:#36c25a80}.skill.sel{border-color:#fff}.map-share{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.map-share-l{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;margin-right:auto}.map-share .btn{min-height:40px;font-size:14px}.map-share-note{width:100%;font-size:13px;color:var(--green);min-height:0}.map-share-note:empty{display:none}.band-seg{display:inline-flex;padding:4px;border-radius:12px;background:#0000004d;border:1px solid var(--line);margin-bottom:16px}.band-seg button{height:36px;padding:0 16px;border-radius:9px;font-weight:600;font-size:14px;color:var(--muted);transition:color .15s,background .15s}.band-seg button:hover{color:var(--text)}.band-seg button.on{background:var(--gold);color:var(--gold-ink)}.sec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.sec-tile{position:relative;display:grid;grid-template-columns:44px 1fr;column-gap:12px;align-items:center;text-align:left;padding:12px;border-radius:16px;background:var(--fill-1);border:1px solid var(--line);transition:transform .15s var(--ease),border-color .15s,background .15s}.sec-tile:hover:not([disabled]){transform:translateY(-2px);background:var(--fill-2);border-color:color-mix(in srgb,var(--sc) 60%,transparent)}.sec-tile.on{border-color:var(--sc);background:color-mix(in srgb,var(--sc) 12%,transparent)}.sec-tile[disabled]{opacity:.4;cursor:not-allowed}.sec-tile .sec-ic{grid-row:span 3;width:44px;height:44px}.sec-tile b{font:700 15px/1.2 var(--display);letter-spacing:-.01em}.sec-tile span{font-size:12px;color:var(--muted);line-height:1.35}.sec-prog{display:block;height:4px;border-radius:9px;background:var(--fill-2);overflow:hidden;margin-top:8px}.sec-prog i{display:block;height:100%;background:var(--sc);border-radius:inherit}.sec-tile small{grid-column:2;font-size:11px;color:var(--dim);font-weight:600;margin-top:4px}.pr-row.sec{grid-template-columns:36px 1fr 90px}.pr-sec{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#0b0f1e;background:var(--sc);font:800 15px/1 var(--num)!important}.pr-name{font-size:13px;font-weight:600;margin-bottom:5px}@media (max-width: 1180px){.chip-stat small{display:none}}@media (max-width: 1100px){.mo-wrap{grid-template-columns:minmax(0,1fr) 330px}.home-grid{grid-template-columns:1fr 360px;grid-template-areas:"sec sec" "me bout" "path path" "more more";grid-template-rows:auto auto auto auto;align-content:end}.sec-btn{justify-self:center}.me-card,.bout{align-self:end}}@media (max-width: 760px){.layer{padding-left:12px;padding-right:12px}.hide-sm,.brand{display:none}.topbar{gap:6px}.chip-stat{padding:0 8px 0 6px}.tool-group .icon-btn{width:34px}.steps li span{display:none}.steps li.cur span{display:inline}.home-grid{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;gap:10px;margin:8px -12px 0;padding:38vh 12px 4px;scrollbar-width:none}.home-grid::-webkit-scrollbar{display:none}.sec-btn{order:0;width:100%}.sec-txt{flex:1}.sec-band{display:none}.me-card{order:2;padding:12px}.me-card .me-fluent{display:none}.home-grid>*{min-width:0;max-width:100%;align-self:stretch!important}.bout{order:1;padding:14px}.act{padding:0 10px 0 8px;gap:8px}.portrait.big{width:76px;height:76px}.bout-info h2{font-size:19px}.path{order:3}.ladder{margin:0 -12px;padding:8px 12px 6px}.more{order:4}.more-ics i:nth-child(n+3){display:none}.more-go{padding:0 10px;font-size:0;gap:0}.more-go .ic{font-size:14px}.mo-title b{font-size:17px}.mo-wrap{display:flex;flex-direction:column;gap:10px;margin-top:12px}.mo-list{flex:1;gap:16px}.mo-grid{grid-template-columns:1fr;gap:8px}.mo-card{padding:12px;gap:12px}.mo-card .mode-ic{width:40px;height:40px}.mo-c-d{font-size:12.5px}.mo-gh span{display:none}.mo-detail{flex:none;max-height:48vh;padding:14px 16px 12px;border-radius:20px 20px 18px 18px}.mo-good,.mo-stats{display:none}.mo-steps{gap:6px;margin-bottom:12px}.mo-steps li{font-size:13px}.mo-d-top{margin-bottom:10px}.mo-d-top h2{font-size:20px}.mode-ic.lg{width:44px;height:44px}.mo-what{font-size:14px;margin-bottom:12px}.region-grid{grid-template-columns:1fr}.region{display:grid;grid-template-columns:auto 1fr;gap:0 14px;align-items:center;padding:12px 14px}.region .flags{margin:0;grid-row:span 3;flex-direction:column}.region .flags svg{width:40px;height:24px}.region em{margin-top:6px;justify-self:start}.setup-card{padding:20px}.camp-steps li{font-size:0;padding:0 5px;gap:0}.camp-steps li.on{font-size:12px;padding-right:10px;gap:6px}.camp-stage{padding:16px;justify-content:flex-start}.camp-stage h2{font-size:21px}.arr .dot{width:16px;height:16px}.arr{gap:5px;padding:10px}.arr .row{gap:5px}.skip-track{grid-template-columns:repeat(4,minmax(0,1fr))}.skip-track .cell{height:44px;font-size:19px}.choice{min-width:80px;height:56px;font-size:24px}.duel-top{grid-template-columns:1fr 1fr;padding-right:0;gap:8px}.duel-mid{grid-column:1 / -1;grid-row:2;width:calc(100% - 44px);padding:8px 10px;margin-top:30px}.plate{padding:6px 8px;gap:8px}.p-right{padding:6px 8px}.plate-id b{font-size:13px}.rounds small{display:none}.portrait.sm{width:36px;height:36px;border-radius:10px}.charge{width:100%;padding:4px 6px;top:calc(100% + 5px)}.charge-lab span{display:none}.combo{top:calc(100% + 5px)}.pause-btn{top:auto;bottom:8px;right:0;width:36px;height:36px}.tug-cap{font-size:11px;margin-top:6px}.qcard{top:auto;bottom:calc(14px + var(--safe-b) + 4 * 56px + 3 * 8px + 16px + 12px);transform:translate(-50%);padding:12px 16px 10px;max-height:calc(100vh - 388px);overflow-y:auto}body[data-kp=choice] .qcard{bottom:calc(16px + var(--safe-b));max-height:calc(100vh - 140px)}.q-visual svg{max-height:150px}.q-choices button{min-height:50px;font-size:18px}.qcard.enter{animation:qIn3 .3s var(--spring)}@keyframes qIn3{0%{transform:translate(-50%,14px) scale(.94);opacity:0}}.qcard.bad{animation:none}.q-speed-row{margin-bottom:8px}.q-line{font-size:clamp(40px,13vw,56px);gap:10px}.q-fb{margin-top:4px;min-height:18px;font-size:13px}.q-array .dot{width:9px;height:9px}.chant-pick .grid{grid-template-columns:repeat(4,1fr)}.chant-board{grid-template-columns:1fr 1fr}.c-row{height:36px;font-size:18px;padding:0 10px}.pr-two{grid-template-columns:1fr}.modal-card{padding:20px}.map-grid{gap:2px}.map-grid .h{font-size:10px}.banner{top:30%}.sec-grid{grid-template-columns:1fr 1fr}.sec-tile{grid-template-columns:1fr;row-gap:4px}.sec-tile .sec-ic{grid-row:auto;width:36px;height:36px;font-size:18px}.sec-tile small{grid-column:1}.band-seg{display:flex}.band-seg button{flex:1;padding:0 6px}.q-choices{grid-template-columns:1fr 1fr}.map-skills{grid-template-columns:1fr}.keypad{width:min(360px,calc(100vw - 24px))}}@media (max-width: 400px){.chip-stat+.chip-stat{display:none}}@media (max-height: 560px) and (orientation: landscape){.home-grid{grid-template-rows:auto auto auto;align-content:end}.me-card,.row-h{display:none}.keypad button{height:42px;font-size:20px}.qcard{padding:10px 16px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.s-chal{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.ch-root{width:min(1000px,100%);margin:0 auto;display:flex;flex-direction:column;gap:14px;min-height:100%}.ch-top{display:flex;align-items:center;gap:12px}.ch-title{display:flex;flex-direction:column;gap:4px;min-width:0}.ch-title b{font:700 18px/1.1 var(--display);letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-conn{margin-left:auto;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:999px;font:600 12px/1 var(--font);background:var(--fill-2);border:1px solid var(--line);color:var(--muted)}.ch-conn:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.ch-conn[data-state=ok]{color:var(--green)}.ch-conn[data-state=wait]{color:var(--gold)}.ch-conn[data-state=wait]:before{animation:chPulse 1s infinite}.ch-conn[data-state=bad]{color:var(--red)}#mc-exit.arm{border-color:var(--pink);color:#ff8db1}.ch-input{width:100%;height:48px;padding:0 14px;border-radius:var(--r-md);background:#05081499;border:1px solid var(--line-2);color:var(--text);font:600 16px/1 var(--font);transition:border-color .15s,box-shadow .15s}.ch-input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #ffc83d2e}.ch-lab{font:600 11px/1 var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.ch-av{background-image:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--pc) 45%,transparent),transparent 70%);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--pc) 60%,transparent)}.ch-wait{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;color:var(--muted);font-size:14px}.ch-wait .ic{width:16px;height:16px}.ch-err{min-height:18px;margin:8px 0 0;color:#ff8db1;font-size:13px;font-weight:600}.ch-entry{display:grid;grid-template-columns:1.1fr 1fr;grid-template-areas:"hero me" "hero go";gap:14px}.ch-hero{grid-area:hero;padding:28px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative}.ch-hero h1{margin:18px 0;font:700 clamp(26px,4vw,36px)/1.08 var(--display);letter-spacing:-.03em}.ch-hero-art{position:relative;width:72px;height:72px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(145deg,#ffe08a,var(--gold) 50%,#ff9a1f);color:var(--gold-ink);box-shadow:0 18px 40px -16px #ffaa1ee6}.ch-hero-art .ic{width:36px;height:36px}.ch-orbit{position:absolute;inset:-14px;border-radius:30px;border:1px dashed rgba(255,200,61,.35);animation:chSpin 18s linear infinite}.ch-rules{list-style:none;margin:0;padding:0;display:grid;gap:12px}.ch-rules li{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:15px;line-height:1.35}.ch-rules li b{color:var(--text);font-weight:600}.ch-rules .ic{width:34px;height:34px;padding:8px;flex:none;border-radius:10px;background:var(--fill-2);color:var(--gold)}.ch-me{grid-area:me;padding:20px}.ch-me-row{display:flex;align-items:center;gap:16px;margin-top:12px}.ch-me-id{flex:1;display:grid;gap:8px;min-width:0}.ch-me-id .btn{justify-self:start}.ch-go{grid-area:go;padding:20px;display:flex;flex-direction:column;justify-content:center}.ch-or{display:flex;align-items:center;gap:10px;margin:16px 0;color:var(--dim);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.ch-or:before,.ch-or:after{content:"";flex:1;height:1px;background:var(--line-2)}.ch-join{display:flex;gap:8px}.ch-join .btn{height:48px;flex:none}.ch-code-in{font:800 20px/1 var(--num);letter-spacing:.3em;text-transform:uppercase;text-align:center}.ch-code-in::placeholder{font:600 13px/1 var(--font);letter-spacing:.14em;color:var(--dim)}.ch-picker{padding:20px;display:grid;gap:18px;width:min(720px,100%);margin:0 auto}.ch-skins{display:flex;gap:10px;justify-content:center}.ch-skin{width:36px;height:36px;border-radius:50%;background:var(--c);border:3px solid transparent;box-shadow:0 0 0 1px var(--line-2);transition:transform .15s var(--spring)}.ch-skin.sel{border-color:var(--gold);transform:scale(1.12)}.ch-models{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:10px}.ch-model{padding:6px;border-radius:16px;background:var(--fill-1);border:1.5px solid var(--line);transition:border-color .15s,transform .15s var(--spring),background .15s}.ch-model:hover{background:var(--fill-2)}.ch-model.sel{border-color:var(--gold);background:#ffc83d1a;transform:translateY(-2px)}.ch-model .portrait{width:100%;height:auto;aspect-ratio:1;--pc: var(--gold)}.ch-lobby{display:grid;grid-template-columns:320px 1fr;grid-template-areas:"code players" "topic topic" "start start";gap:14px;align-items:stretch}.ch-code-card{grid-area:code;padding:20px;text-align:center}.ch-code{display:flex;justify-content:center;gap:6px;margin:14px 0 16px}.ch-code i{font:800 30px/1 var(--num);font-style:normal;width:40px;height:52px;display:grid;place-items:center;border-radius:12px;background:#05081499;border:1px solid var(--line-2);color:var(--gold)}.ch-code-act{display:flex;justify-content:center}.ch-mode{display:flex;gap:8px;align-items:flex-start;margin:14px 0 0;padding:10px 12px;border-radius:12px;background:var(--fill-1);color:var(--muted);font-size:13px;line-height:1.4;text-align:left}.ch-mode b{color:var(--text)}.ch-mode .ic{width:16px;height:16px;flex:none;margin-top:1px;color:var(--cyan)}.ch-players{grid-area:players;padding:16px;display:flex;flex-direction:column;gap:12px}.ch-players>.btn{align-self:center}.ch-seats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ch-seat{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px 12px;border-radius:16px;background:var(--fill-1);border:1px solid var(--line);animation:chSeatIn .4s var(--spring)}.ch-seat .portrait{width:64px;height:64px;border-radius:18px}.ch-seat b{font-size:14px;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ch-seat b small{color:var(--muted);font-weight:500}.ch-seat.me{border-color:color-mix(in srgb,var(--pc) 55%,transparent);background:color-mix(in srgb,var(--pc) 8%,transparent)}.ch-seat.empty{animation:none;border-style:dashed;color:var(--dim)}.ch-seat.empty span{width:64px;height:64px;border-radius:18px;background:var(--fill-1)}.ch-seat.empty b{color:var(--dim);font-weight:500}.ch-host{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;gap:3px;font:700 10px/1 var(--font);font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}.ch-host .ic{width:12px;height:12px}.ch-topic{grid-area:topic;padding:18px}.ch-tpick{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.ch-tpick label{display:grid;gap:6px}.ch-tpick label.wide,.ch-tpick label[hidden]+label.wide{grid-column:1 / -1}.ch-tpick label[hidden]{display:none}.ch-tpick span{font:600 11px/1 var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.ch-tpick select{width:100%;height:44px;padding:0 34px 0 12px;border-radius:12px;background:#05081499 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ba4c4' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid var(--line-2);color:var(--text);font:600 14px/1 var(--font);appearance:none;-webkit-appearance:none}.ch-tpick select:focus{outline:none;border-color:var(--gold)}.ch-tpick select option{background:var(--surface-solid)}.ch-tsum{margin:10px 0 0;color:var(--muted);font-size:13px;min-height:16px}.ch-topic-show{display:flex;align-items:center;gap:12px;margin-top:12px}.ch-topic-show div{display:grid;gap:4px}.ch-topic-show small{color:var(--muted);font-size:13px}.ch-tag{min-width:52px;height:52px;padding:0 8px;display:grid;place-items:center;border-radius:14px;background:#ffc83d1f;color:var(--gold);font:800 18px/1 var(--num)}.ch-start{grid-area:start;position:sticky;bottom:0;padding:18px 0 4px;background:linear-gradient(180deg,transparent,var(--bg) 45%)}.ch-start .btn{box-shadow:0 16px 40px -14px #ffb41ecc}.ch-ptop{padding:8px 10px 8px 8px;width:min(640px,100%);margin:0 auto}.ch-ptop .ch-conn{margin-left:auto}.ch-ptop .drill-timer{margin-left:4px}.ch-ptop .ch-conn+.drill-timer{margin-left:4px}.ch-ptop .ch-title{flex:1}.ch-ptop .ch-conn[hidden]+.drill-timer{margin-left:auto}.ch-board{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:min(820px,100%);margin:0 auto}.ch-chip{position:relative;display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:14px;background:#0a0d1cb8;border:1.5px solid var(--line);backdrop-filter:blur(12px);transition:border-color .2s,transform .3s var(--spring),opacity .2s,box-shadow .2s}.ch-chip-t{display:grid;gap:2px}.ch-chip-t b{font-size:13px;font-weight:600;max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ch-pts{font:800 17px/1 var(--num);color:var(--pc);font-variant-numeric:tabular-nums}.ch-rank{font:700 11px/1 var(--font);font-style:normal;color:var(--dim);align-self:flex-start;padding-top:4px}.ch-chip.me{background:color-mix(in srgb,var(--pc) 10%,rgba(10,13,28,.8))}.ch-chip.turn{border-color:var(--pc);box-shadow:0 0 0 3px color-mix(in srgb,var(--pc) 25%,transparent),0 10px 30px -12px var(--pc);transform:translateY(-2px) scale(1.04)}.ch-chip.floor{border-color:#7df9ff99;animation:chFloor 1s ease-in-out infinite}.ch-chip.off{opacity:.45}.ch-chip.miss{animation:shake .4s}.ch-pop{position:absolute;top:-10px;right:-6px;padding:3px 7px;border-radius:999px;background:var(--green);color:#052e12;font:800 12px/1 var(--num);font-style:normal;opacity:0;pointer-events:none}.ch-chip.scored .ch-pop{animation:chPop 1.4s var(--ease) forwards}.ch-turn{display:flex;justify-content:center;min-height:34px}.ch-pill{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:999px;font:700 14px/1 var(--display);background:#0a0d1cc7;border:1px solid color-mix(in srgb,var(--pc, #fff) 50%,transparent);color:var(--pc, var(--text));backdrop-filter:blur(12px);animation:chSeatIn .35s var(--spring)}.ch-pill .ic{width:16px;height:16px}.ch-pill.mine{--pc: var(--gold)}.ch-pill.floor{--pc: var(--cyan-2)}.ch-last{position:fixed;z-index:21;left:50%;top:calc(150px + var(--safe-t));transform:translate(-50%);display:inline-flex;gap:6px;align-items:center;margin:0;padding:6px 12px;border-radius:999px;background:#ff4d8d29;border:1px solid rgba(255,77,141,.5);color:#ff8db1;font:700 13px/1 var(--font)}.ch-last .ic{width:14px;height:14px}.qcard.spectate{opacity:.92}.qcard.spectate .q-ansrow{opacity:.3}.qcard.spectate .q-choices button{cursor:default}.q-fb.wait{color:var(--muted)}.q-fb.info{color:var(--cyan-2)}.ch-end{display:flex;justify-content:center;padding:10px 0 20px}.ch-res{width:min(640px,100%);padding:26px;text-align:center}.ch-res .res-title{background:linear-gradient(180deg,#fff6d0,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.ch-tie{display:inline-flex;align-items:center;gap:6px;margin:4px 0 0;padding:5px 12px;border-radius:999px;background:#22d3ee1f;color:var(--cyan-2);font-size:13px;font-weight:600}.ch-tie .ic{width:14px;height:14px}.ch-podium{display:flex;justify-content:center;align-items:flex-end;gap:12px;margin:26px 0 18px}.ch-pod{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;width:120px;animation:chSeatIn .5s var(--spring) backwards}.ch-pod.r1{animation-delay:.3s}.ch-pod.r2{animation-delay:.15s}.ch-pod b{font-size:14px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ch-pod-s{font:800 20px/1 var(--num);color:var(--pc)}.ch-step{width:100%;display:grid;place-items:start center;padding-top:8px;border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,color-mix(in srgb,var(--pc) 30%,transparent),var(--fill-1));font:800 22px/1 var(--num);font-style:normal;color:var(--text)}.ch-pod.r1 .ch-step{height:86px}.ch-pod.r2 .ch-step{height:58px}.ch-pod.r3 .ch-step{height:40px}.ch-pod:not(.r1):not(.r2):not(.r3) .ch-step{height:40px}.ch-crown{position:absolute;top:-26px;color:var(--gold);filter:drop-shadow(0 6px 12px rgba(255,200,61,.6));animation:chBob 2s ease-in-out infinite}.ch-crown .ic{width:30px;height:30px}.ch-table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 14px}.ch-table th{padding:8px 6px;font:600 11px/1 var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);border-bottom:1px solid var(--line)}.ch-table td{padding:9px 6px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.ch-table td:nth-child(2){text-align:left;font-weight:600}.ch-table th:nth-child(2){text-align:left}.ch-table tr.me td{background:#ffc83d12}.ch-table tr.me td:first-child{box-shadow:inset 3px 0 0 var(--gold)}.ch-coins{display:inline-flex;align-items:center;gap:6px;margin:0 0 14px;color:var(--gold);font:700 15px/1 var(--display)}.ch-coins .ic{width:18px;height:18px}.ch-rev{margin:0 0 16px;text-align:left;border:1px solid var(--line);border-radius:14px;background:var(--fill-1)}.ch-rev summary{display:flex;align-items:center;gap:8px;padding:12px 14px;cursor:pointer;font-weight:600;list-style:none}.ch-rev summary::-webkit-details-marker{display:none}.ch-rev summary .ic{width:16px;height:16px;color:var(--gold)}.ch-rev ul{list-style:none;margin:0;padding:0 14px 10px;display:grid;gap:6px}.ch-rev li{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:10px;background:#05081480;font-size:14px}.ch-rev li b{color:var(--green);white-space:nowrap}.ch-clean{display:inline-flex;align-items:center;gap:6px;margin:0 0 16px;color:var(--green);font-weight:600}.ch-clean .ic{width:16px;height:16px}.ch-res .res-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}@keyframes chSpin{to{transform:rotate(360deg)}}@keyframes chPulse{50%{opacity:.3}}@keyframes chSeatIn{0%{opacity:0;transform:translateY(8px) scale(.94)}}@keyframes chFloor{50%{box-shadow:0 0 0 4px #7df9ff2e}}@keyframes chPop{0%{opacity:0;transform:translateY(6px) scale(.6)}15%{opacity:1;transform:translateY(-4px) scale(1.1)}70%{opacity:1;transform:translateY(-10px)}to{opacity:0;transform:translateY(-18px)}}@keyframes chBob{50%{transform:translateY(-4px)}}@media (max-width: 860px){.ch-entry{grid-template-columns:1fr;grid-template-areas:"hero" "me" "go"}.ch-hero{padding:22px}.ch-hero h1{margin:14px 0}.ch-lobby{grid-template-columns:1fr;grid-template-areas:"code" "players" "topic" "start"}.ch-seats{grid-template-columns:repeat(4,1fr)}}@media (max-width: 560px){.ch-seats{gap:6px}.ch-seat{padding:10px 4px 8px;gap:6px;border-radius:14px}.ch-seat .portrait,.ch-seat.empty span{width:48px;height:48px;border-radius:14px}.ch-seat b{font-size:12px}.ch-seat b small{display:none}.ch-host{top:4px;right:4px;font-size:0}.ch-host .ic{width:14px;height:14px}.ch-code i{width:36px;height:46px;font-size:26px}.ch-hero-art{width:56px;height:56px;border-radius:18px}.ch-hero-art .ic{width:28px;height:28px}.ch-rules li{font-size:14px}.ch-chip{padding:4px 8px 4px 4px;gap:6px}.ch-chip .portrait.sm{width:30px;height:30px;border-radius:9px}.ch-chip-t b{max-width:64px;font-size:12px}.ch-pts{font-size:15px}.ch-rank{display:none}.ch-pod{width:96px}.ch-res{padding:20px 14px}.ch-table th:nth-child(5),.ch-table td:nth-child(5){display:none}.ch-last{top:calc(130px + var(--safe-t))}}@media (prefers-reduced-motion: reduce){.ch-orbit,.ch-crown,.ch-chip.floor,.ch-conn[data-state=wait]:before{animation:none}}.ch-crumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0}.ch-crumb{display:flex;align-items:center;gap:8px;min-width:0;padding:8px;border-radius:12px;background:var(--fill-1);border:1px solid var(--line);text-align:left;color:var(--muted);transition:border-color .15s,background .15s}.ch-crumb i{flex:none;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--fill-3);font:800 12px/1 var(--num);font-style:normal;color:var(--text)}.ch-crumb i .ic{width:12px;height:12px}.ch-crumb span{display:grid;gap:2px;min-width:0}.ch-crumb small{font:600 10px/1 var(--font);letter-spacing:.08em;text-transform:uppercase}.ch-crumb b{font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-crumb.on{border-color:var(--gold);background:#ffc83d14;color:var(--gold)}.ch-crumb.on i{background:var(--gold);color:var(--gold-ink)}.ch-crumb.done i{background:var(--green);color:#052e12}.ch-crumb[disabled]{opacity:.5}.ch-opts{display:grid;gap:8px;max-height:300px;overflow-y:auto;padding:2px}.ch-opts.bands{grid-template-columns:repeat(3,1fr)}.ch-opts.secs{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.ch-opts.skills{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.ch-crumbs{max-width:560px}.ch-opt{display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 12px;border-radius:12px;background:var(--fill-1);border:1.5px solid var(--line);color:var(--text);text-align:left;transition:border-color .15s,background .15s,transform .12s var(--ease)}.ch-opt:hover{background:var(--fill-2);border-color:var(--line-2)}.ch-opt:active{transform:scale(.98)}.ch-opt b{font-size:14px;font-weight:600;line-height:1.25}.ch-opts.bands .ch-opt{flex-direction:column;justify-content:center;gap:4px;min-height:76px;text-align:center}.ch-opts.bands .ch-opt b{font:800 26px/1 var(--num);color:var(--gold)}.ch-opts.bands .ch-opt small{color:var(--muted);font-size:12px}.ch-opt.ch-sec i{flex:none;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--sc) 22%,transparent);color:var(--sc);font:800 16px/1 var(--num);font-style:normal}.ch-opt.ch-sec:hover{border-color:color-mix(in srgb,var(--sc) 60%,transparent)}.ch-opt.ch-skill em{margin-left:auto;font:700 10px/1 var(--font);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:var(--violet)}.ch-opt.ch-skill.sel{border-color:var(--gold);background:#ffc83d14}.ch-tag.sm{min-width:44px;height:32px;border-radius:9px;font-size:13px;flex:none}.ch-topic-show .ch-tchange{margin-left:auto;min-height:36px;padding:0 12px;font-size:13px}.ch-tcancel{margin-top:8px;width:100%;font-size:13px}.ch-share{margin:0 0 16px;padding:14px;border-radius:14px;background:var(--fill-1);border:1px solid var(--line)}.ch-share-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px}.ch-share-note{min-height:16px;margin:8px 0 0;color:var(--muted);font-size:13px}@media (max-width: 560px){.ch-crumb{padding:6px;gap:6px}.ch-crumb b{display:none}.ch-opts.secs{grid-template-columns:1fr 1fr}}.ch-share-note:empty{display:none}.ch-fmt{display:inline-grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px;padding:4px;border-radius:14px;background:#05081480;border:1px solid var(--line)}.ch-fmt-b{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;color:var(--muted);border:1px solid transparent;transition:background .15s,color .15s,border-color .15s}.ch-fmt-b .ic{width:18px;height:18px}.ch-fmt-b span{display:grid;text-align:left}.ch-fmt-b b{font-size:14px;font-weight:600}.ch-fmt-b small{font:700 10px/1.2 var(--font);letter-spacing:.08em}.ch-fmt-b:hover{color:var(--text)}.ch-fmt-b.sel{background:var(--fill-3);border-color:var(--line-2);color:var(--text)}.ch-fmt-b.sel small{color:var(--gold)}