*,*:before,*:after{box-sizing:border-box}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{width:0;height:0;display:none}:root{color-scheme:only light;--app-viewport-height: 100dvh;--app-bg-top: #c9dcf0;--app-bg-bottom: #9cbfdf;--app-safe-top-raw: env(safe-area-inset-top, 0px);--app-safe-bottom-raw: env(safe-area-inset-bottom, 0px);--app-safe-top: var(--app-safe-top-raw);--app-safe-bottom: var(--app-safe-bottom-raw);--app-dock-safe-bottom: var(--app-safe-bottom);--bottom-nav-bottom-gap: max(8px, calc(var(--app-safe-bottom-raw) - 18px));--ink: #0f172a;--muted: #475569;--muted-soft: #64748b;--red: #e11d48;--red-soft: #fecdd3;--red-deep: #b91c1c;--green: #22c55e;--green-deep: #15803d;--blue-accent: #229ed9;--reward-coin: #15803d;--reward-star: #b77900;--reward-experience: #2563eb;--glass-bg: rgba(255, 255, 255, .5);--glass-border: rgba(255, 255, 255, .7);--glass-bg-dark: rgba(15, 23, 42, .42);--glass-border-dark: rgba(255, 255, 255, .14);--glass-bg-strong-dark: rgba(15, 23, 42, .92);--blur-md: blur(18px) saturate(130%);--blur-sm: blur(10px) saturate(120%);--blur-dark: blur(14px) saturate(140%);--r-sm: 12px;--r-md: 16px;--r-lg: 20px;--r-xl: 24px;--r-pill: 999px;--shadow-glass: 0 8px 24px rgba(15, 23, 42, .12);--shadow-elev: 0 12px 40px rgba(15, 23, 42, .28);--shadow-cta: 0 8px 22px rgba(15, 23, 42, .3);--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", ui-monospace, Menlo, Consolas, monospace}@supports (-webkit-touch-callout: none){@media (hover: none) and (pointer: coarse){@media (display-mode: standalone),(display-mode: fullscreen){:root{--app-safe-top: var(--app-safe-top-raw);--app-safe-bottom: max(22px, var(--app-safe-bottom-raw))}}}}:root.app-standalone{--app-safe-top: var(--app-safe-top-raw);--app-safe-bottom: clamp(12px, var(--app-safe-bottom-raw), 26px);--app-dock-safe-bottom: clamp(8px, calc(var(--app-safe-bottom-raw) - 18px), 14px);--bottom-nav-bottom-gap: var(--app-dock-safe-bottom)}:root.app-ios-standalone{--app-safe-top: var(--app-safe-top-raw);--app-safe-bottom: max(24px, var(--app-safe-bottom-raw));--app-dock-safe-bottom: clamp(8px, calc(var(--app-safe-bottom-raw) - 22px), 12px);--bottom-nav-bottom-gap: var(--app-dock-safe-bottom)}@media (hover: hover) and (pointer: fine){:root.app-standalone{--app-safe-top: var(--app-safe-top-raw);--app-safe-bottom: var(--app-safe-bottom-raw);--app-dock-safe-bottom: 8px;--bottom-nav-bottom-gap: 6px}}html,body,#root{min-height:100%;width:100%;background-color:var(--app-bg-bottom);overflow-x:hidden;scrollbar-gutter:auto}html,body{margin:0;padding:0;background-color:var(--app-bg-bottom);background-image:linear-gradient(180deg,var(--app-bg-top) 0%,var(--app-bg-bottom) 100%);background-attachment:fixed;background-repeat:no-repeat;background-size:100% 100%;font-family:var(--font-sans);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}body{min-height:100vh;min-height:100dvh}#root{min-height:100vh;min-height:100dvh;background-color:var(--app-bg-bottom);background-image:linear-gradient(180deg,var(--app-bg-top) 0%,var(--app-bg-bottom) 100%);background-attachment:fixed;background-repeat:no-repeat;background-size:100% 100%}.app-shell{min-height:100vh;min-height:100dvh}button{font-family:inherit}.app-shell{background:radial-gradient(circle at 80% 90%,rgba(59,130,246,.18),transparent 55%),linear-gradient(180deg,#c9dcf0,#9cbfdf);height:100vh;height:var(--app-viewport-height, 100dvh)}.app-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 15% 30%,rgba(255,255,255,.5) 0 1.5px,transparent 2px),radial-gradient(circle at 60% 50%,rgba(255,255,255,.4) 0 1px,transparent 2px),radial-gradient(circle at 35% 80%,rgba(255,255,255,.35) 0 1.5px,transparent 2px),radial-gradient(circle at 80% 20%,rgba(255,255,255,.3) 0 1px,transparent 2px);background-size:220px 220px,170px 170px,260px 260px,180px 180px;opacity:.8;pointer-events:none;z-index:0}.app-shell>*{position:relative;z-index:1}.app-content{position:absolute;top:0;right:0;bottom:0;left:0;min-height:0;overflow:hidden}.app-content>.screen{height:100%;min-height:100%;overflow-y:auto}.app-shell--bottom-nav-visible .app-content>.screen{--bottom-nav-scroll-reserve: 128px;padding-bottom:calc(var(--bottom-nav-scroll-reserve) + var(--bottom-nav-bottom-gap))!important;scroll-padding-bottom:calc(var(--bottom-nav-scroll-reserve) + var(--bottom-nav-bottom-gap))}.glass{background:var(--glass-bg);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--glass-border);box-shadow:var(--shadow-glass)}.glass-dark{background:var(--glass-bg-dark);color:#fff;backdrop-filter:var(--blur-dark);-webkit-backdrop-filter:var(--blur-dark);border:1px solid var(--glass-border-dark)}.glass-edge-fade{position:relative;isolation:isolate}.glass-edge-fade:before{content:"";position:absolute;inset:var(--glass-edge-inset, 0);z-index:0;pointer-events:none;background:var(--glass-edge-bg);backdrop-filter:blur(var(--glass-edge-blur, 8px)) saturate(var(--glass-edge-saturate, 115%));-webkit-backdrop-filter:blur(var(--glass-edge-blur, 8px)) saturate(var(--glass-edge-saturate, 115%));mask-image:var(--glass-edge-mask);-webkit-mask-image:var(--glass-edge-mask)}.glass-edge-fade>*{position:relative;z-index:1}.glass-dock-surface{background:#e8f2ff9e;border:1px solid rgba(255,255,255,.78);box-shadow:0 18px 36px #2a5b8438,0 -1px #ffffff80 inset;backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%)}.glass-dock-icon{background:#ffffff8c;border:1px solid rgba(255,255,255,.7);color:var(--muted);box-shadow:none}.glass-dock-field{min-width:0;height:40px;padding:0 12px;border-radius:var(--r-pill);display:flex;align-items:center;gap:8px;background:#ffffff8c;border:1px solid rgba(255,255,255,.7)}.chat-dock-header{min-height:54px;margin:0 12px;padding:6px 8px;border-radius:var(--r-pill);display:flex;align-items:center;gap:10px}.chat-dock-composer{margin:0 12px;padding:10px;border-radius:20px;display:flex;flex-direction:column;gap:6px}.glass-edge-fade--bottom{--glass-edge-bg: linear-gradient( to top, rgba(226, 241, 255, .24), rgba(226, 241, 255, .16) 42%, rgba(226, 241, 255, .08) 70%, rgba(226, 241, 255, .03) 86%, rgba(152, 190, 222, 0) );--glass-edge-mask: linear-gradient( to top, #000 0%, rgba(0, 0, 0, .9) 34%, rgba(0, 0, 0, .58) 60%, rgba(0, 0, 0, .18) 84%, transparent 100% )}.glass-edge-fade--top{--glass-edge-bg: linear-gradient( to bottom, rgba(201, 220, 240, .54), rgba(201, 220, 240, .34) 42%, rgba(201, 220, 240, .16) 70%, rgba(201, 220, 240, .06) 86%, rgba(201, 220, 240, 0) );--glass-edge-mask: linear-gradient( to bottom, #000 0%, rgba(0, 0, 0, .9) 34%, rgba(0, 0, 0, .58) 60%, rgba(0, 0, 0, .18) 84%, transparent 100% )}.chat-edge-top{flex:0 0 auto;z-index:4;padding:10px 0 20px;margin-bottom:-20px}.chat-edge-bottom{flex:0 0 auto;z-index:4;padding:20px 0 max(10px,var(--app-dock-safe-bottom));margin-top:-20px}.chat-edge-top--overlay{position:absolute;top:0;right:0;left:0;padding-top:calc(10px + var(--app-safe-top));margin-bottom:0;--glass-edge-inset: 0 0 -22px}.chat-edge-bottom--overlay{position:absolute;right:0;bottom:0;left:0;margin-top:0;--glass-edge-inset: -22px 0 0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:260;display:flex;align-items:center;justify-content:center;padding:calc(20px + var(--app-safe-top)) 20px calc(20px + var(--app-safe-bottom));background:#5465785c;backdrop-filter:blur(14px) saturate(115%);-webkit-backdrop-filter:blur(14px) saturate(115%)}.modal-card{width:min(100%,320px);border-radius:24px;padding:24px 22px 22px;background:#e2e9f1ad;border:1.5px solid rgba(255,255,255,.86);box-shadow:0 24px 70px #0f172a42,inset 0 1px #ffffff80;color:var(--ink);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%)}.modal-title{margin:0;color:var(--ink);font-size:16px;font-weight:950;line-height:1.25;letter-spacing:0}.modal-copy{margin:14px 0 0;color:var(--muted);font-size:15px;font-weight:700;line-height:1.42;letter-spacing:0}.modal-actions{display:grid;gap:10px;margin-top:22px}.modal-primary{min-height:56px;width:100%;border-radius:var(--r-pill);font-size:15px;font-weight:900;letter-spacing:.12em}@media (hover: hover) and (pointer: fine) and (min-width: 700px){.modal-backdrop{padding:calc(18px + var(--app-safe-top)) 18px calc(18px + var(--app-safe-bottom))}.modal-card{max-width:calc(100vw - 56px);border-radius:20px;padding:20px 18px 18px}.modal-title{font-size:15px;line-height:1.22}.modal-copy{margin-top:10px;font-size:13px;line-height:1.36}.modal-actions{gap:8px;margin-top:18px}.modal-primary{min-height:48px;font-size:12.5px;letter-spacing:.08em}.inventory-item-modal-card{--inventory-item-art-height: min(260px, 42dvh)}}@keyframes reward-pop{0%{opacity:0;transform:translateY(12px) scale(.96)}16%{opacity:1;transform:translateY(0) scale(1)}82%{opacity:1;transform:translateY(-4px) scale(1)}to{opacity:0;transform:translateY(-12px) scale(.98)}}@keyframes attention-dot-pulse{0%,to{transform:scale(1);box-shadow:0 0 0 4px #dc26262e}50%{transform:scale(1.08);box-shadow:0 0 0 8px #dc262614}}.attention-dot-pulse{animation:attention-dot-pulse 1.55s ease-in-out infinite}@keyframes inventory-icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.inventory-icon-pulse{animation:inventory-icon-pulse 1.35s ease-in-out infinite;transform-origin:center}.chat-create-field{width:100%;min-height:44px;border:1px solid rgba(255,255,255,.86);border-radius:20px;background:#ffffffeb;padding:0 16px;color:var(--ink);font:inherit;font-size:15px;font-weight:700;outline:none;box-sizing:border-box}.chat-create-field::placeholder{color:#0f172a5c;font-weight:400;opacity:1}.chat-create-search{min-height:44px;display:flex;align-items:center;gap:8px;border-radius:20px;background:#ffffffeb;padding:0 14px;box-sizing:border-box}.chat-create-field--bare{flex:1;min-width:0;min-height:40px;border:none;border-radius:0;background:transparent;padding:0}.pill{padding:6px 12px;border-radius:var(--r-pill);background:var(--glass-bg);border:1px solid var(--glass-border);font-size:12px;font-weight:700;color:var(--ink);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.pill--dark{background:#0f172ae6;border:1px solid rgba(15,23,42,.9);color:#fff}.pill small{font-size:9px;letter-spacing:.14em;opacity:.6;text-transform:uppercase;font-weight:600}.chip{min-height:34px;padding:0 16px;border-radius:var(--r-pill);background:#ffffff80;border:1px solid rgba(255,255,255,.68);box-shadow:inset 0 1px #ffffffad;font-size:14px;font-weight:900;color:var(--ink);white-space:nowrap;cursor:pointer;backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:inherit;line-height:1}.chip--active{background:#0f172ae6;color:#fff;border:1px solid rgba(15,23,42,.9);box-shadow:inset 0 1px #ffffff14,0 8px 18px #0f172a1f}.chip:focus-visible{outline:2px solid rgba(59,130,246,.64);outline-offset:2px}.segmented-tabs{display:grid;gap:4px;padding:4px;border-radius:var(--r-pill);background:#ffffff61;border:1px solid rgba(255,255,255,.62);box-shadow:inset 0 1px #ffffffbd}.segmented-tabs__item{min-width:0;min-height:42px;border-radius:var(--r-pill);border:1px solid transparent;background:transparent;color:#0f172ab8;font-family:inherit;font-size:13px;font-weight:800;line-height:1;cursor:pointer;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px}.segmented-tabs--compact .segmented-tabs__item{font-size:12px;padding:0 8px;text-overflow:clip}.segmented-tabs__item--active{border-color:#0f172aeb;background:#0f172aeb;color:#fff;box-shadow:inset 0 1px #ffffff14,0 8px 18px #0f172a1f}.segmented-tabs__item:focus-visible{outline:2px solid rgba(59,130,246,.64);outline-offset:2px}.segmented-tabs__attention{position:absolute;top:9px;right:10px;width:7px;height:7px;border-radius:999px;background:#dc2626f0;box-shadow:0 0 0 3px #dc262624}.btn{padding:15px 20px;border-radius:var(--r-pill);border:none;font-size:16px;font-weight:700;letter-spacing:.08em;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:0;touch-action:manipulation;transition:transform .1s,opacity .15s}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn--cta{background:#0f172aeb;color:#fff;border:1px solid rgba(15,23,42,.92);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);box-shadow:inset 0 1.5px #ffffff38,inset 0 -8px 18px #03071214,var(--shadow-cta)}.btn--cta:disabled{background:#0f172a59;border-color:#0f172a29;box-shadow:inset 0 1.5px #ffffff1f,inset 0 -8px 18px #0307120a}.btn--duel-blocked:disabled{opacity:.92;background:#64748bb8;border-color:#94a3b88a;color:#fffffff5;box-shadow:inset 0 1.5px #ffffff2e,inset 0 -8px 18px #0f172a1f}.btn--primary{background:var(--blue-accent);color:#fff;padding:16px}.duel-stumble-notice,.duel-fatigue-notice{position:absolute;left:50%;bottom:clamp(92px,18%,132px);z-index:8;display:inline-flex;align-items:center;gap:9px;max-width:calc(100% - 40px);padding:10px 15px 11px;border-radius:var(--r-pill);border:1px solid rgba(255,255,255,.88);background:radial-gradient(circle at 22% 0%,#fffffffa,#fff0 38%),linear-gradient(145deg,#ffffffdb,#e2f2faa3 52%,#ffffffbd),#ffffffb8;color:#17324d;font-size:13px;font-weight:900;letter-spacing:0;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;text-shadow:0 1px 0 rgba(255,255,255,.82);box-shadow:0 16px 34px #0f172a33,0 2px 8px #ffffff59,inset 0 1.5px #fffffff5,inset 0 -10px 20px #0f172a12;backdrop-filter:blur(16px) saturate(1.32);-webkit-backdrop-filter:blur(16px) saturate(1.32)}.duel-stumble-notice{animation:duel-stumble-notice-pop .65s ease-out both}.duel-stumble-notice:before,.duel-fatigue-notice:before{content:"";width:8px;height:8px;flex:0 0 8px;border-radius:999px;box-shadow:0 0 0 3px #ffffff9e,0 0 14px currentColor}.duel-stumble-notice:before{background:#f59e0b}.duel-fatigue-notice{z-index:7;color:#1d3b62;animation:duel-fatigue-notice-in .18s ease-out both}.duel-fatigue-notice:before{background:#38bdf8}.duel-rest-notice{color:#263a56}.duel-rest-notice:before{background:#8b9bb3}@keyframes duel-stumble-notice-pop{0%{opacity:0;transform:translate(-50%,7px) scale(.96)}18%,72%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-4px) scale(.98)}}@keyframes duel-fatigue-notice-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.btn--accent{background:var(--blue-accent);color:#fff;border:1px solid rgba(34,158,217,.92);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);box-shadow:inset 0 1.5px #ffffff3d,inset 0 -8px 18px #0369a11a,0 10px 22px #229ed93d}.btn--ghost{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--ink);padding:16px;backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md)}.icon-btn{width:34px;height:34px;border-radius:var(--r-pill);background:#0f172a09;border:1px solid rgba(15,23,42,.1);display:inline-flex;align-items:center;justify-content:center;color:#0f172a85;cursor:pointer;padding:0;box-shadow:inset 0 1px #ffffff5c,0 4px 10px #0f172a0a;backdrop-filter:none;-webkit-backdrop-filter:none;flex-shrink:0;transition:transform .1s}.icon-btn:active{transform:scale(.94)}.icon-btn--dark{background:#0f172ae6;border:1px solid rgba(15,23,42,.9);color:#fff}.profile-locker-screen{height:100%;min-height:0;padding:0;overflow:hidden;background:#09111a}.app-shell--bottom-nav-visible .app-content>.profile-locker-screen{padding-bottom:0!important;scroll-padding-bottom:0}.profile-locker-scene{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;background:#09111a;isolation:isolate}.profile-locker-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:0;-webkit-user-select:none;user-select:none;pointer-events:none}.profile-locker-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#030712b8,#0307121a 22%,#03071229 72%,#030712b8),radial-gradient(circle at 50% 16%,rgba(226,238,249,.2),transparent 28%),radial-gradient(circle at 50% 78%,rgba(125,211,252,.12),transparent 42%)}.profile-locker-id-card{position:absolute;top:calc(12px + var(--app-safe-top));right:14px;left:14px;z-index:4;display:grid;grid-template-columns:58px minmax(0,1fr) 46px;gap:10px;align-items:center;min-height:82px;padding:10px 12px 11px;border-radius:24px;background:#e8f2ff85;border:1px solid rgba(255,255,255,.72);box-shadow:0 18px 36px #2a5b8433,0 -1px #ffffff70 inset;backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%)}.profile-locker-id-avatar{width:58px;height:58px;border-radius:999px;padding:3px;background:#e2eef9c2;box-shadow:0 9px 22px #0f172a38}.profile-locker-id-avatar img,.profile-locker-id-initial{width:100%;height:100%;border-radius:inherit;border:2px solid rgba(239,247,255,.92);display:flex;align-items:center;justify-content:center;box-sizing:border-box}.profile-locker-id-avatar img{object-fit:cover}.profile-locker-id-initial{background:linear-gradient(135deg,#0f172a,#334155);color:#fff;font-size:22px;font-weight:900}.profile-locker-id-main{min-width:0;display:grid;gap:4px;align-content:center}.profile-locker-resources{min-width:0;display:flex;align-items:center;gap:clamp(6px,2.2vw,14px);overflow:hidden;text-shadow:none}.profile-locker-name{min-width:0;color:var(--ink);font-size:20px;font-weight:950;line-height:1.05;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 0 rgba(255,255,255,.38)}.profile-locker-status{min-width:0;color:#475569eb;font-size:11px;font-weight:850;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-locker-settings-button{width:46px;height:46px;justify-self:center;align-self:center;background:#ffffff7a;border-color:#ffffffb8;color:#475569e6;box-shadow:none}.profile-locker-hotspot{--hotspot-x: 50%;--hotspot-y: 50%;--hotspot-size: 46px;position:absolute;left:var(--hotspot-x);top:var(--hotspot-y);z-index:3;width:var(--hotspot-size);height:var(--hotspot-size);border:1px solid rgba(226,246,255,.92);border-radius:999px;padding:0;display:inline-flex;align-items:center;justify-content:center;color:#fffffff5;background:radial-gradient(circle at 42% 32%,#ffffffad,#e2f6ff38 36%,#3b82f633),#e2eef91f;box-shadow:0 0 0 4px #7dd3fc1f,0 0 24px #7dd3fc75,0 14px 32px #03071252,inset 0 1px #ffffffb8,inset 0 -10px 18px #0f172a2e;transform:translate(-50%,-50%);cursor:pointer;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);transition:transform .12s ease,box-shadow .16s ease,border-color .16s ease}.profile-locker-hotspot-layer{position:absolute;z-index:3;pointer-events:none}.profile-locker-hotspot-layer .profile-locker-hotspot{pointer-events:auto}.profile-locker-prop{position:absolute;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 16px 22px rgba(3,7,18,.38))}.profile-locker-prop--jersey{z-index:1}.profile-locker-prop--stick{z-index:2;filter:drop-shadow(0 14px 18px rgba(3,7,18,.42))}.profile-locker-prop--skates{z-index:2;filter:drop-shadow(0 12px 14px rgba(3,7,18,.42))}.profile-locker-prop--achievement-medals{z-index:1;filter:drop-shadow(0 10px 14px rgba(3,7,18,.42))}.profile-locker-prop--rink-photo{z-index:1;filter:drop-shadow(0 12px 16px rgba(3,7,18,.44))}.profile-locker-prop--nutrition-cans{z-index:1;filter:drop-shadow(0 10px 13px rgba(3,7,18,.42))}.profile-locker-hotspot-icon{width:32px;height:32px;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 1px 4px rgba(3,7,18,.3))}.profile-locker-hotspot:active{transform:translate(-50%,-50%) scale(.94)}.profile-locker-hotspot:focus-visible{outline:2px solid rgba(255,255,255,.86);outline-offset:4px}.profile-locker-hotspot__badge{position:absolute;right:-1px;top:-3px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#dc2626f0;border:1px solid rgba(255,255,255,.78);color:#fff;font-size:10px;font-weight:950;line-height:16px;text-align:center;box-shadow:0 6px 14px #0f172a38}.profile-locker-hotspot__count{position:absolute;left:50%;top:calc(100% - 3px);transform:translate(-50%);max-width:56px;min-width:18px;padding:2px 5px;border-radius:999px;background:#0f172a9e;border:1px solid rgba(255,255,255,.64);color:#fffffff5;font-size:9.5px;font-weight:950;line-height:1.05;text-align:center;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 5px 12px #03071238;text-shadow:0 1px 3px rgba(3,7,18,.62);pointer-events:none}.profile-locker-hotspot--stick{--hotspot-x: 17%;--hotspot-y: 37%}.profile-locker-hotspot--skates{--hotspot-x: 24%;--hotspot-y: 73%}.profile-locker-hotspot--puck{--hotspot-x: 15%;--hotspot-y: 88%}.profile-locker-hotspot--achievements{--hotspot-x: 82%;--hotspot-y: 24%}.profile-locker-hotspot--nutrition{--hotspot-x: 82%;--hotspot-y: 58%}.profile-locker-modal-card{width:min(430px,calc(100vw - 28px));max-height:min(76vh,680px);overflow:auto;display:grid;gap:14px;position:relative}.profile-locker-modal-close{position:absolute;top:14px;right:14px}.profile-locker-modal-header{min-width:0;padding-right:42px}.profile-locker-stats-grid{margin-top:4px}.profile-locker-achievement-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-height:min(42vh,360px);overflow-x:hidden;overflow-y:auto;padding:8px 2px 10px;-webkit-overflow-scrolling:touch}.profile-locker-achievement-grid .achievement-tile{width:100%!important;flex:0 1 auto!important}.profile-locker-empty-copy{color:var(--muted);font-size:13px;font-weight:800;line-height:1.4}@media (max-width: 390px){.profile-locker-id-card{grid-template-columns:52px minmax(0,1fr) 44px;gap:8px}.profile-locker-id-avatar{width:52px;height:52px}.profile-locker-name{font-size:18px}.profile-locker-hotspot{--hotspot-size: 44px}.profile-locker-settings-button{width:44px;height:44px}}.section-info-btn{width:28px;height:28px;border:0;border-radius:var(--r-pill);background:transparent;color:#0f172a9e;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;flex-shrink:0}.section-info-btn:active{transform:scale(.94)}.achievement-tile{outline:none}.achievement-tile:focus-visible{outline:2px solid rgba(15,23,42,.38);outline-offset:4px}.achievement-tile:active{transform:scale(.97)}.section-label{padding:2px 22px;font-size:10px;font-weight:600;color:#0f172a8c;text-transform:uppercase;letter-spacing:.14em}.section-label--page{margin:0 0 -2px -14px}.header-bar{margin:calc(10px + var(--app-safe-top)) 14px 10px;padding:8px 10px;border-radius:var(--r-pill);display:flex;align-items:center;gap:8px}.header-bar__title{flex:1;font-size:15px;font-weight:700;letter-spacing:-.01em;padding-left:4px;color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;color:var(--ink);font-family:var(--font-sans);scrollbar-width:none;-ms-overflow-style:none}.screen::-webkit-scrollbar{display:none}@keyframes chat-bubble-flash{0%{box-shadow:0 0 #ffd70000;background-color:#ffd7002e}60%{box-shadow:0 0 0 6px #ffd70000;background-color:#ffd7001a}to{box-shadow:0 0 #ffd70000;background-color:transparent}}.chat-bubble--flash{animation:chat-bubble-flash 1.2s ease-out}.arena-video-cube__background{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:blur(2px);transform:scale(1.015)}@media (prefers-reduced-motion: reduce){.chat-bubble--flash{animation:none;background-color:#ffd7002e;transition:background-color 1.2s ease-out}}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.admin-screen input,.admin-screen select{width:100%;min-width:0;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.72);background:#ffffff85;color:var(--ink);padding:0 12px;font:inherit;font-size:13px;font-weight:800;outline:none;box-shadow:inset 0 1px #ffffffb8}.admin-screen input:focus,.admin-screen select:focus{border-color:#0f172a6b}