@font-face{font-family:Barlow;src:url(/assets/fonts/Barlow-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Barlow;src:url(/assets/fonts/Barlow-SemiBold.ttf) format("truetype");font-weight:600 800;font-display:swap}@font-face{font-family:BarlowDisplay;src:url(/assets/fonts/Barlow-BlackItalic.ttf) format("truetype");font-weight:900;font-style:italic;font-display:swap}:root{font-family:Barlow,Arial,sans-serif;color-scheme:dark;--surface:#101012;--surface-raised:#1c1c20;--surface-overlay:#18181c;--surface-soft:#252529;--text:#fff3e2;--text-muted:#b7b2ac;--text-quiet:#9d9993;--line:#444249;--line-strong:#716d74;--blue:#138cff;--blue-field:#063758;--red:#e9392e;--red-field:#56211d;--selection:#ffcf54;--selection-edge:#bd8109;--danger:#ffb4a9;--focus:#ffe6a3;--overlay:rgba(5,5,7,.75);--shadow:rgba(5,5,8,.42);--halo:rgba(255,190,35,.44);--edge-light:rgba(255,255,255,.15);--edge-cream:rgba(255,255,255,.8);--edge-shade:rgba(6,6,8,.48);--edge-warm:rgba(112,80,40,.22);--radius:8px;--radius-small:4px;--z-base:0;--z-raised:10;--z-sticky:20;--z-popup:100;--z-modal:1000;color:var(--text);background:var(--surface);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-width:320px;background:var(--surface);color:var(--text);line-height:1.45;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.48}button:not(:disabled):active{transform:translateY(1px)}a{color:inherit;cursor:pointer}a:hover{color:var(--focus)}button,input,select{border-radius:var(--radius)}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}img{display:block;max-width:100%}svg{flex-shrink:0}button svg,button img{pointer-events:none}h1,h2,h3,p{margin:0}h1,h2,h3,strong{font-weight:600}.display{font-family:BarlowDisplay,Arial,sans-serif;font-weight:900;font-style:italic;line-height:1.15}.arena{max-width:520px;margin:0 auto;min-height:100dvh;padding:16px 16px calc(8px + env(safe-area-inset-bottom));position:relative;isolation:isolate;background:var(--surface)}.arena-backdrop{position:absolute;inset:0 0 auto;height:clamp(460px,70dvh,620px);z-index:var(--z-base);overflow:hidden;pointer-events:none;mask-image:linear-gradient(to bottom,var(--surface) 0%,var(--surface) 60%,transparent 100%)}.arena-beam{position:absolute;inset:0;background-position:center top;background-repeat:no-repeat;background-size:100% 100%;opacity:.48;pointer-events:none}.arena-beam--blue{background-image:url(/assets/effects/cinematic-beam-blue.webp)}.arena-beam--red{background-image:url(/assets/effects/cinematic-beam-red.webp);opacity:.32}.arena-backdrop[data-selection=wala] .arena-beam--blue{opacity:.72}.arena-backdrop[data-selection=wala] .arena-beam--red{opacity:.22}.arena-backdrop[data-selection=meron] .arena-beam--red{opacity:.64}.arena-backdrop[data-selection=meron] .arena-beam--blue{opacity:.23}.arena>.app-header,.arena>.fight-strip,.arena>.notice,.arena>.bet-console,.arena>.activity-nav,.arena>.demo-note{position:relative;z-index:var(--z-raised)}.app-header{display:flex;align-items:center;gap:8px;min-height:44px}.brand-lockup{width:166px;height:auto;max-height:52px;object-fit:contain;object-position:left center;flex-shrink:1;min-width:0}.network-button{display:flex;align-items:center;justify-content:center;gap:4px;min-height:44px;border:0;background:transparent;margin-left:auto;padding:8px 4px;font-size:12px;white-space:nowrap;flex-shrink:0}.network-button svg{width:20px;height:20px}.network-button:hover{color:var(--focus);background:color-mix(in srgb,var(--text) 5%,transparent)}.icon-button{width:44px;height:44px;min-width:44px;min-height:44px;padding:8px;border:1px solid transparent;background:transparent;display:inline-grid;place-items:center;flex-shrink:0}.icon-button:hover:not(:disabled){border-color:var(--line);background:var(--surface-soft)}.account-button{margin-right:0}.fight-strip{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;min-height:64px}.fight-strip>div{min-width:0}.fight-status{font-size:clamp(24px,6.7vw,32px);line-height:1.15;padding-bottom:4px;white-space:nowrap}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--text);margin-right:8px;vertical-align:middle}.fight-status--paused{font-size:clamp(21px,5.8vw,29px)}.fight-status--paused .status-dot{background:var(--text-muted)}.fight-context{color:var(--text-muted);font-size:13px;line-height:1.5;overflow-wrap:anywhere}.details-button{display:flex;align-items:center;justify-content:flex-end;gap:4px;min-width:56px;min-height:44px;border:0;background:transparent;padding:8px 0;font-size:14px}.details-button:hover{color:var(--focus)}.matchup{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:12px;position:relative;isolation:isolate;z-index:var(--z-raised)}.versus{position:absolute;left:50%;top:26%;transform:translate(-50%);z-index:var(--z-raised);width:40px;text-align:center;font-size:20px;color:var(--text-muted);pointer-events:none}.versus:before,.versus:after{content:"";position:absolute;width:1px;height:44px;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--text) 60%,transparent),transparent);transform:rotate(17deg);pointer-events:none}.versus:before{left:calc(50% + 8px);bottom:calc(100% + 8px)}.versus:after{left:calc(50% - 8px);top:calc(100% + 8px)}.fighter{--team:var(--blue);--pose:50%;--identity-gap:8px;position:relative;min-width:0;border:0;padding:0 0 8px;background:transparent;text-align:left;isolation:isolate;border-radius:var(--radius-small)}.fighter--meron{--team:var(--red);--pose:46%}.fighter:disabled{opacity:1;cursor:default}.fighter:hover:not(:disabled) .fighter-color{color:var(--text)}.fighter:hover:not(:disabled) .fighter-name{color:var(--focus)}.fighter-aura{position:absolute;inset:0;z-index:var(--z-base);background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--team) 18%,transparent),transparent 70%);opacity:.4;pointer-events:none;transition:opacity .18s ease}.fighter-art{position:relative;height:clamp(150px,20dvh,184px);z-index:var(--z-raised);pointer-events:none;mask-image:linear-gradient(to bottom,var(--surface) 78%,transparent 100%)}.fighter-image{width:100%;height:100%;object-fit:cover;object-position:var(--pose) top;filter:brightness(.95) saturate(.95)}.matchup[data-has-selection=true] .fighter:not(.fighter--selected) .fighter-image{filter:brightness(.5) saturate(.72)}.fighter--selected .fighter-image{filter:brightness(1.06) saturate(1.04) drop-shadow(0 0 1px var(--text)) drop-shadow(0 0 4px var(--team)) drop-shadow(0 0 9px var(--team))}.fighter--selected .fighter-aura{opacity:1}.fighter-identity{position:relative;z-index:var(--z-raised);display:flex;align-items:center;gap:var(--identity-gap);min-height:40px;padding:0 4px}.fighter-radio{width:28px;height:28px;display:grid;place-items:center;flex-shrink:0;border:2px solid var(--text);border-radius:50%;color:var(--surface)}.fighter-radio svg{opacity:0}.fighter-name{font-size:clamp(25px,7.1vw,35px);line-height:1.2;padding-bottom:4px}.matchup[data-has-selection=true] .fighter:not(.fighter--selected) .fighter-name{color:var(--text-muted)}.fighter--selected .fighter-name{color:var(--text);-webkit-text-stroke:1px var(--selection);paint-order:stroke fill;text-shadow:0 0 2px var(--selection),0 0 7px var(--selection-edge),0 0 13px var(--halo)}.fighter--selected .fighter-radio{background:var(--text);border-color:var(--selection);box-shadow:0 0 0 2px var(--selection-edge),0 0 10px var(--halo)}.fighter--selected .fighter-radio svg{opacity:1}.fighter-color{display:block;width:calc(100% - 40px);margin-left:calc(4px + 28px + var(--identity-gap));font-size:12px;color:var(--text-muted);position:relative;z-index:var(--z-raised)}.fighter-color:before{content:"";display:block;width:82%;height:3px;background:var(--team);margin-bottom:4px;transform:rotate(-4deg);transform-origin:left center}.fighter-market{position:relative;z-index:var(--z-raised);margin:8px 8px 0;line-height:1.35}.market-caption{display:block;color:var(--text-muted);font-size:12px}.fighter-payout{display:block;font-size:clamp(34px,10vw,46px);padding-bottom:4px;margin-top:4px;font-variant-numeric:tabular-nums}.market-caption--pool{display:inline-block;font-size:11px;margin-top:4px;margin-right:4px}.fighter-pool{font-size:15px;font-variant-numeric:tabular-nums;white-space:nowrap}.bet-console{margin-top:12px;border-top:1px solid var(--line)}.balance-line{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:48px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:8px 0;text-align:left}.balance-line span{font-size:14px;color:var(--text-muted)}.balance-line strong{font-size:18px;white-space:nowrap;font-variant-numeric:tabular-nums}.balance-line:hover{background:color-mix(in srgb,var(--text) 3%,transparent)}.amount-section{margin-top:12px}.amount-section>label{display:block;font-size:14px;color:var(--text-muted)}.amount-controls{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:8px;align-items:center;margin:8px 48px 0}.amount-step{display:grid;place-items:center;min-height:48px;border:1px solid var(--line-strong);background:var(--surface-raised);padding:8px;box-shadow:inset 0 1px 1px var(--edge-light),inset 0 -2px 4px var(--edge-shade),0 2px 3px var(--shadow)}.amount-step:hover:not(:disabled){background:var(--surface-soft);border-color:var(--text-muted)}.amount-input-wrap{min-width:0;display:flex;align-items:center;justify-content:center;gap:0}.amount-input-wrap>span{font-size:34px}.amount-input-wrap input{display:block;min-width:0;width:5.2ch;max-width:100%;min-height:52px;border:0;background:transparent;color:var(--text);font-size:42px;padding:0;text-align:center;font-variant-numeric:tabular-nums;line-height:1.2}.amount-input-wrap input:disabled{opacity:.75}.amount-input-wrap input[aria-invalid=true]{color:var(--danger)}.amount-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}.amount-preset{min-height:44px;background:var(--surface-raised);border:1px solid var(--line-strong);font-size:16px;padding:8px;color:var(--text);box-shadow:inset 0 1px 1px var(--edge-light),inset 0 -2px 4px var(--edge-shade),0 2px 3px var(--shadow)}.amount-preset:hover:not(:disabled){background:var(--surface-soft);border-color:var(--text-muted)}.amount-preset--active{background:var(--text);border-color:var(--text);color:var(--surface);font-weight:600;box-shadow:inset 0 1px 1px var(--edge-cream),inset 0 -3px 5px var(--edge-warm),0 2px 3px var(--shadow)}.amount-preset--active:hover:not(:disabled){background:var(--focus);border-color:var(--focus)}.amount-help{min-height:18px;margin-top:4px;color:var(--text-muted);font-size:11px;line-height:1.5;overflow-wrap:anywhere}.amount-help--error{color:var(--danger);font-size:12px}.confirm-button{display:block;width:100%;min-height:56px;margin-top:8px;background:var(--text);border:1px solid var(--text);padding:12px 8px;color:var(--surface);font-size:clamp(19px,5.7vw,27px);white-space:nowrap;line-height:1.2;box-shadow:inset 0 1px 1px var(--edge-cream),inset 0 -3px 7px var(--edge-warm),0 3px 5px var(--shadow)}.confirm-button:hover:not(:disabled){background:var(--focus);border-color:var(--focus)}.confirm-button:disabled{opacity:.6}.activity-nav{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:16px;border-top:1px solid var(--line);padding-top:8px}.activity-nav button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;background:transparent;border:1px solid transparent;padding:8px 0;font-size:13px;white-space:nowrap}.activity-nav button:hover{color:var(--focus);background:var(--surface-raised);border-color:var(--line)}.activity-nav button>svg:first-child{width:20px;height:20px}.demo-note{display:block;min-height:44px;margin:0 auto;padding:8px 12px;background:transparent;border:0;font-size:11px;color:var(--text-muted)}.demo-note:hover{color:var(--text);text-decoration:underline}.sheet-backdrop{position:fixed;inset:0;z-index:var(--z-popup);background:var(--overlay)}.sheet{position:fixed;z-index:var(--z-modal);bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:680px;max-height:92dvh;background:var(--surface-overlay);border:1px solid var(--line);border-bottom:0;border-radius:16px 16px 0 0;box-shadow:0 -8px 48px var(--shadow);display:flex;flex-direction:column;min-width:0;min-height:0}.sheet-handle{width:40px;height:4px;border-radius:4px;background:var(--line-strong);margin:8px auto 0;flex-shrink:0}.sheet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid var(--line);flex-shrink:0}.sheet-header>div{min-width:0}.sheet-title{font-size:24px;line-height:1.25;margin:0;font-weight:600}.sheet-description{font-size:13px;color:var(--text-muted);line-height:1.5;margin:4px 0 0;overflow-wrap:anywhere}.sheet-scroll{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:16px 16px calc(24px + env(safe-area-inset-bottom));scrollbar-gutter:stable}.panel-stack{display:flex;flex-direction:column;gap:16px;min-width:0}.panel-section{min-width:0}.panel-section h3{font-size:17px;margin:0 0 12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;max-width:100%;padding:12px 16px;border:1px solid transparent;font-size:15px;font-weight:600;line-height:1.4;border-radius:var(--radius);white-space:nowrap}.button--primary{background:var(--text);color:var(--surface);border-color:var(--text);box-shadow:inset 0 1px 1px var(--edge-cream),inset 0 -3px 7px var(--edge-warm)}.button--primary:hover:not(:disabled){background:var(--focus);border-color:var(--focus)}.button--secondary{background:var(--surface-soft);border-color:var(--line-strong);color:var(--text)}.button--secondary:hover:not(:disabled){background:color-mix(in srgb,var(--surface-soft) 85%,var(--text));border-color:var(--text-muted)}.button--ghost{background:transparent;color:var(--text-muted)}.button--ghost:hover:not(:disabled){background:var(--surface-soft);color:var(--text)}.panel-actions{display:flex;flex-direction:column;gap:8px}.panel-actions .button{width:100%}.notice{display:flex;align-items:flex-start;gap:8px;padding:12px;background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius);font-size:13px;line-height:1.65;color:var(--text-muted);min-width:0}.notice>svg{width:20px;height:20px;margin-top:0}.notice-content{min-width:0;overflow-wrap:anywhere}.notice--error{border-color:var(--danger);color:var(--danger)}.notice--warning{border-left:3px solid var(--selection);color:var(--text)}.notice-action{margin-top:8px}.arena>.notice{margin-top:12px}.notice strong{color:var(--text)}.key-values{margin:0}.key-value{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px;padding:12px 0;align-items:start;border-bottom:1px solid var(--line)}.key-value:first-child{padding-top:0}.key-value:last-child{border-bottom:0;padding-bottom:0}.key-value dt{color:var(--text-muted);font-size:14px}.key-value dd{margin:0;text-align:right;font-size:14px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.side-label{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-size:13px;font-weight:600}.side-label>span{width:8px;height:8px;border-radius:2px;background:var(--blue)}.side-label--meron>span{background:var(--red)}.status-chip{display:inline-block;border:1px solid var(--line-strong);padding:4px 8px;border-radius:var(--radius-small);font-size:12px;white-space:nowrap;color:var(--text-muted)}.status-chip--won,.status-chip--pending{color:var(--text)}.payout-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.payout-pair>div{display:flex;flex-direction:column;gap:4px;padding:16px;background:var(--surface-raised);border-radius:var(--radius)}.payout-pair strong{font-size:28px}.payout-pair>div>span:last-child{font-size:12px;color:var(--text-muted)}.plain-list{margin:0;padding-left:16px;font-size:14px;color:var(--text-muted);line-height:1.75}.plain-list li+li{margin-top:8px}.subtle-text{font-size:12px;color:var(--text-muted);line-height:1.65;overflow-wrap:anywhere}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.section-heading h3{margin-bottom:0}.trend-scroll{max-width:100%;overflow-x:auto;min-height:88px;margin-top:12px;padding-bottom:8px;scrollbar-color:var(--line-strong) var(--surface-raised)}.trend-grid{display:grid;grid-auto-flow:column;grid-template-rows:repeat(3,28px);grid-auto-columns:28px;gap:8px;width:max-content;padding:4px}.trend-dot{width:28px;height:28px;min-height:28px;display:grid;place-items:center;font-size:12px;font-weight:600;background:var(--blue-field);color:var(--text);border:1px solid var(--blue);border-radius:50%}.trend-dot--meron{background:var(--red-field);border-color:var(--red)}.trend-dot--cancelled{background:var(--surface-raised);border-color:var(--line-strong)}.trend-legend{display:flex;gap:24px;font-size:13px;margin:8px 0}.trend-legend>span{display:flex;align-items:center;gap:8px}.filter-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.filter-row>.subtle-text{padding-bottom:12px;white-space:nowrap}.field{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--text-muted);min-width:0}.field select{max-width:100%;width:100%;min-height:44px;border:1px solid var(--line-strong);background:var(--surface-raised);color:var(--text);padding:8px 12px;font-size:14px;cursor:pointer}.compact-field{min-width:160px;max-width:75%}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.segmented button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:0;background:transparent;color:var(--text-muted);font-size:14px}.segmented button[aria-pressed=true]{background:var(--surface-soft);color:var(--text)}.segmented button:hover{color:var(--text);background:var(--surface-raised)}.scroll-hint{font-size:11px;color:var(--text-muted);margin-bottom:-8px}.table-scroll{width:100%;max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);scrollbar-color:var(--line-strong) var(--surface-raised);padding-bottom:4px}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}th,td{padding:12px;white-space:nowrap;vertical-align:middle}th{font-weight:600;color:var(--text-muted);background:var(--surface-raised);font-size:12px}td{border-top:1px solid var(--line)}.number-cell{text-align:right;font-variant-numeric:tabular-nums}.table-action{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:64px;min-height:44px;border:0;background:transparent;color:var(--text);padding:8px}.table-action svg{width:15px;height:15px}.table-action:hover{background:var(--surface-soft);color:var(--focus)}.pagination{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.pagination>div{display:flex;gap:4px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 16px;text-align:center;min-height:220px}.empty-state h3{font-size:20px}.empty-state p{font-size:14px;color:var(--text-muted);max-width:34ch;line-height:1.7}.empty-mark{display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--line-strong);border-radius:50%;color:var(--text-muted)}.review-choice,.receipt-side{display:flex;align-items:center;gap:12px;padding:16px;background:color-mix(in srgb,var(--blue-field) 50%,var(--surface-raised));border-left:3px solid var(--blue);border-radius:var(--radius-small)}.review-choice--meron,.receipt-side--meron{background:color-mix(in srgb,var(--red-field) 50%,var(--surface-raised));border-left-color:var(--red)}.review-choice>div{display:flex;flex-direction:column;gap:4px}.review-choice>div>span{font-size:12px;color:var(--text-muted)}.review-choice>div>strong{font-size:26px;line-height:1.2}.review-choice>strong{margin-left:auto;font-size:26px;font-variant-numeric:tabular-nums}.review-check{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--text);color:var(--surface)}.review-note{font-size:13px;color:var(--text-muted);line-height:1.7}.review-note strong{display:block;color:var(--text)}.receipt-success{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:12px 8px}.receipt-success strong{font-size:24px}.receipt-success p{font-size:14px;color:var(--text-muted);max-width:32ch;line-height:1.7}.receipt-side{justify-content:space-between}.receipt-side>strong{font-size:26px}.receipt-id,.request-id{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.request-id{font-size:12px}.account-identity{display:flex;align-items:center;gap:12px}.account-monogram{width:48px;height:48px;display:grid;place-items:center;background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius);font-weight:600}.account-identity>div:nth-child(2){min-width:0}.account-identity h3{font-size:18px}.account-identity>div>span{font-size:12px;color:var(--text-muted)}.demo-chip{margin-left:auto;border:1px solid var(--line-strong);border-radius:var(--radius-small);padding:4px 8px;font-size:11px;color:var(--text-muted)}.account-balance{display:flex;flex-direction:column;gap:4px;padding:16px 0;border-bottom:1px solid var(--line)}.account-balance>span{font-size:13px;color:var(--text-muted)}.account-balance>strong{font-size:32px;font-variant-numeric:tabular-nums}.counter-note{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--surface-raised);border-radius:var(--radius)}.counter-note h3{font-size:18px;margin-bottom:8px}.counter-note p{font-size:13px;color:var(--text-muted);line-height:1.7}.demo-controls{border-top:1px solid var(--line);padding-top:8px}.demo-controls summary{display:flex;align-items:center;gap:8px;min-height:48px;cursor:pointer;font-size:14px;list-style:none}.demo-controls summary:hover{color:var(--focus)}.demo-controls summary>span{margin-left:auto;font-size:11px;color:var(--text-muted)}.demo-control-content{display:flex;flex-direction:column;gap:16px;padding-top:12px}.demo-button-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-button-grid .button{font-size:12px;padding:8px}.toast{position:fixed;z-index:var(--z-modal);bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:flex-start;gap:8px;width:calc(100% - 32px);max-width:460px;padding:16px;background:var(--text);color:var(--surface);box-shadow:0 8px 32px var(--shadow);font-size:13px;line-height:1.6;border-radius:var(--radius);pointer-events:none}.arena--loading{padding-top:16px}.loading-heading{margin-top:24px}.loading-heading p{font-size:14px;color:var(--text-muted);margin-top:12px}.skeleton{display:block;background:var(--surface-soft);border-radius:var(--radius)}.skeleton--title{width:65%;height:32px}.skeleton-matchup{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.skeleton--bird{height:280px}.skeleton--line{height:44px;margin-top:24px}.skeleton--amount{height:88px;margin-top:16px}.skeleton--button{height:56px;margin-top:16px}.load-error{max-width:440px;min-height:100dvh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:24px;padding:32px;margin:0 auto}.load-error>img{width:180px;height:auto}.load-error h1{font-size:28px}.load-error p{font-size:15px;color:var(--text-muted);line-height:1.7}.loading-icon{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){.sheet[data-state=open]{animation:sheet-in .2s ease-out}.sheet-backdrop[data-state=open]{animation:fade-in .15s ease-out}.fighter-image{transition:filter .18s ease}.button,.amount-preset,.amount-step{transition:background-color .12s ease,border-color .12s ease}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-in{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@media(max-width:380px){.brand-lockup{width:148px}.fight-status{font-size:25px}.fight-status--paused{font-size:22px}.fighter{--identity-gap:4px}.fighter-name{font-size:25px}.fighter-market{margin-left:4px;margin-right:4px}.network-button{font-size:11px}.activity-nav button{gap:4px;font-size:12px}.activity-nav button>svg:first-child{width:18px;height:18px}.amount-controls{margin-left:32px;margin-right:32px}.amount-input-wrap input{font-size:38px}}@media(max-height:740px)and (max-width:767px){.fighter-art{height:128px}.fight-strip{margin-top:8px;min-height:56px}.matchup{margin-top:8px}.fighter-payout{font-size:34px}.amount-section{margin-top:8px}.activity-nav{margin-top:12px}}@media(min-width:768px){.arena{padding:24px;max-width:560px}.brand-lockup{width:188px}.network-button{font-size:13px}.fight-status{font-size:34px}.fighter-art{height:220px}.fighter-name{font-size:38px}.fighter-color{font-size:13px}.fighter-market{margin-top:12px}.fighter-payout{font-size:48px}.fighter-pool{font-size:18px}.market-caption--pool{font-size:12px}.sheet{max-height:calc(100dvh - 48px);bottom:24px;border-bottom:1px solid var(--line);border-radius:16px}.sheet--compact{max-width:500px}.sheet-handle{display:none}.sheet-header,.sheet-scroll{padding:24px}.fighter-market{margin-left:16px}.amount-presets,.amount-controls{margin-top:12px}.activity-nav button{font-size:14px}.demo-note{font-size:12px}}@media(min-width:1440px){.arena{padding-top:32px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
