.fav{--fav-size:40px;--fav-ring:calc(var(--fav-size) * .075);width:var(--fav-size);height:var(--fav-size);flex-shrink:0;place-items:center;display:inline-grid;position:relative}.fav-face{z-index:1;border:1px solid var(--line-strong);background:radial-gradient(circle at 30% 25%, #ffffff14, transparent 60%), var(--surface-3);width:100%;height:100%;color:var(--gold-soft);font-family:var(--font-display);font-weight:var(--display-weight);font-stretch:var(--display-stretch);font-size:calc(var(--fav-size) * .48);border-radius:50%;place-items:center;line-height:1;display:grid;position:relative;overflow:hidden}.fav-img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%}.fav-framed{padding:var(--fav-ring)}.fav-framed .fav-face{border:calc(var(--fav-ring) * .6) solid var(--bg)}.fav-framed:before{content:"";border-radius:50%;position:absolute;inset:0}.frame-gilded:before{background:conic-gradient(from 210deg,#fff1c9,#c98a1b,#f8d58a,#8a5a10,#fbe2a8,#c98a1b,#fff1c9);box-shadow:0 4px 18px -4px #f2b54499}.frame-ember:before{background:conic-gradient(#ffd06b,#ff4d2e,#ff9a4a,#c2261a,#ffd06b);box-shadow:0 0 18px -2px #ff6a3d8c}.frame-frost:before{background:conic-gradient(from 120deg,#fff,#7fc4ff,#e8f6ff,#4e8fd6,#fff);box-shadow:0 0 18px -3px #7fc4ff8c}.frame-aurora:before{background:conic-gradient(#6fd7a3,#8ab8ff,#b9a1ff,#ff8ad8,#ffd06b,#6fd7a3);animation:6s linear infinite fav-spin;box-shadow:0 0 22px -4px #b9a1ff99}.frame-crowned:before{background:conic-gradient(from 210deg,#fff1c9,#c98a1b,#f8d58a,#8a5a10,#fbe2a8,#c98a1b,#fff1c9);box-shadow:0 0 0 1px #f2b54459,0 6px 26px -6px #f2b544cc}.frame-podium:before{background:conic-gradient(var(--place-1), #fff1c9, var(--place-2), #fff, var(--place-3), #fff1c9, var(--place-1));animation:10s linear infinite fav-spin;box-shadow:0 0 26px -4px #f2b544b3}.fav-crown{top:calc(var(--fav-size) * -.28);z-index:2;color:var(--sun);filter:drop-shadow(0 2px 6px #f2b54499);position:absolute;left:50%;transform:translate(-50%)rotate(-8deg)}.fav-crown svg{fill:var(--gold-wash)}@keyframes fav-spin{to{transform:rotate(360deg)}}.sname{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:100%;display:inline-block;overflow:hidden}.name-gold,.name-ember,.name-frost,.name-aurora,.name-holo{color:#0000;-webkit-background-clip:text;background-clip:text}.name-gold{background-image:linear-gradient(#fff3cf 10%,#f2b544 55%,#b8770f)}.name-ember{filter:drop-shadow(0 0 10px #ff6a3d59);background-image:linear-gradient(90deg,#ffd06b,#ff6a3d 60%,#ff9a4a)}.name-frost{filter:drop-shadow(0 0 10px #7fc4ff59);background-image:linear-gradient(#fff 20%,#8ecbff)}.name-aurora{background-image:linear-gradient(90deg,#6fd7a3,#8ab8ff,#b9a1ff,#ff8ad8,#6fd7a3);background-size:300% 100%;animation:6s linear infinite sname-drift}.name-holo{background-image:linear-gradient(110deg,#cfc8ff 20%,#fff 38%,#a9f0ff 48%,#ffd6f5 58%,#cfc8ff 78%);background-size:250% 100%;animation:3.5s ease-in-out infinite alternate sname-drift}@keyframes sname-drift{0%{background-position:0%}to{background-position:100%}}.staff-tag{font-family:var(--font-body);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;vertical-align:middle;border-radius:999px;flex-shrink:0;align-items:center;gap:3px;padding:1px 7px 1px 5px;font-size:10.5px;font-weight:800;line-height:1.6;display:inline-flex}.staff-tag-lg{padding:3px 11px 3px 8px;font-size:12.5px}.staff-owner{background:var(--accent-grad);color:#fff;box-shadow:0 0 14px -3px #ff5c8dcc}.staff-admin{background:var(--sky-wash);color:var(--sky);border:1px solid #7cc4ff73}.badge-row{vertical-align:middle;align-items:center;gap:4px;display:inline-flex}.badge-icon{--badge-size:22px;--badge-color:var(--rarity-common);width:var(--badge-size);height:var(--badge-size);border:1px solid color-mix(in srgb, var(--badge-color) 45%, transparent);background:color-mix(in srgb, var(--badge-color) 14%, var(--surface-2));color:var(--badge-color);border-radius:50%;flex-shrink:0;place-items:center;display:inline-grid}.badge-icon.rarity-rare{--badge-color:var(--rarity-rare)}.badge-icon.rarity-epic{--badge-color:var(--rarity-epic)}.badge-icon.rarity-legendary{--badge-color:var(--rarity-legendary);color:#2a1402;background:linear-gradient(145deg,#fff1c9,#ffb347 55%,#d9761a);border-color:#0000;box-shadow:0 0 14px -3px #ffb347b3}.pbanner{background-color:#1f1422;position:relative;overflow:hidden}.banner-midnight{background:radial-gradient(500px 200px at 15% 0,#ff4d8d38,#0000 70%),radial-gradient(400px 220px at 90% 100%,#ff9f3d29,#0000 70%),linear-gradient(#2a1a2e,#1a111d)}.banner-dusk{background:radial-gradient(160px 160px at 72% 88%,#ffc478e6,#ff8c5a59 45%,#0000 70%),linear-gradient(#1d1631 0%,#52304f 45%,#b8555a 78%,#f0a060 100%)}.banner-rose{background:radial-gradient(300px 200px at 20% 30%,#ffa0c873,#0000 70%),radial-gradient(260px 200px at 80% 80%,#ffc8aa59,#0000 70%),linear-gradient(135deg,#3a1f2c,#5c2d40 60%,#7a3f4c)}.banner-ocean{background:repeating-radial-gradient(circle at 50% 160%,#0000 0 18px,#8ce6e60f 18px 19px),radial-gradient(420px 220px at 30% 0,#50c8c859,#0000 70%),linear-gradient(#0b2a33,#06161d)}.banner-golddust{background:radial-gradient(circle at 20% 30%,#f8d58ae6 0 1px,#0000 1.5px) 0 0/38px 38px,radial-gradient(circle at 70% 60%,#f2b544b3 0 1px,#0000 1.5px) 0 0/53px 53px,radial-gradient(circle at 40% 80%,#fff1c999 0 .8px,#0000 1.3px) 0 0/27px 27px,radial-gradient(500px 240px at 50% 120%,#f2b54440,#0000 70%),linear-gradient(#17130c,#0f0d0a)}.banner-aurora{background:linear-gradient(115deg,#6fd7a38c,#8ab8ff73,#b9a1ff8c,#ff8ad866,#6fd7a38c) 0 0/300% 100%,linear-gradient(#0d1420,#0a0d14);animation:14s ease-in-out infinite alternate banner-drift}@keyframes banner-drift{to{background-position:100% 0,0 0}}.player-chip{align-items:center;gap:12px;min-width:0;max-width:100%;text-decoration:none;display:inline-flex}.player-chip-name{min-width:0;font-weight:500;overflow:hidden}a.player-chip:hover .player-chip-name{text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:4px}.player-chip-you{background:var(--gold);color:var(--on-gold);border-radius:999px;flex-shrink:0;padding:1px 8px;font-size:11.5px;font-weight:600}.cosmetic-preview-name{font-family:var(--font-display);font-weight:var(--display-weight);font-stretch:var(--display-stretch);font-size:34px}.cosmetic-preview-banner{width:100%;height:100%}.rarity-text-common{color:var(--rarity-common)}.rarity-text-rare{color:var(--rarity-rare)}.rarity-text-epic{color:var(--rarity-epic)}.rarity-text-legendary{color:var(--rarity-legendary)}.tier-bronze{--tier:#d48d5a}.tier-silver{--tier:#cfd2da}.tier-gold{--tier:#f2b544}.tier-platinum{--tier:#7fe3d3}.tier-diamond{--tier:#8ab8ff}.tier-legend{--tier:#c9a8ff}.level-badge{border:1px solid color-mix(in srgb, var(--tier) 50%, transparent);background:color-mix(in srgb, var(--tier) 14%, var(--surface-2));color:var(--tier);font-family:var(--font-mono);vertical-align:middle;border-radius:999px;flex-shrink:0;align-items:center;gap:3px;padding:1px 7px 1px 5px;font-size:11px;font-weight:600;line-height:1.5;display:inline-flex}.level-badge-lg{padding:3px 11px 3px 8px;font-size:14px}.level-badge.tier-legend{color:#120f1a;background:linear-gradient(120deg,#6fd7a3,#8ab8ff,#c9a8ff,#ff8ad8);border-color:#0000;box-shadow:0 0 14px -3px #c9a8ffcc}.level-progress{flex-direction:column;gap:8px;display:flex}.level-progress-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.level-progress-tier{color:var(--tier);align-items:center;gap:6px;font-weight:600;display:inline-flex}.level-progress-level{color:var(--text-soft);font-size:14px}.level-progress-streak{color:#ffab7a;background:#ff8a5a1a;border:1px solid #ff8a5a59;border-radius:999px;align-items:center;gap:4px;margin-left:auto;padding:2px 9px;font-size:12.5px;font-weight:500;display:inline-flex}.level-progress-bar{background:var(--surface-3);border-radius:999px;height:8px;overflow:hidden}.level-progress-bar span{border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--tier) 55%, #000), var(--tier));height:100%;transition:width .6s cubic-bezier(.16,1,.3,1);display:block}.level-progress-foot{color:var(--text-mute);justify-content:space-between;gap:12px;font-size:12px;display:flex}.xp-toast{z-index:200;border:1px solid var(--line-gold);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 50px -10px #000000b3, var(--shadow-gold);background:#211725f2;border-radius:999px;align-items:center;gap:10px;padding:12px 18px;font-size:15px;animation:4.5s cubic-bezier(.16,1,.3,1) forwards xp-toast;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.xp-toast strong{color:var(--gold);font-family:var(--font-mono)}.streak-card{background:radial-gradient(520px 260px at 0% 0%, #ff8a5c1a, transparent 70%), var(--surface);border-color:#ff8a5c38;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:28px;padding:28px;display:grid}.streak-card-main{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 16px;display:grid}.streak-flame{border:1px solid var(--line-strong);background:var(--bg-raised);width:60px;height:60px;color:var(--text-mute);border-radius:18px;place-items:center;display:grid}.streak-flame.is-lit{background:radial-gradient(circle at 50% 70%, #ffaa5059, transparent 70%), var(--bg-raised);color:#ffae5c;border-color:#ff8a5c73;box-shadow:0 0 30px -6px #ff8a5c8c}.streak-flame.is-lit svg{animation:2.4s ease-in-out infinite streak-flicker}@keyframes streak-flicker{0%,to{transform:scale(1)rotate(0)}30%{transform:scale(1.06)rotate(-3deg)}60%{transform:scale(.97)rotate(2deg)}}.streak-card-count{align-items:baseline;gap:10px;display:flex}.streak-card-count strong{font-size:44px;font-weight:500;line-height:1}.streak-card-count span{color:var(--text-soft);font-family:var(--font-display);font-weight:var(--display-weight);font-stretch:var(--display-stretch);font-size:26px}.streak-card-note{color:var(--text-soft);grid-column:1/-1;margin-top:10px;font-size:15px}.streak-card-note small{color:var(--text-mute);margin-top:2px;font-size:12.5px;display:block}.streak-week{grid-column:1/-1;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;max-width:360px;margin-top:12px;list-style:none;display:grid}.streak-week li{color:var(--text-mute);flex-direction:column;align-items:center;gap:5px;font-size:11.5px;display:flex}.streak-dot{border:1px dashed var(--line-strong);border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.streak-week li.is-done .streak-dot{color:#2a1204;background:linear-gradient(#ffc56b,#ff8a5c);border:none}.streak-week li.is-today small{color:var(--text);font-weight:600}.streak-week li.is-today:not(.is-done) .streak-dot{border-style:solid;border-color:#ff8a5c99}.streak-card-event{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raised);flex-direction:column;justify-content:center;gap:6px;padding:22px;text-decoration:none;transition:border-color .15s;display:flex}.streak-card-event:hover{border-color:var(--line-gold)}.streak-card-event>strong{font-family:var(--font-display);font-weight:var(--display-weight);font-stretch:var(--display-stretch);font-size:26px;line-height:1.1}.streak-card-event-line{color:var(--text-soft);font-size:14.5px}.streak-card-prize{color:var(--gold-soft);align-items:center;gap:6px;margin-top:6px;font-size:14px;font-weight:500;display:inline-flex}.quests{padding:26px 28px}.quests-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.quests-head h3{margin-top:8px;font-size:28px}.quests-reset{border:1px solid var(--line);color:var(--text-mute);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12.5px;display:inline-flex}.quests-list{flex-direction:column;gap:10px;margin-top:18px;list-style:none;display:flex}.quest{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raised);align-items:center;gap:14px;padding:12px 14px;transition:border-color .2s;display:flex}.quest.is-ready{border-color:var(--line-gold);background:radial-gradient(300px 100px at 0% 50%, #ff5c8d1a, transparent 70%), var(--bg-raised)}.quest-icon{background:var(--gold-wash);width:36px;height:36px;color:var(--gold-soft);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.quest.is-claimed .quest-icon{background:var(--mint-wash);color:var(--mint)}.quest-main{flex:1;min-width:0}.quest-title{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.quest-title strong{font-size:14.5px;font-weight:600}.quest.is-claimed .quest-title strong{color:var(--text-mute);text-decoration:line-through;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong)}.quest-reward{color:var(--gold-soft);flex-shrink:0;font-size:12.5px}.quest-bar{background:var(--surface-3);border-radius:999px;height:6px;margin-top:8px;overflow:hidden}.quest-bar span{border-radius:inherit;background:var(--accent-grad);height:100%;transition:width .5s cubic-bezier(.16,1,.3,1);display:block}.quest.is-claimed .quest-bar span{background:var(--mint)}.quest .btn{flex-shrink:0}.quest-done{color:var(--mint);flex-shrink:0;padding:0 6px;font-size:13px;font-weight:600}.quests-bonus{color:var(--text-mute);align-items:center;gap:8px;margin-top:14px;font-size:13.5px;display:flex}.quests-bonus.is-done{color:var(--mint)}.quests-notice{margin-top:12px}@media (width<=700px){.quests{padding:18px}.quests-head h3{font-size:24px}.quest{gap:12px;padding:11px 12px}.quest-title{flex-direction:column;gap:0}}@media (width<=900px){.streak-card{grid-template-columns:minmax(0,1fr);gap:20px;padding:22px}}@media (width<=700px){.streak-card{padding:18px}.streak-flame{width:52px;height:52px}.streak-card-count strong{font-size:38px}.streak-card-count span{font-size:22px}.streak-week{max-width:none}.streak-card-event{padding:18px}.xp-toast{bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + 14px);white-space:nowrap;max-width:calc(100vw - 32px);font-size:14px}}@keyframes xp-toast{0%{opacity:0;transform:translate(-50%,20px)}10%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;visibility:hidden;transform:translate(-50%,10px)}}.xp-guide{gap:8px;list-style:none;display:grid}.xp-guide li{border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;font-size:14.5px;display:flex}.xp-guide li svg{color:var(--gold);flex-shrink:0}.xp-guide li span{color:var(--text-soft);flex:1}.xp-guide li strong{font-family:var(--font-mono);color:var(--gold-soft);font-weight:500}.tier-ladder{flex-wrap:wrap;gap:8px;display:flex}.tier-ladder li{border:1px solid color-mix(in srgb, var(--tier) 40%, transparent);color:var(--tier);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;list-style:none;display:inline-flex}.tier-ladder li.current{background:color-mix(in srgb, var(--tier) 15%, transparent)}.tier-ladder small{color:var(--text-mute)}