@font-face{font-family:Outfit;src:url('/assets/outfit-semibold.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:'DM Sans';src:url('/assets/dm-sans-regular.ttf') format('truetype');font-weight:400;font-display:swap}
:root{color-scheme:dark;--arena:#031f1a;--ink:#061d18;--cream:#fff7e7;--mint:#62f1bb;--coral:#ff8177;--gold:#ffc851;--sage:#a8beb6;--line:#236051;--radius:30px;--shadow:0 20px 55px #00120e80}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--arena);color:var(--cream);font-family:'DM Sans',Arial,sans-serif}body{margin:0;background:radial-gradient(circle at 50% 3%,#0b5746 0,transparent 33%),linear-gradient(180deg,#03241e,#021713 65%,#031e19);font-size:17px;line-height:1.6}.shell{width:min(1160px,calc(100% - 40px));margin-inline:auto}a{color:inherit}a:focus-visible{outline:3px solid var(--gold);outline-offset:5px;border-radius:9px}.site-header{position:sticky;top:0;z-index:10;background:#03231edf;backdrop-filter:blur(18px);border-bottom:1px solid #4ff2ba24}.header-inner{height:82px;display:flex;align-items:center;gap:32px}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font:600 1.65rem/1 Outfit,Arial,sans-serif;letter-spacing:-.045em;white-space:nowrap}.brand img{filter:drop-shadow(0 0 14px #62f1bb55)}.brand span span{color:var(--mint)}nav{display:flex;gap:26px;margin-left:auto}nav a,.footer-inner a{text-decoration:none;color:var(--sage);font-weight:700;font-size:.9rem}nav a:hover,.footer-inner a:hover{color:var(--cream)}.status-chip,.mode-tag{border:1px solid #62f1bb4d;background:#0a3c32;color:var(--mint);border-radius:999px;padding:8px 14px;font-size:.78rem;font-weight:700;letter-spacing:.03em}.hero{min-height:680px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:26px;padding-block:80px 65px}.kicker{text-transform:uppercase;letter-spacing:.19em;color:var(--mint);font-size:.76rem;font-weight:700;margin:0 0 15px}.hero h1,.section-heading h2,.split h2,.journey h2,.content-page h1{font:600 clamp(3.3rem,6vw,6rem)/.94 Outfit,Arial,sans-serif;letter-spacing:-.055em;margin:0}.hero h1 span{color:var(--mint);text-shadow:0 0 34px #62f1bb35}.lead{color:var(--sage);font-size:1.12rem;max-width:34rem;margin:25px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;min-height:54px;align-items:center;justify-content:center;padding:0 22px;border-radius:17px;text-decoration:none;font-family:Outfit,sans-serif;font-weight:600}.button.primary{background:var(--mint);color:var(--ink);box-shadow:0 10px 30px #42e9ad33}.button.secondary{border:1px solid var(--line);background:#082c25}.platform-note{font-size:.78rem;color:var(--sage);margin:14px 2px 0}.hero-art{display:block;min-width:0}.hero-art img{display:block;width:100%;height:auto;filter:drop-shadow(0 28px 60px #001b14)}.mode-section,.faq{padding-block:90px}.section-heading{max-width:690px;margin-bottom:34px}.section-heading h2,.split h2,.journey h2{font-size:clamp(2.5rem,4.2vw,4.6rem)}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mode-card{position:relative;min-height:320px;padding:34px;border-radius:var(--radius);overflow:hidden;border:1px solid #ffffff29;box-shadow:var(--shadow)}.mode-card:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-70px;top:-65px;background:#fff2;filter:blur(8px)}.mode-card.mint{background:linear-gradient(135deg,#75f8c5,#34dca4);color:var(--ink)}.mode-card.coral{background:linear-gradient(135deg,#ff9588,#eb4c55);color:#2b1114}.mode-card.dark{background:linear-gradient(135deg,#0d3b32,#06221d)}.mode-card.gold{background:linear-gradient(135deg,#674c16,#342a10)}.mode-card .mode-tag{display:inline-block;margin:0 0 62px}.mode-card.mint .mode-tag,.mode-card.coral .mode-tag{background:#06231fd6;color:var(--cream);border:0}.mode-card h3{font:600 2.35rem/1 Outfit,sans-serif;letter-spacing:-.04em;margin:0 0 12px}.mode-card p:last-child{max-width:29rem;margin:0;opacity:.82}.mode-icon{position:absolute;right:30px;top:30px;font:600 4rem/1 Outfit;color:#fff7e7;text-shadow:0 5px 0 #0003;z-index:1}.mini-board{position:absolute;right:29px;top:28px;width:94px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.mini-board i{aspect-ratio:1;border-radius:7px;background:var(--mint);box-shadow:0 0 10px #62f1bb5c}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;padding-block:65px}.arena-panel,.journey,.content-card{background:linear-gradient(145deg,#0c3a31,#06251f);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.arena-panel{padding:50px}.arena-panel p,.journey p,.content-page p,.content-page li{color:var(--sage)}.arena-panel ul{padding-left:20px}.arena-panel li{margin:8px 0}.versus-mark{border-radius:var(--radius);min-height:390px;display:grid;place-content:center;text-align:center;background:linear-gradient(135deg,var(--mint) 0 49%,var(--coral) 51%);box-shadow:var(--shadow);color:var(--cream)}.versus-mark b{font:600 clamp(5rem,11vw,9rem)/.8 Outfit;text-shadow:0 8px 0 #001b16,0 0 28px var(--gold)}.versus-mark span{margin-top:30px;font-weight:700;letter-spacing:.24em;color:var(--ink)}.journey{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:48px;padding:54px;margin-block:75px}.reward-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.reward-row span{display:grid;place-content:center;text-align:center;aspect-ratio:1;border:1px solid var(--line);border-radius:22px;color:var(--gold);font:600 2rem Outfit;background:#061f1a}.reward-row small{font:700 .7rem 'DM Sans';letter-spacing:.12em;color:var(--sage)}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.faq article{border:1px solid var(--line);border-radius:22px;padding:26px;background:#06241f}.faq h3,.content-card h2{font:600 1.35rem Outfit;margin:0 0 8px}.faq p{margin:0;color:var(--sage)}footer{margin-top:60px;border-top:1px solid var(--line);background:#021713}.footer-inner{min-height:130px;display:flex;align-items:center;gap:26px}.brand.compact{font-size:1.3rem}.footer-inner>div{display:flex;gap:22px;margin-left:auto}.footer-inner p{color:var(--sage);font-size:.82rem}.content-page{padding-block:70px 100px;max-width:850px}.content-page h1{font-size:clamp(3rem,7vw,5.7rem)}.content-page>.intro{font-size:1.18rem;margin-bottom:42px}.content-card{padding:34px;margin:18px 0}.content-card h2{font-size:1.65rem;color:var(--cream)}.content-card h3{font:600 1.15rem Outfit;margin:24px 0 4px}.content-card a{color:var(--mint)}.error-code{font:600 clamp(7rem,25vw,14rem)/.8 Outfit;color:var(--mint);text-shadow:0 0 45px #62f1bb4d;margin:20px 0}
@media(max-width:850px){nav{display:none}.status-chip{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:60px}.hero-copy{text-align:center}.lead{margin-inline:auto}.hero-actions{justify-content:center}.hero-art{width:min(620px,100%);justify-self:center}.split,.journey{grid-template-columns:1fr}.mode-card{min-height:280px}}
@media(max-width:680px){body{font-size:16px}.shell{width:min(100% - 28px,1160px)}.header-inner{height:74px}.status-chip{font-size:.68rem;padding:7px 10px}.brand{font-size:1.35rem}.brand img{width:34px;height:34px}.hero{min-height:auto;padding-block:48px 28px;gap:25px}.hero h1{font-size:clamp(3.2rem,15vw,4.9rem)}.mode-section,.faq{padding-block:65px}.mode-grid,.faq-grid{grid-template-columns:1fr}.mode-card{padding:27px}.mode-card .mode-tag{margin-bottom:50px}.arena-panel,.journey{padding:30px}.split{padding-block:35px}.journey{margin-block:50px}.reward-row{gap:6px}.reward-row span{border-radius:15px;font-size:1.45rem}.footer-inner{align-items:flex-start;flex-direction:column;padding-block:32px}.footer-inner>div{margin-left:0}.footer-inner p{margin:0}}
@media(max-width:480px){.status-chip{display:none}.hero h1{font-size:clamp(2.75rem,13vw,3.65rem)}.hero-actions{flex-direction:column}.button{width:100%}.lead{font-size:1rem}.mode-card h3{font-size:2rem}}
@media(max-width:360px){.status-chip{display:none}.hero-actions{flex-direction:column}.button{width:100%}.mode-card h3{font-size:2rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important}}
.play-hero{min-height:840px;display:grid;grid-template-columns:.82fr 1.18fr;grid-template-areas:"copy art";align-items:center;gap:72px;padding-block:72px}.play-copy,.play-frame{min-width:0}.play-copy{grid-area:copy}.play-copy h1{font:600 clamp(3.6rem,7vw,7rem)/.88 Outfit,Arial,sans-serif;letter-spacing:-.06em;margin:0;max-width:630px}.play-tagline{font:600 clamp(1.55rem,3vw,2.4rem)/1 Outfit,Arial,sans-serif;color:var(--cream);margin:24px 0 0}.play-tagline span{color:var(--mint)}.launch-note{display:flex;align-items:center;gap:12px;margin-top:23px;color:var(--sage);font-size:.82rem}.launch-note b{color:var(--gold);letter-spacing:.12em;text-transform:uppercase}.play-frame{grid-area:art;position:relative;width:min(100%,590px);justify-self:end;border:1px solid #62f1bb42;border-radius:38px;overflow:hidden;background:#032b24;box-shadow:0 35px 90px #00120eb8,0 0 80px #1ce4a522}.play-screen{display:block;width:100%;height:auto}
@media(max-width:850px){.play-hero{grid-template-columns:1fr;grid-template-areas:"art" "copy";gap:38px;padding-top:28px}.play-copy{text-align:center}.play-copy .lead{margin-inline:auto}.launch-note{justify-content:center}.play-frame{justify-self:center;width:min(100%,560px)}}
@media(max-width:680px){html,body{overflow-x:hidden}.shell{width:min(calc(100% - 28px),1160px)}.brand img{width:40px;height:40px}.play-hero-mobile-width{width:calc(100vw - 28px);max-width:560px;margin-inline:auto}.play-hero{min-height:auto;grid-template-columns:minmax(0,1fr);padding-block:18px 34px;gap:32px}.play-copy{width:100%;max-width:520px;margin-inline:auto}.play-copy h1{font-size:clamp(2.75rem,12vw,4.1rem);line-height:.94}.play-tagline{font-size:clamp(1.3rem,5vw,1.8rem)}.launch-note{flex-wrap:wrap;column-gap:8px;row-gap:2px}.play-frame{width:100%;max-width:100%;justify-self:stretch;border-radius:28px}.play-screen{max-width:100%}}
.arena-hero{position:relative;isolation:isolate;min-height:calc(100svh - 82px);display:flex;align-items:flex-end;overflow:hidden;background:#031f1a}.hero-fill-art{position:absolute;inset:0;z-index:-2}.hero-fill-art img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.hero-gradient{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#021b17f7 0%,#03241edb 31%,#03241e66 58%,#021b1714 100%),linear-gradient(0deg,#021b17e8 0%,transparent 45%)}.arena-hero-content{padding-block:clamp(70px,11vh,130px);text-shadow:0 3px 24px #00120e;align-self:flex-end}.arena-hero-content h1{max-width:720px;margin:0;font:600 clamp(4.5rem,8vw,8.5rem)/.85 Outfit,Arial,sans-serif;letter-spacing:-.06em}.arena-hero-content h1 span{color:var(--mint)}.arena-hero-content>p:not(.kicker){max-width:520px;margin:28px 0;color:#d4e1dc;font-size:1.12rem}.arena-hero-content .button.secondary{background:#03241ed9}.arena-hero-content .launch-note{margin-top:18px}
@media(max-width:850px){.arena-hero{min-height:calc(100svh - 74px);align-items:flex-end}.hero-fill-art img{object-position:center top}.hero-gradient{background:linear-gradient(0deg,#021b17fa 0%,#03241ecc 34%,transparent 72%)}.arena-hero-content{padding-block:48px}.arena-hero-content h1{font-size:clamp(3.35rem,14vw,5.5rem);max-width:560px}.arena-hero-content>p:not(.kicker){font-size:1rem;margin:20px 0}.arena-hero-content .hero-actions{justify-content:flex-start}.arena-hero-content .launch-note{justify-content:flex-start}}
@media(max-width:480px){.arena-hero{min-height:calc(100svh - 74px)}.arena-hero-content{padding-bottom:34px}.arena-hero-content h1{font-size:clamp(3rem,15vw,4.35rem)}.arena-hero-content .hero-actions{flex-direction:row}.arena-hero-content .button{width:auto;min-height:50px;padding-inline:17px}.arena-hero-content .launch-note{display:none}}
.arena-hero .button{min-height:60px;border-radius:20px;border:1px solid #ffffff5c;box-shadow:inset 0 2px 0 #ffffff73,inset 0 -5px 0 #06392d40,0 12px 26px #001b1680;font-size:1.02rem;transition:transform .16s ease,filter .16s ease}.arena-hero .button:hover{transform:translateY(-3px);filter:brightness(1.06)}.arena-hero .button.primary{background:linear-gradient(180deg,#86ffd2,#4de2ae)}.mode-card{border-width:2px;box-shadow:inset 0 3px 0 #ffffff66,inset 0 -10px 0 #001b1630,0 18px 45px #00120e80;transition:transform .18s ease,filter .18s ease}.mode-card:hover{transform:translateY(-5px);filter:brightness(1.04)}.mode-card.mint{background:linear-gradient(145deg,#88ffd3 0%,#44e4ae 55%,#24bd8f 100%)}.mode-card.coral{background:linear-gradient(145deg,#ff9e91 0%,#ff6f6b 55%,#d94451 100%)}.mode-card h3{text-transform:uppercase;text-shadow:0 2px 0 #ffffff30}.mode-card.dark,.mode-card.gold{border-color:#5b897b;box-shadow:inset 0 2px 0 #ffffff24,inset 0 -9px 0 #00110d4d,0 18px 45px #00120e80}
.arena-hero .button{position:relative;isolation:isolate;gap:11px;overflow:hidden;border:3px solid #d7ffed;color:#06251f;font-size:1.08rem;font-weight:800;text-transform:uppercase;letter-spacing:.015em;text-shadow:0 1px 0 #fff8}.arena-hero .button:before{content:"";position:absolute;z-index:-1;inset:3px 4px auto;height:42%;border-radius:14px 14px 45% 45%;background:linear-gradient(180deg,#fff9,#fff0);pointer-events:none}.arena-hero .button:after{content:"";position:absolute;left:8%;right:8%;bottom:-8px;height:13px;border-radius:50%;background:#001b1666;filter:blur(7px);z-index:-2}.arena-hero .button>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#073b31;color:var(--cream);font-size:.92rem;box-shadow:inset 0 2px 0 #fff4,0 3px 0 #01241d}.arena-hero .button.primary{background:linear-gradient(145deg,#9affda 0%,#56efba 56%,#2ac896 100%);box-shadow:inset 0 3px 0 #fff9,inset 0 -8px 0 #159b73,0 10px 0 #075e49,0 18px 32px #001b1699}.arena-hero .button.secondary{border-color:#57796f;background:linear-gradient(145deg,#173f36,#082a23);color:var(--cream);box-shadow:inset 0 3px 0 #ffffff21,inset 0 -8px 0 #031b17,0 10px 0 #01120f,0 18px 32px #00100da8}.arena-hero .button.secondary>span{background:#28594d;color:var(--mint)}
.mode-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;max-width:930px;margin-inline:auto}.mode-row{display:flex;gap:18px;align-items:stretch;min-width:0}.mode-button{display:block;min-width:0;filter:drop-shadow(0 18px 28px #00120e99);transition:transform .18s ease,filter .18s ease}.mode-button:hover{transform:translateY(-6px) scale(1.008);filter:drop-shadow(0 24px 34px #00120ecc) brightness(1.045)}.mode-button:active{transform:translateY(2px) scale(.995)}.mode-button img{display:block;width:100%;height:100%;object-fit:fill}.battle-row .quick{flex:480}.battle-row .team{flex:322}.puzzle-row .solo{flex:411}.puzzle-row .daily{flex:393}.battle-row .mode-button{aspect-ratio:auto}.puzzle-row .mode-button{aspect-ratio:auto}
@media(max-width:680px){.mode-section{padding-inline:0}.mode-section .section-heading{padding-inline:4px}.mode-grid,.mode-row{gap:7px}.mode-button{border-radius:13px;filter:drop-shadow(0 9px 15px #00120ea6)}.arena-hero .button{border-width:2px;font-size:.75rem;gap:7px;text-transform:none;box-shadow:inset 0 2px 0 #fff8,inset 0 -5px 0 #159b73,0 6px 0 #075e49,0 12px 22px #001b1699}.arena-hero .button.secondary{box-shadow:inset 0 2px 0 #ffffff21,inset 0 -5px 0 #031b17,0 6px 0 #01120f,0 12px 22px #00100da8}.arena-hero .button>span{width:25px;height:25px;border-radius:8px;font-size:.7rem}}
.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;gap:18px}.game-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;min-height:190px;padding:28px 30px;border:1px solid #ffffff29;border-radius:28px;text-decoration:none;overflow:hidden;box-shadow:inset 0 2px 0 #ffffff48,inset 0 -8px 0 #001b1635,0 18px 36px #00120e80;transition:transform .18s ease,filter .18s ease}.game-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#fff4,transparent 42%);pointer-events:none}.game-card:hover{transform:translateY(-5px);filter:brightness(1.06)}.game-card.mint{background:linear-gradient(145deg,#72f5c4,#34dca4);color:#06251f}.game-card.coral{background:linear-gradient(145deg,#ff9186,#e94d57);color:#2b1114}.game-card.dark{background:linear-gradient(145deg,#12463b,#082a24);border-color:#397566}.game-card.gold{background:linear-gradient(145deg,#594617,#2b2616);border-color:#806c2e}.game-card-icon{position:relative;z-index:1;display:grid;place-items:center;width:86px;height:86px;border-radius:23px;background:#07352dcc;color:var(--cream);font:700 2.7rem/1 Outfit;box-shadow:inset 0 2px 0 #fff4,0 7px 0 #001b1655}.coral .game-card-icon{background:#762c34cc}.gold .game-card-icon{background:#ffbf31;color:#3b2600}.game-card-copy{position:relative;z-index:1;display:grid;gap:5px}.game-card-copy small{font-weight:800;font-size:.7rem;letter-spacing:.11em;opacity:.72}.game-card-copy strong{font:700 clamp(1.85rem,3vw,2.55rem)/.95 Outfit;text-transform:uppercase;letter-spacing:-.035em}.game-card-copy>span{font-size:.92rem;opacity:.76}.game-card>b{position:relative;z-index:1;font:500 3rem/1 Outfit;opacity:.65}.mini-grid{grid-template-columns:repeat(3,15px);grid-template-rows:repeat(3,15px);gap:4px}.mini-grid i{width:15px;height:15px;border-radius:4px;background:var(--mint);box-shadow:0 0 7px #62f1bb88}
@media(max-width:760px){.mode-grid{grid-template-columns:1fr;gap:13px}.game-card{min-height:145px;padding:22px;border-radius:23px;gap:17px}.game-card-icon{width:68px;height:68px;border-radius:19px;font-size:2.1rem}.game-card-copy strong{font-size:1.8rem}.game-card-copy>span{font-size:.82rem}.mini-grid{grid-template-columns:repeat(3,12px);grid-template-rows:repeat(3,12px);gap:3px}.mini-grid i{width:12px;height:12px}}
.arena-hero .hero-actions{gap:12px;align-items:stretch}.arena-hero .button{min-height:56px;padding:0 24px;border-radius:16px;border:1px solid transparent;overflow:visible;gap:10px;font:700 1rem/1.2 Outfit,Arial,sans-serif;text-transform:none;letter-spacing:0;text-shadow:none;box-shadow:0 12px 26px #001b1670;transition:transform .16s ease,background-color .16s ease,box-shadow .16s ease}.arena-hero .button:before,.arena-hero .button:after{content:none}.arena-hero .button.primary{background:#70e9bc;border-color:#a5f5d2;color:#08271f;box-shadow:0 12px 26px #001b1670}.arena-hero .button.secondary{background:#123b32e8;border-color:#81ab9c;color:#fff7e7;box-shadow:0 12px 26px #001b1670}.arena-hero .button>span{display:inline;width:auto;height:auto;border:0;border-radius:0;background:none;color:inherit;font:700 1.25rem/1 Outfit,Arial,sans-serif;box-shadow:none}.arena-hero .button:hover{transform:translateY(-2px);filter:none;box-shadow:0 16px 30px #001b1690}.arena-hero .button:active{transform:translateY(1px)}
@media(max-width:680px){.arena-hero .button{min-height:52px;padding-inline:16px;font-size:.9rem;border-width:1px;border-radius:14px}.arena-hero .button.primary,.arena-hero .button.secondary{box-shadow:0 9px 20px #001b1670}.arena-hero .button>span{font-size:1rem}}
@media(max-width:390px){.arena-hero .hero-actions{flex-direction:column;align-items:stretch}.arena-hero .button{width:100%}}
.site-header{background:#052820ed;border-bottom:1px solid #6ce5b42b;box-shadow:0 10px 28px #0017103d}.site-header .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px;min-height:78px;height:auto}.site-header .brand{justify-self:start;gap:8px;font-size:1.55rem}.site-header .brand img{display:block;width:68px;height:46px;object-fit:contain;filter:drop-shadow(0 3px 7px #00150f8c)}.site-header nav{display:flex;align-items:center;justify-self:center;gap:3px;margin:0;padding:5px;border:1px solid #6ce5b42d;border-radius:17px;background:#0b352c}.site-header nav a{display:block;padding:9px 16px;border-radius:12px;color:#b6d2c5;font:700 .88rem/1.2 Outfit,Arial,sans-serif;text-decoration:none;transition:background-color .15s ease,color .15s ease}.site-header nav a:hover,.site-header nav a:focus-visible{background:#215347;color:#fff7e7}.site-header nav a.is-current{background:#68e8b5;color:#06251e;box-shadow:0 3px 10px #001b1640}.site-header .status-chip{justify-self:end;display:inline-flex;align-items:center;gap:8px;margin:0;padding:9px 13px;border-color:#73c8a95c;background:#123c32;color:#d9f9e9;font-size:.76rem;white-space:nowrap}.site-header .status-chip i{width:7px;height:7px;border-radius:50%;background:#72edb6;box-shadow:0 0 9px #72edb6}
@media(max-width:850px){.site-header .header-inner{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand status" "nav nav";gap:8px 12px;padding-block:9px 10px}.site-header .brand{grid-area:brand;font-size:1.35rem}.site-header .brand img{width:54px;height:37px}.site-header nav{grid-area:nav;display:grid;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:3px;border-radius:13px}.site-header nav a{padding:8px 5px;text-align:center;font-size:.77rem}.site-header .status-chip{grid-area:status;font-size:.69rem;padding:7px 9px}.arena-hero{min-height:calc(100svh - 112px)}}
@media(max-width:480px){.site-header .status-chip{display:inline-flex}.site-header .brand{font-size:1.22rem}.site-header .brand img{width:48px;height:33px}.site-header nav a{font-size:.72rem}}
@media(max-width:850px){.site-header nav:has(a:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}
#modes,#battles,#progress,#faq{scroll-margin-top:130px}
@media(max-width:680px){html,body{overflow-x:clip}}
body:has(#battles:target) .site-header nav a.is-current,body:has(#progress:target) .site-header nav a.is-current,body:has(#faq:target) .site-header nav a.is-current{background:transparent;color:#b6d2c5;box-shadow:none}
body:has(#battles:target) .site-header nav a[href="#battles"],body:has(#progress:target) .site-header nav a[href="#progress"],body:has(#faq:target) .site-header nav a[href="#faq"]{background:#68e8b5;color:#06251e;box-shadow:0 3px 10px #001b1640}