@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700&display=swap";:root{--sbc-canvas: #06163d;--sbc-surface: #0b2862;--sbc-surface-raised: #123d83;--sbc-line: #2e70c7;--sbc-ink: #f5f8ff;--sbc-muted: #aec3e8;--sbc-primary: #b9ee18;--sbc-electric-blue: #167de3;--sbc-cyan: #12c9f3;--sbc-reward: #ffc52e;--sbc-danger: #f14952;--sbc-special: #9149e7;--sbc-ink-on-colour: #071638;--sbc-focus-ring: #f5f8ff;--sbc-font-display: "Barlow Condensed", Impact, sans-serif;--sbc-font-body: Inter, system-ui, sans-serif}.arena-brand,.arena-button,.arena-panel,.arena-status-chip,.arena-screen-header,.arena-bottom-action-dock{font-family:var(--sbc-font-body)}.arena-brand{display:inline-flex;align-items:center;gap:.65rem;color:var(--sbc-ink);text-decoration:none}.arena-brand__mark{display:grid;width:2.35rem;height:2.35rem;flex:0 0 auto;place-items:center;overflow:hidden;border:2px solid var(--sbc-primary);border-radius:.65rem;color:var(--sbc-ink-on-colour);background:var(--sbc-primary);font:900 1.35rem/1 var(--sbc-font-display);transform:skew(-7deg)}.arena-brand__mark img{width:100%;height:100%;object-fit:contain;transform:skew(7deg)}.arena-brand__mark--image{width:3.5rem;border:0;border-radius:0;background:transparent;transform:none}.arena-brand__mark--image img{transform:none}.arena-brand strong{font:800 1.4rem/1 var(--sbc-font-display);letter-spacing:.09em}.arena-brand--compact .arena-brand__mark{width:2rem;height:2rem}.arena-brand--compact .arena-brand__mark--image{width:3rem}.arena-brand--compact strong{font-size:1.2rem}.arena-brand--hero{gap:.8rem}.arena-brand--hero .arena-brand__mark{width:4rem;height:4rem;border-radius:1rem}.arena-brand--hero .arena-brand__mark--image{width:7rem;height:5rem;border-radius:0}.arena-brand--hero strong{font-size:2.2rem}.arena-button{display:inline-flex;min-width:3rem;min-height:3rem;align-items:center;justify-content:center;gap:.65rem;padding:.65rem 1rem;border:1px solid transparent;border-radius:.6rem;color:var(--sbc-ink-on-colour);font-size:.875rem;font-weight:800;letter-spacing:.07em;line-height:1.1;text-transform:uppercase;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,transform .16s ease,filter .16s ease}.arena-button__label{min-width:0}.arena-button__icon{display:inline-flex}.arena-button--primary{background:var(--sbc-primary)}.arena-button--secondary{color:var(--sbc-ink);background:var(--sbc-electric-blue)}.arena-button--neutral{border-color:var(--sbc-line);color:var(--sbc-ink);background:var(--sbc-surface)}.arena-button--danger{color:var(--sbc-ink);background:var(--sbc-danger)}.arena-button--special{color:var(--sbc-ink);background:var(--sbc-special)}.arena-button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.arena-button:active:not(:disabled){transform:translateY(1px) scale(.98)}.arena-button:focus-visible{outline:3px solid var(--sbc-focus-ring);outline-offset:3px}.arena-button:disabled{cursor:default;filter:saturate(.4);opacity:.58}.arena-button[data-busy=true]{cursor:wait}.arena-icon{display:inline-block;flex:0 0 auto;vertical-align:middle}.arena-panel{border:1px solid var(--sbc-line);border-radius:.75rem;color:var(--sbc-ink);background:var(--sbc-surface);box-shadow:0 .75rem 2rem #0000003d}.arena-panel--raised{background:var(--sbc-surface-raised)}.arena-panel--accent{border-color:var(--sbc-cyan);background:linear-gradient(135deg,var(--sbc-surface-raised),var(--sbc-surface))}.arena-status-chip{display:inline-flex;min-height:2rem;align-items:center;gap:.45rem;padding:.35rem .7rem;border:1px solid var(--sbc-line);border-radius:999px;color:var(--sbc-ink);background:var(--sbc-surface);font-size:.875rem;font-weight:700;line-height:1}.arena-status-chip__dot{width:.5rem;height:.5rem;flex:0 0 auto;border-radius:50%;background:currentColor}.arena-status-chip--online,.arena-status-chip--success{border-color:var(--sbc-primary);color:var(--sbc-primary)}.arena-status-chip--offline,.arena-status-chip--danger{border-color:var(--sbc-danger);color:var(--sbc-danger)}.arena-status-chip--info{border-color:var(--sbc-cyan);color:var(--sbc-cyan)}.arena-status-chip--warning,.arena-status-chip--reward{border-color:var(--sbc-reward);color:var(--sbc-reward)}.arena-status-chip--special{border-color:var(--sbc-special);color:#d9baff}.arena-screen-header{position:relative;display:grid;align-items:start;gap:1rem;padding:1.5rem 0;color:var(--sbc-ink)}.arena-screen-header--standard{grid-template-columns:minmax(0,1fr) auto}.arena-screen-header--with-back{grid-template-columns:auto minmax(0,1fr) auto}.arena-screen-header__back{width:3rem;padding:0}.arena-screen-header__copy{min-width:0}.arena-screen-header h1{margin:0;color:var(--sbc-ink);font:900 clamp(1.85rem,4.8vw,3.25rem)/.9 var(--sbc-font-display);letter-spacing:-.025em;text-transform:uppercase}.arena-screen-header__description{max-width:42rem;margin:.75rem 0 0;color:var(--sbc-muted);font-size:1rem;line-height:1.5}.arena-screen-header__actions{display:flex;align-items:center;gap:.5rem}.arena-bottom-action-dock{position:fixed;z-index:20;right:0;bottom:0;left:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(16rem,28rem) minmax(0,1fr);align-items:center;gap:1rem;padding:.75rem max(1rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));border-top:1px solid var(--sbc-line);color:var(--sbc-muted);background:color-mix(in srgb,var(--sbc-canvas) 94%,transparent);box-shadow:0 -.5rem 1.5rem #0003}.arena-bottom-action-dock__hint{min-width:0;overflow:hidden;font-size:.875rem;line-height:1.35;text-align:right;text-overflow:ellipsis}.arena-bottom-action-dock__action{display:flex;justify-content:center}.arena-bottom-action-dock__action>*{width:100%}@media(orientation:landscape)and (max-height:520px){.arena-screen-header{padding-top:.75rem;padding-bottom:.75rem}.arena-screen-header h1{font-size:clamp(1.75rem,5vw,2.6rem)}.arena-screen-header__description{margin-top:.4rem;font-size:.875rem}.arena-bottom-action-dock{padding-top:.5rem}}@media(max-width:767px){.arena-screen-header{gap:.65rem}.arena-screen-header__actions{gap:.35rem}.arena-bottom-action-dock{grid-template-columns:1fr;gap:.4rem}.arena-bottom-action-dock__hint{text-align:center}}@media(min-width:768px){.arena-panel{border-radius:.85rem}.arena-bottom-action-dock__action>*{max-width:28rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html{color-scheme:dark;background:var(--sbc-canvas);color:var(--sbc-ink);font-family:var(--sbc-font-body)}body{margin:0}main{box-sizing:border-box;display:flex;min-height:100svh;flex-direction:column;align-items:center;justify-content:center;padding:max(2rem,env(safe-area-inset-top)) max(1.5rem,env(safe-area-inset-right)) max(2rem,env(safe-area-inset-bottom)) max(1.5rem,env(safe-area-inset-left));text-align:center}.logo{display:block;width:min(70vw,22rem);height:auto;margin-bottom:2rem}h1{margin:0;color:var(--sbc-cyan);font:800 clamp(3rem,10vw,5rem)/1.1 var(--sbc-font-display);text-transform:uppercase}p{margin:1rem 0 0;color:var(--sbc-muted);font-size:1.125rem;line-height:1.5}