:root{--color-slate-deepest:#060810;--color-slate-deep:#0e1119;--color-slate-base:#141821;--color-slate-mid:#1e2330;--color-slate-high:#2a3041;--color-slate-line:rgba(234,237,243,.08);--color-slate-line-hi:rgba(234,237,243,.16);--color-coral-300:#ff7ab3;--color-coral-500:#ff3d8c;--color-coral-600:#e91e63;--color-coral-pink:#ff5ba8;--color-sky-300:#93d9ff;--color-sky-500:#5bc8ff;--color-sky-600:#2ba8e8;--color-sky-700:#1e7fb8;--color-gold-400:#f7d85f;--color-gold-500:#f4d03f;--color-gold-600:#d4af20;--color-success:#5bc8ff;--color-danger:#ff5e5b;--color-warning:#ffb54c;--color-info:#93d9ff;--color-fg-100:#eaedf3;--color-fg-300:#9ca3b0;--color-fg-500:#6b7384;--color-fg-700:#3d4356;--font-sans:"Plus Jakarta Sans","Inter",system-ui,sans-serif;--font-display:"Plus Jakarta Sans","Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono","Courier New",monospace;--text-xs:0.6875rem;--text-sm:0.8125rem;--text-base:0.9375rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--text-4xl:3.25rem;--text-hero:4rem;--tracking-mono:0.18em;--tracking-loose:0.30em;--tracking-display:-0.025em;--tracking-tight:-0.015em;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--duration-fast:100ms;--duration-base:180ms;--duration-slow:320ms;--duration-cinematic:1500ms;--ease-out:cubic-bezier(0.2,0,0,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--border-width-1:1px;--border-width-2:2px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-pill:9999px;--z-base:0;--z-canvas:1;--z-overlay:10;--z-hud:20;--z-modal:40;--z-toast:60;--z-tooltip:80;--z-loader:100;--color-primary:var(--color-coral-500);--color-primary-strong:var(--color-coral-300);--color-primary-deep:var(--color-coral-600);--color-secondary:var(--color-sky-500);--color-secondary-deep:var(--color-sky-600);--surface-deep:var(--color-slate-deep);--surface-base:var(--color-slate-base);--surface-mid:var(--color-slate-mid);--surface-high:var(--color-slate-high);--surface-glass:rgba(20,24,33,.82);--surface-glass-hi:rgba(30,35,48,.88);--surface-overlay:rgba(6,8,16,.65);--text-primary:var(--color-fg-100);--text-secondary:var(--color-fg-300);--text-mute:var(--color-fg-500);--text-disabled:var(--color-fg-700);--text-on-coral:#1a0a05;--text-on-sky:#061018;--text-on-gold:#1a1408;--border-subtle:var(--color-slate-line);--border-default:var(--color-slate-line-hi);--border-emphasis:rgba(255,122,89,.35);--border-secondary:rgba(91,200,255,.3);--gradient-primary:linear-gradient(135deg,var(--color-coral-500) 0%,var(--color-coral-pink) 100%);--gradient-secondary:linear-gradient(135deg,var(--color-sky-500) 0%,var(--color-sky-700) 100%);--gradient-prestige:linear-gradient(135deg,var(--color-gold-500) 0%,var(--color-coral-500) 100%);--shadow-sm:0 2px 8px rgba(0,0,0,.3);--shadow-md:0 8px 24px rgba(0,0,0,.35);--shadow-lg:0 16px 48px rgba(0,0,0,.45);--shadow-xl:0 24px 72px rgba(0,0,0,.55);--shadow-coral:0 6px 20px rgba(255,61,140,.4),0 2px 8px rgba(233,30,99,.2);--shadow-coral-hover:0 12px 36px rgba(255,61,140,.6),0 4px 12px rgba(233,30,99,.3);--shadow-sky:0 6px 20px rgba(91,200,255,.3),0 2px 8px rgba(43,168,232,.15);--shadow-sky-hover:0 10px 32px rgba(91,200,255,.5),0 4px 12px rgba(43,168,232,.25);--shadow-gold:0 6px 20px rgba(244,208,63,.28);--inset-hi:inset 0 1px 0 hsla(0,0%,100%,.06);--blur-sm:blur(12px);--blur-md:blur(20px) saturate(140%);--blur-lg:blur(28px) saturate(160%);--btn-primary-bg:var(--gradient-primary);--btn-primary-text:var(--text-on-coral);--btn-primary-shadow:var(--shadow-coral);--btn-primary-shadow-hover:var(--shadow-coral-hover);--btn-secondary-bg:hsla(0,0%,100%,.04);--btn-secondary-bg-hover:hsla(0,0%,100%,.08);--btn-secondary-border:var(--border-default);--btn-secondary-border-hover:var(--border-emphasis);--btn-secondary-text:var(--text-primary);--modal-bg:var(--surface-glass);--modal-blur:var(--blur-lg);--modal-border:var(--border-default);--modal-border-hi:var(--border-emphasis);--modal-shadow:var(--shadow-xl),var(--inset-hi);--modal-radius:var(--radius-2xl);--input-bg:hsla(0,0%,100%,.04);--input-border:var(--border-default);--input-border-focus:var(--color-primary);--input-text:var(--text-primary);--input-placeholder:var(--text-mute);--card-bg:var(--surface-glass);--card-bg-hover:var(--surface-glass-hi);--card-border:var(--border-default);--card-border-hover:var(--border-emphasis);--card-radius:var(--radius-xl)}@keyframes ds-pulse-soft{0%,to{opacity:.6}50%{opacity:1}}@keyframes ds-toast-in{0%{transform:translateX(20px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes ds-modal-in{0%{transform:scale(.96) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes ds-bar-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ds-display{font-family:var(--font-display);font-weight:800;letter-spacing:var(--tracking-display);color:var(--text-primary);line-height:1.05}.ds-display-lg{font-size:var(--text-4xl)}.ds-display-xl{font-size:var(--text-hero)}.ds-mono{letter-spacing:var(--tracking-mono)}.ds-kicker,.ds-mono{font-family:var(--font-mono);text-transform:uppercase;font-size:var(--text-xs);color:var(--text-mute)}.ds-kicker{letter-spacing:var(--tracking-loose);font-weight:500}.ds-kicker-coral{color:var(--color-primary)}.ds-kicker-sky{color:var(--color-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:700;letter-spacing:-.005em;line-height:1;border:var(--border-width-1) solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-base) var(--ease-out);outline:none;text-decoration:none}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{cursor:not-allowed;opacity:.4}.btn-sm{height:32px;padding:0 var(--space-3);font-size:var(--text-xs)}.btn-md{height:40px;padding:0 var(--space-5);font-size:var(--text-sm)}.btn-lg{height:48px;padding:0 var(--space-6);font-size:var(--text-base)}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);box-shadow:var(--btn-primary-shadow)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--btn-primary-shadow-hover)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border-color:var(--btn-secondary-border)}.btn-secondary:hover:not(:disabled){background:var(--btn-secondary-bg-hover);border-color:var(--btn-secondary-border-hover)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:0 var(--space-3)}.btn-ghost:hover:not(:disabled){color:var(--text-primary)}.btn-danger{background:transparent;color:var(--color-danger);border-color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:rgba(255,94,91,.1)}.btn-block{width:100%}.modal{position:relative;background:var(--modal-bg);backdrop-filter:var(--modal-blur);-webkit-backdrop-filter:var(--modal-blur);border:var(--border-width-1) solid var(--modal-border);border-radius:var(--modal-radius);padding:var(--space-7);box-shadow:var(--modal-shadow);animation:ds-modal-in var(--duration-slow) var(--ease-spring)}.modal-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.modal-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--gradient-primary);color:var(--text-on-coral);display:inline-flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;box-shadow:var(--shadow-coral);flex-shrink:0}.modal-eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-primary);font-weight:600;margin-bottom:var(--space-1)}.modal-title{font-size:var(--text-xl);font-weight:800;letter-spacing:var(--tracking-tight);color:var(--text-primary);line-height:1.15}.modal-body{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.55;margin-bottom:var(--space-5)}.modal-divider{height:1px;background:var(--modal-border);margin:var(--space-5) calc(-1 * var(--space-7))}.modal-actions{display:flex;gap:var(--space-2)}.input{display:block;width:100%;height:44px;padding:0 var(--space-4);background:var(--input-bg);border:var(--border-width-1) solid var(--input-border);color:var(--input-text);font-family:var(--font-sans);font-size:var(--text-sm);border-radius:var(--radius-lg);outline:none;transition:all var(--duration-base) var(--ease-out)}.input::-moz-placeholder{color:var(--input-placeholder)}.input::placeholder{color:var(--input-placeholder)}.input:focus{border-color:var(--input-border-focus);box-shadow:0 0 0 3px rgba(255,122,89,.12)}.card{background:var(--card-bg);backdrop-filter:var(--blur-md);border:var(--border-width-1) solid var(--card-border);border-radius:var(--card-radius);padding:var(--space-5);transition:all var(--duration-base) var(--ease-out)}.card-interactive{cursor:pointer}.card-interactive:hover{background:var(--card-bg-hover);border-color:var(--card-border-hover);transform:translateY(-1px)}.card-featured{border-color:var(--border-emphasis);background:linear-gradient(180deg,rgba(255,122,89,.08) 0,var(--card-bg) 100%)}.tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;border:var(--border-width-1) solid var(--border-default);border-radius:var(--radius-pill);color:var(--text-secondary);background:hsla(0,0%,100%,.04)}.tag-coral{color:var(--color-primary);border-color:var(--border-emphasis);background:rgba(255,122,89,.1)}.tag-sky{color:var(--color-secondary);border-color:var(--border-secondary);background:rgba(91,200,255,.1)}.tag-gold{color:var(--color-gold-500);border-color:rgba(244,208,63,.3);background:rgba(244,208,63,.08)}.tag-danger{color:var(--color-danger);border-color:rgba(255,94,91,.3);background:rgba(255,94,91,.08)}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-glass);backdrop-filter:var(--blur-md);border:var(--border-width-1) solid var(--border-default);border-left-width:3px;border-left-color:var(--color-primary);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-primary);min-width:280px;animation:ds-toast-in var(--duration-slow) var(--ease-spring)}.toast-success{border-left-color:var(--color-secondary)}.toast-warning{border-left-color:var(--color-warning)}.toast-danger{border-left-color:var(--color-danger)}.toast-reward{border-left-color:var(--color-gold-500)}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border-subtle)}.tab{background:transparent;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:var(--text-mute);cursor:pointer;position:relative;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--duration-base) var(--ease-out)}.tab:hover{color:var(--text-secondary)}.tab[aria-selected=true]{color:var(--text-primary);border-bottom-color:var(--color-primary)}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);background:var(--surface-mid);border:var(--border-width-1) solid var(--border-default);overflow:hidden;font-family:var(--font-sans);font-weight:700;color:var(--text-primary);flex-shrink:0}.avatar-sm{width:32px;height:32px;font-size:var(--text-xs)}.avatar-md{width:40px;height:40px;font-size:var(--text-sm)}.avatar-lg{width:56px;height:56px;font-size:var(--text-base)}.avatar-xl{width:72px;height:72px;font-size:var(--text-lg)}.avatar-coral{border-color:var(--color-primary);box-shadow:0 0 12px rgba(255,122,89,.35)}.avatar-sky{border-color:var(--color-secondary);box-shadow:0 0 12px rgba(91,200,255,.35)}.avatar-gold{border-color:var(--color-gold-500);box-shadow:0 0 12px rgba(244,208,63,.35)}.hud{background:var(--surface-glass);backdrop-filter:var(--blur-md);border:var(--border-width-1) solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);position:relative;overflow:hidden}.hud:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary)}.progress{height:6px;background:hsla(0,0%,100%,.06);overflow:hidden}.progress,.progress-fill{border-radius:var(--radius-pill)}.progress-fill{height:100%;background:var(--gradient-primary);box-shadow:0 0 8px rgba(255,122,89,.5);transition:width var(--duration-slow) var(--ease-out)}.progress-fill-sky{background:var(--gradient-secondary);box-shadow:0 0 8px rgba(91,200,255,.5)}.progress-fill-gold{background:var(--gradient-prestige);box-shadow:var(--shadow-gold)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--color-secondary);box-shadow:0 0 8px var(--color-secondary);animation:ds-pulse-soft 1.6s ease-in-out infinite}.status-dot-coral{background:var(--color-primary);box-shadow:0 0 8px var(--color-primary)}.status-dot-gold{background:var(--color-gold-500);box-shadow:0 0 8px var(--color-gold-500)}.status-dot-danger{background:var(--color-danger);box-shadow:0 0 8px var(--color-danger)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--pixel-bg:#1a0e22;--pixel-surface:#2d1a3d;--pixel-surface-mid:#3d2750;--pixel-shadow-hard:#0d0612;--pixel-gold:#f7d85f;--pixel-gold-deep:#d4a020;--pixel-gold-light:#fff0a8;--pixel-gold-darker:#b08818;--pixel-pink:#ff5ba8;--pixel-pink-deep:#c8246b;--pixel-pink-light:#ff8fc4;--pixel-pink-darker:#951846;--pixel-teal:#4ddeac;--pixel-purple:#9945ff;--pixel-purple-light:#c69bff;--pixel-z-hud:20;--pixel-z-panel:30;--pixel-z-toast:50;--pixel-z-modal:55;--pixel-z-flash:60;--pixel-text:#fff;--pixel-text-dim:#f5e6c4;--pixel-text-muted:#d8c89e;--pixel-text-on-gold:#1a0e22;--pixel-text-on-pink:#fff;--pixel-font:var(--font-pixel,"Pixelify Sans",system-ui,sans-serif);--pixel-font-mono:var(--font-pixel-mono,"VT323",monospace);--pixel-border-w:2px;--pixel-border-pad:3px;--pixel-shadow-off:4px}.font-pixel{font-family:var(--pixel-font)}.font-pixel-mono{font-family:var(--pixel-font-mono)}.pixel-rendering{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.pixel-panel{background:var(--pixel-surface);color:var(--pixel-text);font-family:var(--pixel-font);padding:16px 18px;position:relative;border-radius:0;border:none;box-shadow:inset 0 0 0 var(--pixel-border-w) var(--pixel-gold),inset 0 0 0 calc(var(--pixel-border-w) + var(--pixel-border-pad)) var(--pixel-bg),var(--pixel-shadow-off) var(--pixel-shadow-off) 0 0 var(--pixel-shadow-hard)}.pixel-panel-sm{padding:12px 14px}.pixel-panel-lg{padding:22px 24px}.pixel-panel-corner{position:absolute;width:16px;height:16px;background:var(--pixel-pink);box-shadow:inset 0 0 0 var(--pixel-border-w) var(--pixel-bg);z-index:1}.pixel-panel-corner:before{content:"";position:absolute;inset:4px;background:var(--pixel-bg)}.pixel-panel-corner.tl{top:-2px;left:-2px}.pixel-panel-corner.tr{top:-2px;right:-2px}.pixel-panel-corner.bl{bottom:-2px;left:-2px}.pixel-panel-corner.br{bottom:-2px;right:-2px}.pixel-panel-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--pixel-gold);letter-spacing:.18em;text-transform:uppercase;font-weight:700;padding-bottom:10px;border-bottom:2px dashed rgba(247,216,95,.4);margin-bottom:10px}.pixel-panel-title{font-size:22px;color:#fff5cc;text-shadow:2px 2px 0 #2a1a08;line-height:1.15;margin:0 0 6px;font-weight:700}.pixel-panel-body{font-size:15px;line-height:1.45;color:var(--pixel-text-dim)}.pixel-btn{font-family:var(--pixel-font);font-weight:700;font-size:15px;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(180deg,var(--pixel-gold) 0,var(--pixel-gold-deep) 100%);color:var(--pixel-text-on-gold);border:none;border-radius:0;padding:12px 22px 14px;cursor:pointer;position:relative;box-shadow:inset var(--pixel-border-w) var(--pixel-border-w) 0 0 var(--pixel-gold-light),inset calc(-1 * var(--pixel-border-w)) calc(-1 * var(--pixel-border-w)) 0 0 var(--pixel-gold-darker),var(--pixel-shadow-off) var(--pixel-shadow-off) 0 0 var(--pixel-shadow-hard);transition:filter 80ms cubic-bezier(0,0,0,1),transform 80ms cubic-bezier(0,0,0,1),box-shadow 80ms cubic-bezier(0,0,0,1);text-shadow:1px 1px 0 rgba(255,240,168,.4);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pixel-btn:hover{filter:brightness(1.1)}.pixel-btn:active,.pixel-btn[data-pressed=true]{transform:translate(var(--pixel-shadow-off),var(--pixel-shadow-off));box-shadow:inset calc(-1 * var(--pixel-border-w)) calc(-1 * var(--pixel-border-w)) 0 0 var(--pixel-gold-light),inset var(--pixel-border-w) var(--pixel-border-w) 0 0 var(--pixel-gold-darker),0 0 0 0 var(--pixel-shadow-hard)}.pixel-btn:disabled,.pixel-btn[aria-disabled=true]{filter:grayscale(.6) brightness(.7);cursor:not-allowed}.pixel-btn:focus-visible{outline:2px solid var(--pixel-pink);outline-offset:4px}.pixel-btn-alt:focus-visible{outline-color:var(--pixel-gold)}.pixel-btn-alt{background:linear-gradient(180deg,var(--pixel-pink) 0,var(--pixel-pink-deep) 100%);color:var(--pixel-text-on-pink);box-shadow:inset var(--pixel-border-w) var(--pixel-border-w) 0 0 var(--pixel-pink-light),inset calc(-1 * var(--pixel-border-w)) calc(-1 * var(--pixel-border-w)) 0 0 var(--pixel-pink-darker),var(--pixel-shadow-off) var(--pixel-shadow-off) 0 0 var(--pixel-shadow-hard);text-shadow:1px 1px 0 rgba(149,24,70,.6)}.pixel-btn-alt:active,.pixel-btn-alt[data-pressed=true]{box-shadow:inset calc(-1 * var(--pixel-border-w)) calc(-1 * var(--pixel-border-w)) 0 0 var(--pixel-pink-light),inset var(--pixel-border-w) var(--pixel-border-w) 0 0 var(--pixel-pink-darker),0 0 0 0 var(--pixel-shadow-hard)}.pixel-btn-ghost{background:var(--pixel-surface);color:var(--pixel-gold);text-shadow:none;box-shadow:inset 0 0 0 var(--pixel-border-w) var(--pixel-gold),inset 0 0 0 calc(var(--pixel-border-w) + var(--pixel-border-pad)) var(--pixel-bg),var(--pixel-shadow-off) var(--pixel-shadow-off) 0 0 var(--pixel-shadow-hard)}.pixel-btn-ghost:active,.pixel-btn-ghost[data-pressed=true]{box-shadow:inset 0 0 0 var(--pixel-border-w) var(--pixel-gold),inset 0 0 0 calc(var(--pixel-border-w) + var(--pixel-border-pad)) var(--pixel-bg),0 0 0 0 var(--pixel-shadow-hard)}.pixel-btn-icon{font-family:var(--pixel-font);width:48px;height:48px;background:var(--pixel-surface);color:var(--pixel-gold);border:none;border-radius:0;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;font-size:22px;padding:0;box-shadow:inset 0 0 0 var(--pixel-border-w) var(--pixel-gold),inset 0 0 0 calc(var(--pixel-border-w) + var(--pixel-border-pad) - 1px) var(--pixel-bg),3px 3px 0 0 var(--pixel-shadow-hard);transition:filter 80ms cubic-bezier(0,0,0,1)}.pixel-btn-icon:hover{filter:brightness(1.12)}.pixel-btn-icon:active{transform:translate(3px,3px);box-shadow:inset 0 0 0 var(--pixel-border-w) var(--pixel-gold),inset 0 0 0 calc(var(--pixel-border-w) + var(--pixel-border-pad) - 1px) var(--pixel-bg),0 0 0 0 var(--pixel-shadow-hard);transition-duration:60ms}.pixel-btn-icon:focus-visible{outline:2px solid var(--pixel-pink);outline-offset:4px}.pixel-btn-icon-active,.pixel-btn-icon[data-active=true]{background:var(--pixel-pink);color:#fff;box-shadow:inset var(--pixel-border-w) var(--pixel-border-w) 0 0 var(--pixel-pink-light),inset calc(-1 * var(--pixel-border-w)) calc(-1 * var(--pixel-border-w)) 0 0 var(--pixel-pink-darker),3px 3px 0 0 var(--pixel-shadow-hard);text-shadow:1px 1px 0 rgba(149,24,70,.6)}.pixel-btn-icon-danger{color:var(--pixel-pink)}.pixel-btn-icon-danger:hover{color:#ff8fc4}.pixel-btn-sm{font-size:11px;padding:7px 14px 8px;letter-spacing:.08em}.pixel-btn-lg{font-size:17px;padding:14px 26px 16px}.pixel-btn-icon-dot{position:absolute;top:-6px;right:-6px;min-width:22px;height:22px;padding:0 5px;background:var(--pixel-pink);color:#fff;font-size:12px;font-weight:700;display:flex;justify-content:center;box-shadow:inset 0 0 0 var(--pixel-border-w) #fff,inset 0 0 0 calc(var(--pixel-border-w) + 1px) var(--pixel-bg),2px 2px 0 0 var(--pixel-shadow-hard)}.pixel-btn-icon-dot,.pixel-tag{font-family:var(--pixel-font);align-items:center}.pixel-tag{display:inline-flex;gap:10px;background:var(--pixel-surface);color:var(--pixel-text);padding:8px 14px 9px 12px;position:relative;border-radius:0;box-shadow:inset 0 0 0 var(--pixel-border-w) var(--pixel-gold),inset 0 0 0 calc(var(--pixel-border-w) + var(--pixel-border-pad)) var(--pixel-bg),3px 3px 0 0 var(--pixel-shadow-hard);white-space:nowrap}.pixel-tag-name{font-weight:700;font-size:14px;line-height:1}.pixel-tag-role{font-family:var(--pixel-font-mono);font-size:14px;color:var(--pixel-teal);letter-spacing:.04em;padding-left:10px;border-left:2px solid var(--pixel-gold);line-height:1}.pixel-tag-paw{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;background:var(--pixel-pink);font-size:12px;box-shadow:inset 0 0 0 var(--pixel-border-w) var(--pixel-bg);flex-shrink:0}.pixel-tag-tail-bottom:after{content:"";position:absolute;bottom:-10px;left:22px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:10px solid var(--pixel-gold)}.pixel-xp{background:var(--pixel-surface);padding:12px 14px 14px;position:relative;font-family:var(--pixel-font);border-radius:0;box-shadow:inset 0 0 0 var(--pixel-border-w) var(--pixel-gold),inset 0 0 0 calc(var(--pixel-border-w) + var(--pixel-border-pad)) var(--pixel-bg),var(--pixel-shadow-off) var(--pixel-shadow-off) 0 0 var(--pixel-shadow-hard)}.pixel-xp-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:10px}.pixel-xp-lvl{display:flex;align-items:baseline;gap:6px;color:var(--pixel-gold);font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-family:var(--pixel-font)}.pixel-xp-lvl-num{font-size:28px;color:#fff5cc;text-shadow:2px 2px 0 var(--pixel-gold-deep);line-height:1;font-weight:700}.pixel-xp-num{font-family:var(--pixel-font-mono);font-size:18px;color:var(--pixel-pink);letter-spacing:.04em}.pixel-xp-track{position:relative;height:14px;background-image:repeating-linear-gradient(90deg,transparent,transparent 11px,rgba(0,0,0,.6) 0,rgba(0,0,0,.6) 12px);background-color:var(--pixel-bg);box-shadow:inset 2px 2px 0 0 var(--pixel-shadow-hard),inset -2px -2px 0 0 var(--pixel-surface-mid);overflow:hidden}.pixel-xp-fill{height:100%;background:repeating-linear-gradient(90deg,transparent 0,transparent 11px,rgba(0,0,0,.25) 11px,rgba(0,0,0,.25) 12px),linear-gradient(180deg,var(--pixel-gold) 0,var(--pixel-gold-deep) 100%);box-shadow:inset 0 -2px 0 0 var(--pixel-gold-darker),inset 0 2px 0 0 var(--pixel-gold-light);transition:width .68s cubic-bezier(.34,1.56,.64,1)}.pixel-xp-sub{display:flex;align-items:center;gap:6px;margin-top:8px;font-family:var(--pixel-font-mono);font-size:14px;color:var(--pixel-text-dim);letter-spacing:.04em}.pixel-xp-sub-icon{width:10px;height:10px;background:var(--pixel-gold);flex-shrink:0}.pixel-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--pixel-font);font-weight:700;font-size:12px;background:var(--pixel-pink);color:#fff;padding:5px 10px 6px;text-transform:uppercase;letter-spacing:.1em;box-shadow:inset var(--pixel-border-w) var(--pixel-border-w) 0 0 var(--pixel-pink-light),inset calc(-1 * var(--pixel-border-w)) calc(-1 * var(--pixel-border-w)) 0 0 var(--pixel-pink-darker),3px 3px 0 0 var(--pixel-shadow-hard);text-shadow:1px 1px 0 rgba(149,24,70,.6);border-radius:0;animation:pixel-bob 1.2s ease-in-out infinite}@keyframes pixel-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.pixel-status{font-family:var(--pixel-font-mono);font-size:16px;color:var(--pixel-teal);letter-spacing:.08em;text-transform:uppercase}.pixel-reward{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--pixel-text-on-gold);background:var(--pixel-gold);padding:4px 10px;letter-spacing:.04em;box-shadow:inset var(--pixel-border-w) var(--pixel-border-w) 0 0 var(--pixel-gold-light),inset calc(-1 * var(--pixel-border-w)) calc(-1 * var(--pixel-border-w)) 0 0 var(--pixel-gold-darker),2px 2px 0 0 var(--pixel-shadow-hard)}.pixel-eyebrow,.pixel-reward{font-family:var(--pixel-font);font-weight:700}.pixel-eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--pixel-gold);text-shadow:1px 1px 0 var(--pixel-shadow-hard)}.pixel-eyebrow-pink{color:var(--pixel-pink)}.pixel-eyebrow-teal{color:var(--pixel-teal)}.pixel-eyebrow-cream{color:var(--pixel-text-dim);text-shadow:none}.pixel-eyebrow-sm{font-size:10px;letter-spacing:.22em}.pixel-eyebrow-lg{font-size:13px;letter-spacing:.14em}.pixel-title{font-family:var(--pixel-font);font-size:22px;font-weight:700;color:#fff5cc;text-shadow:2px 2px 0 var(--pixel-gold-deep);line-height:1.15;margin:0}.pixel-title-sm{font-size:18px;text-shadow:1px 1px 0 var(--pixel-gold-deep)}.pixel-title-lg{font-size:28px;text-shadow:3px 3px 0 var(--pixel-gold-deep)}.pixel-section-divider{border-bottom:2px dashed rgba(247,216,95,.4);padding-bottom:10px;margin-bottom:10px}.pixel-panel-in{animation:pixel-panel-in .32s cubic-bezier(.16,1,.3,1) both}@keyframes pixel-panel-in{0%{transform:translateY(10px) scale(.96);opacity:0}60%{transform:translateY(-2px) scale(1.01);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}.pixel-backdrop-fade{animation:pixel-backdrop-fade .28s cubic-bezier(.16,1,.3,1) both}@keyframes pixel-backdrop-fade{0%{opacity:0;backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(2px)}}.pixel-panel-out{animation:pixel-panel-out .18s cubic-bezier(.4,0,1,1) both}@keyframes pixel-panel-out{0%{transform:scale(1);opacity:1}to{transform:scale(.94) translateY(6px);opacity:0}}.pixel-card-in{animation:pixel-panel-in .28s cubic-bezier(.16,1,.3,1) both}.pixel-tooltip-in{animation:pixel-tooltip-in .12s cubic-bezier(.16,1,.3,1) both}@keyframes pixel-tooltip-in{0%{transform:translateX(6px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes enter-prompt-pop-in{0%{transform:translateY(20px) scale(.92);opacity:0}60%{transform:translateY(-3px) scale(1.04);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}.enter-prompt-pop{animation:enter-prompt-pop-in .28s cubic-bezier(.16,1,.3,1)}@media (prefers-reduced-motion:reduce){.enter-prompt-pop{animation:none}}@keyframes xp-bar-level-pulse{0%,to{box-shadow:0 0 0 rgba(247,216,95,0)}50%{box-shadow:0 0 18px 4px rgba(247,216,95,.55)}}@keyframes xp-bar-fill-pop{0%{filter:brightness(1)}40%{filter:brightness(1.4)}to{filter:brightness(1)}}@keyframes xp-bar-num-burst{0%{transform:scale(1)}40%{transform:scale(1.45);color:var(--pixel-pink)}to{transform:scale(1)}}.pixel-xp-lvl-num-burst{animation:xp-bar-num-burst .8s cubic-bezier(.34,1.56,.64,1) both}@media (prefers-reduced-motion:reduce){.pixel-xp-lvl-num-burst{animation:none}}.loading-dot{display:inline-block;width:8px;height:8px;background:var(--pixel-pink);box-shadow:inset 1px 1px 0 0 var(--pixel-pink-light),inset -1px -1px 0 0 var(--pixel-pink-darker),2px 2px 0 0 var(--pixel-shadow-hard);animation:loading-dot-pulse .9s ease-in-out infinite}@keyframes loading-dot-pulse{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-4px);opacity:1}}.pixel-volume-range{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;height:18px;cursor:pointer}.pixel-volume-range:disabled{cursor:not-allowed;opacity:.4}.pixel-volume-range::-webkit-slider-runnable-track{height:8px;background:var(--pixel-bg);border:2px solid var(--pixel-shadow-hard);box-shadow:inset 1px 1px 0 0 var(--pixel-shadow-hard)}.pixel-volume-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:16px;height:16px;margin-top:-6px;background:var(--pixel-gold);border:2px solid var(--pixel-shadow-hard);box-shadow:inset -1px -1px 0 0 var(--pixel-gold-darker,var(--pixel-gold-deep,#b88a14))}.pixel-volume-range:focus-visible::-webkit-slider-thumb{outline:2px solid var(--pixel-text);outline-offset:2px}.pixel-volume-range::-moz-range-track{height:8px;background:var(--pixel-bg);border:2px solid var(--pixel-shadow-hard)}.pixel-volume-range::-moz-range-thumb{width:14px;height:14px;background:var(--pixel-gold);border:2px solid var(--pixel-shadow-hard);border-radius:0}.pixel-volume-range:focus-visible::-moz-range-thumb{outline:2px solid var(--pixel-text);outline-offset:2px}@media (prefers-reduced-motion:reduce){.pixel-badge{animation:none}.pixel-xp-fill{transition:none}.loading-dot{opacity:.8}.loading-dot,.pixel-backdrop-fade,.pixel-card-in,.pixel-panel-in,.pixel-panel-out,.pixel-tooltip-in{animation:none}.pixel-backdrop-fade{backdrop-filter:blur(2px);opacity:1}}button:focus-visible:not(.pixel-btn):not(.pixel-btn-icon):not(.pixel-btn-ghost):not(.pixel-btn-alt){outline:2px solid var(--pixel-pink);outline-offset:2px}a:focus-visible:not(.pixel-btn):not(.pixel-btn-icon){outline:2px solid var(--pixel-pink);outline-offset:2px;border-radius:2px}input:focus-visible,textarea:focus-visible{outline:2px solid var(--pixel-gold);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.focus-visible\:not-sr-only:focus-visible,.focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:revert;margin:revert;overflow:visible;clip:auto;white-space:normal}