:root{color-scheme:dark;--bg:#08080d;--surface:#101018;--line:#ffffff15;--text:#f0eff6;--muted:#a29eb2;--purple:#b596ff;--soft:#d7c6ff;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text)}body::before{content:"";position:absolute;inset:0 0 auto;height:970px;background:radial-gradient(ellipse at 69% 22%,#762ad12a,transparent 53%),radial-gradient(ellipse at 5% 33%,#5141d11a,transparent 50%);pointer-events:none;z-index:-1}button,a,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--purple);outline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}[hidden]{display:none!important}.arena-shell{max-width:1400px;margin:auto;padding:0 64px}main{min-height:70vh}.topbar{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:19px;font-weight:900;letter-spacing:-1px;display:flex;align-items:center;gap:10px}.wordmark span{font-size:9px;letter-spacing:3px;font-weight:500;border-left:1px solid #ffffff3a;padding-left:12px;color:var(--muted)}.topbar nav{display:flex;align-items:center;gap:30px;font-size:12px;color:#cbc7d7}.topbar .nav-vault{border:1px solid #ffffff28;border-radius:7px;padding:12px 16px;color:#fff}.topbar nav a:hover{color:var(--purple)}.hero{position:relative;padding:66px 0 48px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:700;color:var(--muted);margin:0 0 16px;line-height:1.6}.signal{display:inline-block;width:5px;height:5px;border-radius:50%;background:#b596ff;box-shadow:0 0 13px #a26aff;margin-right:7px;vertical-align:middle}h1{font-size:clamp(46px,6vw,86px);font-weight:900;line-height:.96;letter-spacing:-4px;margin:0 0 24px}h1 span{color:var(--purple);background:linear-gradient(110deg,#c9b6f9,#9670de 57%,#e6d5ff);background-clip:text;-webkit-text-fill-color:transparent}.hero-copy{font-size:14px;line-height:1.75;color:var(--muted);margin:0 0 25px}.hero-links{display:flex;align-items:center;gap:25px;font-size:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:46px;padding:14px 20px;border:1px solid #ffffff1f;border-radius:7px;background:transparent;font-size:12px;font-weight:700}.button.primary{background:linear-gradient(115deg,#e0d6f5,#b6a1de);color:#191124;border-color:transparent;box-shadow:0 4px 24px #9d69e815}.button.primary:hover{background:#eee7fa}.button span{font-size:16px}.hero-links>a:last-child{color:#c3bbd4}.text-button{border:0;padding:5px 0;background:transparent;color:#c7bbde;font-size:11px}.text-button:hover{color:white}#arena-status{font-size:12px;color:var(--muted);margin:0 0 22px}#arena-status.error{color:#f5b2c0;background:#e46b8610;border:1px solid #e46b8630;padding:18px;border-radius:8px}.match-panel{position:relative;overflow:hidden;border:1px solid #a782f52d;background:linear-gradient(150deg,#14101e,#0d0d15 48%,#100f1a);border-radius:15px;padding:27px 32px 18px;box-shadow:0 28px 90px #0004}.match-panel::before{content:"";position:absolute;width:460px;height:220px;left:calc(50% - 230px);top:-150px;filter:blur(60px);background:#9c67eb40;pointer-events:none}.panel-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.panel-heading .eyebrow{font-size:8px;margin-bottom:8px}.panel-heading h2{font-size:17px;letter-spacing:-.4px;font-weight:500;margin:0}.match-tag,.small-tag{font-size:8px;font-weight:700;letter-spacing:1px;color:#c9b8ea;border:1px solid #9e7aca40;border-radius:4px;padding:7px 9px;white-space:nowrap}.match-stage{display:grid;grid-template-columns:1fr 65px 1fr;align-items:center;max-width:720px;margin:40px auto 26px}.contender{min-width:0;text-align:center;position:relative;--rarity:#aa8ae3}.player-label{font-size:10px;color:#ccc4db;letter-spacing:1px;overflow-wrap:anywhere;min-height:16px;margin:0 0 16px}.player-label::before{content:"";display:inline-block;width:4px;height:4px;background:var(--rarity);margin-right:7px;border-radius:50%;vertical-align:middle}.card-pedestal{position:relative;max-width:210px;aspect-ratio:3/4;margin:0 auto 25px;perspective:1000px}.card-pedestal::before{content:"";position:absolute;inset:18% -15% 0;border-radius:40%;background:var(--rarity);opacity:.14;filter:blur(42px);transform:scale(.9)}.card-pedestal::after{content:"";position:absolute;inset:auto 9% -16px;height:14px;border-radius:50%;background:var(--rarity);filter:blur(15px);opacity:.26}.battle-card{position:relative;width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 15px 20px #0006);animation:float-card 6s ease-in-out infinite;transition:filter .4s,transform .5s}.contender:first-child .battle-card{--tilt:-5deg}.contender:last-child .battle-card{--tilt:5deg;animation-delay:-3s}.card-back{width:100%;height:100%;border:1px solid #bc99ff3c;border-radius:12px;background:repeating-linear-gradient(50deg,transparent 0px,transparent 12px,#9f72f908 12px,#9f72f908 13px),radial-gradient(ellipse,#53297438,transparent 70%),#100d1a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;transform:rotate(4deg);box-shadow:0 10px 40px #0006}.card-back .emblem{font-size:38px;color:#b390f9;font-weight:900;letter-spacing:-5px;padding-right:5px}.card-back small{font-size:8px;letter-spacing:2px;color:#9c84bd}.contender h3{font-size:16px;letter-spacing:-.4px;margin:0 0 8px;font-weight:600;overflow-wrap:anywhere}.rarity-line{font-size:8px;letter-spacing:1.7px;color:var(--rarity);margin:0 0 16px;text-transform:uppercase}.card-stats{display:flex;justify-content:center;gap:19px;margin:0 auto}.stat{display:flex;flex-direction:column;gap:5px;min-width:36px}.stat span{font-size:8px;letter-spacing:.6px;text-transform:uppercase;color:#9e97b0}.stat strong{font-size:16px;font-weight:500;font-variant-numeric:tabular-nums}.versus{display:flex;align-items:center;justify-content:center;position:relative;align-self:start;margin-top:135px}.versus::before{content:"";position:absolute;width:46px;height:46px;transform:rotate(45deg);border:1px solid #c69fff30;background:#1c1329;box-shadow:0 0 40px #a16bff12}.versus span{position:relative;font-size:14px;font-style:italic;font-weight:800;color:#d5c0f5}.round-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:600px;margin:30px auto 20px}.round-box{border:1px solid #ffffff0c;background:#ffffff03;border-radius:7px;padding:12px;text-align:center;transition:background .3s,border-color .3s}.round-box.active{border-color:#b58de886;background:#a371dc13}.round-box.done{background:#ffffff06;border-color:#ffffff20}.round-box .round-name{font-size:8px;letter-spacing:1.1px;color:#a69aB9;display:block;margin-bottom:8px;text-transform:uppercase}.round-box .round-score{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}.round-box .round-winner{display:block;color:#b2a4c2;font-size:9px;margin-top:6px;min-height:11px;overflow-wrap:anywhere}.reveal-controls{text-align:center;display:flex;justify-content:center;align-items:center;gap:16px;margin:22px 0}.reveal-controls .button{min-width:210px}.round-announcement{text-align:center;color:#b5a6c7;font-size:11px;line-height:1.6;min-height:36px}.match-result{text-align:center;padding:14px 15px 27px}.match-result .eyebrow{color:var(--purple);margin-bottom:10px}.match-result h3{font-size:32px;letter-spacing:-1px;margin:0 0 9px;overflow-wrap:anywhere}.match-result p{font-size:11px;color:#b3a5c5;line-height:1.6;margin:0}.contender.round-won .battle-card{filter:drop-shadow(0 0 22px var(--rarity)) brightness(1.12)}.contender.match-won::before{content:"";position:absolute;inset:0 -8%;background:radial-gradient(ellipse,var(--rarity),transparent 68%);opacity:.12;pointer-events:none}.contender.match-won .player-label{color:white}.invite-panel{max-width:570px;text-align:center;margin:12px auto 28px;border-top:1px solid var(--line);padding-top:26px}.invite-panel h3{font-size:16px;margin:0 0 12px}.invite-panel p{font-size:12px;line-height:1.8;color:var(--muted)}.invite-code{display:flex;align-items:center;justify-content:center;gap:20px;padding:18px;margin:20px 0;border:1px dashed #b087ee55;background:#a279d309;border-radius:7px}.invite-code strong{font-size:18px;letter-spacing:3px;color:#ddd0ef}.match-footer{display:flex;justify-content:center;align-items:center;gap:22px;border-top:1px solid var(--line);padding-top:17px;flex-wrap:wrap}.match-footer>span{font-size:9px;letter-spacing:1px;color:#81778e}.lobby-section{padding:55px 0 45px}.section-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:23px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:9px}.section-heading h2{font-size:23px;letter-spacing:-.8px;font-weight:600;margin:0}.challenge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.challenge-tile{border:1px solid var(--line);border-radius:10px;background:linear-gradient(130deg,#131019,#101017);padding:20px;min-width:0}.challenge-top{display:flex;gap:17px;align-items:center}.challenge-art{width:66px;height:88px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 0 15px #a271cf28)}.challenge-tile h3{font-size:13px;font-weight:600;overflow-wrap:anywhere;margin:0 0 7px}.challenge-tile p{font-size:11px;color:#a69ab7;line-height:1.5;margin:0;overflow-wrap:anywhere}.challenge-tile .tile-rarity{font-size:8px;letter-spacing:1px;margin-top:7px;text-transform:uppercase}.challenge-tile .tile-stats{display:flex;gap:16px;justify-content:space-between;margin:17px 0;color:#a69ab7;font-size:9px}.tile-stats b{color:#ddd4e8;font-size:12px;margin-left:3px;font-weight:500}.challenge-tile .button{width:100%;font-size:10px;min-height:37px;padding:10px}.empty-state{padding:29px;border:1px dashed #a58bc02e;border-radius:10px;grid-column:1/-1;color:var(--muted);font-size:12px;line-height:1.8;background:#ffffff02}.empty-state strong{display:block;font-size:15px;font-weight:500;color:#e2d7ee;margin-bottom:8px}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding-bottom:50px}.ranking-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px 0;border-top:1px solid var(--line);font-size:12px}.ranking-position{font-size:10px;color:#9b88b6}.ranking-name{font-weight:500;overflow-wrap:anywhere}.ranking-sub{display:block;font-size:9px;color:#92889f;margin-top:5px}.ranking-points{font-size:15px;color:#d2b8f0}.recent-match{display:block;border-top:1px solid var(--line);padding:17px 0}.recent-match:hover .recent-name{color:var(--purple)}.recent-name{display:block;font-size:12px;color:#d9d0e4;overflow-wrap:anywhere}.recent-details{display:block;font-size:9px;color:#998aa9;margin-top:7px;line-height:1.6}.rules{border:1px solid var(--line);border-radius:8px;margin-bottom:50px}.rules summary{padding:19px 21px;cursor:pointer;font-size:11px;color:#bbadcd}.rules>div{padding:0 21px 12px;max-width:850px}.rules p{font-size:11px;line-height:1.9;color:#a89ab9}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 0 36px;border-top:1px solid var(--line);font-size:10px;color:#81758e}footer>span{font-size:10px;font-weight:800;letter-spacing:1px;color:#b5a6c5}footer p{margin:0}footer>a{color:#b0a0c4}.demo-note{color:#e0c891;background:#c4a9530a;border:1px solid #c4a95325;border-radius:7px;padding:12px 18px;font-size:11px;line-height:1.6;margin:18px 0 0}
@keyframes float-card{0%,100%{transform:translateY(0) rotate(var(--tilt,0deg)) rotateY(-4deg)}50%{transform:translateY(-10px) rotate(calc(var(--tilt,0deg) + 2deg)) rotateY(4deg)}}
@media(min-width:1100px){.hero::after{content:"01 / MOG";position:absolute;right:5px;bottom:62px;writing-mode:vertical-rl;font-size:10px;letter-spacing:6px;color:#9d78d644}.hero{padding-top:70px}}
@media(max-width:1000px){.arena-shell{padding:0 32px}.challenge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-grid{gap:30px}.hero{padding-top:48px}.match-panel{padding:24px}.card-pedestal{max-width:190px}}
@media(max-width:600px){.arena-shell{padding:0 18px}.topbar{height:78px}.wordmark{font-size:17px}.wordmark span{font-size:8px;letter-spacing:2px}.topbar nav{gap:12px;font-size:10px}.topbar nav>a:first-child{display:none}.topbar .nav-vault{padding:10px 13px}.hero{padding:39px 0 30px}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:47px;letter-spacing:-2.8px;line-height:1.01;margin-bottom:18px}.hero-copy{font-size:12px}.hero-links{gap:18px;font-size:10px}.hero-links .button{font-size:10px;padding:12px 15px;gap:16px;min-height:42px}.match-panel{padding:19px 13px 16px;border-radius:11px}.panel-heading h2{font-size:13px}.match-tag{font-size:7px;padding:6px}.match-stage{grid-template-columns:minmax(0,1fr) 35px minmax(0,1fr);margin:28px auto 24px;gap:0}.card-pedestal{width:90%;max-width:150px;margin-bottom:23px}.player-label{font-size:8px;letter-spacing:.5px;min-height:22px;margin-bottom:12px}.contender h3{font-size:12px;line-height:1.4;min-height:34px;margin-bottom:5px}.rarity-line{font-size:7px;letter-spacing:.9px;margin-bottom:14px}.card-stats{gap:9px}.stat{min-width:25px}.stat span{font-size:6px;letter-spacing:.2px}.stat strong{font-size:14px}.versus{margin-top:98px}.versus::before{width:25px;height:25px}.versus span{font-size:10px}.card-back{border-radius:8px}.card-back .emblem{font-size:27px}.card-back small{font-size:6px;letter-spacing:1px}.round-strip{gap:5px;margin:20px auto 16px}.round-box{padding:10px 4px}.round-box .round-name{font-size:7px;letter-spacing:.5px}.round-box .round-score{font-size:15px}.round-box .round-winner{font-size:8px}.reveal-controls{flex-wrap:wrap;gap:12px}.reveal-controls .button{min-width:170px;min-height:42px}.round-announcement{font-size:10px;padding:0 5px}.match-result h3{font-size:25px}.match-result p{font-size:10px}.match-footer{gap:12px}.match-footer .text-button{font-size:9px}.match-footer>span{font-size:8px}.invite-panel{padding:21px 8px 0}.invite-panel p{font-size:11px}.invite-panel h3{font-size:14px}.invite-code{gap:12px;padding:15px 10px}.invite-code strong{font-size:14px;letter-spacing:2px}.invite-code button{font-size:10px}.lobby-section{padding:37px 0}.section-heading h2{font-size:19px}.section-heading .eyebrow{font-size:7px}.section-heading>.text-button{font-size:10px}.challenge-grid{gap:9px}.challenge-tile{padding:13px 10px}.challenge-top{display:block;text-align:center}.challenge-art{width:72px;height:96px;margin:0 auto 12px}.challenge-tile h3{font-size:11px}.challenge-tile p{font-size:10px;min-height:30px}.challenge-tile .tile-rarity{font-size:7px;margin-top:7px;min-height:10px}.challenge-tile .tile-stats{gap:4px;flex-wrap:wrap;justify-content:center;font-size:7px;margin:13px 0}.tile-stats b{font-size:10px}.challenge-tile .button{font-size:9px;padding:9px 6px;gap:8px}.bottom-grid{grid-template-columns:1fr;gap:32px;padding-bottom:35px}.rules{margin-bottom:32px}footer{align-items:flex-start;flex-wrap:wrap;font-size:9px;gap:15px;padding-bottom:25px}footer p{order:3;width:100%;font-size:9px}.empty-state{padding:22px 18px}.demo-note{font-size:10px}.match-panel::before{width:270px;left:calc(50% - 135px)}}
@media(max-width:350px){h1{font-size:41px}.arena-shell{padding:0 13px}.hero-links{gap:12px}.stat span{font-size:5.8px}.card-stats{gap:6px}.contender h3{font-size:11px}.match-footer>span{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.recent-match{width:100%;text-align:left}.invite-panel>.text-button{display:block;margin:17px auto 0}