:root{--bg: #05080f;--bg-2: #0a1428;--panel: rgba(16, 26, 46, .72);--panel-solid: #0f1a2e;--line: #1e2d45;--line-gold: #785a28;--fg: #f0e6d2;--muted: #8b97a8;--gold: #c8aa6e;--gold-hi: #f0e6d2;--gold-grad: linear-gradient(180deg, #f0e6d2 0%, #c8aa6e 55%, #a07a3c 100%);--cyan: #0ac8b9;--cyan-glow: 0 0 24px rgba(10, 200, 185, .35);--danger: #ff5a5f;--ok: #3ddc97;--accent: var(--gold);--radius: 10px;--font-display: "Cinzel", Georgia, serif;--font-body: "Inter", system-ui, sans-serif;--lck: #3a8dff;--lpl: #ff4655;--lec: #00c2a8;--lcs: #2bb0ff;--lcp: #f5a623;--cblol: #26c281}*{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%;text-size-adjust:100%}:root{--nav-h: 64px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);--tap: 44px}body{margin:0;min-height:100vh;color:var(--fg);font-family:var(--font-body);background:radial-gradient(1200px 600px at 50% -10%,rgba(10,200,185,.14),transparent 60%),radial-gradient(900px 500px at 100% 0%,rgba(200,170,110,.1),transparent 60%),linear-gradient(180deg,var(--bg-2) 0%,var(--bg) 70%);background-attachment:fixed;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='98' viewBox='0 0 56 98'%3E%3Cpath d='M28 0 56 16v32L28 64 0 48V16zM28 64v34' fill='none' stroke='%23c8aa6e' stroke-width='1'/%3E%3C/svg%3E");z-index:-1}h1,h2,h3,.display{font-family:var(--font-display);letter-spacing:.04em;margin:0}.gold-text{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}a{color:var(--gold)}input,select{font:inherit;font-size:16px;min-height:var(--tap);padding:12px 14px;border-radius:var(--radius);border:1px solid var(--line);background:#05080f99;color:var(--fg);transition:border-color .15s,box-shadow .15s}input:focus,select:focus{outline:none;border-color:var(--cyan);box-shadow:var(--cyan-glow)}input::placeholder{color:#5b6678}button{font:inherit;min-height:var(--tap);touch-action:manipulation;cursor:pointer;border-radius:var(--radius);padding:11px 18px;font-weight:700;letter-spacing:.03em;color:#1a1206;border:1px solid #f0e6d2;background:var(--gold-grad);box-shadow:0 4px 18px #c8aa6e40,inset 0 1px #ffffff80;transition:transform .12s,box-shadow .12s,filter .12s}button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 6px 24px #c8aa6e66}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.35;cursor:not-allowed;filter:grayscale(.6)}button.ghost{background:transparent;color:var(--cyan);border-color:#0ac8b973;box-shadow:none}button.ghost:hover:not(:disabled){box-shadow:var(--cyan-glow)}button.link{background:none;border:0;box-shadow:none;color:var(--muted);padding:6px 0;font-weight:500;min-height:0}button.link:hover{color:var(--gold-hi);transform:none}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.muted{color:var(--muted)}.error{color:var(--danger)}.notice{color:var(--ok)}code{font-family:ui-monospace,SF Mono,monospace;padding:3px 8px;border-radius:6px;border:1px solid var(--line-gold);color:var(--gold);letter-spacing:.15em}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}button.icon{display:inline-grid;place-items:center;width:var(--tap);height:var(--tap);padding:0;background:#ffffff0a;color:var(--fg);border:1px solid var(--line);box-shadow:none}button.icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hscroll{--fade: 36px;position:relative;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.hscroll::-webkit-scrollbar{display:none}.hscroll>*{scroll-snap-align:start}.hscroll.more-end{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - var(--fade)),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - var(--fade)),transparent)}.hscroll.more-start{-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--fade));mask-image:linear-gradient(90deg,transparent,#000 var(--fade))}.hscroll.more-start.more-end{-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--fade),#000 calc(100% - var(--fade)),transparent);mask-image:linear-gradient(90deg,transparent,#000 var(--fade),#000 calc(100% - var(--fade)),transparent)}.clipboard-buffer{position:fixed;top:0;left:-9999px;opacity:0;font-size:16px}body:has(app-league-chat) .legal{display:none}