/* App-inspired stone, parchment and Roman arena. No runtime layout dependencies. */
:root{--ink:#382b23;--paper:#f1e8d2;--gold:#f3c55a;--muted:#d0b9a5;--wine:#351719;font-family:'Outfit',system-ui,sans-serif;color:#fff3da;background:#251317;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}img{max-width:100%;height:auto}a{color:inherit;text-underline-offset:5px}a,summary{touch-action:manipulation}a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid #12aeb9;outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:'Cinzel',Georgia,serif;text-wrap:balance}p{line-height:1.7}h2{font-size:clamp(30px,3.65vw,49px);line-height:1.18;letter-spacing:-1.5px}h3{font-size:20px;line-height:1.25}.container{width:min(1180px,calc(100% - 96px));margin:auto}.skip-link{position:fixed;top:8px;left:8px;z-index:10;background:var(--paper);color:var(--ink);padding:12px;transform:translateY(-150%)}.skip-link:focus{transform:none}
.topbar{height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(32px,calc((100vw - 1280px)/2));background:#29171b;border-bottom:1px solid #d3ad6540;position:relative;z-index:5}.brand{width:158px;height:82px;display:flex;align-items:center;flex-shrink:0}.brand img{width:145px;height:78px;object-fit:contain}.desktop-nav{display:flex;gap:28px}.desktop-nav a{font-size:14px;text-decoration:none;color:#eadbc1}.desktop-nav a:hover{color:var(--gold)}.top-actions{display:flex;align-items:center;gap:22px}.top-download{font-size:14px;text-decoration:none;border-bottom:1px solid #c5a766;min-height:44px;display:flex;align-items:center;gap:15px}.language-menu{position:relative}.language-menu summary{cursor:pointer;list-style:none;padding:12px 2px;font-size:13px}.language-menu summary::-webkit-details-marker{display:none}.language-links{position:absolute;right:0;top:48px;background:var(--paper);color:var(--ink);padding:8px;box-shadow:0 8px 30px #0004;display:grid;grid-template-columns:1fr 1fr;width:140px}.lang-link{display:inline-flex;min-width:40px;min-height:44px;align-items:center;justify-content:center;font-size:12px;text-decoration:none}.lang-link.active{color:#b74226;font-weight:700;text-decoration:underline}
.hero{position:relative;background:linear-gradient(90deg,#30131cea 15%,#381c20aa 65%,#29192266),url('/images/arena/arena.webp') center 24%/cover no-repeat,#3b1d24;isolation:isolate}.hero-inner{min-height:650px;display:grid;grid-template-columns:1.07fr 1fr;gap:24px;align-items:center;padding-top:64px;padding-bottom:72px}.eyebrow{text-transform:uppercase;letter-spacing:2.3px;font-size:11px;font-weight:600;color:var(--gold);margin-bottom:20px}.hero h1{font-size:clamp(39px,4.55vw,65px);line-height:1.08;letter-spacing:-2.5px;max-width:700px;color:#f9e7ba}.hero-intro{max-width:475px;color:#e3cdbe;font-size:18px;margin:24px 0 27px}.stone-button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:58px;padding:16px 27px;border-radius:7px 10px 8px 5px;background:linear-gradient(#f5d376,#dba441);box-shadow:inset 0 0 0 2px #f9dfa373,0 5px 0 #8c5725,0 8px 16px #0003;color:#3b251c;font-weight:700;text-decoration:none;font-size:17px;transition:transform .15s}.stone-button:hover{transform:translateY(-2px)}.stone-button:active{transform:translateY(3px);box-shadow:0 2px 0 #8c5725}.browser-note{font-size:12px;color:#d8bfaa;margin:15px 0 24px}.text-link{font-size:14px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px;display:inline-block;line-height:1.6}.hero-art{height:510px;position:relative;min-width:0}.arena-ring{position:absolute;width:440px;height:440px;border:1px solid #e3b56d44;border-radius:50%;left:0;top:20px;outline:1px solid #e3b56d22;outline-offset:18px}.hero-mascot{position:absolute;width:405px;left:-55px;bottom:0;z-index:2;filter:drop-shadow(0 18px 15px #170a1466)}.hero-screen{position:absolute;width:210px;right:1px;top:15px;transform:rotate(7deg);padding:7px;background:#453b33;border:2px solid #b49b77;border-radius:24px;box-shadow:15px 22px 35px #130b1366}.hero-screen img{display:block;border-radius:16px}.hero-screen figcaption{position:absolute;bottom:-31px;width:100%;text-align:center;font-size:9px;letter-spacing:1px;color:#ddc9ad}.hero-seal{position:absolute;bottom:24px;right:-10px;border:2px solid #d2aa63;width:108px;height:108px;border-radius:50%;background:#463b2c;color:#efd18e;text-align:center;padding:16px 10px;font-family:Georgia,serif;font-size:29px;z-index:3;transform:rotate(-9deg);box-shadow:0 0 0 4px #453828,0 0 0 5px #b99252}.hero-seal small{display:block;font:9px/1.3 'Outfit',sans-serif;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.chapter-nav{display:flex;justify-content:center;border-top:1px solid #d3ad6540;background:#271719b3}.chapter-nav a{padding:22px 55px;display:flex;gap:20px;font:16px Georgia,serif;color:#b29161;text-decoration:none}.chapter-nav span{font:12px 'Outfit',sans-serif;text-transform:uppercase;letter-spacing:1.5px;color:#e8d6b8}.chapter-nav a:hover{background:#ebc47615}
.tour-section{position:relative;overflow:hidden;background:#263b32;color:#f5ecd3}.tour-section:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#20362ffa 5%,#20362fbb 50%,#20362f55),url('/images/arena/tour-landscape.webp') center 53%/cover;opacity:.6;pointer-events:none}.tour-layout{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center;min-height:570px}.tour-copy{padding:70px 0}.tour-copy>p:not(.eyebrow){max-width:485px;margin:25px 0;color:#d8ded0}.tour-facts{display:flex;padding:20px 0;margin:10px 0 25px;list-style:none;border-block:1px solid #b8c5a644;gap:22px;flex-wrap:wrap}.tour-facts li{font-weight:600;font-size:15px}.tour-art{height:550px;position:relative;align-self:end}.tour-screen{position:absolute;right:15px;top:48px;width:209px;border-radius:17px;transform:rotate(8deg);border:5px solid #675c47;box-shadow:10px 20px 40px #08120d55}.tour-guide{position:absolute;width:330px;bottom:-6px;left:-54px;filter:drop-shadow(0 10px 12px #0003)}
.parchment{color:var(--ink);background:var(--paper)}.parchment .eyebrow{color:#8d3825}.modes-section{padding:88px 0 70px}.section-heading{max-width:700px;margin-bottom:42px}.section-heading>p:not(.eyebrow){margin-top:18px;color:#71604f;font-size:17px}.mode-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 36px}.mode{border-top:1px solid #b59b7066;padding:30px 0;display:flex;gap:16px;align-items:flex-start}.mode img{width:55px;height:55px;object-fit:contain;flex-shrink:0}.mode p{font-size:14px;color:#6c5c4c;margin-top:12px}.mode h3{font-size:18px}
.cups-section{background:linear-gradient(110deg,#351d21bb,#642529cc),url('/images/arena/texture.webp') center/cover;padding:80px 0}.cups-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.cups-copy>p:not(.eyebrow){margin:23px 0;color:#e8cfc0}.cups-art{height:460px;position:relative}.cup-gladiator{position:absolute;width:315px;left:-45px;top:0;transform:rotate(-8deg)}.cup-champion{position:absolute;width:285px;right:-35px;bottom:0;transform:rotate(8deg);filter:drop-shadow(0 10px 12px #0004)}.cup-vs{position:absolute;top:43%;left:46%;z-index:2;color:#fff0b4;text-shadow:3px 4px #612627;font:italic 800 64px Georgia,serif;transform:rotate(-12deg)}.cup-steps{list-style:none;counter-reset:cup;padding:0;margin:26px 0}.cup-steps li{counter-increment:cup;border-top:1px solid #dca77a44;padding:12px 0;display:flex;align-items:center;gap:17px;font-size:15px}.cup-steps li:before{content:counter(cup,decimal-leading-zero);font:15px Georgia,serif;color:#e9bd75}.cups-copy .fine-print{font-size:12px;max-width:430px}.gallery-section{padding:85px 0 70px}.screens{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.screens figure:nth-child(even){padding-top:28px}.screens img{display:block;width:100%;border-radius:13px;border:5px solid #4b3c32;box-shadow:0 10px 16px #41342122;transition:transform .2s}.screens a:hover img{transform:translateY(-5px)}.screens figcaption{font-size:12px;line-height:1.4;margin-top:20px}.screens figcaption span{font:italic 18px Georgia,serif;color:#9d6040;margin-right:7px}.categories-section{padding:20px 0 80px}.categories-section .section-heading{border-top:1px solid #b59b7077;padding-top:50px}.topic-list{display:flex;flex-wrap:wrap;gap:8px 25px}.topic-list a{display:flex;align-items:center;gap:9px;text-decoration:none;min-height:48px;font-size:14px;border-bottom:1px solid transparent}.topic-list a:hover{border-color:#936944}.topic-list img{width:32px;height:32px;object-fit:contain}.topic-list a>span{font-size:11px;color:#8f7c60}
.section{padding:70px 0}.section-header{max-width:730px;margin-bottom:35px}.section-header p{color:var(--muted);margin-top:18px}.leaderboard-section{background:#31363b;color:#eee6d6}.leaderboard-section h2{font-size:34px}.leaderboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.leader-card-head{display:flex;align-items:center;gap:10px;border-bottom:1px solid #c3b08c66;padding-bottom:16px}.leader-card-head h3{font-family:'Outfit',sans-serif;font-weight:500;font-size:19px;flex:1}.leader-card-head small{font-size:10px;color:#cbbda6;text-align:right}.leader-icon{color:#edc976;font:26px Georgia,serif}.leader-list{list-style:none;padding:0;margin:10px 0}.leader-list li{display:flex;align-items:center;gap:12px;min-height:62px;border-bottom:1px solid #b4a58b33;font-size:14px}.rank-badge{color:#d4b879;width:22px;font:18px Georgia,serif}.leader-avatar{width:34px;height:34px;object-fit:cover;border-radius:50%;display:block}.leader-name{flex:1;min-width:0;overflow-wrap:anywhere}.leader-name a{text-decoration:none}.leader-name a:hover{text-decoration:underline}.leader-flag{margin-right:7px}.leaderboard-link{margin-top:28px;font-size:14px}.category-table-wrap{overflow-x:auto}.category-table{border-collapse:collapse;width:100%}.category-table th,.category-table td{text-align:left;padding:14px;border-bottom:1px solid #b4a58b33}.category-name,.category-player{display:flex;align-items:center;gap:10px}.category-name img{width:36px}.category-player small{display:block}.live-games-section{background:#283431}.live-games-section[hidden]{display:none}.live-games-grid{list-style:none;display:flex;flex-wrap:wrap;padding:0;gap:16px}.live-game-link{display:flex;align-items:center;gap:24px;border:1px solid #a2bba466;padding:16px;text-decoration:none}.live-game-code{font:22px Georgia,serif;color:var(--gold)}.live-game-meta{display:grid;font-size:12px}.live-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#8bb88e;margin-right:12px}
.faq-section{background:#e7ddc6;color:var(--ink)}.faq-section .container{display:grid;grid-template-columns:1fr 1.6fr;gap:60px}.faq-section h2{font-size:32px}.faq-grid details{border-bottom:1px solid #ad916b66;padding:20px 0}.faq-grid details:first-child{padding-top:0}.faq-grid summary{font-size:16px;font-weight:500;cursor:pointer;line-height:1.5;min-height:32px;padding-right:20px}.faq-grid p{font-size:14px;margin-top:15px;color:#6a5848}.final-cta{padding:65px 0 75px;text-align:center;background:#361b20}.final-cta img{width:200px;height:auto;margin-bottom:25px}.final-cta h2{color:#f5dda5}.final-cta p{max-width:530px;margin:20px auto 27px;color:#d4bdad}.store-buttons{display:flex;flex-wrap:wrap;gap:12px}.final-cta .store-buttons{justify-content:center;margin-bottom:27px}.store-button{display:flex;align-items:center;gap:12px;min-height:60px;text-decoration:none;background:#efe4ca;color:#35281e;padding:12px 20px;border:1px solid #d5b77f;border-radius:5px}.store-button:hover{background:#fff1d0}.store-button svg{width:25px;height:25px;fill:currentColor;flex-shrink:0}.store-text{display:grid;text-align:left}.store-label{font-size:10px;line-height:1.5}.store-name{font-size:14px;font-weight:600}.footer{padding:35px 0;background:#211519;color:#bdab9c;font-size:12px}.seo-links{display:flex;flex-wrap:wrap;gap:8px 26px;padding-bottom:25px;border-bottom:1px solid #c2a16a33}.seo-links a{min-height:36px;display:flex;align-items:center;text-decoration:none}.footer-bottom{display:flex;justify-content:space-between;gap:30px;padding-top:25px}.footer-languages{display:flex;margin-top:16px}.footer-languages .lang-link.active{color:#f1c468}
@media(max-width:1050px){.desktop-nav{gap:15px}.desktop-nav a{font-size:12px}.container{width:calc(100% - 64px)}.hero h1{font-size:48px}.hero-inner{gap:10px;min-height:620px}.hero-art{height:470px}.hero-mascot{width:320px;left:-25px}.hero-screen{width:180px;right:0}.arena-ring{width:330px;height:330px;top:60px}.hero-seal{width:85px;height:85px;font-size:20px;right:0}.hero-seal small{font-size:8px}.tour-layout{gap:40px}.tour-guide{width:270px;left:-20px}.tour-screen{width:185px;right:0;top:65px}.mode-list{grid-template-columns:repeat(2,minmax(0,1fr))}.cups-layout{gap:35px}.cup-gladiator{width:270px;left:-20px}.cup-champion{width:230px;right:-10px}.cups-art{height:400px}.screens{gap:20px}}
@media(max-width:760px){.container{width:calc(100% - 40px)}.topbar{height:74px;padding:0 20px;gap:12px}.brand{width:125px;height:68px}.brand img{width:120px;height:65px}.desktop-nav{display:none}.top-actions{gap:18px}.top-download{font-size:12px;gap:8px}.hero-inner{grid-template-columns:1fr;padding-top:39px;padding-bottom:25px;gap:20px;min-height:auto}.hero-copy{max-width:570px}.eyebrow{font-size:10px;letter-spacing:1.65px;margin-bottom:16px}.hero h1{font-size:clamp(38px,8.5vw,58px);letter-spacing:-1.6px;max-width:620px}.hero-intro{font-size:16px;max-width:520px;margin:19px 0 24px}.stone-button{font-size:16px;min-height:55px;padding:14px 23px}.browser-note{font-size:11px;margin:13px 0 17px}.hero-art{width:390px;max-width:100%;height:375px;margin:15px auto 0}.hero-mascot{width:285px;left:-14px;bottom:0}.hero-screen{width:151px;top:0;right:12px;border-radius:19px}.hero-screen img{border-radius:11px}.hero-screen figcaption{font-size:7px;bottom:-23px}.arena-ring{width:290px;height:290px;left:30px;top:30px}.hero-seal{width:82px;height:82px;right:2px;bottom:5px}.chapter-nav a{flex:1;padding:18px 8px;gap:9px;justify-content:center;font-size:13px}.chapter-nav span{font-size:9px;letter-spacing:.6px}.tour-layout{display:flex;flex-direction:column;gap:0;min-height:0}.tour-copy{padding:55px 0 15px;width:100%}h2{font-size:33px;letter-spacing:-.9px}.tour-copy>p:not(.eyebrow){font-size:15px;margin:20px 0}.tour-facts{gap:18px}.tour-facts li{font-size:13px}.tour-art{height:390px;width:340px;max-width:100%;align-self:center}.tour-screen{width:158px;right:16px;top:24px}.tour-guide{width:248px;left:-22px;bottom:-4px}.modes-section{padding:55px 0 35px}.section-heading{margin-bottom:30px}.section-heading>p:not(.eyebrow){font-size:15px}.mode-list{grid-template-columns:1fr;gap:0}.mode{padding:24px 0;gap:18px}.mode img{width:49px;height:49px}.mode h3{font-size:19px}.mode p{margin-top:8px;max-width:450px}.cups-section{padding:55px 0}.cups-layout{display:flex;flex-direction:column;gap:15px}.cups-copy{order:0;width:100%}.cups-copy>p:not(.eyebrow){font-size:15px}.cups-copy .fine-print{font-size:12px}.cups-art{order:1;width:340px;max-width:100%;height:335px;margin-top:20px}.cup-gladiator{width:230px;left:-16px}.cup-champion{width:210px;right:-8px}.cup-vs{font-size:53px}.gallery-section{padding:55px 0 45px}.screens{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.screens figure:nth-child(even){padding-top:24px}.screens img{border-width:3px;border-radius:10px}.screens figcaption{font-size:11px;margin-top:13px}.screens figcaption span{font-size:15px}.categories-section{padding-bottom:50px}.categories-section .section-heading{padding-top:30px}.topic-list{gap:4px 14px}.topic-list a{font-size:12px;gap:6px}.topic-list img{width:27px;height:27px}.section{padding:50px 0}.leaderboard-section h2{font-size:29px}.leaderboard-grid{grid-template-columns:1fr;gap:35px}.leader-card-head h3{font-size:17px}.leader-list li{font-size:13px}.section-header p{font-size:14px}.faq-section .container{grid-template-columns:1fr;gap:0}.faq-section .section-header{margin-bottom:25px}.faq-grid summary{font-size:15px}.final-cta{padding:50px 0}.final-cta h2{font-size:32px}.final-cta p{font-size:14px}.store-button{padding:10px 14px}.store-name{font-size:12px}.footer-bottom{flex-direction:column;gap:22px}.seo-links{gap:4px 18px}}
@media(max-width:360px){.container{width:calc(100% - 32px)}.topbar{padding:0 16px}.top-actions{gap:10px}.top-download span{display:none}.hero h1{font-size:36px}.hero-art{height:342px}.hero-mascot{width:250px;left:-10px}.hero-screen{width:138px;right:6px}.arena-ring{width:240px;height:240px;left:28px}.chapter-nav a{gap:6px}.chapter-nav span{font-size:8px}.tour-facts{gap:12px}.screens{gap:25px 14px}.cup-gladiator{width:205px}.cup-champion{width:195px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Let grid children shrink to a phone's content width, including intrinsic images. */
.hero-copy{min-width:0}.hero-inner{grid-template-columns:minmax(0,1.07fr) minmax(0,1fr)}
@media(max-width:760px){.hero-inner{grid-template-columns:minmax(0,1fr)}.hero-art{width:min(390px,100%)}}
@media(max-width:360px){.cup-champion{right:10px}}
/* Give the app's illustrated category icons space to read at touch sizes. */
.topic-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px 24px}.topic-list a{min-width:0;gap:11px;padding:10px 0}.topic-list img{width:48px;height:48px;flex-shrink:0}.topic-list a>span{margin-left:auto}.category-cell{display:flex;align-items:center;gap:10px}.category-cell img{object-fit:contain}
@media(max-width:1050px){.topic-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 18px}}
@media(max-width:760px){.topic-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px}.topic-list img{width:38px;height:38px}.topic-list a{font-size:12px;gap:8px;line-height:1.3}}