:root{color-scheme:dark;--bg: #0b0e14;--bg-raise: #10141d;--surface: #141926;--surface-2: #1a2030;--border: rgba(148, 163, 197, .14);--border-strong: rgba(148, 163, 197, .26);--text: #e9ecf4;--text-muted: #9aa3b8;--text-faint: #848da6;--accent: #f6ac3d;--accent-strong: #ffc46b;--accent-ink: #241703;--accent-dim: color-mix(in srgb, var(--accent) 14%, transparent);--pause: #7f96c9;--pause-dim: rgba(127, 150, 201, .16);--good: #58d6a1;--danger: #f07d7d;--danger-dim: rgba(240, 125, 125, .12);--radius-sm: 8px;--radius: 13px;--radius-lg: 20px;--shadow: 0 12px 40px rgba(0, 0, 0, .45);--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background:radial-gradient(1100px 520px at 78% -12%,color-mix(in srgb,var(--accent) 7.5%,transparent),transparent 62%),radial-gradient(900px 600px at -10% 110%,rgba(127,150,201,.06),transparent 60%),var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;font-weight:650;line-height:1.2;letter-spacing:-.015em}p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}input,select{font:inherit}::selection{background:color-mix(in srgb,var(--accent) 35%,transparent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.container{width:min(1060px,100% - 2.5rem);margin-inline:auto}.page{padding:2.2rem 0 4rem}.page-title{font-size:1.45rem;margin-bottom:.35rem}.page-sub{color:var(--text-muted);font-size:.95rem;margin-bottom:1.8rem}.site-header{position:sticky;top:0;z-index:40;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:color-mix(in srgb,var(--bg) 82%,transparent);border-bottom:1px solid var(--border)}.site-header .container{display:flex;align-items:center;gap:1.6rem;height:62px}.brand{display:inline-flex;align-items:center;gap:.55rem;font-weight:700;font-size:1.02rem;letter-spacing:-.01em}.brand-mark{width:22px;height:22px;flex:none}.main-nav{display:flex;gap:.25rem;margin-left:.4rem}.main-nav a{padding:.42rem .85rem;border-radius:999px;color:var(--text-muted);font-size:.92rem;font-weight:550;transition:color .15s,background .15s}.main-nav a:hover{color:var(--text)}.main-nav a.active{color:var(--accent-strong);background:var(--accent-dim)}.header-spacer{flex:1}.header-user{color:var(--text-faint);font-size:.86rem;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-timer{display:inline-flex;align-items:center;gap:.45rem;padding:.3rem .85rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);color:var(--accent-strong);background:var(--accent-dim);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:620;flex:none}.mini-timer .status-dot{background:var(--accent);width:7px;height:7px;animation:pulse 2.2s ease-in-out infinite}.mini-timer.paused{border-color:#7f96c973;color:var(--pause);background:var(--pause-dim)}.mini-timer.paused .status-dot{background:var(--pause);animation:none}@media(max-width:760px){.site-header .container{gap:.5rem .8rem;flex-wrap:wrap;height:auto;min-height:56px;padding-block:.55rem}.header-user{display:none}.main-nav{margin-left:0;flex-wrap:wrap}.main-nav a{padding:.42rem .55rem;font-size:.86rem}}@media(max-width:470px){.brand span{display:none}.mini-timer{padding:.3rem .6rem;font-size:.8rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.62rem 1.25rem;border-radius:999px;font-weight:620;font-size:.95rem;line-height:1;border:1px solid transparent;transition:transform .08s,background .15s,border-color .15s,opacity .15s;-webkit-user-select:none;user-select:none}.btn:active{transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,var(--accent-strong),var(--accent));color:var(--accent-ink);box-shadow:0 6px 22px color-mix(in srgb,var(--accent) 28%,transparent)}.btn-primary:hover{filter:brightness(1.06)}.btn-ghost{border-color:var(--border-strong);color:var(--text);background:transparent}.btn-ghost:hover{background:#94a3c514}.btn-danger{background:var(--danger-dim);color:var(--danger);border-color:#f07d7d59}.btn-danger:hover{background:#f07d7d33}.btn-lg{padding:.85rem 1.9rem;font-size:1.05rem}.btn-sm{padding:.35rem .8rem;font-size:.84rem}.kbd{display:inline-block;padding:.05rem .42rem;border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:5px;font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);background:var(--surface)}.card{background:linear-gradient(180deg,var(--surface),var(--bg-raise));border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}.card-title{font-size:.82rem;font-weight:650;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin-bottom:1rem}.tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.9rem}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.95rem 1.1rem}.tile-label{font-size:.78rem;color:var(--text-faint);font-weight:550;letter-spacing:.02em}.tile-value{font-size:1.45rem;font-weight:680;font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-top:.15rem}.tile-value.accent{color:var(--accent-strong)}.tile-value.pause{color:var(--pause)}.tile-hint{font-size:.76rem;color:var(--text-faint);margin-top:.1rem}.session-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:1.2rem;align-items:start}@media(max-width:860px){.session-layout{grid-template-columns:1fr}}.timer-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.6rem 1.5rem 2.2rem;position:relative;overflow:hidden}.timer-card:before{content:"";position:absolute;inset:-40% -20% auto;height:70%;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 9%,transparent),transparent);pointer-events:none;opacity:0;transition:opacity .6s}.timer-card.is-running:before{opacity:1}.status-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.32rem .9rem;border-radius:999px;border:1px solid var(--border);font-size:.84rem;font-weight:570;color:var(--text-muted);background:var(--surface)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-faint);flex:none}.status-chip.running{color:var(--accent-strong);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.status-chip.running .status-dot{background:var(--accent);animation:pulse 2.2s ease-in-out infinite}.status-chip.paused{color:var(--pause);border-color:#7f96c973}.status-chip.paused .status-dot{background:var(--pause)}@keyframes pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--accent) 50%,transparent)}55%{box-shadow:0 0 0 7px transparent}}.timer-clock{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:clamp(3.4rem,10vw,5.4rem);font-weight:640;letter-spacing:-.02em;line-height:1.05;margin:1.4rem 0 .2rem}.timer-clock.paused{color:var(--text-faint)}.timer-sub{color:var(--text-muted);font-size:.95rem;font-variant-numeric:tabular-nums}.timer-sub .sep{color:var(--text-faint);margin:0 .45rem}.timer-actions{display:flex;gap:.8rem;margin-top:1.9rem;flex-wrap:wrap;justify-content:center}.detector-note{margin-top:1.5rem;font-size:.8rem;color:var(--text-faint)}.detector-note button{color:var(--accent-strong);text-decoration:underline;text-underline-offset:3px}.goal-ring-wrap{display:flex;align-items:center;gap:1.1rem}.goal-ring{flex:none}.goal-ring .track{stroke:#94a3c526}.goal-ring .fill{stroke:var(--accent);transition:stroke-dashoffset .8s ease}.goal-ring text{fill:var(--text);font-family:var(--font);font-weight:680;font-variant-numeric:tabular-nums}.goal-meta .big{font-size:1.15rem;font-weight:660;font-variant-numeric:tabular-nums}.goal-meta .sub{font-size:.82rem;color:var(--text-muted)}.stat-rows{display:flex;flex-direction:column;margin-top:1.1rem}.stat-row{display:flex;justify-content:space-between;align-items:baseline;padding:.55rem 0;border-top:1px solid var(--border);font-size:.92rem}.stat-row .label{color:var(--text-muted)}.stat-row .value{font-weight:640;font-variant-numeric:tabular-nums}.modal-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1.2rem;background:#05070bb8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fade-in .18s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{width:min(420px,100%);background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:2rem 1.8rem 1.8rem;text-align:center;animation:modal-pop .22s cubic-bezier(.2,.9,.3,1.2)}@keyframes modal-pop{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}.modal h2{font-size:1.35rem;margin-bottom:.5rem}.modal .modal-text{color:var(--text-muted);font-size:.94rem;margin-bottom:1.4rem}.grace-ring-wrap{display:flex;justify-content:center;margin-bottom:1.3rem}.grace-ring .track{stroke:#94a3c529}.grace-ring .fill{stroke:var(--accent);transition:stroke-dashoffset 1s linear}.grace-ring text{fill:var(--text);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:650}.pause-facts{display:flex;justify-content:center;gap:2.2rem;margin:.2rem 0 1.4rem}.pause-facts .label{font-size:.76rem;color:var(--text-faint);letter-spacing:.04em;text-transform:uppercase}.pause-facts .value{font-size:1.15rem;font-weight:660;font-variant-numeric:tabular-nums;color:var(--pause)}.modal .btn{width:100%}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1.2rem}.auth-card{width:min(400px,100%)}.auth-card .brand{justify-content:center;display:flex;margin-bottom:1.6rem;font-size:1.15rem}.field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.05rem}.field label{font-size:.86rem;font-weight:570;color:var(--text-muted)}.input{background:var(--bg-raise);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.62rem .85rem;color:var(--text);transition:border-color .15s;width:100%}.input:focus{outline:none;border-color:var(--accent)}.form-error{background:var(--danger-dim);border:1px solid rgba(240,125,125,.35);color:var(--danger);border-radius:var(--radius-sm);padding:.6rem .85rem;font-size:.87rem;margin-bottom:1.05rem}.auth-switch{text-align:center;margin-top:1.2rem;font-size:.88rem;color:var(--text-muted)}.auth-switch button{color:var(--accent-strong);font-weight:600;margin-left:.35rem}.range{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:var(--surface-2);outline-offset:6px}.range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent);border:3px solid var(--bg);box-shadow:0 0 0 1px var(--accent);cursor:grab}.range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);border:3px solid var(--bg);box-shadow:0 0 0 1px var(--accent);cursor:grab}.preset-row{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.6rem}.preset{padding:.28rem .75rem;border-radius:999px;border:1px solid var(--border-strong);font-size:.8rem;color:var(--text-muted);transition:all .12s}.preset:hover{color:var(--text)}.preset.active{background:var(--accent-dim);border-color:color-mix(in srgb,var(--accent) 50%,transparent);color:var(--accent-strong)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.toggle-row .toggle-text .t-label{font-weight:570;font-size:.95rem}.toggle-row .toggle-text .t-sub{font-size:.82rem;color:var(--text-faint)}.switch{position:relative;width:46px;height:26px;flex:none}.switch input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.switch .track-el{position:absolute;inset:0;border-radius:999px;background:var(--surface-2);border:1px solid var(--border-strong);transition:background .15s,border-color .15s;pointer-events:none}.switch .thumb{position:absolute;top:4px;left:4px;width:18px;height:18px;border-radius:50%;background:var(--text-muted);transition:transform .18s,background .15s;pointer-events:none}.switch input:checked~.track-el{background:var(--accent-dim);border-color:color-mix(in srgb,var(--accent) 55%,transparent)}.switch input:checked~.thumb{transform:translate(20px);background:var(--accent)}.switch input:focus-visible~.track-el{outline:2px solid var(--accent);outline-offset:2px}.seg-control{display:inline-flex;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:3px;gap:2px}.seg-control button{padding:.38rem 1.05rem;border-radius:999px;font-size:.88rem;font-weight:570;color:var(--text-muted);transition:all .14s}.seg-control button.active{background:var(--accent);color:var(--accent-ink)}.stats-header-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.4rem}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:1.2rem}@media(max-width:860px){.charts-grid{grid-template-columns:1fr}}.chart-svg{width:100%;height:auto;display:block}.chart-svg .axis-label{fill:var(--text-faint);font-size:12.5px;font-family:var(--font)}.chart-svg .grid-line{stroke:#94a3c51a}.chart-legend{display:flex;gap:1.2rem;margin-top:.7rem;font-size:.8rem;color:var(--text-muted)}.chart-legend .swatch{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:.4rem;vertical-align:baseline}.chart-empty{color:var(--text-faint);font-size:.9rem;text-align:center;padding:2.6rem 0}.grade-0{--tier: #9b8672;--tier-hi: #c2ad96;--tier-lo: #6b5b4c;--tier-glow: rgba(155, 134, 114, .28);--flame-amp: .55;--flame-speed: 4.2s}.grade-1{--tier: #d09a62;--tier-hi: #eec29a;--tier-lo: #96683d;--tier-glow: rgba(208, 154, 98, .32);--flame-amp: .78;--flame-speed: 3.6s}.grade-2{--tier: #f0913f;--tier-hi: #ffc084;--tier-lo: #b05f22;--tier-glow: rgba(240, 145, 63, .36);--flame-amp: 1;--flame-speed: 3.1s}.grade-3{--tier: #f6ac3d;--tier-hi: #ffd58a;--tier-lo: #b47624;--tier-glow: color-mix(in srgb, var(--accent) 42%, transparent);--flame-amp: 1.2;--flame-speed: 2.6s}.grade-4{--tier: #ffc95e;--tier-hi: #ffe9b3;--tier-lo: #c08c2e;--tier-glow: rgba(255, 201, 94, .48);--flame-amp: 1.45;--flame-speed: 2.2s}.grade-5{--tier: #ffe9b8;--tier-hi: #fff8e8;--tier-lo: #d9b366;--tier-glow: rgba(255, 233, 184, .55);--flame-amp: 1.75;--flame-speed: 1.85s}.tier-c0{--tier: #5a6274;--tier-hi: #7a8296;--tier-lo: #3a4152;--tier-glow: rgba(90, 98, 116, 0)}.tier-c1{--tier: #cd8f57;--tier-hi: #f0bf94;--tier-lo: #8c5a2e;--tier-glow: rgba(205, 143, 87, .32)}.tier-c2{--tier: #c6cede;--tier-hi: #eef2f8;--tier-lo: #8892a6;--tier-glow: rgba(198, 206, 222, .3)}.tier-c3{--tier: #f2c14e;--tier-hi: #ffe9a8;--tier-lo: #b3862a;--tier-glow: rgba(242, 193, 78, .4)}.tier-c4{--tier: #a8dbe8;--tier-hi: #e2f6fb;--tier-lo: #6da4b4;--tier-glow: rgba(168, 219, 232, .36)}.tier-c5{--tier: #b9a8ff;--tier-hi: #e6ddff;--tier-lo: #7a68c8;--tier-glow: rgba(185, 168, 255, .42)}.gamify-head{display:flex;align-items:baseline;justify-content:space-between;gap:.8rem;flex-wrap:wrap;margin-bottom:1.1rem}.gamify-sub{font-size:.76rem;color:var(--text-faint)}.gamify-grid{display:grid;grid-template-columns:minmax(280px,1.15fr) 1fr 1fr;gap:.9rem}.gamify-grid .grade-card{grid-row:1 / span 2}.gamify-grid .streak-card{grid-column:2 / -1}@media(max-width:940px){.gamify-grid{grid-template-columns:1fr 1fr}.gamify-grid .grade-card{grid-row:auto;grid-column:1 / -1}.gamify-grid .streak-card{grid-column:1 / -1}}@media(max-width:560px){.gamify-grid{grid-template-columns:1fr}.gamify-grid .streak-card{grid-column:auto}}.anim-1,.anim-2,.anim-3,.anim-4{animation:rise-in .55s cubic-bezier(.2,.7,.3,1) backwards}.anim-2{animation-delay:.08s}.anim-3{animation-delay:.16s}.anim-4{animation-delay:.24s}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}}.grade-card{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem 1.4rem 1.3rem;border-radius:var(--radius);background:radial-gradient(340px 200px at 50% -10%,var(--tier-glow),transparent 70%),linear-gradient(180deg,var(--surface),var(--bg-raise));border:1px solid color-mix(in srgb,var(--tier) 26%,var(--border))}.emblem-zone{position:relative;padding:.3rem 0 .1rem}.grade-emblem{display:block;overflow:visible;filter:drop-shadow(0 10px 28px var(--tier-glow));animation:emblem-float 5.5s ease-in-out infinite}@keyframes emblem-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(.4deg)}}.grade-emblem .em-bezel{animation:bezel-shimmer calc(var(--flame-speed, 3s) * 2.4) ease-in-out infinite}@keyframes bezel-shimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.14)}}.grade-emblem .em-flame{transform-box:view-box;transform-origin:60px 101px}.grade-emblem .em-aura{transform-box:view-box;transform-origin:60px 101px;opacity:.5;animation:flame-lick var(--flame-speed, 3s) ease-in-out infinite}.grade-emblem .em-gem{transform-box:view-box;transform-origin:60px 101px;animation:flame-lick calc(var(--flame-speed, 3s) * .86) ease-in-out infinite}.grade-emblem .em-inner{transform-box:view-box;transform-origin:60px 95px;animation:flame-lick-fast calc(var(--flame-speed, 3s) * .62) ease-in-out infinite}.grade-emblem .em-core{transform-box:view-box;transform-origin:60px 82px;animation:core-throb calc(var(--flame-speed, 3s) * .7) ease-in-out infinite}.grade-emblem .em-tip{transform-box:view-box;transform-origin:60px 40px;animation:tip-flick calc(var(--flame-speed, 3s) * .5) ease-in-out infinite}.grade-emblem .em-spec{animation:spec-shift var(--flame-speed, 3s) ease-in-out infinite}@keyframes flame-lick{0%,to{transform:scaleY(1) scaleX(1) skew(0) translateY(0)}30%{transform:scaleY(calc(1 + .07 * var(--flame-amp, 1))) scaleX(calc(1 - .03 * var(--flame-amp, 1))) skew(calc(3deg * var(--flame-amp, 1))) translateY(calc(-1.5px * var(--flame-amp, 1)))}65%{transform:scaleY(calc(1 - .03 * var(--flame-amp, 1))) scaleX(calc(1 + .04 * var(--flame-amp, 1))) skew(calc(-2.5deg * var(--flame-amp, 1))) translateY(0)}}@keyframes flame-lick-fast{0%,to{transform:scaleY(1) skew(0);opacity:.95}40%{transform:scaleY(calc(1 + .1 * var(--flame-amp, 1))) skew(calc(-4deg * var(--flame-amp, 1)));opacity:1}70%{transform:scaleY(calc(1 - .04 * var(--flame-amp, 1))) skew(calc(3deg * var(--flame-amp, 1)));opacity:.85}}@keyframes core-throb{0%,to{transform:scale(.85);opacity:.75}50%{transform:scale(calc(1 + .12 * var(--flame-amp, 1)));opacity:1}}@keyframes tip-flick{0%,to{transform:translate(0) scale(.7);opacity:.6}35%{transform:translate(calc(2px * var(--flame-amp, 1)),calc(-3px * var(--flame-amp, 1))) scale(1);opacity:1}70%{transform:translate(calc(-1.5px * var(--flame-amp, 1)),calc(-1px * var(--flame-amp, 1))) scale(.85);opacity:.8}}@keyframes spec-shift{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:.9;transform:translateY(-2px)}}.grade-emblem .em-glint{transform-box:view-box;animation:emblem-glint calc(var(--flame-speed, 3s) * 2.6) ease-in-out infinite}@keyframes emblem-glint{0%,62%,to{transform:translate(0) skew(-16deg)}76%{transform:translate(150px) skew(-16deg)}}.grade-emblem .em-halo{transform-box:view-box;transform-origin:60px 66px;animation:halo-pulse calc(var(--flame-speed, 3s) * 1.6) ease-in-out infinite}@keyframes halo-pulse{0%,to{opacity:.7;transform:scale(.94)}50%{opacity:1;transform:scale(1.05)}}.grade-emblem .em-beams{transform-box:view-box;transform-origin:60px 66px;animation:beams-turn 14s linear infinite}@keyframes beams-turn{0%{transform:rotate(0);opacity:.4}50%{opacity:.7}to{transform:rotate(360deg);opacity:.4}}.grade-emblem .em-sparkle{transform-box:view-box;animation:sparkle-twinkle 3.4s ease-in-out infinite}@keyframes sparkle-twinkle{0%,to{opacity:0}8%{opacity:.95}20%{opacity:.2}30%{opacity:0}}.grade-emblem .em-pip.on{filter:drop-shadow(0 0 3px var(--tier-glow))}.grade-emblem.compact{animation:none;filter:drop-shadow(0 0 6px var(--tier-glow))}.ember{position:absolute;bottom:22px;border-radius:50%;background:var(--tier-hi);box-shadow:0 0 8px var(--tier-glow);opacity:0;animation:ember-rise 3s linear infinite;pointer-events:none}@keyframes ember-rise{0%{transform:translate(0) scale(1);opacity:0}12%{opacity:.9}60%{opacity:.55}to{transform:translate(9px,-105px) scale(.25);opacity:0}}.grade-name{margin-top:.5rem;font-size:1.55rem;font-weight:760;letter-spacing:-.02em;color:var(--tier-hi);text-shadow:0 0 26px var(--tier-glow)}.grade-rank{font-size:.72rem;font-weight:620;text-transform:uppercase;letter-spacing:.12em;color:var(--text-faint);margin-top:.15rem}.grade-days{margin-top:.95rem;font-size:.92rem;color:var(--text-muted)}.grade-days .big{font-size:1.4rem;font-weight:720;color:var(--text);font-variant-numeric:tabular-nums;margin-right:.15rem}.grade-days .dim{color:var(--text-faint)}.grade-next{font-size:.78rem;color:var(--text-muted);margin-top:.55rem}.meter{height:5px;border-radius:999px;background:var(--surface-2);overflow:hidden;margin-top:.45rem}.meter>span{display:block;height:100%;border-radius:999px;background:var(--accent)}.tier-meter{width:100%;height:6px;background:color-mix(in srgb,var(--tier) 14%,var(--surface-2))}.tier-meter>span{background:linear-gradient(90deg,var(--tier),var(--tier-hi));animation:meter-grow 1.1s cubic-bezier(.2,.7,.3,1)}@keyframes meter-grow{0%{width:0}}.tier-track{display:flex;width:100%;margin-top:1.25rem;position:relative}.tier-track:before{content:"";position:absolute;top:5px;left:8%;right:8%;height:2px;background:#94a3c529}.tier-node{flex:1;display:flex;flex-direction:column;align-items:center;gap:.3rem;position:relative;z-index:1}.tier-node .dot{width:12px;height:12px;border-radius:50%;background:var(--surface-2);border:2px solid rgba(148,163,197,.3)}.tier-node.done .dot{background:var(--tier);border-color:var(--tier)}.tier-node.current .dot{animation:node-pulse 2.4s ease-in-out infinite}@keyframes node-pulse{0%,to{box-shadow:0 0 0 3px color-mix(in srgb,var(--tier) 28%,transparent)}50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--tier) 10%,transparent)}}.tier-node .t-name{font-size:.58rem;color:var(--text-faint);letter-spacing:.02em}.tier-node.current .t-name{color:var(--tier-hi);font-weight:680}@media(max-width:480px){.tier-node .t-name{display:none}.tier-node.current .t-name{display:block}}.streak-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.05rem 1.2rem;display:flex;flex-direction:column;gap:.85rem}.streak-main{display:flex;align-items:center;gap:.9rem}.streak-flame{color:var(--text-faint);flex:none}.streak-card.lit .streak-flame{color:var(--accent);filter:drop-shadow(0 0 14px color-mix(in srgb,var(--accent) 55%,transparent));animation:flame-flicker 2.8s ease-in-out infinite;transform-origin:50% 85%}@keyframes flame-flicker{0%,to{transform:scale(1) rotate(0)}30%{transform:scale(1.07) rotate(-2deg)}62%{transform:scale(.96) rotate(1.6deg)}}.streak-count .big{font-size:1.65rem;font-weight:750;font-variant-numeric:tabular-nums;margin-right:.2rem}.streak-label{font-size:.72rem;font-weight:620;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint)}.week-dots{display:flex;gap:.45rem}.week-dot{flex:1;display:flex;flex-direction:column;align-items:center;gap:.28rem;min-width:0}.wd-fill{width:100%;max-width:40px;aspect-ratio:1;border-radius:10px;background:var(--surface-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:750;color:var(--accent-ink);transition:transform .15s}.week-dot.hit .wd-fill{background:linear-gradient(180deg,var(--accent-strong),var(--accent));border-color:transparent;box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 35%,transparent)}.week-dot.hit:hover .wd-fill{transform:scale(1.08)}.week-dot.today .wd-fill{outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:2px}.wd-letter{font-size:.62rem;text-transform:uppercase;color:var(--text-faint)}.streak-hint{font-size:.78rem;color:var(--text-muted)}.medal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.05rem 1.15rem;display:flex;gap:.95rem;align-items:flex-start;transition:transform .16s,border-color .16s,box-shadow .16s}.medal-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--tier) 40%,var(--border));box-shadow:0 10px 30px #00000059}.medal{position:relative;width:58px;height:58px;flex:none;border-radius:50%}.medal-disc{position:absolute;inset:0;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#120e06c7;background:radial-gradient(circle at 32% 28%,var(--tier-hi),var(--tier) 58%,var(--tier-lo));box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--tier-hi) 60%,transparent),inset 0 -8px 14px color-mix(in srgb,var(--tier-lo) 55%,transparent),0 6px 20px var(--tier-glow)}.medal.locked .medal-disc{background:var(--surface-2);border:1.5px dashed var(--border-strong);box-shadow:none;color:var(--text-faint)}.medal-shine{position:absolute;inset:0;border-radius:50%;overflow:hidden;pointer-events:none}.medal-shine:after{content:"";position:absolute;top:-25%;bottom:-25%;left:-80%;width:45%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.55),transparent);transform:skew(-18deg);animation:medal-sweep 5.4s ease-in-out infinite}.anim-4 .medal-shine:after{animation-delay:1.4s}@keyframes medal-sweep{0%{left:-80%}16%{left:135%}to{left:135%}}.medal-info{flex:1;min-width:0}.m-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.m-title{font-weight:660;font-size:.95rem}.m-tier{font-size:.76rem;font-weight:740;text-transform:uppercase;letter-spacing:.07em;color:var(--tier-hi);text-shadow:0 0 16px var(--tier-glow)}.m-tier.locked{color:var(--text-faint);text-shadow:none}.m-stat{font-size:.8rem;color:var(--text-muted);margin-top:.3rem}.m-stat strong{color:var(--text);font-size:.95rem;font-variant-numeric:tabular-nums}.m-next{font-size:.72rem;color:var(--text-faint);margin-top:.4rem}.session-table{margin-top:1.2rem}.day-group-label{font-size:.8rem;font-weight:650;color:var(--text-faint);text-transform:uppercase;letter-spacing:.07em;margin:1.3rem 0 .5rem}.session-row{display:flex;align-items:center;gap:1.1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1.05rem;margin-bottom:.5rem;font-size:.9rem}.session-row .time{font-variant-numeric:tabular-nums;color:var(--text-muted);min-width:88px}.session-row .metric{font-variant-numeric:tabular-nums;font-weight:600}.session-row .metric.focus{color:var(--accent-strong)}.session-row .metric.pause{color:var(--pause)}.session-row .metric small{display:block;font-size:.72rem;font-weight:500;color:var(--text-faint)}.session-row .spacer{flex:1}.session-row .resumes{font-size:.8rem;color:var(--text-faint);font-variant-numeric:tabular-nums}@media(max-width:560px){.session-row{flex-wrap:wrap;row-gap:.4rem;column-gap:.85rem}.session-row .time{min-width:62px}.session-row .btn-sm{padding:.45rem .85rem}}.toast-stack{position:fixed;bottom:1.4rem;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:.5rem;align-items:center;pointer-events:none}.toast{pointer-events:auto;background:var(--surface-2);border:1px solid var(--border-strong);color:var(--text);border-radius:999px;padding:.6rem 1.3rem;font-size:.9rem;font-weight:550;box-shadow:var(--shadow);animation:toast-in .25s cubic-bezier(.2,.9,.3,1.15);display:flex;align-items:center;gap:.55rem;max-width:min(480px,90vw)}.toast.error{border-color:#f07d7d80;color:var(--danger)}.toast.success{border-color:#58d6a173}.toast.success:before{content:"✓";color:var(--good);font-weight:700}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.landing-header{position:absolute;top:0;left:0;right:0;z-index:10}.landing-header .container{display:flex;align-items:center;justify-content:space-between;height:76px}.hero{min-height:88vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:7rem 0 4rem}.hero-inner{position:relative;max-width:640px}.hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.82rem;font-weight:600;color:var(--accent-strong);background:var(--accent-dim);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);padding:.3rem .9rem;border-radius:999px;margin-bottom:1.4rem}.hero h1{font-size:clamp(2.4rem,6vw,3.6rem);letter-spacing:-.03em;line-height:1.08;margin-bottom:1.1rem}.hero h1 em{font-style:normal;color:var(--accent-strong)}.hero .lede{font-size:1.12rem;color:var(--text-muted);margin-bottom:2rem;max-width:540px}.hero-actions{display:flex;gap:.9rem;flex-wrap:wrap}.hero-figure{position:absolute;right:-40px;top:50%;transform:translateY(-50%) rotate(2deg);width:380px;max-width:42vw;opacity:.92;pointer-events:none}@media(max-width:980px){.hero-figure{display:none}}.features{padding:3rem 0 5rem}.features h2{font-size:1.6rem;margin-bottom:.5rem}.features .section-sub{color:var(--text-muted);margin-bottom:2rem;max-width:560px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}.feature-card .f-icon{width:38px;height:38px;border-radius:10px;background:var(--accent-dim);color:var(--accent-strong);display:flex;align-items:center;justify-content:center;margin-bottom:.9rem}.feature-card h3{font-size:1.02rem;margin-bottom:.4rem}.feature-card p{font-size:.88rem;color:var(--text-muted)}.steps{counter-reset:step;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:2rem}.step{counter-increment:step;position:relative;padding-left:0}.step:before{content:counter(step,decimal-leading-zero);font-family:var(--font-mono);font-size:.85rem;color:var(--accent-strong);display:block;margin-bottom:.5rem}.step h4{font-size:.98rem;margin-bottom:.3rem}.step p{font-size:.86rem;color:var(--text-muted)}.site-footer{border-top:1px solid var(--border);padding:1.6rem 0 2.2rem;color:var(--text-faint);font-size:.84rem}.loading-screen{min-height:60vh;display:flex;align-items:center;justify-content:center;color:var(--text-faint);gap:.7rem}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--border-strong);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root[data-theme=ember]{--accent: #ff7a59;--accent-strong: #ff9d82;--accent-ink: #2b0f06;--bg: #120c0c;--bg-raise: #171010;--surface: #1d1416;--surface-2: #241a1d}:root[data-theme=forest]{--accent: #4fd39a;--accent-strong: #7fe6b8;--accent-ink: #062318;--bg: #0a100d;--bg-raise: #0e1511;--surface: #121b16;--surface-2: #17221c}:root[data-theme=ocean]{--accent: #55b9f0;--accent-strong: #8ad2ff;--accent-ink: #06202e;--bg: #090e15;--bg-raise: #0d131c;--surface: #111a26;--surface-2: #162230}:root[data-theme=violet]{--accent: #a78bfa;--accent-strong: #c4b0ff;--accent-ink: #1b1038;--bg: #0d0b15;--bg-raise: #120f1c;--surface: #171426;--surface-2: #1d1a30}:root[data-theme=aurora]{--accent: #ffd98a;--accent-strong: #fff0c4;--accent-ink: #2b1d04;--bg: #0d0e12;--bg-raise: #121319;--surface: #161a22;--surface-2: #1c212c}:root[data-theme=fire]{--accent: #ff6b1f;--accent-strong: #ff9c54;--accent-ink: #2b1000;--bg: #130a06;--bg-raise: #180d08;--surface: #1e130e;--surface-2: #251913}:root[data-theme=jungle]{--accent: #6fce4e;--accent-strong: #a4e87e;--accent-ink: #0f2606;--bg: #0a120a;--bg-raise: #0e170c;--surface: #13200f;--surface-2: #182714}:root[data-theme=polar]{--accent: #9fdcff;--accent-strong: #d3f0ff;--accent-ink: #06222f;--bg: #080e16;--bg-raise: #0c131d;--surface: #101b28;--surface-2: #152233}:root[data-theme=street]{--accent: #ff5fa8;--accent-strong: #ff92c5;--accent-ink: #33081d;--bg: #0d0a10;--bg-raise: #120d17;--surface: #171021;--surface-2: #1d1529}:root[data-theme=space]{--accent: #8fa8ff;--accent-strong: #bac9ff;--accent-ink: #0d1233;--bg: #05060f;--bg-raise: #090b16;--surface: #0f1322;--surface-2: #141a2e}:root[data-theme=future]{--accent: #22e0e8;--accent-strong: #7ff5f9;--accent-ink: #04262a;--bg: #060b12;--bg-raise: #0a1119;--surface: #0c1520;--surface-2: #111d2b}:root[data-theme=dragon]{--accent: #ff5346;--accent-strong: #ff8a76;--accent-ink: #2e0705;--bg: #120708;--bg-raise: #170b0c;--surface: #1d0e10;--surface-2: #241316}:root[data-theme=abyss]{--accent: #38c8c2;--accent-strong: #7fe6df;--accent-ink: #032a28;--bg: #04101a;--bg-raise: #071624;--surface: #0a1c2b;--surface-2: #0e2436}:root[data-theme=storm]{--accent: #a5b8ff;--accent-strong: #d0dcff;--accent-ink: #131b45;--bg: #0a0d18;--bg-raise: #0f1320;--surface: #141a2c;--surface-2: #1a2138}:root[data-theme=sakura]{--accent: #ff9ec0;--accent-strong: #ffc7da;--accent-ink: #3a0f22;--bg: #150d13;--bg-raise: #1a1119;--surface: #221521;--surface-2: #2a1a28}.header-id{display:inline-flex;align-items:center;gap:.55rem;padding:.2rem .55rem .2rem .2rem;border-radius:999px;transition:background .15s}.header-id:hover{background:#94a3c514}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;flex:none;background:radial-gradient(circle at 32% 28%,var(--av-a),var(--av-b));box-shadow:inset 0 0 0 1.5px #ffffff2e,inset 0 -6px 10px #00000040}.avatar.locked{filter:grayscale(.9) brightness(.6)}.av-spark{--av-a: #ffc46b;--av-b: #b3671d}.av-moon{--av-a: #5a6b96;--av-b: #232c48}.av-wisp{--av-a: #ff9d70;--av-b: #96421d}.av-target{--av-a: #f0913f;--av-b: #8e4a14}.av-zen{--av-a: #4fd39a;--av-b: #135c3e}.av-flame{--av-a: #ff8a4d;--av-b: #a33d12}.av-owl{--av-a: #7f96c9;--av-b: #2c3a63}.av-hourglass{--av-a: #c9a25e;--av-b: #5f4517}.av-phoenix{--av-a: #ff7a59;--av-b: #7d1f0e}.av-diamond{--av-a: #8ad2ff;--av-b: #275a80}.av-keeper{--av-a: #ffd98a;--av-b: #7a5a1a}.av-cat{--av-a: #8a93c9;--av-b: #39406e}.av-frog{--av-a: #a8e06b;--av-b: #42761f}.av-bunny{--av-a: #f4b0d4;--av-b: #7e3f66}.av-fox{--av-a: #7cc25a;--av-b: #2c5220}.av-astro{--av-a: #8fa8ff;--av-b: #2b3a80}.av-panda{--av-a: #7fd1a8;--av-b: #276b4a}.av-penguin{--av-a: #9fd6ff;--av-b: #2e5d8a}.av-wizard{--av-a: #b493f5;--av-b: #43307e}.av-monk{--av-a: #ffd58f;--av-b: #8a5a1c}.av-ninja{--av-a: #8a97b8;--av-b: #323c5c}.av-koala{--av-a: #9fb8a8;--av-b: #3f5d4c}.av-bee{--av-a: #ffd95e;--av-b: #8a6a12}.av-knight{--av-a: #7d89a8;--av-b: #2c3550}.av-whale{--av-a: #7fb9e6;--av-b: #24507c}.av-dragonling{--av-a: #ff9a7e;--av-b: #58170e}.av-sloth{--av-a: #c9a880;--av-b: #5f4a32}.av-polarbear{--av-a: #9cd3e8;--av-b: #2c5a78}.avatar svg .avp{transform-box:fill-box;transform-origin:50% 50%}.avp-blink{animation:av-blink 4.4s ease-in-out infinite}.avp-blink-slow{animation:av-blink 6.2s ease-in-out infinite}.avatar.locked svg .avp{animation-play-state:paused}.avatar svg .avp-ear{transform-origin:50% 100%;animation:av-ear-twitch 5.2s ease-in-out infinite}.avatar svg .avp-tail{transform-origin:12% 88%;animation:av-tail-sway 2.6s ease-in-out infinite alternate}.avatar svg .avp-waddle{transform-origin:50% 100%;animation:av-waddle 2.3s ease-in-out infinite alternate}.avp-bob{animation:av-bob 2.8s ease-in-out infinite alternate}.avatar svg .avp-puff{transform-origin:50% 100%;animation:av-puff 3.1s ease-in-out infinite}.avp-dart{animation:av-dart 6.5s ease-in-out infinite}.avatar svg .avp-flop{transform-origin:50% 100%;animation:av-flop 7s ease-in-out infinite}.avp-twinkle{animation:av-twinkle 2.6s ease-in-out infinite}.avp-glimmer{animation:av-glimmer 2.6s ease-in-out infinite}.avp-sway{animation:av-sway 3.4s ease-in-out infinite alternate}.avatar svg .avp-flicker{transform-origin:50% 100%;animation:av-flicker 2s ease-in-out infinite}.avp-pulse{animation:av-pulse 3s ease-in-out infinite}.avatar svg .avp-buzz{transform-origin:100% 60%;animation:av-buzz .24s linear infinite alternate}.avatar svg .avp-buzz.r{transform-origin:0% 60%;animation-direction:alternate-reverse}.avatar svg .avp-spout{opacity:0;transform-origin:50% 100%;animation:av-spout 5.2s ease-in-out infinite}.avatar svg .avp-breath{opacity:0;transform-origin:100% 55%;animation:av-breath 4.6s ease-in-out infinite}.avatar svg .avp-wingbeat{transform-origin:0% 85%;animation:av-wingbeat 1.3s ease-in-out infinite alternate}@keyframes av-blink{0%,90%,to{transform:scaleY(1)}94%{transform:scaleY(.1)}}@keyframes av-ear-twitch{0%,84%,to{transform:rotate(0)}88%{transform:rotate(-13deg)}93%{transform:rotate(5deg)}}@keyframes av-tail-sway{0%{transform:rotate(-6deg)}to{transform:rotate(9deg)}}@keyframes av-waddle{0%{transform:rotate(-3.5deg)}to{transform:rotate(3.5deg)}}@keyframes av-bob{0%{transform:translateY(.6px)}to{transform:translateY(-1.2px)}}@keyframes av-puff{0%,to{transform:scale(1)}50%{transform:scale(1.26)}}@keyframes av-dart{0%,28%,to{transform:translate(0)}36%,56%{transform:translate(-2px)}64%,84%{transform:translate(1.8px)}}@keyframes av-flop{0%,80%,to{transform:rotate(0)}86%,92%{transform:rotate(16deg)}}@keyframes av-twinkle{0%,to{opacity:.4;transform:scale(.82)}50%{opacity:1;transform:scale(1.12)}}@keyframes av-glimmer{0%,to{opacity:.45}50%{opacity:1}}@keyframes av-sway{0%{transform:rotate(-3.5deg)}to{transform:rotate(3.5deg)}}@keyframes av-flicker{0%,to{transform:scaleY(1)}35%{transform:scaleY(.93)}65%{transform:scaleY(1.05)}}@keyframes av-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.08);opacity:1}}@keyframes av-buzz{0%{transform:rotate(-12deg)}to{transform:rotate(14deg)}}@keyframes av-spout{0%,55%{opacity:0;transform:scale(.2)}62%{opacity:.95;transform:scale(1.06)}78%{opacity:.8;transform:scale(1)}88%,to{opacity:0;transform:scale(.6)}}@keyframes av-breath{0%,58%{opacity:0;transform:scaleX(.2)}64%{opacity:1;transform:scaleX(1.08)}80%{opacity:.85;transform:scaleX(1)}90%,to{opacity:0;transform:scaleX(.4)}}@keyframes av-wingbeat{0%{transform:rotate(-6deg)}to{transform:rotate(16deg)}}.showcase-card{display:grid;grid-template-columns:minmax(240px,300px) 1fr;gap:2rem;align-items:center}@media(max-width:760px){.showcase-card{grid-template-columns:1fr;justify-items:center;text-align:center}}.showcase-viewer{display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:.6rem 0}.drag-hint{display:inline-flex;align-items:center;gap:.4rem;font-size:.76rem;color:var(--text-faint);-webkit-user-select:none;user-select:none}.showcase-name{font-size:1.7rem;font-weight:760;letter-spacing:-.02em;color:var(--tier-hi, var(--text));text-shadow:0 0 26px var(--tier-glow, transparent);margin-bottom:.35rem}.showcase-status{color:var(--text-muted);font-size:.92rem;max-width:480px;margin-bottom:1.2rem}.grade-picker{display:flex;flex-wrap:wrap;gap:.45rem}@media(max-width:760px){.grade-picker{justify-content:center}}.grade-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;border-radius:999px;border:1px solid var(--border-strong);font-size:.84rem;font-weight:570;color:var(--text-muted);transition:all .14s}.grade-chip:hover{color:var(--text)}.grade-chip.owned{color:var(--tier-hi);border-color:color-mix(in srgb,var(--tier) 45%,transparent)}.grade-chip.active{background:color-mix(in srgb,var(--tier) 16%,transparent);border-color:var(--tier);color:var(--tier-hi)}.emblem3d{position:relative;perspective:900px;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.emblem3d:active{cursor:grabbing}.emblem3d-stage{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}.emblem3d-face{position:absolute;inset:0;backface-visibility:hidden}.emblem3d-face .grade-emblem{filter:drop-shadow(0 0 26px var(--tier-glow))}.grade-emblem-back .bk-hand,.grade-emblem-back .bk-bezel,.grade-emblem-back .bk-orbit{transform-box:view-box;transform-origin:60px 66px}.grade-emblem-back .bk-hand{animation:bk-rotate calc(var(--flame-speed, 3s) * 4) linear infinite}.grade-emblem-back .bk-bezel{animation:bk-rotate 70s linear infinite}.grade-emblem-back .bk-orbit{animation:bk-rotate calc(var(--flame-speed, 3s) * 3) linear infinite}.grade-emblem-back .bk-orbit.rev{animation:bk-rotate calc(var(--flame-speed, 3s) * 5) linear infinite reverse}@keyframes bk-rotate{to{transform:rotate(360deg)}}.grade-emblem-back .bk-rays{opacity:.3;animation:bk-rays-breathe calc(var(--flame-speed, 3s) * 2) ease-in-out infinite}@keyframes bk-rays-breathe{0%,to{opacity:.18}50%{opacity:.42}}.grade-emblem-back .bk-halo{transform-box:view-box;transform-origin:60px 66px;animation:halo-pulse calc(var(--flame-speed, 3s) * 1.6) ease-in-out infinite}.grade-emblem-back .bk-star{transform-box:view-box;animation:sparkle-twinkle 3.8s ease-in-out infinite}.grade-emblem-back .bk-glint{transform-box:view-box;animation:emblem-glint calc(var(--flame-speed, 3s) * 3.2) ease-in-out infinite}.grade-emblem-back .bk-numeral{font-family:var(--font);font-size:13px;font-weight:750;letter-spacing:.12em;fill:color-mix(in srgb,var(--tier-hi) 85%,transparent)}.emblem3d-core{position:absolute;inset:0}.emblem3d-core .core-fill{fill:color-mix(in srgb,var(--tier-lo) 30%,#0a0d13)}.emblem3d-side{position:absolute;background:linear-gradient(180deg,color-mix(in srgb,var(--tier) 62%,#1a1408),color-mix(in srgb,var(--tier-lo) 82%,#05070b));backface-visibility:visible}.emblem3d-shadow{position:absolute;left:12%;right:12%;bottom:-26px;height:22px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.55),transparent 70%);pointer-events:none}.emblem3d.locked{filter:grayscale(.85) brightness(.75)}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.9rem}.theme-card{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface);transition:transform .15s,border-color .15s}.theme-card:hover{transform:translateY(-2px)}.theme-card.applied{border-color:color-mix(in srgb,var(--accent) 55%,transparent)}.theme-card.locked .theme-preview{filter:grayscale(.55) brightness(.75)}.theme-preview{padding:.9rem;border-bottom:1px solid var(--border)}.tp-window{border-radius:9px;padding:.6rem .7rem;display:grid;grid-template-columns:auto 1fr;gap:.35rem .55rem;align-items:center;border:1px solid rgba(255,255,255,.07)}.tp-dot{width:16px;height:16px;border-radius:50%;grid-row:1 / span 2}.tp-line{height:5px;width:55%;border-radius:999px;background:#ffffff29}.tp-line.long{width:85%}.tp-pill{grid-column:1 / -1;justify-self:start;width:42%;height:10px;border-radius:999px;margin-top:.2rem}.theme-meta{padding:.85rem 1rem 1rem}.theme-name{font-weight:660;font-size:.95rem;display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.theme-tagline{font-size:.78rem;color:var(--text-faint);margin-top:.1rem}.reward-unlock{margin-top:.7rem}.locked-hint .lh-label{display:inline-flex;align-items:center;gap:.4rem;font-size:.76rem;color:var(--text-muted)}.locked-hint .meter{margin-top:.45rem;background:var(--surface-2)}.locked-hint .meter>span{background:var(--text-faint)}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.9rem}.avatar-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:1.1rem .9rem 1rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .15s,border-color .15s}.avatar-card:hover{transform:translateY(-2px)}.avatar-card.selected{border-color:color-mix(in srgb,var(--accent) 55%,transparent)}.avatar-disc-wrap{position:relative}.avatar-lock{position:absolute;right:-4px;bottom:-4px;width:22px;height:22px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border-strong);color:var(--text-muted);display:flex;align-items:center;justify-content:center}.avatar-name{font-weight:650;font-size:.9rem;margin-top:.6rem}.avatar-tagline{font-size:.74rem;color:var(--text-faint);margin-top:.15rem;min-height:2.1em}.avatar-card .reward-unlock{margin-top:.55rem;width:100%}.avatar-card .locked-hint .lh-label{justify-content:center}.gamify-link{color:var(--accent-strong)}.gamify-link:hover{text-decoration:underline;text-underline-offset:3px}.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 5px;margin-left:.4rem;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:.68rem;font-weight:750;font-variant-numeric:tabular-nums;vertical-align:1px}.count-pill{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;margin-left:.35rem;border-radius:999px;background:var(--accent-dim);color:var(--accent-strong);font-size:.72rem;font-weight:720}.friend-row{display:flex;align-items:center;gap:.85rem;padding:.65rem .2rem;border-top:1px solid var(--border)}.friend-row:first-of-type,.search-results .friend-row:first-child{border-top:0}.friend-row .spacer{flex:1}@media(max-width:600px){.friend-row{flex-wrap:wrap;row-gap:.45rem}}.fr-id{display:flex;flex-direction:column;min-width:0}.fr-name{font-weight:660;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fr-sub{font-size:.78rem;color:var(--text-faint)}.fr-grade{color:var(--tier-hi, var(--text-muted));font-weight:640}.fr-state{font-size:.82rem;color:var(--text-faint);white-space:nowrap}.search-results{margin-top:.8rem;border:1px solid var(--border);border-radius:var(--radius);padding:.15rem .85rem;background:var(--bg-raise)}.sr-empty{padding:.85rem .2rem;font-size:.86rem;color:var(--text-faint)}.friend-block+.friend-block .friend-row{border-top:1px solid var(--border)}.friend-stats{display:grid;grid-template-columns:150px 1fr;gap:1.3rem;padding:1.1rem .2rem 1.4rem;border-top:1px dashed var(--border-strong);animation:rise-in .35s cubic-bezier(.2,.7,.3,1)}@media(max-width:700px){.friend-stats{grid-template-columns:1fr;justify-items:center;text-align:center}}.fs-emblem{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.15rem}.fs-emblem .grade-emblem{filter:drop-shadow(0 6px 20px var(--tier-glow))}.fs-grade-name{font-weight:730;font-size:1.05rem;color:var(--tier-hi)}.fs-grade-sub{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}.fs-body{min-width:0;width:100%}.fs-badges{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.9rem}@media(max-width:700px){.fs-badges{justify-content:center}}.fs-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.32rem .8rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--tier) 45%,transparent);background:color-mix(in srgb,var(--tier) 10%,transparent);color:var(--tier-hi);font-size:.8rem;font-weight:640}.fs-badge-dot{width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 32% 28%,var(--tier-hi),var(--tier) 60%,var(--tier-lo))}.fs-chart{margin-top:1.1rem}.timer-top{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap}.grade-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.24rem .7rem .24rem .36rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--tier) 42%,transparent);background:color-mix(in srgb,var(--tier) 12%,transparent);color:var(--tier-hi);font-size:.82rem;font-weight:640;line-height:1;transition:transform .12s,border-color .12s}.grade-badge:hover{transform:translateY(-1px);border-color:var(--tier)}.grade-badge .grade-emblem{filter:drop-shadow(0 0 8px var(--tier-glow));flex:none}.grade-badge .gb-name{letter-spacing:.01em}.theme-backdrop{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}:root:is([data-theme=fire],[data-theme=jungle],[data-theme=polar],[data-theme=street],[data-theme=space],[data-theme=future],[data-theme=dragon],[data-theme=abyss],[data-theme=storm],[data-theme=sakura]) .card{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 88%,transparent),color-mix(in srgb,var(--bg-raise) 92%,transparent))}.theme-backdrop>*{position:absolute}.theme-backdrop.paused *,.theme-backdrop.paused *:before,.theme-backdrop.paused *:after{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.tb-snow,.tb-flake,.tb-wisp,.tb-leaf,.tb-scanline,.tb-shooting,.tb-rain,.tb-bubble,.tb-fish,.tb-petal,.tb-butterfly,.tb-comet,.tb-monkey-sprite,.tb-monkey-leap,.tb-jungle-pause,.tb-prey,.tb-dragon-layer{display:none}}@media(max-width:640px){.tb-nebula,.tb-paint{filter:blur(38px)}.tb-aurora{filter:blur(28px)}.tb-storm-cloud,.tb-haze{filter:blur(24px)}.tb-tree.left{height:56vh!important}.tb-tree.right{display:none}}.tb-nebula{width:55vw;height:55vw;border-radius:50%;filter:blur(60px)}.tb-nebula-1{top:-18%;left:-12%;background:radial-gradient(circle at 40% 40%,rgba(122,100,255,.3),rgba(64,42,160,.12) 55%,transparent 70%);animation:tb-drift 26s ease-in-out infinite alternate}.tb-nebula-2{bottom:-22%;right:-15%;background:radial-gradient(circle at 60% 60%,rgba(84,160,255,.22),rgba(150,64,220,.1) 55%,transparent 70%);animation:tb-drift 32s ease-in-out infinite alternate-reverse}@keyframes tb-drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(6vw,4vh,0) scale(1.15)}}.tb-star{border-radius:50%;background:#eaf2ff;opacity:.25;animation-name:tb-twinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.tb-star.big{box-shadow:0 0 8px 2px #aac8ffa6}@keyframes tb-twinkle{0%,to{opacity:.15;transform:scale(.8)}50%{opacity:.95;transform:scale(1.15)}}.tb-shooting{left:105%;width:130px;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,#cfe1ff 60%,#ffffff);opacity:0;animation-name:tb-shoot;animation-timing-function:ease-in;animation-iteration-count:infinite}@keyframes tb-shoot{0%{transform:translateZ(0) rotate(-24deg);opacity:0}3%{opacity:.9}9%,to{transform:translate3d(-120vw,46vh,0) rotate(-24deg);opacity:0}}.tb-aurora{top:-20%;height:70%;width:45%;filter:blur(46px)}.tb-aurora-1{left:6%;background:linear-gradient(180deg,rgba(80,255,190,.45),rgba(60,160,255,.16) 60%,transparent);animation:tb-aurora 13s ease-in-out infinite alternate}.tb-aurora-2{left:45%;background:linear-gradient(180deg,rgba(120,130,255,.4),rgba(90,220,255,.16) 55%,transparent);animation:tb-aurora 17s ease-in-out infinite alternate-reverse}@keyframes tb-aurora{0%{transform:translate3d(-6%,0,0) skew(-18deg) scaleY(1);opacity:.35}50%{transform:translate3d(4%,-2%,0) skew(-8deg) scaleY(1.12);opacity:.6}to{transform:translate3d(10%,0,0) skew(-22deg) scaleY(.95);opacity:.4}}.tb-gust{top:0;animation:tb-gust 16s ease-in-out infinite}.tb-gust>*{position:absolute;top:0;left:0}@keyframes tb-gust{0%,70%{transform:translateZ(0)}78%{transform:translate3d(7vw,0,0)}84%{transform:translate3d(11vw,0,0)}to{transform:translateZ(0)}}.tb-snow{top:0;border-radius:50%;background:#eef6ff;animation-name:tb-fall;animation-timing-function:linear;animation-iteration-count:infinite}.tb-flake{top:0;overflow:visible;animation-name:tb-flake-fall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes tb-flake-fall{0%{transform:translate3d(0,-6vh,0) rotate(0)}25%{transform:translate3d(calc(var(--sway, 30px) * .6),22vh,0) rotate(70deg)}50%{transform:translate3d(calc(var(--sway, 30px) * -.4),50vh,0) rotate(150deg)}75%{transform:translate3d(calc(var(--sway, 30px) * .8),78vh,0) rotate(230deg)}to{transform:translate3d(0,108vh,0) rotate(310deg)}}.tb-wisp{left:-380px;overflow:visible;opacity:0;animation:tb-wisp 16s ease-in-out infinite}@keyframes tb-wisp{0%,68%{transform:translateZ(0) rotate(0);opacity:0}72%{opacity:1}76%{transform:translate3d(45vw,-2.5vh,0) rotate(-2deg)}81%{transform:translate3d(110vw,1vh,0) rotate(1.5deg);opacity:.9}83%,to{transform:translate3d(125vw,2vh,0) rotate(1.5deg);opacity:0}}@keyframes tb-fall{0%{transform:translate3d(0,-6vh,0)}25%{transform:translate3d(calc(var(--sway, 30px) * .6),22vh,0)}50%{transform:translate3d(calc(var(--sway, 30px) * -.4),50vh,0)}75%{transform:translate3d(calc(var(--sway, 30px) * .8),78vh,0)}to{transform:translate3d(0,108vh,0)}}.tb-canopy{left:-5%;right:-5%;top:-4%;height:34%;background:radial-gradient(60% 90% at 12% 0%,rgba(34,84,32,.55),transparent 70%),radial-gradient(55% 80% at 50% -10%,rgba(46,104,42,.45),transparent 72%),radial-gradient(60% 90% at 88% 0%,rgba(28,74,30,.5),transparent 70%);filter:blur(6px);transform-origin:50% 0;animation:tb-canopy-sway 12s ease-in-out infinite alternate}@keyframes tb-canopy-sway{0%{transform:translate(-1.5%)}to{transform:translate(1.5%)}}.tb-leaf{top:0;overflow:visible;opacity:.85;animation-name:tb-leaf-fall;animation-timing-function:linear;animation-iteration-count:infinite}.tb-treeline{left:-1%;right:-1%;bottom:0;width:102%;height:24vh;filter:blur(2px);opacity:.9}.tb-canopy-fringe{left:-1%;right:-1%;top:0;width:102%;height:11vh;transform-origin:50% 0;animation:tb-canopy-sway 14s ease-in-out infinite alternate}.tb-tree{bottom:-2vh;overflow:visible}.tb-tree.right{transform:scaleX(-1)}.tb-tree .tb-foliage{transform-box:fill-box;transform-origin:50% 80%;animation-name:tb-foliage-sway;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}@keyframes tb-foliage-sway{0%{transform:rotate(-1.6deg)}to{transform:rotate(1.8deg)}}.tb-tree .tb-moss{transform-box:fill-box;transform-origin:50% 0;animation:tb-moss-sway 5s ease-in-out infinite alternate}@keyframes tb-moss-sway{0%{transform:rotate(-3deg)}to{transform:rotate(3.5deg)}}.tb-fern{bottom:-6px;overflow:visible;transform-origin:50% 100%;animation-name:tb-fern-sway;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}@keyframes tb-fern-sway{0%{transform:rotate(-2.5deg)}to{transform:rotate(3deg)}}@keyframes tb-leaf-fall{0%{transform:translate3d(0,-8vh,0) rotate(0)}25%{transform:translate3d(var(--sway, 40px),24vh,0) rotate(calc(var(--spin, 1) * 100deg))}50%{transform:translate3d(calc(var(--sway, 40px) * -.6),52vh,0) rotate(calc(var(--spin, 1) * 190deg))}75%{transform:translate3d(var(--sway, 40px),80vh,0) rotate(calc(var(--spin, 1) * 280deg))}to{transform:translate3d(0,108vh,0) rotate(calc(var(--spin, 1) * 360deg))}}.tb-firefly{width:4px;height:4px;border-radius:50%;background:#e8ffb0;box-shadow:0 0 9px 2px #beff788c;opacity:0;animation-name:tb-firefly;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes tb-firefly{0%{transform:translateZ(0);opacity:0}20%{opacity:.9}50%{opacity:.2}70%{opacity:.85}to{transform:translate3d(var(--dx, 20px),var(--dy, -14px),0);opacity:0}}.tb-heat{left:-10%;right:-10%;bottom:-12%;height:45%;background:radial-gradient(ellipse at 50% 100%,rgba(255,110,30,.28),rgba(255,60,10,.1) 45%,transparent 70%);transform-origin:50% 100%;animation:tb-heat-pulse 5s ease-in-out infinite}.tb-heat-surge{left:-10%;right:-10%;bottom:-12%;height:50%;background:radial-gradient(ellipse at 50% 100%,rgba(255,140,40,.38),transparent 65%);opacity:0;animation:tb-heat-surge 25s ease-in-out infinite}@keyframes tb-heat-surge{0%,75%{opacity:0}80%{opacity:1}86%{opacity:.65}92%,to{opacity:0}}.tb-big-flame{left:32vw;width:36vw;height:58vh;bottom:-2vh;transform-origin:50% 100%;opacity:0;transform:scaleY(.04) scaleX(.6);animation:tb-big-burst 25s ease-in-out infinite}.tb-big-flame-body,.tb-big-flame-inner,.tb-big-flame-core,.tb-big-flame-body:before,.tb-big-flame-body:after{position:absolute;transform-origin:50% 100%;border-radius:50% 50% 30% 30%/74% 74% 26% 26%}.tb-big-flame-body{inset:0;background:linear-gradient(0deg,#ffeaa8,#ffb13d 26%,#ff6a1a 55%,rgba(206,48,10,.72) 82%,transparent);filter:blur(7px);animation:tb-flame-rage .7s ease-in-out infinite}.tb-big-flame-body:before,.tb-big-flame-body:after{content:"";bottom:0;width:46%;height:62%;background:inherit;animation:tb-flame-rage .55s ease-in-out infinite}.tb-big-flame-body:before{left:-16%;animation-delay:-.2s}.tb-big-flame-body:after{right:-16%;height:52%;animation-delay:-.4s}.tb-big-flame-inner{inset:16% 16% 0;background:linear-gradient(0deg,#fff3c4,#ffc554 32%,#ff8a24 70%,transparent);filter:blur(6px);animation:tb-flame-rage .5s ease-in-out infinite reverse}.tb-big-flame-core{inset:38% 30% 0;background:linear-gradient(0deg,#fffbe8,#ffe28a 45%,transparent);filter:blur(5px);animation:tb-flame-rage .34s ease-in-out infinite}@keyframes tb-big-burst{0%,75%{opacity:0;transform:scaleY(.04) scaleX(.6)}77%{opacity:1;transform:scaleY(1.08) scaleX(1)}80%{transform:scaleY(.92) scaleX(1.04)}83%{transform:scaleY(1.04) scaleX(.96)}86%{transform:scaleY(.95) scaleX(1.03)}89%{opacity:.95;transform:scaleY(1.01) scaleX(1)}92%,to{opacity:0;transform:scaleY(.05) scaleX(.7)}}@keyframes tb-flame-rage{0%,to{transform:scaleY(1) skew(0)}30%{transform:scaleY(1.06) skew(2.6deg)}55%{transform:scaleY(.94) skew(-3.2deg)}80%{transform:scaleY(1.05) skew(1.8deg)}}.tb-lair-glow{left:-10%;right:-10%;bottom:-15%;height:50%;background:radial-gradient(ellipse at 30% 100%,rgba(255,62,40,.22),transparent 60%),radial-gradient(ellipse at 75% 100%,rgba(200,30,60,.16),transparent 55%);transform-origin:50% 100%;animation:tb-heat-pulse 8s ease-in-out infinite}@keyframes tb-heat-pulse{0%,to{transform:scaleY(1);opacity:.8}50%{transform:scaleY(1.15);opacity:1}}.tb-ember{bottom:-12px;border-radius:50%;background:#ffb46b;box-shadow:0 0 6px 1px #ff8c32b3;opacity:0;animation-name:tb-rise;animation-timing-function:linear;animation-iteration-count:infinite}.tb-ember.dragon{background:#ff6b52;box-shadow:0 0 7px 2px #ff46328c}@keyframes tb-rise{0%{transform:translateZ(0) scale(1);opacity:0}8%{opacity:.9}70%{opacity:.55}to{transform:translate3d(var(--dx, 0px),-108vh,0) scale(.4);opacity:0}}.tb-smoke{bottom:-160px;border-radius:50%;background:radial-gradient(circle,rgba(126,112,122,.16),transparent 65%);filter:blur(18px);opacity:0;animation-name:tb-smoke-rise;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes tb-smoke-rise{0%{transform:translateZ(0) scale(.8);opacity:0}20%{opacity:.5}to{transform:translate3d(6vw,-115vh,0) scale(1.6);opacity:0}}.tb-paint{width:46vw;height:46vw;border-radius:50%;filter:blur(70px)}.tb-paint-1{top:-14%;left:-10%;background:radial-gradient(circle,rgba(255,70,160,.38),transparent 65%);animation:tb-drift 22s ease-in-out infinite alternate}.tb-paint-2{top:30%;right:-14%;background:radial-gradient(circle,rgba(60,220,255,.3),transparent 65%);animation:tb-drift 28s ease-in-out infinite alternate-reverse}.tb-paint-3{bottom:-18%;left:22%;background:radial-gradient(circle,rgba(255,220,60,.24),transparent 65%);animation:tb-drift 34s ease-in-out infinite alternate}.tb-spray{border-radius:50%;background:hsl(var(--h, 320) 95% 65%);box-shadow:0 0 10px 2px hsl(var(--h, 320) 95% 60% / .5);opacity:0;animation-name:tb-spray;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes tb-spray{0%,to{opacity:0;transform:translateZ(0) scale(.6)}20%{opacity:.85}50%{opacity:.4;transform:translate3d(10px,-14px,0) scale(1)}80%{opacity:.7}}.tb-grid-wrap{left:0;right:0;bottom:0;height:58%;perspective:620px;overflow:hidden}.tb-grid{position:absolute;inset:26% -60% -150%;background-image:linear-gradient(color-mix(in srgb,var(--accent) 55%,transparent) 2px,transparent 2px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 45%,transparent) 1px,transparent 1px);background-size:60px 60px;transform-origin:50% 0;animation:tb-grid-move 3.2s linear infinite}.tb-grid-wrap:after{content:"";position:absolute;inset:0;background:radial-gradient(58% 16% at 50% 36%,color-mix(in srgb,var(--accent) 16%,transparent),transparent),linear-gradient(180deg,var(--bg) 0%,var(--bg) 34%,transparent 56%)}@keyframes tb-grid-move{0%{transform:rotateX(72deg) translateY(0)}to{transform:rotateX(72deg) translateY(60px)}}.tb-scanline{left:0;right:0;top:0;height:22vh;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--accent) 10%,transparent) 45%,color-mix(in srgb,var(--accent) 16%,transparent) 75%,transparent);opacity:.35;animation:tb-scan 9s linear infinite}@keyframes tb-scan{0%{transform:translateY(-30vh)}to{transform:translateY(130vh)}}.tb-orb{border-radius:50%;background:var(--accent-strong);box-shadow:0 0 12px 3px color-mix(in srgb,var(--accent) 60%,transparent);opacity:.35;animation-name:tb-orb;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes tb-orb{0%,to{transform:translateZ(0);opacity:.3}50%{transform:translate3d(8px,-26px,0);opacity:.8}}.theme-anim-chip{display:inline-flex;align-items:center;gap:.28rem;padding:.12rem .5rem;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-strong);background:color-mix(in srgb,var(--accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}.tb-ray{top:-12%;height:85%;width:13%;transform:skew(-14deg);background:linear-gradient(180deg,rgba(126,217,210,.2),rgba(80,180,190,.06) 55%,transparent);filter:blur(18px)}.tb-ray-1{left:12%;animation:tb-ray 9s ease-in-out infinite alternate}.tb-ray-2{left:34%;width:8%;animation:tb-ray 12s ease-in-out infinite alternate-reverse}.tb-ray-3{left:58%;width:16%;animation:tb-ray 10.5s ease-in-out infinite alternate;animation-delay:-4s}@keyframes tb-ray{0%{transform:skew(-14deg) translate(-1.5vw);opacity:.5}to{transform:skew(-10deg) translate(1.5vw);opacity:1}}.tb-abyss-floor{left:-5%;right:-5%;bottom:-8%;height:30%;background:radial-gradient(ellipse at 50% 100%,rgba(10,46,60,.75),rgba(6,28,40,.35) 60%,transparent)}.tb-kelp{bottom:-12px;width:9px;border-radius:50% 50% 0 0/14% 14% 0 0;background:linear-gradient(180deg,#3486788c,#164a4ebf);transform-origin:50% 100%;animation-name:tb-kelp-sway;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes tb-kelp-sway{0%,to{transform:rotate(0) skew(0)}50%{transform:rotate(5deg) skew(7deg)}}.tb-fish{left:0;border-radius:50% 60% 60% 50%/55% 55% 45% 45%;background:#1f5466bf;animation-name:tb-swim-ltr;animation-timing-function:linear;animation-iteration-count:infinite}.tb-fish:after{content:"";position:absolute;right:-38%;top:14%;width:46%;height:72%;background:inherit;clip-path:polygon(0 50%,100% 0,78% 50%,100% 100%)}.tb-fish.rtl{animation-name:tb-swim-rtl}@keyframes tb-swim-ltr{0%{transform:translate3d(-14vw,0,0) scaleX(-1)}25%{transform:translate3d(17vw,9px,0) scaleX(-1)}50%{transform:translate3d(48vw,-7px,0) scaleX(-1)}75%{transform:translate3d(79vw,7px,0) scaleX(-1)}to{transform:translate3d(112vw,0,0) scaleX(-1)}}@keyframes tb-swim-rtl{0%{transform:translate3d(112vw,0,0)}25%{transform:translate3d(79vw,-8px,0)}50%{transform:translate3d(48vw,8px,0)}75%{transform:translate3d(17vw,-6px,0)}to{transform:translate3d(-14vw,0,0)}}.tb-bubble{bottom:-14px;border-radius:50%;border:1px solid rgba(150,220,225,.55);background:radial-gradient(circle at 32% 30%,#bef0f059,#78c8d20f);opacity:0;animation-name:tb-bubble-rise;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes tb-bubble-rise{0%{transform:translateZ(0);opacity:0}8%{opacity:.8}50%{transform:translate3d(calc(var(--dx, 0px) * .5),-55vh,0)}85%{opacity:.6}to{transform:translate3d(var(--dx, 0px),-112vh,0);opacity:0}}.tb-plankton{width:2.5px;height:2.5px;border-radius:50%;background:#a0e6e1cc;box-shadow:0 0 6px 1px #6edcd259;opacity:0;animation-name:tb-firefly;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.tb-storm-cloud{border-radius:50%;background:radial-gradient(ellipse at 50% 45%,rgba(52,62,96,.55),rgba(26,32,54,.28) 60%,transparent 75%);filter:blur(34px);animation-name:tb-cloud-drift;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}@keyframes tb-cloud-drift{0%{transform:translate3d(-4vw,0,0) scale(1)}to{transform:translate3d(4vw,1.5vh,0) scale(1.12)}}.tb-rain{top:0;width:1.5px;border-radius:999px;background:linear-gradient(180deg,transparent,rgba(174,190,226,.85));animation-name:tb-rain-fall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes tb-rain-fall{0%{transform:translate3d(0,-18vh,0) rotate(9deg)}to{transform:translate3d(-7vw,115vh,0) rotate(9deg)}}.tb-flash{inset:0;opacity:0;background:radial-gradient(ellipse at 30% 8%,rgba(214,224,255,.5),rgba(140,160,230,.14) 55%,transparent 80%);animation-name:tb-flash;animation-timing-function:steps(1,end);animation-iteration-count:infinite}.tb-flash-1{animation-duration:9s}.tb-flash-2{animation-duration:13s;animation-delay:-6.5s;background:radial-gradient(ellipse at 72% 6%,rgba(214,224,255,.44),rgba(140,160,230,.12) 55%,transparent 80%)}@keyframes tb-flash{0%,88.9%{opacity:0}89%{opacity:.85}90%{opacity:.12}91%{opacity:.5}93%,to{opacity:0}}.tb-bolt{top:0;width:30px;height:44vh;background:linear-gradient(180deg,#eef2ff,rgba(178,196,255,.85) 70%,transparent);clip-path:polygon(52% 0,66% 0,48% 34%,62% 34%,34% 72%,46% 44%,32% 44%,48% 12%,38% 12%);opacity:0;animation-name:tb-bolt;animation-timing-function:steps(1,end);animation-iteration-count:infinite}.tb-bolt-1{left:26%;animation-duration:9s}.tb-bolt-2{left:71%;height:36vh;animation-duration:13s;animation-delay:-6.5s}@keyframes tb-bolt{0%,88.9%{opacity:0}89%{opacity:1}90.2%{opacity:.2}91%{opacity:.7}92.2%,to{opacity:0}}.tb-sakura-glow{top:-14%;right:-10%;width:46vw;height:46vw;border-radius:50%;background:radial-gradient(circle at 55% 40%,rgba(255,170,200,.26),rgba(255,140,180,.08) 55%,transparent 72%);filter:blur(40px);animation:tb-glow-pulse 11s ease-in-out infinite alternate}@keyframes tb-glow-pulse{0%{transform:scale(1);opacity:.75}to{transform:scale(1.12);opacity:1}}.tb-haze{border-radius:50%;background:radial-gradient(ellipse,rgba(255,190,212,.14),transparent 68%);filter:blur(30px);animation-name:tb-cloud-drift;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.tb-petal{top:0;border-radius:62% 6%;background:linear-gradient(135deg,#ffc7da,#f290b4);opacity:.85;animation-name:tb-petal-fall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes tb-petal-fall{0%{transform:translate3d(0,-8vh,0) rotate(10deg)}25%{transform:translate3d(var(--sway, 50px),22vh,0) rotate(calc(var(--spin, 1) * 80deg))}50%{transform:translate3d(calc(var(--sway, 50px) * -.7),50vh,0) rotate(calc(var(--spin, 1) * 150deg))}75%{transform:translate3d(var(--sway, 50px),80vh,0) rotate(calc(var(--spin, 1) * 230deg))}to{transform:translate3d(calc(var(--sway, 50px) * -.3),110vh,0) rotate(calc(var(--spin, 1) * 300deg))}}.tb-butterfly{width:14px;height:12px;animation-name:tb-flutter;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.tb-butterfly-1{left:18%;top:58%;animation-duration:21s}.tb-butterfly-2{left:64%;top:30%;animation-duration:26s;animation-delay:-9s}.tb-wing{position:absolute;top:0;width:7px;height:11px;background:linear-gradient(180deg,#ffb3cd,#e87ba4);animation:tb-flap .5s ease-in-out infinite alternate}.tb-wing.l{left:0;border-radius:80% 20% 55% 45%/70% 30%;transform-origin:100% 55%}.tb-wing.r{right:0;border-radius:20% 80% 45% 55%/30% 70%;transform-origin:0 55%;animation-direction:alternate-reverse}@keyframes tb-flap{0%{transform:rotateY(18deg)}to{transform:rotateY(70deg)}}@keyframes tb-flutter{0%{transform:translateZ(0) rotate(-6deg)}20%{transform:translate3d(9vw,-9vh,0) rotate(8deg)}40%{transform:translate3d(16vw,3vh,0) rotate(-5deg)}60%{transform:translate3d(7vw,11vh,0) rotate(7deg)}80%{transform:translate3d(-6vw,5vh,0) rotate(-8deg)}to{transform:translateZ(0) rotate(-6deg)}}.tb-comet{left:-30vw;top:-8vh;width:260px;height:40px;opacity:0;animation:tb-comet 10s linear infinite}.tb-comet-head{position:absolute;right:0;top:14px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 10px 3px #d2e6fff2,0 0 26px 10px #8cb4ff8c}.tb-comet-tail{position:absolute;right:4px;top:16px;width:230px;height:8px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(170,205,255,.85));filter:blur(2px)}.tb-comet-tail.dust{width:250px;height:16px;top:10px;transform:rotate(3deg);background:linear-gradient(90deg,transparent,rgba(130,170,240,.4));filter:blur(5px)}@keyframes tb-comet{0%{transform:translateZ(0) rotate(20deg);opacity:0}3%{opacity:1}27%{opacity:1}30%,to{transform:translate3d(165vw,62vh,0) rotate(20deg);opacity:0}}.tb-liana{top:0;overflow:visible;transform-origin:50% 0;animation-name:tb-liana-sway;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}@keyframes tb-liana-sway{0%{transform:rotate(-4.5deg)}to{transform:rotate(4.5deg)}}.tb-rider-anchor{top:0;width:26px;transform-origin:50% 0;animation-name:tb-liana-sway;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.tb-rider-tip{position:absolute;left:0;right:0;bottom:0;height:0}.tb-monkey-sprite{position:absolute;left:50%;top:-10px;margin-left:-36px;width:72px;height:105px;background:url(/monkey-swing.png) no-repeat center / contain}.tb-monkey-leap{position:absolute;left:0;top:0;width:64px;height:55px;background:url(/monkey-leap.png) no-repeat center / contain;will-change:transform}.tb-angler-wrap{position:absolute;left:0;top:0;width:170px;height:95px;transform-origin:85px 47px;will-change:transform}.tb-angler-bob{animation:tb-angler-bob 3.4s ease-in-out infinite alternate}@keyframes tb-angler-bob{0%{transform:translateY(-5px)}to{transform:translateY(5px)}}.tb-angler{overflow:visible}.tb-lure-glow{filter:blur(4px);animation:tb-lure-pulse 2.2s ease-in-out infinite}@keyframes tb-lure-pulse{0%,to{opacity:.45;transform:scale(.85)}50%{opacity:.95;transform:scale(1.18)}}.tb-angler .tb-lure-glow,.tb-angler .tb-angler-jaw,.tb-angler .tb-angler-fin{transform-box:fill-box;transform-origin:50% 50%}.tb-angler .tb-angler-jaw{transform-origin:95% 20%}.tb-angler.biting .tb-angler-jaw{animation:tb-bite .55s ease-in-out}@keyframes tb-bite{0%{transform:rotate(0)}30%{transform:rotate(-16deg)}55%{transform:rotate(-14deg)}to{transform:rotate(0)}}.tb-angler-fin{animation:tb-fin-wave 1.6s ease-in-out infinite alternate}@keyframes tb-fin-wave{0%{transform:rotate(-8deg)}to{transform:rotate(10deg)}}.tb-prey{position:absolute;left:0;top:0;will-change:transform}.tb-prey svg{animation:tb-prey-wiggle .5s ease-in-out infinite alternate}@keyframes tb-prey-wiggle{0%{transform:translateY(-2px)}to{transform:translateY(2px)}}.tb-gulp{position:absolute;left:0;top:0}.tb-gulp i{position:absolute;width:5px;height:5px;border-radius:50%;border:1px solid rgba(150,220,225,.6);animation:tb-gulp-rise .8s ease-out forwards}.tb-gulp i:nth-child(2){left:10px;animation-delay:.12s}.tb-gulp i:nth-child(3){left:-8px;animation-delay:.22s}@keyframes tb-gulp-rise{0%{transform:translateY(0);opacity:.9}to{transform:translateY(-34px);opacity:0}}.tb-dragon-layer{position:fixed;left:0;top:0;width:220px;height:177px;z-index:-1;pointer-events:none;will-change:transform}.tb-dragon-layer.mode-approach,.tb-dragon-layer.mode-sleep{z-index:120}.tb-dragon-flip,.tb-dragon-bob{position:absolute;inset:0}.tb-dragon-bob{animation:tb-dragon-bob 3s ease-in-out infinite alternate}.tb-dragon-layer.mode-sleep .tb-dragon-bob{animation:none}@keyframes tb-dragon-bob{0%{transform:translateY(-9px)}to{transform:translateY(9px)}}.tb-dragon-sprite{position:absolute;transition:opacity .45s ease;background-repeat:no-repeat;image-rendering:auto}.tb-dragon-sprite.fly{inset:0;background-image:url(/dragon-fly.png);background-size:2420px 177px;animation:dragon-flap .92s steps(11) infinite}.tb-dragon-layer.mode-approach .tb-dragon-sprite.fly,.tb-dragon-layer.mode-depart .tb-dragon-sprite.fly{animation-duration:.5s}@keyframes dragon-flap{to{background-position:-2420px 0}}.tb-dragon-sprite.sleep{left:0;bottom:0;width:220px;height:125px;background-image:url(/dragon-sleep.png);background-size:1320px 125px;animation:dragon-breathe 1.6s steps(6) infinite;opacity:0}@keyframes dragon-breathe{to{background-position:-1320px 0}}.tb-dragon-layer.mode-sleep .tb-dragon-sprite.sleep{opacity:1}.tb-dragon-layer.mode-sleep .tb-dragon-sprite.fly{opacity:0}.tb-dragon-zzz{position:absolute;left:30px;bottom:118px;opacity:0;transition:opacity .4s ease;color:#ffd9b0;font-weight:700;font-family:var(--font)}.tb-dragon-layer.mode-sleep .tb-dragon-zzz{opacity:1}.tb-dragon-zzz i{position:absolute;bottom:0;font-style:normal;opacity:0;animation:ds-z 3.2s ease-in-out infinite}.tb-dragon-zzz i:nth-child(1){left:0;font-size:13px}.tb-dragon-zzz i:nth-child(2){left:13px;bottom:12px;font-size:17px;animation-delay:.55s}.tb-dragon-zzz i:nth-child(3){left:29px;bottom:26px;font-size:21px;animation-delay:1.1s}@keyframes ds-z{0%{transform:translateY(4px);opacity:0}25%{opacity:.9}60%{transform:translateY(-8px);opacity:.4}80%,to{transform:translateY(-13px);opacity:0}}.sound-picker.muted{opacity:.55}.sound-grid{display:flex;flex-wrap:wrap;gap:.5rem}.sound-chip{display:inline-flex;align-items:center;gap:.42rem;padding:.48rem .85rem;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);font-size:.88rem;font-weight:570;transition:color .15s,border-color .15s,background .15s}.sound-chip:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.sound-chip.active{color:var(--accent-strong);border-color:color-mix(in srgb,var(--accent) 60%,transparent);background:var(--accent-dim)}.tb-moonray{top:-6%;height:68%;width:11%;background:linear-gradient(180deg,rgba(190,255,190,.11),rgba(140,220,150,.04) 55%,transparent);filter:blur(16px)}.tb-moonray.r1{left:22%;animation:tb-ray 11s ease-in-out infinite alternate}.tb-moonray.r2{left:47%;width:7%;animation:tb-ray 14s ease-in-out infinite alternate-reverse}.tb-moonray.r3{left:72%;width:13%;animation:tb-ray 12.5s ease-in-out infinite alternate;animation-delay:-5s}.tb-mist{bottom:3vh;height:18vh;width:55vw;border-radius:50%;background:radial-gradient(ellipse,rgba(150,190,150,.14),transparent 70%);filter:blur(26px);animation-name:tb-cloud-drift;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.tb-mist.m1{left:-8vw;animation-duration:34s}.tb-mist.m2{right:-10vw;animation-duration:44s;animation-direction:alternate-reverse}.tb-jungle-pause{position:fixed;top:0;width:0;z-index:120;pointer-events:none}.tb-jp-drop{position:absolute;top:0;left:0;transform:translateY(-105%);animation:tb-jp-in .95s cubic-bezier(.2,.7,.3,1) forwards}.tb-jp-drop.leaving{animation:tb-jp-out .72s ease-in forwards}@keyframes tb-jp-in{0%{transform:translateY(-105%)}to{transform:translateY(0)}}@keyframes tb-jp-out{0%{transform:translateY(0)}to{transform:translateY(-108%)}}.tb-jp-sway{position:relative;width:26px;margin-left:-13px;transform-origin:50% 0;animation:tb-jp-sway 2.8s ease-in-out infinite alternate}@keyframes tb-jp-sway{0%{transform:rotate(-4.5deg)}to{transform:rotate(4.5deg)}}.tb-jp-vine{display:block;overflow:visible}.tb-monkey-sprite.pause{top:auto;bottom:-12px;margin-left:-36px}.tb-stalactites{left:-1%;right:-1%;top:0;width:102%;height:9vh}.tb-hoard{left:-1%;right:-1%;bottom:0;width:102%;height:15vh}.tb-hoard-glow{left:15%;right:15%;bottom:0;height:22vh;background:radial-gradient(ellipse at 50% 100%,rgba(255,184,77,.14),transparent 65%);transform-origin:50% 100%;animation:tb-heat-pulse 7s ease-in-out infinite}.tb-gold-spark{width:6px;height:6px;background:#ffd98a;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation-name:sparkle-twinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.tb-crystal{bottom:8vh;width:26px;filter:drop-shadow(0 0 8px rgba(255,80,60,.35));animation-name:tb-crystal-pulse;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.tb-crystal.c1{left:3.5%;animation-duration:5s}.tb-crystal.c2{right:4.5%;bottom:12vh;animation-duration:6.5s;animation-delay:-2s}.tb-crystal.c3{left:11%;bottom:3.5vh;width:18px;animation-duration:7.5s;animation-delay:-4s}@keyframes tb-crystal-pulse{0%,to{opacity:.4}50%{opacity:.85}}.tb-dragon-fire{position:absolute;left:195px;top:42px;width:96px;height:34px;background:radial-gradient(ellipse at 6% 50%,rgba(255,242,175,.95),rgba(255,192,84,.85) 28%,rgba(255,112,30,.75) 54%,rgba(202,52,10,.4) 75%,transparent 86%);filter:blur(2px);transform-origin:0% 50%;transform:scaleX(.1) scaleY(.5);opacity:0;animation:dragon-fire 30s linear infinite}.tb-dragon-layer.mode-sleep .tb-dragon-fire{display:none}@keyframes dragon-fire{0%,93.2%{opacity:0;transform:scaleX(.1) scaleY(.5)}94%{opacity:1;transform:scaleX(1.06) scaleY(1)}95.2%{transform:scaleX(.9) scaleY(.84)}96.4%{opacity:.95;transform:scaleX(1.12) scaleY(1.05)}97.6%,to{opacity:0;transform:scaleX(.15) scaleY(.5)}}.tb-dragon-burp{position:absolute;left:-64px;top:76px;width:86px;height:30px;background:radial-gradient(ellipse at 94% 50%,rgba(255,242,175,.95),rgba(255,192,84,.85) 28%,rgba(255,112,30,.75) 54%,rgba(202,52,10,.4) 75%,transparent 86%);filter:blur(2px);transform-origin:100% 50%;animation:dragon-burp 1.7s ease-out forwards}@keyframes dragon-burp{0%{opacity:0;transform:scaleX(.1)}16%{opacity:1;transform:scaleX(1.08)}38%{transform:scaleX(.9)}58%{opacity:.95;transform:scaleX(1.06)}to{opacity:0;transform:scaleX(.18)}}.tb-dragon-layer.burping .tb-dragon-sprite.sleep{animation:dragon-breathe 1.6s steps(6) infinite,dragon-startle 1.7s ease-in-out}@keyframes dragon-startle{0%,to{transform:translateY(0) rotate(0)}12%{transform:translateY(-7px) rotate(-3deg)}32%{transform:translateY(-5px) rotate(-2deg)}56%{transform:translateY(-6px) rotate(-2.4deg)}82%{transform:translateY(-1px) rotate(0)}}.tb-dragon-layer.burping .tb-dragon-zzz{opacity:0}.tb-dragon-layer.mode-approach .tb-dragon-bob{animation:none}