:root{--bg:#122027;--bg-2:#12232D;--bg-deep:#090F1A;--bg-input:#0D1B24;--bg-nav:#13232D;--bg-bottom-nav:#162936;--surface:#1B2D39;--surface-2:#213743;--surface-3:#283F50;--surface-hover:rgba(255,255,255,.04);--surface-active:rgba(255,255,255,.07);--border:rgba(42,66,85,.55);--border-2:rgba(42,66,85,.35);--border-solid:#2A4255;--border-subtle:rgba(42,66,85,.2);--accent:#42C8D0;--accent-2:#19C2FF;--accent-glow:rgba(66,200,208,.22);--accent-dim:rgba(66,200,208,.12);--accent-nav:rgba(66,200,208,.14);--text-1:#F8F9FB;--text-2:#A0BED1;--text-3:#7F92A5;--text-muted:#4A6275;--text-subtle:#344B5E;--success:#4CAF50;--warning:#FFD700;--error:#FF5555;--gold:#FFD700;--diamond:#40C0FF;--gr-master:#9B59B6;--gr-elite:#00BFFF;--gr-gold:#FFD700;--gr-silver:#C0C0C0;--gr-bronze:#888;--nav-h:62px;--nav-safe:env(safe-area-inset-bottom,0px);--claim-h:66px;--claim-compact-h:0px;--sidebar-collapsed:60px;--sidebar-expanded:236px;--z-content:1;--z-sidebar:100;--z-panel:400;--z-modal:500;--z-overlay:800;--z-loading:9999;--t-fast:.12s ease;--t-base:.22s ease;--t-slow:.35s cubic-bezier(.4,0,.2,1);--t-spring:.45s cubic-bezier(.34,1.56,.64,1);--t-panel:.38s cubic-bezier(.32,0,0,1);--t-sidebar:.28s cubic-bezier(.4,0,.2,1);--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-2xl:24px;--shadow-sm:0 2px 8px rgba(0,0,0,.3);--shadow-md:0 4px 20px rgba(0,0,0,.45);--shadow-lg:0 12px 40px rgba(0,0,0,.6);--shadow-xl:0 24px 80px rgba(0,0,0,.75);--shadow-nav:0 -1px 0 rgba(42,66,85,.5),0 -6px 24px rgba(0,0,0,.35);--shadow-panel:0 -8px 40px rgba(0,0,0,.5),0 -2px 0 rgba(42,66,85,.3);--shadow-sidebar:2px 0 24px rgba(0,0,0,.4);--triangle:linear-gradient(180deg,#7b5a30,#b8894f);--ivory:#F6EFE6;--navy:#0D1825;--muted:rgba(255,255,255,.06);--accent-legacy:#42C8D0}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0;overflow-x:hidden}html{scrollbar-gutter:stable}body{margin:0;font-family:Inter,Manrope,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.01em}button,a,input,select,textarea,[role=button]{touch-action:manipulation}#root{position:relative}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:#42c8d038;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#42c8d066}@keyframes spin{to{transform:rotate(360deg)}}@keyframes arrive{0%{transform:scale(.65)}80%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes bgflash{0%{opacity:.8}to{opacity:0}}@keyframes cubepulse{0%,to{opacity:.45}50%{opacity:1}}@keyframes logospin{0%{transform:rotate(-8deg) scale(.97)}to{transform:rotate(8deg) scale(1.03)}}@keyframes rankedGlow{0%,to{box-shadow:0 0 #ffd70000;border-color:#ffd70059}50%{box-shadow:0 0 22px 6px #ffb90047,0 0 48px 12px #ffb9001a;border-color:#ffd700e6}}@keyframes rankedShine{0%{background-position:200% center}to{background-position:-200% center}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes portraitWarn{0%,to{opacity:.7}50%{opacity:1}}@keyframes dieBounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-14px) rotate(-6deg)}75%{transform:translateY(-6px) rotate(4deg)}}@keyframes dieRoll{0%{transform:translateY(0) rotate(0) scale(1)}20%{transform:translateY(-18px) rotate(-15deg) scale(1.06)}50%{transform:translateY(-24px) rotate(180deg) scale(1.1)}80%{transform:translateY(-10px) rotate(340deg) scale(1.04)}to{transform:translateY(0) rotate(360deg) scale(1)}}@keyframes dieBounce3D{0%{transform:translateY(0) scale(1)}20%{transform:translateY(-30px) scale(1.08)}45%{transform:translateY(-36px) scale(1.12)}65%{transform:translateY(-18px) scale(1.06)}80%{transform:translateY(-6px) scale(1.03)}90%{transform:translateY(5px) scaleX(1.18) scaleY(.82)}95%{transform:translateY(-3px) scale(1.04)}to{transform:translateY(0) scale(1)}}@keyframes dieRotate3D{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(-360deg) rotateY(-480deg)}}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{width:min(420px,100%);padding:28px 24px;border-radius:24px;background:#1b2d39f7;border:1px solid var(--border);box-shadow:var(--shadow-xl)}.auth-brand{display:flex;align-items:center;gap:16px;margin-bottom:24px}.auth-logo{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,#42c8d0,#19c2ff);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--bg)}.auth-title{font-size:1.6rem;font-weight:800}.auth-subtitle{font-size:.95rem;opacity:.75;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-label{font-size:.9rem;letter-spacing:.06em;text-transform:uppercase;opacity:.8}.auth-input{width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--border);background:var(--bg-input);color:var(--text-1);outline:none}.auth-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-dim)}.auth-error{color:#ff9090;font-size:.9rem}.auth-button{width:100%;padding:14px 16px;border:none;border-radius:14px;background:linear-gradient(135deg,#42c8d0,#19c2ff);font-weight:700;color:var(--bg);cursor:pointer}.auth-notes{margin-top:16px;font-size:.9rem;opacity:.78}button{font-family:inherit}button:active{filter:brightness(.88)}.auth-button:hover{filter:brightness(1.08)}.auth-button:active{filter:brightness(.92)}.screen-enter{animation:fadeSlideUp .22s ease-out both}.screen-enter-fast{animation:fadeSlideUp .14s ease-out both}@keyframes gridDrift{0%{background-position:0 0}to{background-position:64px 64px}}@keyframes boardGlow{0%,to{filter:drop-shadow(0 4px 16px rgba(0,0,0,.5))}50%{filter:drop-shadow(0 4px 32px rgba(66,200,208,.22))}}@keyframes checkerBob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes floatPt{0%{transform:translateY(0) scale(1);opacity:var(--op,.3)}to{transform:translateY(-22px) scale(.6);opacity:0}}@keyframes blobDrift{0%{transform:translate(0) scale(1)}to{transform:translate(28px,-18px) scale(1.12)}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.95) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes arrowBounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes shareGlow{0%,to{box-shadow:0 0 #42c8d000;transform:scale(1)}50%{box-shadow:0 0 0 12px #42c8d02e;transform:scale(1.08)}}@keyframes slideUpPanel{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDownPanel{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes panelBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes panelBackdropOut{0%{opacity:1}to{opacity:0}}@keyframes navTabPop{0%{transform:scale(1)}45%{transform:scale(.86)}75%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes sidebarLabelFade{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}@keyframes claimCTAPulse{0%,to{box-shadow:0 0 #ffd70000}60%{box-shadow:0 0 0 10px #ffd7000f}}@keyframes claimStripGlow{0%,to{opacity:.65}50%{opacity:1}}@keyframes grBadgePop{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes ringPulse{0%,to{box-shadow:0 0 0 2px #ffd70080,0 3px 8px #0009,inset 0 2px #fffc}50%{box-shadow:0 0 0 4px #ffd700e6,0 0 14px #ffd7008c,0 3px 8px #0009,inset 0 2px #fffc}}@keyframes xpBarFill{0%{width:0}to{width:var(--pct,0%)}}.has-bottom-nav{padding-bottom:calc(var(--nav-h) + var(--nav-safe))}.has-bottom-nav-claim{padding-bottom:calc(var(--nav-h) + var(--claim-h) + var(--nav-safe))}.has-bottom-nav-claim-compact{padding-bottom:calc(var(--nav-h) + var(--claim-compact-h) + var(--nav-safe))}.has-sidebar{margin-left:var(--sidebar-collapsed)}.has-sidebar-expanded{margin-left:var(--sidebar-expanded)}.panel-drag-handle{width:36px;height:4px;border-radius:2px;background:#ffffff24;margin:0 auto;flex-shrink:0}.nav-item-btn{transition:background var(--t-fast),color var(--t-fast);cursor:pointer;border:none;background:transparent;font-family:inherit}.nav-item-btn:hover{background:var(--surface-hover)}.nav-item-btn:active{animation:navTabPop .28s ease-out}.sidebar-label{overflow:hidden;white-space:nowrap;transition:opacity var(--t-sidebar),max-width var(--t-sidebar);max-width:160px}.sidebar-collapsed .sidebar-label{opacity:0;max-width:0;pointer-events:none}.safe-bottom{height:var(--nav-safe);background:inherit;flex-shrink:0}