:root{color-scheme:dark;--bg:#101418;--card:#181e23;--line:#2b333a;--muted:#909aa4;--white:#f4f5e9;--lime:#c4f464;--pink:#bb87ff;--cyan:#43e8ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif;font-size:14px}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:4px}a{color:inherit;text-decoration:none}button{color:inherit}header,main,footer{max-width:1540px;margin:auto}.header{height:108px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:900;letter-spacing:-.8px}.brand-icon{display:grid;place-items:center;width:41px;height:46px;background:var(--lime);color:var(--bg);font-size:36px;transform:skew(-7deg);border-radius:4px}.brand-light{font-weight:400;margin-left:3px}.brand small{display:block;font-size:8px;font-weight:600;letter-spacing:3.4px;margin-top:7px}.header nav{display:flex;align-items:center;gap:33px;height:100%;font-size:13px;font-weight:600;color:var(--muted)}.header nav a{height:100%;display:flex;align-items:center;position:relative}.header nav a.active{color:var(--white)}.header nav a.active:after{content:'';position:absolute;height:3px;background:var(--lime);bottom:0;left:0;right:0}.header nav button{border:0;background:none;color:var(--muted);padding:0}.header nav button span{color:var(--lime);padding-left:7px}.local-badge{font-size:9px;letter-spacing:1.4px;border:1px solid var(--line);border-radius:30px;padding:10px 14px;display:flex;gap:7px;align-items:center}.local-badge i,.live-dot{width:6px;height:6px;border-radius:50%;background:var(--lime);display:inline-block}main{padding:0 48px}.intro{display:flex;align-items:center;justify-content:space-between;padding:48px 0 35px;gap:30px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:bold;color:var(--lime);margin:0 0 18px;display:flex;align-items:center;gap:9px}.dash{height:1px;width:23px;background:var(--lime)}h1{font-size:clamp(34px,3.2vw,49px);letter-spacing:-2.1px;line-height:1.08;margin:0;font-weight:800}h1 em{font-style:normal;color:var(--lime)}.intro-copy{font-size:13px;color:var(--muted);margin:18px 0 0}.wallet{position:relative;display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:20px 19px 32px;min-width:286px}.coin{display:grid;place-items:center;width:38px;height:38px;border:2px solid var(--lime);border-radius:50%;font-size:23px;font-weight:900;color:var(--lime);position:relative}.coin:after{content:'';position:absolute;inset:3px;border:1px solid #c4f46455;border-radius:50%}.label{font-size:9px;letter-spacing:1.4px;font-weight:600;color:var(--muted)}.wallet strong{display:block;margin-top:7px;font-size:24px;letter-spacing:-.7px}.wallet strong small{font-size:10px;font-weight:500;color:var(--muted);letter-spacing:1px;margin-left:3px}.wallet button{margin-left:auto;background:#252f31;color:var(--lime);border:1px solid #405339;border-radius:7px;width:29px;height:29px;font-size:22px}.wallet-caption{position:absolute;left:72px;bottom:12px;font-size:9px;color:var(--muted)}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 328px;gap:22px;align-items:start}.arena-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#111922}.arena-top{height:48px;padding:0 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:#181e23}.arena-top>div:first-child{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.5px;font-weight:700}.arena-tag{font-size:8px;color:var(--muted);border-left:1px solid var(--line);padding-left:10px;margin-left:5px}.arena-actions{display:flex;gap:17px}.arena-actions button{background:none;border:0;font-size:10px;color:var(--muted);padding:5px 0}.hud{display:flex;align-items:start;justify-content:space-between;padding:23px 25px 14px;gap:23px;background:linear-gradient(#151f29,#121b25)}.fighter-hud{flex:1;min-width:0}.hud-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:10px;color:var(--muted)}.hud-title b{display:block;color:var(--white);font-size:16px;font-style:italic;letter-spacing:1.2px}.hud-title small{font-size:7px;letter-spacing:1.2px;display:block;margin-top:4px}.p2 .hud-title{text-align:right}.health{height:9px;background:#293039;transform:skewX(-15deg);overflow:hidden;border-radius:1px}.health i{height:100%;display:block;background:var(--cyan);transition:width .09s linear}.p2 .health{display:flex;justify-content:flex-end}.p2 .health i{background:var(--pink)}.hud-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.round-dots{display:flex;gap:5px}.round-dots i{width:7px;height:7px;border:1px solid #677079;transform:rotate(45deg)}.round-dots i.won{background:var(--lime);border-color:var(--lime)}.energy{width:32%;height:3px;background:#293039}.energy i{display:block;width:100%;height:100%;background:#a9b9c6}.timer{text-align:center;min-width:65px;padding-top:0}.timer strong{font-size:34px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-2px}.timer span{display:block;font-size:6px;letter-spacing:1px;color:var(--muted);margin-top:9px}.canvas-wrap{position:relative;aspect-ratio:1100/520;overflow:hidden;background:#131d2b}canvas{display:block;width:100%;height:100%}.stage-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:8%;text-align:center;pointer-events:none}.overlay-label{font-size:7px;font-weight:700;letter-spacing:2.8px;color:#abc1cd}.stage-overlay strong{display:block;margin-top:13px;font-size:clamp(22px,2.5vw,38px);font-weight:900;font-style:italic;letter-spacing:1px;text-shadow:0 2px 25px #091724}.stage-overlay strong em{font-size:15px;font-style:normal;margin:0 10px;color:var(--lime);vertical-align:middle}.stage-overlay p{font-size:9px;color:#a0b0bf;margin-top:11px}.stage-overlay.phase-countdown{justify-content:center;padding:0}.phase-countdown strong{font-size:78px;color:var(--lime);line-height:1}.stage-overlay.phase-paused,.stage-overlay.phase-match-end{background:#0b111bba;backdrop-filter:blur(3px);justify-content:center;padding:15px}.stage-overlay.phase-round-end{justify-content:center;padding:0;background:#0b111b65}.stage-overlay button{pointer-events:auto;border:0;background:var(--lime);color:#142019;padding:12px 20px;border-radius:6px;font-weight:bold;margin-top:12px;font-size:12px}.arena-bottom{display:flex;align-items:center;justify-content:space-between;height:43px;background:#181e23;border-top:1px solid var(--line);padding:0 20px;font-size:9px;letter-spacing:.8px;color:var(--muted)}.arena-bottom>span:last-child{font-size:8px;color:#adb9b5}.arena-bottom b{color:var(--lime);font-size:11px;margin-right:4px}.pot-icon{color:var(--lime);font-size:16px;margin-left:7px}.setup-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:22px}.setup-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.setup-heading h2{font-size:18px;letter-spacing:-.5px;margin:0}.setup-heading>span{font-size:7px;color:var(--lime);letter-spacing:1px}fieldset{padding:0;margin:0 0 23px;border:0;min-width:0}legend{font-size:9px;font-weight:700;letter-spacing:1.2px;margin-bottom:12px;width:100%;display:flex;align-items:center;gap:8px}legend>span{font-size:8px;color:#626f77}legend small{margin-left:auto;font-size:7px;font-weight:400;color:var(--muted);letter-spacing:.6px}.segmented{display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:6px;background:#12181c}.segmented button{flex:1;font-size:11px;background:none;border:0;border-radius:4px;padding:10px 5px;color:var(--muted)}.segmented button.selected{background:#293338;color:var(--white)}.field-help{font-size:10px;color:var(--muted);margin:9px 0 0;line-height:1.5}.field-help b{font-weight:500;color:#c9d5d0}.character-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.character{border:1px solid var(--line);border-radius:6px;background:#141a20;padding:12px 3px 10px;display:flex;flex-direction:column;align-items:center}.character.selected{border-color:var(--lime);background:#253026;box-shadow:inset 0 0 0 1px #c4f46420}.avatar{display:grid;place-items:center;width:34px;height:36px;font-size:29px;font-weight:900;line-height:1;margin-bottom:8px;transform:skew(-7deg)}.avatar.volt{color:var(--cyan);text-shadow:0 0 15px #43e8ff55}.avatar.nyx{color:var(--pink);text-shadow:0 0 15px #bb87ff44}.avatar.atlas{color:#ffb45b;text-shadow:0 0 15px #ffb45b55}.character b{font-size:11px;letter-spacing:1px}.character small{font-size:6px;letter-spacing:1px;margin-top:6px;color:var(--muted)}.opponent-select{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:9px}.opponent-select label{font-size:9px;color:var(--muted)}select{min-width:0;color:#c4ccd1;background:#141a20;border:1px solid var(--line);padding:6px 5px;border-radius:4px;font-size:9px}.stake-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.stake-picker button{border:1px solid var(--line);border-radius:5px;background:#141a20;padding:10px 0;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.stake-picker button.selected{color:var(--lime);background:#253026;border-color:#708950}.pot-card{border:1px solid #4c603e;background:linear-gradient(110deg,#273321,#202a23);border-radius:7px;padding:15px;margin-top:3px}.pot-card .label{font-size:7px;color:#c5d5b4;letter-spacing:1px}.pot-card strong{display:block;font-size:39px;font-weight:800;letter-spacing:-1.5px;position:relative;margin-top:6px}.pot-card strong small{font-size:10px;color:#c5d5b4;letter-spacing:1px;font-weight:400}.pot-arrow{position:absolute;right:0;top:6px;font-size:32px;color:var(--lime);font-weight:300}.pot-equation{border-top:1px solid #4c603e;padding-top:12px;margin-top:12px;display:flex;align-items:center;justify-content:space-between;color:#b2c3a8;font-size:8px}.pot-equation b{font-size:10px;color:var(--white);font-weight:600}.pot-equation i{font-style:normal;font-size:13px;color:#73876a}.pot-card p{font-size:8px;color:var(--lime);margin:11px 0 0}.start-button{display:flex;width:100%;align-items:center;justify-content:space-between;background:var(--lime);color:#1a2416;border:0;border-radius:6px;padding:16px 14px;font-size:11px;letter-spacing:.3px;font-weight:800;margin-top:15px;transition:background .15s,transform .15s}.start-button:hover:not(:disabled){background:#d6ff86;transform:translateY(-1px)}.start-button span{font-size:20px;line-height:.5}.demo-note{font-size:8px;color:var(--muted);text-align:center;margin:13px 0 0}.demo-note>span{margin-right:4px}.controls-card{border:1px solid var(--line);background:#171d22;border-radius:8px;padding:17px 18px;margin-top:15px}.controls-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.controls-head button{background:none;border:0;font-size:9px;color:#dd9191;padding:0}.controls-row{display:flex;flex-wrap:wrap;gap:15px}.controls-row>span{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:4px}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;background:#252c32;border:1px solid #414a51;border-bottom-width:2px;border-radius:3px;color:var(--white);font-size:10px;font-family:inherit}.control-tip,.p2-controls{margin:13px 0 0;font-size:9px;color:#74828d;line-height:1.6}.control-tip b{color:#9aa6af;font-weight:500}.touch-controls{display:none;justify-content:space-between;gap:12px;margin-top:12px}.touch-controls>div{display:flex;gap:5px;flex-wrap:wrap}.touch-controls button{background:#293338;border:1px solid #586750;padding:12px 14px;border-radius:6px;touch-action:none;user-select:none;font-size:10px}.touch-controls button.pressed{background:var(--lime);color:var(--bg)}.rules{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:32px;padding:47px 0 36px}.rules-heading .eyebrow{font-size:8px;letter-spacing:1.6px;margin:0 0 12px}.rules h2{font-size:22px;letter-spacing:-.8px;margin:0;line-height:1.2}.rule-number{font-size:10px;color:var(--lime);font-weight:700}.rules h3{font-size:12px;margin:13px 0 9px;letter-spacing:-.1px}.rules p{font-size:10px;line-height:1.8;color:var(--muted);margin:0}.history-panel{border:1px solid var(--line);border-radius:8px;background:var(--card);padding:24px;margin-top:24px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-title h2{font-size:18px;margin:0}.section-title>span{font-size:8px;letter-spacing:1px;color:var(--muted)}#history-list>p{font-size:12px;color:var(--muted);margin:24px 0 0}.history-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:11px}.history-row:last-child{border:0;padding-bottom:0}.history-row small{display:block;font-size:9px;color:var(--muted);margin-top:6px}.history-net{font-size:16px;color:var(--lime);font-weight:700}.history-net.loss{color:#ec9999}.history-net.draw{color:var(--muted)}footer{border-top:1px solid var(--line);padding:25px 48px;display:flex;justify-content:space-between;gap:20px;font-size:8px;color:#72808a;letter-spacing:.5px}.footer-brand{color:#c4ccd1;font-size:12px;font-weight:700;letter-spacing:-.3px}.footer-brand small{font-size:7px;letter-spacing:1px;color:#72808a;margin-left:8px;font-weight:400}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:10;max-width:90%;padding:15px 22px;background:#2f3d2c;border:1px solid var(--lime);border-radius:8px;box-shadow:0 6px 40px #0008;font-size:12px;line-height:1.5;text-align:center}.hidden{display:none!important}@media(min-width:1550px){.canvas-wrap{max-height:490px}}@media(max-width:1150px){.header{padding:0 28px;height:90px}main{padding:0 28px}.play-layout{grid-template-columns:minmax(0,1fr) 295px;gap:16px}.setup-card{padding:19px}.hud{padding:18px;gap:14px}.rules{gap:20px}.controls-row{gap:10px}.arena-top{padding:0 15px}.arena-actions{gap:12px}.arena-tag{display:none}footer{padding:25px 28px}.intro{padding-top:35px}}@media(max-width:850px){.header{height:82px;padding:0 20px}.header nav{gap:18px;font-size:11px}.local-badge{display:none}main{padding:0 20px}.intro{padding:29px 0 25px}.intro h1{font-size:37px}.wallet{min-width:228px;padding:16px 14px 31px;gap:10px}.wallet-caption{left:63px}.wallet strong{font-size:22px}.wallet .label{font-size:8px}.play-layout{grid-template-columns:1fr}.setup-card{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.setup-heading{grid-column:1/-1;margin-bottom:22px}.setup-card fieldset:first-of-type{grid-column:1/-1}.setup-card .pot-card{grid-column:1/-1}.setup-card .start-button,.setup-card .demo-note{grid-column:1/-1}.setup-card fieldset{margin-bottom:20px}.arena-column{order:1}.setup-card{order:0}.arena-top{height:43px}.hud-title b{font-size:16px}.canvas-wrap{aspect-ratio:1100/520}.rules{grid-template-columns:1fr 1fr;row-gap:28px}.touch-controls{display:flex}.stage-overlay strong{font-size:34px}.phase-countdown strong{font-size:72px}footer{padding:24px 20px;flex-wrap:wrap}.section-title>span{font-size:7px}}@media(max-width:520px){.header{padding:0 16px;height:72px}.brand{font-size:17px}.brand-icon{width:32px;height:37px;font-size:28px}.brand small{font-size:6px;letter-spacing:2.8px;margin-top:5px}.header nav{gap:14px;font-size:10px}.header nav>a:nth-child(2){display:none}.header nav button span{display:none}main{padding:0 14px}.intro{display:block;padding:26px 0 22px}h1{letter-spacing:-1.3px}.intro h1{font-size:36px}.eyebrow{font-size:8px;margin-bottom:13px}.intro-copy{font-size:11px;line-height:1.5;margin-top:13px}.wallet{margin-top:22px;padding:12px 15px;min-width:0;gap:13px;display:grid;grid-template-columns:32px 1fr auto}.coin{width:31px;height:31px;font-size:19px}.wallet strong{font-size:20px;margin-top:4px}.wallet-caption{position:static;grid-column:2/-1;font-size:8px;margin-top:-6px}.wallet .label{font-size:7px}.wallet button{width:31px;height:31px}.setup-card{gap:0 12px;padding:19px 16px}.setup-heading h2{font-size:18px}.setup-card fieldset{grid-column:1/-1}.character{padding:9px 5px}.character-picker{gap:9px}.character .avatar{margin:0 0 6px;height:28px;font-size:26px}.pot-card{padding:13px 15px}.pot-card strong{font-size:35px}.pot-card .pot-equation{padding-top:9px;margin-top:8px}.start-button{padding:17px 15px}.arena-top>div:first-child{font-size:8px;letter-spacing:.8px}.arena-actions button{font-size:8px}.hud{padding:16px 12px 10px;gap:10px}.hud-title b{font-size:13px}.hud-title small{font-size:6px;letter-spacing:.3px}.hud-title{margin-bottom:8px;font-size:8px}.health{height:6px}.timer{min-width:50px}.timer strong{font-size:28px}.timer span{font-size:5px;letter-spacing:.2px}.arena-bottom{font-size:7px;padding:0 11px;height:35px}.arena-bottom>span:last-child{font-size:6px}.arena-bottom b{font-size:9px}.pot-icon{font-size:12px;margin-left:3px}.stage-overlay{padding-top:8%}.stage-overlay strong{font-size:22px;margin-top:8px}.overlay-label{font-size:6px;letter-spacing:1.8px}.stage-overlay p{font-size:7px;margin:7px 0 0}.phase-countdown strong{font-size:54px}.stage-overlay button{font-size:10px;padding:10px 15px;margin-top:9px}.controls-card{padding:15px 12px}.controls-row{gap:9px}.controls-row>span{font-size:8px}kbd{height:21px;min-width:20px}.controls-head .label{font-size:8px}.touch-controls{display:block}.touch-controls>div{justify-content:center;margin-bottom:7px}.touch-controls button{flex:1;max-width:100px;padding:14px 11px;font-size:10px}.rules{padding:32px 1px;gap:27px 20px}.rules h2{font-size:20px}.rules h3{font-size:11px;line-height:1.5}.rules p{font-size:9px}.rules-heading .eyebrow{font-size:6px;letter-spacing:1px}footer{gap:14px;font-size:7px}.footer-brand{font-size:11px}footer>span:last-child{width:100%}.history-panel{padding:17px}.section-title{align-items:start;flex-direction:column;gap:8px}.history-row{font-size:10px}.history-row small{font-size:8px}.history-net{font-size:12px}.toast{bottom:15px;font-size:11px;padding:13px 16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.avatar.volt{color:var(--lime);text-shadow:0 0 15px #c4f46455}.avatar.nyx{color:#e876c7}
@media(max-width:700px){.intro{display:block}.intro .eyebrow{font-size:8px}.intro h1{font-size:36px;letter-spacing:-1.3px}.wallet{margin-top:22px;min-width:0;padding:12px 15px;display:grid;grid-template-columns:32px 1fr auto;gap:13px}.wallet .coin{width:31px;height:31px;font-size:19px}.wallet strong{font-size:20px;margin-top:4px}.wallet-caption{position:static;grid-column:2/-1;font-size:8px;margin-top:-6px}.wallet .label{font-size:7px}}

/* CRYPTO K.O. / handbill typography, acid ink and a street-club cabinet. */
:root{--bg:#121414;--card:#1e2322;--line:#3a403b;--muted:#9caaa0;--white:#f3eedc;--lime:#e4f76a;--coral:#ff7548}
body{background-image:radial-gradient(#e7e5c905 .7px,transparent .7px);background-size:5px 5px}
.header{height:99px;border-bottom:2px solid #3a403b}
.brand{gap:13px;letter-spacing:0}.brand-icon{background:var(--coral);height:50px;width:48px;border-radius:0;font-family:Impact,'Arial Black',sans-serif;font-size:38px;position:relative;transform:rotate(-7deg);box-shadow:3px 3px 0 #f3eedc}
.brand-icon>span{font-family:Arial,sans-serif;position:absolute;font-size:14px;right:5px;bottom:5px;color:var(--bg);font-weight:900}
.brand-word{position:relative;min-width:158px;padding-bottom:13px;display:flex;align-items:center;gap:8px}.crypto-word{font-size:15px;font-weight:900;letter-spacing:1px}.brand-word>b{font-family:Impact,'Arial Black',sans-serif;font-size:44px;letter-spacing:-1px;line-height:1;font-style:italic}.brand-word small{position:absolute;bottom:0;left:0;margin:0;font-size:7px;letter-spacing:2.4px}
.local-badge{border-radius:0;border:1px dashed #68715e;transform:rotate(3deg);font-family:monospace;font-size:9px;padding:11px 13px}
.intro{padding-top:34px;padding-bottom:32px}.intro .eyebrow{letter-spacing:1.5px;font-size:9px;margin-bottom:15px}.intro h1{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(54px,5.7vw,84px);font-weight:900;font-style:italic;line-height:.92;letter-spacing:-1.5px;transform:rotate(-2deg);transform-origin:left center}
.intro h1 em{color:var(--coral);position:relative}.intro h1 em:after{content:'';position:absolute;bottom:-4px;left:0;right:-6px;height:3px;background:var(--coral);transform:rotate(.7deg)}.intro-copy{font-size:12px;line-height:1.7;margin-top:22px}
.wallet{border-radius:0;border:1px solid #647352;background:#22291d;box-shadow:5px 5px 0 #090d09;transform:rotate(2deg)}.wallet button{border-radius:0;background:var(--lime);color:#192115;border-color:var(--lime)}.wallet .coin{border-radius:0;transform:rotate(-8deg);height:35px;width:35px;border-color:var(--lime);font-family:Impact,sans-serif}.wallet .coin:after{border-radius:0}
.play-layout{grid-template-columns:minmax(0,1fr) 350px;gap:24px}.arena-card{border-radius:2px;border:2px solid #4c534a;box-shadow:6px 6px 0 #070b08;position:relative}.arena-top{background:#283027}.arena-tag{color:#bcc9ae}.arena-bottom{background:#242b24}.arena-bottom>span:last-child{color:var(--white)}.arena-top>div:first-child{font-family:monospace;font-size:11px;letter-spacing:1px}.arena-actions button{font-size:10px;color:#c1cdbb}
.hud-title b{font-family:Impact,'Arial Black',sans-serif;font-size:20px;letter-spacing:1.1px}.timer strong{font-family:Impact,'Arial Black',sans-serif;font-size:40px;font-weight:400}.stage-overlay strong{font-family:Impact,'Arial Black',sans-serif;font-size:40px;letter-spacing:1px}.overlay-label{font-family:monospace;color:#e5dfc9;font-size:8px}.stage-overlay p{color:#e3d7c2;font-size:10px}.stage-overlay.phase-lobby{padding-top:16%;background:linear-gradient(#0000,#0000)}.stage-overlay.phase-lobby strong{background:var(--white);color:#171c1d;padding:2px 18px 3px;transform:rotate(-3deg);text-shadow:none;box-shadow:5px 4px 0 var(--coral)}.stage-overlay.phase-lobby .overlay-label{background:#121a24b0;padding:5px 10px}.stage-overlay.phase-lobby p{background:#121a24b0;padding:4px 9px}.stage-overlay.phase-countdown strong{font-size:82px}.stage-overlay.phase-match-end strong{font-size:35px;color:var(--lime)}.riposte-on{color:var(--lime)!important;font-weight:bold}
.setup-card{border-radius:1px;border:2px solid #4c534a;background:#1d2420;position:relative;padding:20px;box-shadow:5px 5px 0 #070b08}.setup-card:before{content:'';position:absolute;height:10px;top:-6px;left:20px;right:20px;background:repeating-linear-gradient(-45deg,#e4f76a 0 7px,#1d2420 7px 14px);opacity:.8}.setup-heading{margin-bottom:22px}.setup-heading h2{font-family:Impact,'Arial Black',sans-serif;font-size:24px;font-weight:400;letter-spacing:.6px;font-style:italic}.setup-heading>span{font-family:monospace;font-size:8px;transform:rotate(-4deg);color:var(--coral)}
fieldset{margin-bottom:20px}legend{font-size:9px;letter-spacing:1px}.segmented{border-radius:0;padding:3px;background:#111711}.segmented button{border-radius:0;font-size:11px}.segmented button.selected{background:var(--white);color:#1a211b;font-weight:bold}.field-help{font-size:10px}
.character-picker{gap:6px}.character{padding:0 0 8px;border-radius:0;background:#101814;overflow:hidden;position:relative;border-color:#414d40}.character canvas{width:100%;height:77px;aspect-ratio:auto;display:block;margin-bottom:4px}.character b{font-family:Impact,'Arial Black',sans-serif;font-size:16px;letter-spacing:.6px;font-weight:400}.character small{font-size:6px;letter-spacing:.9px;margin-top:4px}.character.selected{background:#334329;border-color:var(--lime);box-shadow:inset 0 0 0 1px var(--lime)}.character.selected:after{content:'↗';position:absolute;top:5px;right:5px;color:#131b0b;background:var(--lime);width:16px;height:16px;font-size:11px;font-weight:900}
.character-dossier{margin:11px 0 0;padding:10px 11px 9px;border-left:3px solid var(--coral);background:#111915}.character-dossier>b{font-size:9px;letter-spacing:.6px;color:var(--white);line-height:1.5}.character-dossier p{font-size:9px;color:#a6b49f;line-height:1.5;margin:6px 0 0}.character-dossier>span{display:block;margin-top:8px;font-size:7px;letter-spacing:.5px;color:var(--lime);line-height:1.5}.opponent-select{margin-top:10px}.opponent-select select{background:#111915;border-radius:0}
.stake-picker button{border-radius:0;background:#121912;font-size:16px;font-family:monospace;padding:8px 0}.stake-picker button.selected{background:var(--lime);color:#172211;border-color:var(--lime)}.pot-card{border-radius:0;background:var(--white);border:0;color:#192119;padding:14px 15px;transform:rotate(-1deg);margin-top:5px}.pot-card .label{color:#3d4836;font-family:monospace;font-size:8px}.pot-card strong{font-family:Impact,'Arial Black',sans-serif;font-size:43px;font-weight:400}.pot-card strong small{color:#454d3d;font-size:11px}.pot-arrow{color:#35452b}.pot-equation{border-color:#b5bbaa;color:#4e5847;font-size:8px}.pot-equation b{color:#192119}.pot-card p{color:#53603e;font-size:8px;font-weight:700}.start-button{border-radius:0;background:var(--coral);font-size:10px;color:#1c170f;padding:18px 13px;box-shadow:3px 3px 0 #080b08}.start-button:hover:not(:disabled){background:#ff9b76}.demo-note{font-size:7px;line-height:1.6}
.controls-card{border-radius:0;background:#1b221b;margin-top:17px}.controls-head .label{color:#b8c5ad}.controls-row>span{color:#aebda7}.controls-card kbd{border-radius:0;background:#273127;border-color:#4c5846}.control-tip{color:#93a18d}.control-tip b{color:#c6d0bd}.signature-rule{margin-top:13px;display:flex;align-items:center;gap:12px;border-left:4px solid var(--coral);background:#262c24;padding:14px 17px;position:relative}.signature-rule b{font-family:Impact,'Arial Black',sans-serif;font-size:18px;letter-spacing:1px;font-weight:400;color:var(--coral)}.signature-rule p{font-size:10px;line-height:1.6;color:#b4c0a9;margin:5px 0 0}.parry-symbol{font-size:35px;color:var(--coral);font-weight:900}.signature-stamp{font-family:Impact,sans-serif;font-size:18px;font-style:italic;line-height:1;transform:rotate(-8deg);padding:6px 10px;border:2px solid var(--lime);color:var(--lime);margin-left:auto;flex-shrink:0;opacity:.7}
.rules{padding-top:38px}.rules h2{font-family:Impact,'Arial Black',sans-serif;letter-spacing:.4px;font-size:25px;font-weight:400}.rule-number{font-family:monospace;color:var(--coral);font-size:11px}.rules article{border-top:1px solid #444d40;padding-top:13px}.rules h3{font-size:12px}.rules p{font-size:10px}.footer-brand{font-family:Impact,'Arial Black',sans-serif;font-size:17px;letter-spacing:.5px}.footer-brand small{font-family:monospace}.history-panel{border-radius:0}.section-title h2{font-family:Impact,'Arial Black',sans-serif;font-weight:400;letter-spacing:1px}.touch-controls button{border-radius:0}
@media(max-width:1150px){.play-layout{grid-template-columns:minmax(0,1fr) 310px;gap:18px}.setup-card{padding:18px}.setup-heading h2{font-size:22px}.setup-heading>span{font-size:7px}.character canvas{height:71px}.signature-stamp{font-size:15px}.signature-rule{padding:12px}.signature-rule b{font-size:16px}}
@media(max-width:850px){.play-layout{grid-template-columns:1fr}.setup-card{padding:23px 21px;grid-template-columns:1.2fr 1fr;gap:0 22px}.setup-card fieldset:nth-of-type(2){grid-row:3/6;grid-column:1}.setup-card fieldset:nth-of-type(3){grid-column:2;grid-row:3}.setup-card .pot-card{grid-column:2;grid-row:4;align-self:start}.setup-card .start-button{grid-column:2;grid-row:5;align-self:start;margin-top:15px;font-size:9px}.setup-card .demo-note{grid-column:2;grid-row:6;margin-top:-6px;text-align:left}.setup-card fieldset:first-of-type{margin-bottom:21px}.intro h1{font-size:68px}.brand-word{min-width:146px}.brand-word>b{font-size:39px}.crypto-word{font-size:13px}.brand-icon{height:43px;width:42px;font-size:34px}.header{height:84px}.stage-overlay.phase-lobby{padding-top:14%}.stage-overlay strong{font-size:35px}.stage-overlay.phase-countdown strong{font-size:72px}.signature-rule b{font-size:18px}.signature-stamp{font-size:19px}}
@media(max-width:700px){.intro{padding-top:30px}.intro h1{font-size:62px}.intro-copy{font-size:11px;margin-top:19px}.intro .eyebrow{font-size:7px;line-height:1.5}.wallet{transform:rotate(.6deg);margin-top:24px}.brand-word{min-width:0}.brand-word>b{font-size:35px}.brand-word .crypto-word{font-size:12px}.brand-word small{font-size:6px;letter-spacing:1.8px}.header{height:77px}.brand{gap:10px}.brand-icon{width:36px;height:39px;font-size:29px}.setup-card{display:block;padding:22px 18px}.setup-card .demo-note{margin-top:13px;text-align:center}.setup-heading{margin-bottom:20px}.character-picker{grid-template-columns:repeat(6,1fr)}.character canvas{height:75px}.character b{font-size:13px}.character small{font-size:5px;letter-spacing:.2px}.character-dossier{padding:11px}.character-dossier p{font-size:10px}.character-dossier>span{font-size:8px}.setup-card .start-button{font-size:11px}.setup-card fieldset{margin-bottom:20px}.signature-rule p{font-size:9px}.signature-stamp{font-size:14px}.stage-overlay.phase-match-end strong{font-size:28px}}
@media(max-width:520px){.header{padding:0 16px}.header nav{font-size:9px;gap:13px}.brand-word>b{font-size:32px}.brand-word .crypto-word{font-size:10px;letter-spacing:.4px}.brand-word small{font-size:5px;letter-spacing:1.5px}.brand-icon{height:33px;width:31px;font-size:25px}.brand-icon>span{font-size:10px;bottom:3px;right:4px}.intro h1{font-size:59px}.intro-copy{font-size:10px}.setup-card{padding:22px 16px}.character-picker{grid-template-columns:repeat(3,1fr);gap:7px}.character canvas{height:80px}.character b{font-size:16px}.character small{font-size:6px;letter-spacing:.5px}.setup-heading h2{font-size:25px}.setup-heading>span{font-size:8px}.stage-overlay.phase-lobby{padding-top:12%}.stage-overlay strong{font-size:25px}.overlay-label{font-size:6px}.stage-overlay p{font-size:7px}.stage-overlay.phase-countdown strong{font-size:50px}.stage-overlay.phase-match-end strong{font-size:23px}.arena-top>div:first-child{font-size:10px}.arena-actions button{font-size:8px}.hud-title b{font-size:16px}.timer strong{font-size:31px}.signature-rule{padding:13px 11px;gap:10px}.signature-rule b{font-size:16px}.signature-stamp{display:none}.parry-symbol{font-size:31px}.rules h2{font-size:25px}.rules p{font-size:9px}.rules h3{font-size:11px}.footer-brand{font-size:15px}.brand small{margin:0}}
@media(min-width:521px) and (max-width:700px){.character-picker{grid-template-columns:repeat(3,1fr)}.character canvas{height:83px}.character b{font-size:16px}.character small{font-size:6px;letter-spacing:.5px}}
.character-picker{grid-template-columns:repeat(4,1fr)}.character b{font-size:13px;letter-spacing:.1px}.character small{font-size:5px;letter-spacing:.3px}.setup-heading h2{font-size:23px}.setup-heading>span{font-size:7px}#character-tip{font-size:9px;color:#d3dcbf;margin-top:8px;padding-top:7px;border-top:1px dashed #424d3c;line-height:1.5}.stage-overlay.phase-match-end strong{max-width:90%;font-size:32px;line-height:1.1}.signature-rule b{font-size:17px}.signature-stamp{font-size:14px}
@media(max-width:520px){.character-picker{grid-template-columns:repeat(4,1fr);gap:5px}.character canvas{height:78px}.character b{font-size:13px}.character small{font-size:5px;letter-spacing:.1px}.setup-heading h2{font-size:24px}.stage-overlay.phase-lobby strong{font-size:25px}.stage-overlay.phase-match-end strong{font-size:22px}.signature-rule b{font-size:15px}}
.asset-icon{display:inline-flex;width:36px;height:36px;flex:0 0 auto;align-items:center;justify-content:center}.asset-icon svg{display:block;width:100%;height:100%}.asset-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.asset-picker button{border:1px solid #465141;background:#111915;padding:10px 3px 8px;display:flex;align-items:center;flex-direction:column;gap:5px}.asset-picker .asset-icon{width:24px;height:24px}.asset-picker b{font-size:11px;letter-spacing:1px}.asset-picker small{font-size:7px;color:#a9b6a1}.asset-picker button.selected{border-color:var(--lime);background:#2d3924;box-shadow:inset 0 0 0 1px var(--lime)}.stake-picker button{font-size:13px}.gamepad-status{font-size:10px;color:var(--lime);margin:14px 0 5px}.gamepad-help{font-size:9px;color:var(--muted);line-height:1.6;margin:0}.arena-actions{gap:12px}
.arena-column,.setup-card,.game-shell{min-width:0}.canvas-wrap{width:100%}.pot-card strong small{margin-left:5px}
.phase-match-end{--result-color:#e4f76a;background:radial-gradient(ellipse at center,#28391cf0,#070d12ed)!important;backdrop-filter:blur(2px)!important}.phase-match-end.result-loss{--result-color:#ff805a;background:radial-gradient(ellipse at center,#442020f0,#100b10ed)!important}.phase-match-end.result-draw{--result-color:#bfd5e6}.stage-overlay.phase-match-end .overlay-label{font-size:8px;letter-spacing:2px}.stage-overlay.phase-match-end strong{font-size:52px;line-height:1;margin:5px 0 8px;color:var(--result-color);max-width:none;transform:rotate(-3deg);text-shadow:3px 3px 0 #090f0c}.result-receipt{width:min(88%,550px);padding:12px 18px 10px;border-top:2px solid var(--result-color);border-bottom:2px solid var(--result-color);background:#090f0c75;display:flex;align-items:center;flex-direction:column;gap:8px}.result-heading{font-size:15px;font-weight:900;letter-spacing:3px;color:var(--white)}.result-money{display:flex;align-items:center;justify-content:center;gap:13px;color:var(--result-color);white-space:nowrap}.result-money .asset-icon{width:45px;height:45px}.result-money b{font-family:Impact,'Arial Black',sans-serif;font-size:64px;font-weight:400;letter-spacing:1px;line-height:1.1}.result-money>span:last-child{font-size:21px;font-weight:900}.result-receipt>#result-detail{font-size:10px;line-height:1.4;color:#e1e7d9}.result-demo{font-size:8px;font-weight:700;letter-spacing:1.2px;color:#aebaa8}.stage-overlay.phase-match-end p{margin:10px 0 0;font-size:10px}.canvas-wrap:has(.phase-match-end){min-height:320px}
.game-shell:where(:fullscreen, .player-page .game-shell),.game-shell.theater-mode{width:100%;height:100%;background:#0c121c;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.game-shell.theater-mode{position:fixed;inset:0;width:100vw;height:100dvh;z-index:1000}.theater-open{overflow:hidden}.game-shell:where(:fullscreen, .player-page .game-shell) .arena-card,.game-shell.theater-mode .arena-card{flex:1;min-height:0;display:flex;flex-direction:column;width:100%;border:0;box-shadow:none}.game-shell:where(:fullscreen, .player-page .game-shell) .canvas-wrap,.game-shell.theater-mode .canvas-wrap{flex:1;aspect-ratio:auto;min-height:0}.game-shell:where(:fullscreen, .player-page .game-shell) .arena-top,.game-shell.theater-mode .arena-top,.game-shell:where(:fullscreen, .player-page .game-shell) .hud,.game-shell.theater-mode .hud,.game-shell:where(:fullscreen, .player-page .game-shell) .arena-bottom,.game-shell.theater-mode .arena-bottom{flex-shrink:0}.game-shell:where(:fullscreen, .player-page .game-shell) .touch-controls,.game-shell.theater-mode .touch-controls{flex-shrink:0;margin:0;padding:9px 12px;background:#1b241b;touch-action:none}.game-shell:where(:fullscreen, .player-page .game-shell) .phase-lobby,.game-shell.theater-mode .phase-lobby{justify-content:center;padding:0}.game-shell:where(:fullscreen, .player-page .game-shell) .stage-overlay,.game-shell.theater-mode .stage-overlay{pointer-events:none}.game-shell:where(:fullscreen, .player-page .game-shell) .stage-overlay button,.game-shell.theater-mode .stage-overlay button{pointer-events:auto}
@media(pointer:coarse){.touch-controls{display:flex;justify-content:space-between;gap:12px;touch-action:none}}
@media(max-width:850px){.play-layout{grid-template-columns:minmax(0,1fr)}.setup-card{display:block}.setup-card .start-button{margin-top:15px;font-size:10px}.setup-card .demo-note{margin-top:13px;text-align:center}.setup-card fieldset{margin-bottom:20px}.setup-card .pot-card{margin-top:5px}.arena-actions{gap:9px}}
@media(max-width:520px){.arena-top{padding:0 11px}.arena-actions{gap:8px}.arena-actions button{font-size:8px}.result-receipt{padding:10px 8px;width:92%;gap:7px}.result-heading{font-size:14px;letter-spacing:2px}.result-money{gap:8px}.result-money b{font-size:48px}.result-money .asset-icon{width:34px;height:34px}.result-money>span:last-child{font-size:16px}.stage-overlay.phase-match-end strong{font-size:43px}.stage-overlay.phase-match-end .overlay-label{font-size:6px}.result-demo{font-size:7px}.result-receipt>#result-detail{font-size:9px}.canvas-wrap:has(.phase-match-end){min-height:280px}.arena-bottom{letter-spacing:0;gap:8px;padding:0 10px}.arena-bottom>span:first-child{font-size:8px}.stake-picker button{font-size:13px}.pot-equation{gap:4px}.gamepad-help{font-size:8px}}
@media(max-height:540px){.game-shell:where(:fullscreen, .player-page .game-shell) .hud,.game-shell.theater-mode .hud{padding:8px 17px 7px}.game-shell:where(:fullscreen, .player-page .game-shell) .arena-top,.game-shell.theater-mode .arena-top{height:32px}.game-shell:where(:fullscreen, .player-page .game-shell) .arena-bottom,.game-shell.theater-mode .arena-bottom{height:25px}.game-shell:where(:fullscreen, .player-page .game-shell) .touch-controls button,.game-shell.theater-mode .touch-controls button{min-height:35px;padding:6px 12px}.game-shell:where(:fullscreen, .player-page .game-shell) .stage-overlay.phase-match-end strong,.game-shell.theater-mode .stage-overlay.phase-match-end strong{font-size:26px;margin:2px 0 4px}.game-shell:where(:fullscreen, .player-page .game-shell) .result-receipt,.game-shell.theater-mode .result-receipt{padding:5px 12px;gap:3px}.game-shell:where(:fullscreen, .player-page .game-shell) .result-money b,.game-shell.theater-mode .result-money b{font-size:36px}.game-shell:where(:fullscreen, .player-page .game-shell) .result-money .asset-icon,.game-shell.theater-mode .result-money .asset-icon{width:28px;height:28px}.game-shell:where(:fullscreen, .player-page .game-shell) .phase-match-end p,.game-shell.theater-mode .phase-match-end p{margin:3px 0}.game-shell:where(:fullscreen, .player-page .game-shell) .result-heading,.game-shell.theater-mode .result-heading{font-size:11px}.game-shell:where(:fullscreen, .player-page .game-shell) .result-demo,.game-shell.theater-mode .result-demo{font-size:6px}}

/* The complete duel flow lives inside the fullscreen game shell. */
.play-layout{display:block;max-width:1180px;margin:0 auto}.game-shell{position:relative}.prep-screen{padding:24px 28px 15px;background:radial-gradient(ellipse at 10% 25%,#362a2830,transparent 50%),radial-gradient(ellipse at 90% 25%,#3c286440,transparent 50%),#111a20;min-width:0}.prep-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.prep-heading .eyebrow{font-size:8px;letter-spacing:1.7px;margin:0 0 8px;color:#a7b79d}.prep-heading h2{font-family:Impact,'Arial Black',sans-serif;font-size:35px;font-weight:400;font-style:italic;letter-spacing:.7px;margin:0}.prep-steps{display:flex;gap:5px;flex-shrink:0}.prep-steps button{background:#121c20;border:1px solid #3c4840;color:#a6b3a0;padding:10px 13px;font-family:monospace;font-size:9px;letter-spacing:.7px}.prep-steps button.selected{color:#142015;background:var(--lime);border-color:var(--lime)}.prep-mode{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:20px}.prep-mode .segmented{width:310px}.prep-mode .field-help{margin:0;font-size:10px}.fighter-select-layout{display:grid;grid-template-columns:minmax(140px,210px) minmax(0,1fr) minmax(140px,210px);gap:22px;align-items:stretch}.player-showcase{--fighter-color:var(--lime);display:flex;align-items:center;flex-direction:column;border:2px solid #3d4949;background:#111a20;padding:0;overflow:hidden;min-width:0;color:var(--white);transition:border-color .12s,transform .12s}.player-showcase.selected{border-color:var(--fighter-color);box-shadow:0 0 24px color-mix(in srgb,var(--fighter-color) 15%,transparent)}.player-select-label{font:9px monospace;letter-spacing:1.4px;padding:12px 6px;width:100%;text-align:center;background:#1d2930;color:#bbc8c0}.player-showcase.selected .player-select-label{background:var(--fighter-color);color:#132020;font-weight:700}.player-showcase canvas{width:100%;height:210px;flex:1;min-height:120px;max-height:250px}.player-showcase>b{font-family:Impact,'Arial Black',sans-serif;font-style:italic;font-size:30px;letter-spacing:.8px;font-weight:400;margin:5px 0 3px}.player-showcase>small{font-size:8px;letter-spacing:1px;color:#b4c2bb;line-height:1.5;text-align:center;padding:0 8px}.player-edit{font-family:monospace;font-size:8px;margin-top:8px;background:#1b2a2a;padding:9px 6px;width:100%;color:var(--fighter-color);text-align:center}.shared-roster{align-self:center;min-width:0}.roster-prompt{font-family:monospace;font-size:10px;letter-spacing:2px;color:var(--lime);text-align:center;margin:0 0 12px}.shared-roster .character-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.shared-roster .character{padding-bottom:9px;min-width:0;border-color:#4f5a4e}.shared-roster .character canvas{height:100px}.shared-roster .character b{font-size:16px;letter-spacing:.2px}.shared-roster .character small{font-size:6px;letter-spacing:.3px}.shared-roster .character:after{content:attr(data-picks);position:absolute;top:5px;right:5px;background:#edf2d6;color:#142015;width:auto;height:auto;font:8px monospace;font-weight:bold;padding:3px 4px}.shared-roster .character[data-picks=""]:after{display:none}.shared-roster .character.selected:after{background:var(--lime)}.roster-help{text-align:center;font-size:9px;line-height:1.5;color:#a9b7ad;margin:10px 0 0}.prep-screen .character-dossier{display:grid;grid-template-columns:1fr 1fr;column-gap:18px;margin-top:18px;padding:12px 15px;background:#0d171b}.prep-screen .character-dossier>b{font-size:10px}.prep-screen .character-dossier>span{grid-column:2;grid-row:1;margin:0;text-align:right;font-size:9px}.prep-screen .character-dossier p{font-size:10px;margin:5px 0 0}.prep-screen #character-tip{grid-column:2;grid-row:2;border:0;padding:0;margin:5px 0 0;text-align:right;font-size:10px}.prep-next-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px}.prep-next-row>span{font-family:Impact,'Arial Black',sans-serif;font-size:20px;letter-spacing:1px;color:#c8d3c1}.prep-next-row .start-button{width:auto;min-width:300px;margin:0;font-size:11px;padding:17px 20px}.prep-input-help{font-size:8px;line-height:1.6;color:#9caea0;text-align:center;margin:14px 0 0}.duel-ticket{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;padding:15px 0 20px;border-bottom:1px dashed #445044;margin-bottom:24px}.duel-ticket>span{font-family:Impact,'Arial Black',sans-serif;font-size:38px;font-style:italic;letter-spacing:1px}.duel-ticket>i{font:italic 24px Impact,sans-serif;color:var(--coral)}.duel-ticket>small{width:100%;text-align:center;font:9px monospace;letter-spacing:1px;color:#b2c0ab}.wager-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:35px;align-items:center;max-width:860px;margin:0 auto}.wager-layout fieldset{margin:0 0 23px}.wager-layout legend{font-size:10px;letter-spacing:1.5px}.wager-layout .asset-picker button{padding:16px 5px 13px;gap:8px}.wager-layout .asset-picker .asset-icon{width:32px;height:32px}.wager-layout .asset-picker b{font-size:13px}.wager-layout .asset-picker small{font-size:8px}.wager-layout .stake-picker button{padding:14px 4px;font-size:17px}.prep-balances{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:10px;color:#b4c4b0;line-height:1.7}.prep-balances b{font-size:12px;color:var(--white)}.prep-balances button{border:1px solid #596650;background:#253221;color:var(--lime);font:8px monospace;padding:7px 10px}.wager-confirm .pot-card{margin:0 0 20px;padding:22px;transform:rotate(-1deg)}.wager-confirm .pot-card strong{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:56px}.wager-confirm .pot-card strong .asset-icon{width:34px;height:34px}.wager-confirm .pot-card strong small{font-size:14px;letter-spacing:0;margin:0;align-self:flex-end;padding-bottom:10px}.wager-confirm .pot-card .pot-arrow{margin-left:auto;position:static}.wager-confirm .pot-equation{margin-top:15px;font-size:9px}.wager-confirm .pot-card p{font-size:10px}.wager-confirm .start-button{margin:0;font-size:12px;width:100%;padding:20px}.wager-confirm .demo-note{font-size:8px;margin:14px 0 0}.prep-back{background:transparent;border:0;color:#b9c8b0;font:9px monospace;padding:12px 0;margin-top:20px}.prep-back:hover{color:var(--lime)}.menu-focus{outline:3px solid var(--lime)!important;outline-offset:3px}.stage-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.stage-buttons button{border-radius:0;font-size:10px}.stage-buttons #surrender{background:#432c26;color:#ffd5c0;border:1px solid #a56b52}.stage-buttons #change-setup{background:#24301f;color:#e4f76a;border:1px solid #7c9458}.stage-overlay.phase-match-end{padding:20px 12px;overflow-y:auto}.canvas-wrap:has(.phase-match-end){min-height:390px}
.game-shell:where(:fullscreen, .player-page .game-shell) .prep-screen,.game-shell.theater-mode .prep-screen{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;width:100%;padding:22px max(25px,calc((100vw - 1100px)/2)) 14px}.game-shell:where(:fullscreen, .player-page .game-shell).is-preparing .arena-card,.game-shell.theater-mode.is-preparing .arena-card{min-height:0}.game-shell:where(:fullscreen, .player-page .game-shell) .prep-heading h2,.game-shell.theater-mode .prep-heading h2{font-size:32px}.game-shell:where(:fullscreen, .player-page .game-shell) .prep-next-row,.game-shell.theater-mode .prep-next-row{position:sticky;bottom:0;z-index:2;background:#111a20ed;padding:12px 0 5px}.game-shell:where(:fullscreen, .player-page .game-shell) .prep-input-help,.game-shell.theater-mode .prep-input-help{margin:9px 0 0}.game-shell:where(:fullscreen, .player-page .game-shell) .wager-confirm .start-button,.game-shell.theater-mode .wager-confirm .start-button{position:relative}.game-shell:where(:fullscreen, .player-page .game-shell).is-result .canvas-wrap,.game-shell.theater-mode.is-result .canvas-wrap{min-height:0}.game-shell:where(:fullscreen, .player-page .game-shell).is-result .stage-overlay,.game-shell.theater-mode.is-result .stage-overlay{justify-content:center;pointer-events:auto}
.game-shell:where(:fullscreen, .player-page .game-shell) .canvas-wrap,.game-shell.theater-mode .canvas-wrap{max-height:none}
.game-shell:where(:fullscreen, .player-page .game-shell) .wager-confirm .start-button,.game-shell.theater-mode .wager-confirm .start-button{position:sticky;bottom:8px;z-index:3;box-shadow:0 0 0 5px #111a20}

/* Commands remain available inside the fullscreen game. */
.arena-top{height:auto;min-height:48px;padding-top:8px;padding-bottom:8px;gap:10px;flex-wrap:wrap}
.arena-actions{flex-wrap:wrap;align-items:center}
.keyboard-quick-help{font:9px monospace;line-height:1.7;color:#c7d6b8;text-align:center;margin:8px 0 0}
.keyboard-dialog{width:min(680px,calc(100% - 28px));max-height:calc(100dvh - 28px);overflow-y:auto;background:#111c22;color:#f2f2dc;border:1px solid #71825a;padding:24px;box-shadow:0 25px 100px #000a}
.keyboard-dialog::backdrop{background:#061015d9;backdrop-filter:blur(4px)}
.keyboard-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.keyboard-heading .eyebrow{font-size:9px;margin:0 0 8px}
.keyboard-heading h2{font:italic 29px Impact,'Arial Black',sans-serif;letter-spacing:1px;margin:0}
.keyboard-heading>button{background:#293727;color:#e4f76a;border:1px solid #647454;padding:8px 11px}
.keyboard-layout{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:22px 0 12px;font:10px monospace;color:#bdc8b0}
.keyboard-layout .segmented button{padding:9px 15px;font-size:10px}
.keyboard-intro{font-size:12px;line-height:1.6;color:#b8c7ba}
.keyboard-players{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.keyboard-players h3{font:11px monospace;letter-spacing:1px;color:#e4f76a;margin:14px 0 8px}
.keyboard-binding{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #344338;padding:5px 0;font-size:12px}
.keyboard-binding button{min-width:72px;background:#202e31;color:#f5f7e8;border:1px solid #60725b;padding:7px;cursor:pointer}
.keyboard-binding kbd{border:0;box-shadow:none;background:none;padding:0;font:700 12px monospace}
.keyboard-binding button:hover,.keyboard-binding button.waiting{background:#e4f76a;color:#18251e;border-color:#e4f76a}
.keyboard-message{min-height:34px;background:#25352b;padding:11px 12px;color:#e4f76a;font-size:12px;line-height:1.5;margin:18px 0 9px}
.keyboard-note{font-size:10px;line-height:1.7;color:#aebdaa;margin:0}
.keyboard-footer{display:flex;justify-content:space-between;gap:12px;margin-top:18px}
.keyboard-footer button{padding:13px 16px;font:700 10px monospace;border:1px solid #74875f;background:#293727;color:#e4f76a}
.keyboard-footer #keyboard-done{background:#ff7445;color:#171d17;border-color:#ff7445}
@media(max-width:500px){.arena-top{padding:8px 11px}.arena-top .arena-tag{display:none}.arena-actions{gap:9px}.keyboard-dialog{padding:16px}.keyboard-heading h2{font-size:24px}.keyboard-players{gap:14px}.keyboard-binding{font-size:11px;gap:5px}.keyboard-binding button{min-width:56px}.keyboard-layout{flex-wrap:wrap}.keyboard-footer button{padding:12px 8px;font-size:9px}}
@media(max-width:1000px){.fighter-select-layout{grid-template-columns:160px minmax(0,1fr) 160px;gap:16px}.shared-roster .character canvas{height:86px}.shared-roster .character b{font-size:14px}.player-showcase canvas{height:190px}.player-showcase>b{font-size:26px}.prep-heading h2{font-size:30px}.wager-layout{gap:22px}.wager-confirm .pot-card strong{font-size:46px}}
@media(max-width:700px){.prep-screen{padding:20px 16px 14px}.prep-heading{display:block;margin-bottom:16px}.prep-heading h2{font-size:29px}.prep-heading .eyebrow{font-size:7px}.prep-steps{margin-top:13px}.prep-steps button{flex:1;padding:9px 5px;font-size:8px}.prep-mode{display:block;margin-bottom:17px}.prep-mode .segmented{width:100%}.prep-mode .field-help{text-align:center;margin-top:8px;font-size:9px}.fighter-select-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.player-showcase{grid-row:1}.player-showcase.player-two{grid-column:2}.shared-roster{grid-row:2;grid-column:1/-1}.player-showcase canvas{height:155px;min-height:100px;max-height:155px}.player-showcase>b{font-size:25px}.player-showcase>small{font-size:7px}.player-select-label{font-size:8px;padding:10px 4px;letter-spacing:.4px}.player-edit{font-size:7px;margin-top:6px;padding:8px 3px}.shared-roster .character canvas{height:76px}.shared-roster .character-picker{gap:5px}.shared-roster .character b{font-size:13px}.shared-roster .character small{font-size:5px}.shared-roster .character:after{font-size:7px;top:3px;right:3px;padding:2px 3px}.roster-prompt{margin:2px 0 10px;font-size:9px}.roster-help{font-size:8px}.prep-screen .character-dossier{display:block;padding:11px 12px;margin-top:14px}.prep-screen .character-dossier>b{font-size:9px}.prep-screen .character-dossier>span,.prep-screen #character-tip{text-align:left;font-size:9px;margin-top:7px}.prep-screen .character-dossier p{font-size:9px}.prep-next-row{display:block;margin-top:15px}.prep-next-row>span{display:block;font-size:19px;text-align:center;margin-bottom:11px}.prep-next-row .start-button{width:100%;min-width:0;padding:16px 8px;font-size:10px}.prep-input-help{font-size:7px}.wager-layout{display:block;max-width:430px}.wager-layout .stake-picker button{font-size:14px;padding:12px 2px}.wager-layout fieldset{margin-bottom:18px}.wager-layout .asset-picker button{padding:12px 3px}.wager-layout .asset-picker .asset-icon{width:26px;height:26px}.wager-confirm{margin-top:22px}.wager-confirm .pot-card{padding:17px}.wager-confirm .pot-card strong{font-size:43px}.wager-confirm .pot-card strong .asset-icon{width:29px;height:29px}.wager-confirm .pot-card strong small{font-size:11px;padding-bottom:6px}.prep-balances{font-size:9px;gap:8px}.duel-ticket{gap:12px;padding:8px 0 17px;margin-bottom:20px}.duel-ticket>span{font-size:26px}.duel-ticket>i{font-size:20px}.duel-ticket>small{font-size:7px;line-height:1.6}.wager-confirm .start-button{font-size:10px;padding:18px 8px}.wager-confirm .demo-note{font-size:7px}.prep-back{font-size:8px}.stage-buttons{gap:7px}.stage-buttons button{font-size:8px;padding:11px 10px}.canvas-wrap:has(.phase-match-end){min-height:345px}.game-shell:where(:fullscreen, .player-page .game-shell) .prep-screen,.game-shell.theater-mode .prep-screen{padding:15px 14px 12px}.game-shell:where(:fullscreen, .player-page .game-shell) .prep-heading h2,.game-shell.theater-mode .prep-heading h2{font-size:27px}.game-shell:where(:fullscreen, .player-page .game-shell) .prep-next-row,.game-shell.theater-mode .prep-next-row{padding-top:9px}}
@media(max-height:600px) and (min-width:701px){.game-shell:where(:fullscreen, .player-page .game-shell) .prep-screen,.game-shell.theater-mode .prep-screen{padding-top:12px}.game-shell:where(:fullscreen, .player-page .game-shell) .prep-heading,.game-shell.theater-mode .prep-heading{margin-bottom:10px}.game-shell:where(:fullscreen, .player-page .game-shell) .prep-heading h2,.game-shell.theater-mode .prep-heading h2{font-size:25px}.game-shell:where(:fullscreen, .player-page .game-shell) .prep-mode,.game-shell.theater-mode .prep-mode{margin-bottom:10px}.game-shell:where(:fullscreen, .player-page .game-shell) .player-showcase canvas,.game-shell.theater-mode .player-showcase canvas{height:120px;min-height:90px}.game-shell:where(:fullscreen, .player-page .game-shell) .player-showcase>b,.game-shell.theater-mode .player-showcase>b{font-size:22px}.game-shell:where(:fullscreen, .player-page .game-shell) .shared-roster .character canvas,.game-shell.theater-mode .shared-roster .character canvas{height:65px}.game-shell:where(:fullscreen, .player-page .game-shell) .prep-screen .character-dossier,.game-shell.theater-mode .prep-screen .character-dossier{margin-top:10px;padding:8px 12px}.game-shell:where(:fullscreen, .player-page .game-shell) .prep-next-row,.game-shell.theater-mode .prep-next-row{margin-top:8px}.game-shell:where(:fullscreen, .player-page .game-shell) .duel-ticket,.game-shell.theater-mode .duel-ticket{padding:0 0 10px;margin-bottom:12px;gap:12px}.game-shell:where(:fullscreen, .player-page .game-shell) .duel-ticket>span,.game-shell.theater-mode .duel-ticket>span{font-size:27px}.game-shell:where(:fullscreen, .player-page .game-shell) .wager-layout fieldset,.game-shell.theater-mode .wager-layout fieldset{margin-bottom:13px}.game-shell:where(:fullscreen, .player-page .game-shell) .wager-layout .asset-picker button,.game-shell.theater-mode .wager-layout .asset-picker button{padding:8px 3px}.game-shell:where(:fullscreen, .player-page .game-shell) .wager-layout .asset-picker .asset-icon,.game-shell.theater-mode .wager-layout .asset-picker .asset-icon{width:23px;height:23px}.game-shell:where(:fullscreen, .player-page .game-shell) .wager-layout .stake-picker button,.game-shell.theater-mode .wager-layout .stake-picker button{padding:8px 3px}.game-shell:where(:fullscreen, .player-page .game-shell) .wager-confirm .pot-card,.game-shell.theater-mode .wager-confirm .pot-card{padding:13px;margin-bottom:13px}.game-shell:where(:fullscreen, .player-page .game-shell) .wager-confirm .pot-card strong,.game-shell.theater-mode .wager-confirm .pot-card strong{font-size:38px;margin-top:8px}.game-shell:where(:fullscreen, .player-page .game-shell) .wager-confirm .start-button,.game-shell.theater-mode .wager-confirm .start-button{padding:14px 8px;font-size:10px}.game-shell:where(:fullscreen, .player-page .game-shell) .prep-back,.game-shell.theater-mode .prep-back{margin-top:10px}.game-shell:where(:fullscreen, .player-page .game-shell) .prep-input-help,.game-shell.theater-mode .prep-input-help{font-size:7px}}

/* Touch controls float over the arena; they never reserve canvas space. */
.game-shell{--touch-opacity:.85;--touch-stick-size:84px;--touch-knob-size:32px;--touch-knob-travel:24px;--touch-button-size:48px}
.game-shell.touch-large{--touch-stick-size:100px;--touch-knob-size:36px;--touch-knob-travel:30px;--touch-button-size:56px}
#touch-controls{display:none;position:absolute;z-index:3;left:calc(12px + env(safe-area-inset-left));right:calc(12px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));height:calc(var(--touch-button-size)*3 + 8px);grid-template-columns:var(--touch-stick-size) minmax(0,1fr) calc(var(--touch-button-size)*3 + 8px);align-items:end;gap:12px;margin:0;padding:0;background:none;border:0;pointer-events:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.game-shell.touch-visible #touch-controls{display:grid}
.touch-controls .touch-movement{display:flex;flex-direction:column;gap:7px;align-items:center;margin:0;opacity:var(--touch-opacity);pointer-events:auto}
.touch-stick{position:relative;width:var(--touch-stick-size);height:var(--touch-stick-size);border-radius:50%;border:1px solid #b9d2c18c;background:radial-gradient(circle,#3b504255 0 32%,#14272c80 33% 69%,#cee9d512 70%);box-shadow:inset 0 0 0 5px #07121622;touch-action:none}
.touch-stick.pressed{border-color:var(--lime);background:radial-gradient(circle,#67754866 0 32%,#14272c80 33% 69%,#d8f06822 70%)}
.stick-knob{position:absolute;left:calc(50% - var(--touch-knob-size)/2);top:calc(50% - var(--touch-knob-size)/2);width:var(--touch-knob-size);height:var(--touch-knob-size);background:#d6e6c3b3;border:1px solid #f0f8db;border-radius:50%;box-shadow:0 2px 7px #0005;pointer-events:none;transform:translate(calc(var(--stick-x,0)*var(--touch-knob-travel)),calc(var(--stick-y,0)*var(--touch-knob-travel)))}
.stick-direction{position:absolute;color:#e2ecd6;font:12px Arial,sans-serif;pointer-events:none}.stick-up{top:5px;left:calc(50% - 4px)}.stick-down{bottom:4px;left:calc(50% - 4px)}.stick-left{left:5px;top:calc(50% - 7px)}.stick-right{right:5px;top:calc(50% - 7px)}
.touch-caption{font:700 8px Arial,sans-serif;letter-spacing:.4px;color:#dde9cc;white-space:nowrap;text-shadow:0 1px 3px #000}
.touch-controls .touch-actions{grid-column:3;display:grid;grid-template-columns:repeat(3,var(--touch-button-size));grid-template-rows:repeat(3,var(--touch-button-size));gap:4px;align-items:center;justify-content:end;margin:0;opacity:var(--touch-opacity);pointer-events:none}
.touch-controls .touch-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:var(--touch-button-size);height:var(--touch-button-size);min-height:44px;max-width:none;flex:none;padding:0;border-radius:50%;border:1px solid currentColor;background:#14232cd4;box-shadow:0 2px 5px #0004;color:#f3f9e5;touch-action:none;user-select:none;pointer-events:auto}
.touch-action .touch-action-label{display:none}
.touch-controls .touch-caption{display:none}
.timer .fight-pot{display:flex;justify-content:center;align-items:center;gap:4px;white-space:nowrap;margin-top:5px;padding:3px 6px;color:#f0f8dd;background:#152c28;border:1px solid #75967980;font:700 10px/1.2 Arial,sans-serif;letter-spacing:0}
.timer .fight-pot .asset-icon{width:13px;height:13px;flex:none;font-style:normal}.timer .fight-pot b{font:inherit}
.touch-symbol{position:relative;display:block;width:19px;height:19px;flex:none}
.symbol-guard{border:2px solid currentColor;border-radius:50%}
.symbol-kick{border:2px solid currentColor;border-radius:2px;width:17px;height:17px}
.symbol-punch:before,.symbol-punch:after{content:'';position:absolute;left:8px;top:-1px;width:2px;height:21px;background:currentColor;transform:rotate(45deg)}
.symbol-punch:after{transform:rotate(-45deg)}
.symbol-special{width:21px;height:19px;border-bottom:2px solid currentColor}
.symbol-special:before,.symbol-special:after{content:'';position:absolute;bottom:0;width:2px;height:20px;background:currentColor;transform-origin:50% 100%}
.symbol-special:before{left:0;transform:rotate(30deg)}.symbol-special:after{right:0;transform:rotate(-30deg)}
.symbol-throw:before,.symbol-throw:after{content:'';position:absolute;top:5px;width:11px;height:9px;border:2px solid currentColor;border-radius:3px}
.symbol-throw:before{left:0}.symbol-throw:after{right:0}
.touch-controls .touch-guard{grid-column:3;grid-row:2;color:#eaa6cf}
.touch-controls .touch-punch{grid-column:2;grid-row:3;color:#f9b095}
.touch-controls .touch-kick{grid-column:1;grid-row:2;color:#8fe6db}
.touch-controls .touch-special{grid-column:2;grid-row:1;color:var(--lime)}
.touch-controls .touch-action.pressed{background:currentColor;box-shadow:0 0 0 2px #f9ffc655}.touch-controls .touch-action.pressed .touch-symbol,.touch-controls .touch-action.pressed .touch-action-label{color:#10211e}.touch-controls .touch-action:disabled{opacity:.45}
.mobile-prep-help{display:none;font:9px monospace;line-height:1.7;text-align:center;color:var(--lime)}.touch-visible .mobile-prep-help{display:block}
.touch-setting{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 0;border-bottom:1px solid #3e5043;font-size:12px}.touch-setting select{max-width:60%;padding:10px;font-size:11px}.touch-dialog .keyboard-intro{margin-top:20px}.touch-dialog .keyboard-note{margin-top:22px;line-height:1.8}
.game-shell:where(:fullscreen, .player-page .game-shell) #touch-controls,.game-shell.theater-mode #touch-controls{padding:0;background:none}
@media(max-width:600px){.game-shell{--touch-stick-size:76px;--touch-knob-size:30px;--touch-knob-travel:21px;--touch-button-size:44px}.game-shell.touch-large{--touch-stick-size:88px;--touch-knob-size:32px;--touch-knob-travel:26px;--touch-button-size:50px}.touch-setting{align-items:flex-start;flex-direction:column;gap:8px}.touch-setting select{max-width:100%;width:100%}}
.rotation-hint{position:absolute;inset:0;z-index:5;background:radial-gradient(ellipse at center,#26382b,#0b161d 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 18px;color:var(--lime)}
.rotation-hint svg{margin-bottom:24px}.rotation-hint>span{font:8px monospace;letter-spacing:2px}.rotation-hint strong{font:italic 36px/1.08 Impact,'Arial Black',sans-serif;letter-spacing:1px;margin:15px 0 0;color:#f0f4dc}.rotation-hint p{font:12px/1.8 Arial,sans-serif;color:#bccab7}.rotation-hint small{font:8px/1.8 monospace;color:#97aa99;max-width:230px;margin-top:10px}.rotation-required{min-height:370px}
@media(orientation:landscape) and (max-height:600px) and (min-width:601px){
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) .arena-top,.game-shell.touch-visible.theater-mode .arena-top{height:32px;min-height:32px;padding:4px 15px;flex-wrap:nowrap}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) .hud,.game-shell.touch-visible.theater-mode .hud{padding:7px 18px 6px;gap:18px}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) .hud-title,.game-shell.touch-visible.theater-mode .hud-title{margin-bottom:5px}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) .hud-title b,.game-shell.touch-visible.theater-mode .hud-title b{font-size:14px}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) .hud-title small,.game-shell.touch-visible.theater-mode .hud-title small{display:none}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) .hud-bottom,.game-shell.touch-visible.theater-mode .hud-bottom{margin-top:5px}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) .timer strong,.game-shell.touch-visible.theater-mode .timer strong{font-size:26px}.game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) .timer span,.game-shell.touch-visible.theater-mode .timer span{margin-top:3px}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) .arena-bottom,.game-shell.touch-visible.theater-mode .arena-bottom{height:24px}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) #game,.game-shell.touch-visible.theater-mode #game{width:100%;margin:0}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) .canvas-wrap,.game-shell.touch-visible.theater-mode .canvas-wrap{background:radial-gradient(ellipse at center,#26303b,#0b151e 65%)}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) .arena-actions,.game-shell.touch-visible.theater-mode .arena-actions{gap:14px}
}

/* CRYPTO K.O. / Toit99 product identity. All artwork and type are local. */
:root{--bg:#101818;--card:#192221;--line:#35413b;--muted:#adb5aa;--white:#f5f1d7;--lime:#d8f068;--coral:#ff784b}
body{background:var(--bg);background-image:linear-gradient(90deg,transparent calc(50% - 590px),#d8f06804 calc(50% - 590px),#d8f06804 calc(50% + 590px),transparent calc(50% + 590px));color:var(--white)}
.header{height:94px;max-width:1320px;padding:0 42px;border-bottom:1px solid var(--line)}
.brand{gap:12px;transform:none;letter-spacing:0}
.brand-mark{width:50px;height:50px;display:block;flex-shrink:0;transform:rotate(-3deg)}
.brand-word{display:grid;grid-template-columns:auto auto;column-gap:7px;align-items:baseline;min-width:0}
.brand-word .crypto-word{font:900 18px/1 Arial,Helvetica,sans-serif;letter-spacing:-.4px;transform:none;display:block}
.brand-word>b{font:italic 31px/.9 Impact,'Arial Black',sans-serif;letter-spacing:0;color:var(--coral);transform:none;display:block}
.brand-word small{grid-column:1/-1;font:8px/1.2 monospace;letter-spacing:2px;margin:7px 0 0}
.header nav{gap:25px;font:11px Arial,Helvetica,sans-serif}
.header nav a.active:after{background:var(--coral);height:2px}
.header nav button{color:var(--muted)}
.local-badge{border:0;padding:0;font:8px monospace;letter-spacing:1px;color:#bbc8ad;background:none;border-radius:0}
main{max-width:1320px;padding:0 42px}
.intro{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:45px;padding:64px 0 54px;margin:0 auto;max-width:1180px}
.hero-copy .eyebrow{font:9px monospace;color:var(--coral);letter-spacing:1.7px;margin-bottom:22px}
.hero-copy .dash{background:var(--coral);width:28px}
.intro h1{font:italic 72px/.94 Impact,'Arial Black',sans-serif;letter-spacing:.2px;max-width:none;margin:0;transform:none;text-shadow:none}
.intro h1 em{display:block;font:inherit;color:var(--coral);margin-top:4px;letter-spacing:.2px;transform:none;background:none;padding:0}
.intro-copy{font:15px/1.65 Arial,Helvetica,sans-serif;color:#c7cebf;margin:25px 0 0;letter-spacing:0}
.hero-cta{display:flex;align-items:center;gap:25px;margin-top:27px}
.hero-cta .start-button{width:220px;min-width:0;margin:0;padding:18px 20px;background:var(--lime);color:#182317;font:bold 12px Arial,Helvetica,sans-serif;border:1px solid var(--lime);border-radius:0;box-shadow:4px 4px 0 #d8f06820}
.hero-cta .start-button:hover{background:#e4fc83;transform:translateY(-2px)}
.hero-cta>a{font:11px Arial,Helvetica,sans-serif;color:var(--white);padding:12px 0;border-bottom:1px solid #677559}
.hero-cta>a span{margin-left:8px;color:var(--lime)}
.hero-footnote{font:9px monospace;letter-spacing:.1px;color:#a1ad96;margin:17px 0 0}
.hero-poster{position:relative;min-width:0;padding:26px 27px 24px;display:flex;flex-direction:column;align-items:center;border:1px solid #626b50;background:#1f2b25;box-shadow:9px 9px 0 #060e0c;transform:rotate(2deg);overflow:hidden}
.hero-poster:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 6px,#080e0c0d 6px 7px);pointer-events:none}
.poster-topline{align-self:flex-start;font:8px monospace;letter-spacing:2px;color:#bbc6a7;border-bottom:1px solid #59654a;width:100%;padding-bottom:18px}
.hero-poster img{position:relative;width:100%;height:auto;max-height:250px;object-fit:contain;margin:24px 0 8px;transform:rotate(-2deg)}
.poster-slogan{color:var(--lime);font:italic 27px Impact,'Arial Black',sans-serif;letter-spacing:1.7px;transform:rotate(-2deg);margin:0 0 20px}
.poster-edition{z-index:1;align-self:flex-start;font:8px monospace;color:#c4ceb5;letter-spacing:1px;padding-top:17px;border-top:1px solid #59654a;width:100%;white-space:nowrap}
.poster-edition i{font-style:normal;color:var(--coral);margin:0 5px}
.poster-corner{position:absolute;right:17px;bottom:8px;font:italic 40px Impact,sans-serif;color:#87966333;transform:rotate(-8deg)}
.play-layout{max-width:1180px;margin:auto;scroll-margin-top:20px}
.arena-card{border:1px solid #526049;box-shadow:7px 7px 0 #07100c;border-radius:0;background:#111b1d}
.arena-top{height:42px;min-height:42px;flex-wrap:nowrap;padding:8px 20px;background:#1c2a25;border-bottom:1px solid #44533a}
.arena-top>div:first-child{font:8px monospace;letter-spacing:1.5px;color:#c5d4ad;gap:9px}
.arena-tag{font:8px monospace;letter-spacing:1px;margin-left:7px;padding-left:12px;border-color:#4b5a40;color:#98aa8c}
.fight-menu-toggle{display:flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid #586747;color:var(--lime);background:#17221a;font:bold 9px monospace;letter-spacing:.7px;min-height:28px}
.fight-menu-toggle span{font:14px/1 Arial,sans-serif;color:var(--coral)}
.fight-menu-toggle:hover{background:#30412a;border-color:var(--lime)}
.online-readiness{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.online-readiness>span{border:1px solid #435247;background:#152121;padding:9px 11px;color:#afbdad;font:700 11px/1.3 Arial,sans-serif;letter-spacing:.045em}.online-readiness>span.is-ready{border-color:#9dd45f;background:#263922;color:#dcf1c0}#online-start[aria-pressed="true"]{background:#263922;color:#dcf1c0;border-color:#9dd45f}@media(max-height:450px)and(orientation:landscape){.online-readiness{margin-top:8px;gap:6px}.online-readiness>span{padding:6px 8px;font-size:10px}}
.prep-screen{padding:26px 28px 18px;background:radial-gradient(ellipse at 0% 0%,#ff784b08,transparent 48%),#121d20}
.play-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0}
.play-modes>button{display:flex;align-items:center;gap:12px;text-align:left;background:#162225;border:1px solid #3c5146;padding:14px 16px;min-height:67px;color:#c8d0be;transition:background .15s,border-color .15s}
.play-modes>button.selected{border-color:var(--lime);background:#283725;color:var(--white);box-shadow:none}
.play-modes>button:hover{border-color:#98ae78}
.play-mode-symbol{flex-shrink:0;display:block;font:28px/1 Arial,sans-serif;color:#8fa982}
.play-modes>button.selected .play-mode-symbol{color:var(--lime)}
.play-modes b{display:block;font:bold 10px Arial,Helvetica,sans-serif;letter-spacing:1px;line-height:1.5}
.play-modes small{display:block;font:10px/1.5 Arial,Helvetica,sans-serif;color:#a8b79d;margin-top:3px}
.play-modes i{font:7px monospace;color:var(--coral);background:#ff784b12;padding:3px 5px;margin-left:5px;white-space:nowrap}
.play-modes [data-play-mode=crypto]{border-style:dashed;background:#172023;color:#aeb7a6}
.play-mode-help{font:10px/1.6 Arial,sans-serif;color:#b6c5a6;margin:10px 0 23px;padding-left:3px}
.wallet{min-width:0;max-width:380px;border-radius:0;background:#1e2b25;transform:none;margin:0 0 22px;padding:13px 16px 25px;border-color:#465b3c;box-shadow:none}
.wallet strong{font-size:22px}.wallet-caption{bottom:9px;left:69px}.wallet .label{font-size:8px}
.prep-heading{margin-bottom:17px}.prep-heading h2{font:italic 31px Impact,'Arial Black',sans-serif;letter-spacing:.7px;color:var(--white)}
.prep-heading .eyebrow{font:8px monospace;color:#a7b79d;margin-bottom:8px;letter-spacing:1px}
.prep-steps button{font:8px monospace;letter-spacing:.5px;padding:10px 12px}
.prep-mode{justify-content:flex-start;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:21px}
.prep-mode .segmented{width:360px;border-radius:0;padding:3px;min-height:38px;border-color:#46583e}
.prep-mode .segmented button{font:10px Arial,sans-serif;border-radius:0;min-height:30px;padding:6px 10px}
.prep-mode .segmented button.selected{background:#d8f068;color:#142014;font-weight:bold}
.prep-mode .field-help{font:10px Arial,sans-serif;color:#a4b79c;flex:1;min-width:145px}
.difficulty-field{display:flex;gap:9px;align-items:center;font:9px Arial,sans-serif;color:#a7b79d}
.difficulty-field select{font:10px Arial,sans-serif;background:#1e2b24;border-color:#526548;border-radius:0;padding:8px 10px;color:var(--white)}
.player-showcase{border-color:#46534a;background:#142024}.player-showcase.selected{box-shadow:none}
.player-select-label{background:#1e302c}.player-edit{background:#1e302c}
.shared-roster .character{border-radius:0;background:#182528;border-color:#465850;transition:background .12s,border-color .12s;box-shadow:none}
.shared-roster .character.selected{background:#2a3a2b;box-shadow:inset 0 -3px 0 var(--lime);border-color:var(--lime)}
.shared-roster .character:hover{border-color:#b9c99e;background:#253834}
.shared-roster .character b{font:italic 15px Impact,'Arial Black',sans-serif;letter-spacing:.4px;line-height:1.1}
.shared-roster .character small{font:6px monospace;letter-spacing:.3px;color:#9cac9b}
.shared-roster .character:after{font:8px monospace;color:#132019}
.roster-prompt{font:9px monospace;letter-spacing:1.2px}.roster-help{font-size:9px;color:#9daf9f}
.prep-screen .character-dossier{border-left:2px solid var(--coral);background:#182628}
.character-dossier p{color:#bbc7b1}.prep-screen #character-tip{color:#b4c6a5}
.prep-next-row>span{color:var(--white)}
.start-button{background:var(--coral);color:#171e17;border-radius:0;box-shadow:none;font:bold 11px Arial,sans-serif;min-height:44px}
.start-button:hover:not(:disabled){background:#ff9069}
.prep-next-row .start-button{padding:17px 20px;min-width:280px}
.keyboard-quick-help{font:9px/1.7 monospace;color:#b2c2a5}
.prep-input-help{font:8px/1.7 Arial,sans-serif;color:#869e8e}
.mobile-prep-help{font:9px/1.6 Arial,sans-serif;color:#baceac}
.online-panel{background:#1a2a29;border:1px solid #5a7556;border-left:3px solid var(--lime);padding:19px 20px;margin-bottom:22px}
.online-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:18px}
.online-heading .eyebrow{font:8px monospace;letter-spacing:1px;margin:0 0 8px}
.online-heading h3{font:italic 25px Impact,'Arial Black',sans-serif;letter-spacing:.5px;margin:0}
.online-presence{font:9px/1.5 Arial,sans-serif;color:#bacbab;border:1px solid #627c53;padding:7px 10px;background:#273a28}
.online-actions{display:flex;align-items:end;gap:12px;flex-wrap:wrap}
.room-button,.online-share>button{background:var(--lime);color:#1a2418;border:1px solid var(--lime);padding:12px 16px;min-height:41px;font:bold 9px Arial,sans-serif;letter-spacing:.6px}
.room-button.secondary{background:#1a302c;color:var(--lime);border-color:#7e965d}
.room-or{font:8px monospace;color:#94aa8d;align-self:center}
.room-code-label{display:flex;flex-direction:column;gap:6px;font:9px Arial,sans-serif;color:#bfcdb3}
.room-code-label input{max-width:140px;background:#0f1c20;border:1px solid #5c7056;border-radius:0;padding:10px 11px;font:bold 15px/1 monospace;letter-spacing:2px;text-transform:uppercase;color:var(--white);height:41px}
.online-share{display:flex;align-items:end;gap:10px;margin-top:15px}
.online-share>label{display:flex;flex:1;min-width:0;gap:5px;flex-direction:column;font:9px Arial,sans-serif;color:#bfcdb3}
.online-share input{width:100%;min-width:0;border:1px solid #3f5b4b;background:#122420;padding:10px 11px;color:#c6d5b7;font:10px Arial,sans-serif;height:36px;border-radius:0}
.online-share>button{padding:9px 12px;min-height:36px;background:#29402d;border-color:#70894f;color:var(--lime)}
#online-status{font:11px/1.6 Arial,sans-serif;color:#c9d8be;margin:14px 0 0}
.online-beta-note{font:8px/1.6 Arial,sans-serif;color:#a3b49d;margin:7px 0 0}
.online-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-top:14px}
.online-footer:has(>.hidden:only-child){display:none}
.online-footer #online-leave{font:8px Arial,sans-serif;color:#a5b99b;border:0;border-bottom:1px solid #698360;background:none;padding:8px 0}
.online-footer .start-button{margin:0;width:auto;padding:13px 17px;min-width:180px;font-size:10px}
.controls-card{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:22px 0 20px;background:none;margin:8px 0 0;box-shadow:none}
.control-platform{font:7px monospace;color:#829777;letter-spacing:1px}
.control-tip{font-size:10px;color:#99ac92}.control-tip b{color:#cad8b6}
.gamepad-status{margin:15px 0 0;color:#bac9ae;font-size:9px}.gamepad-help{color:#8ea486;font-size:9px}
.signature-rule{margin-top:23px;padding:20px 23px;border:1px solid #51643e;background:#1d2b22;border-radius:0;transform:none;box-shadow:none}
.signature-rule b{font:italic 20px Impact,'Arial Black',sans-serif;letter-spacing:.6px;color:var(--white)}
.signature-rule p{font:11px/1.7 Arial,sans-serif;color:#b3c2a4;margin-top:7px}
.signature-stamp{font:italic 22px/.95 Impact,sans-serif;letter-spacing:1px;color:var(--coral);transform:rotate(4deg)}
.parry-symbol{font-size:36px;color:var(--lime)}
.rules{max-width:1180px;margin:0 auto;padding:54px 0 44px;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:30px;border-bottom:1px solid var(--line)}
.rules-heading .eyebrow{font:8px/1.6 monospace;color:var(--coral);letter-spacing:1px;margin-bottom:12px}
.rules h2{font:italic 30px/1.04 Impact,'Arial Black',sans-serif;letter-spacing:.4px}
.rules article{border-top:1px solid #5c7146;padding-top:15px}
.rule-number{font:8px monospace;color:var(--lime);letter-spacing:1px}
.rules h3{font:bold 13px Arial,sans-serif;margin:16px 0 10px;color:var(--white)}
.rules p{font:11px/1.75 Arial,sans-serif;color:#afbea2}
.product-notes{max-width:1180px;display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:35px;margin:0 auto;padding:38px 0 48px}
.product-notes .eyebrow{font:7px monospace;color:#a5b798;letter-spacing:.9px;margin-bottom:13px}
.product-notes h2{font:italic 25px/1.08 Impact,'Arial Black',sans-serif;letter-spacing:.4px;margin:0}
.product-note h3{font:bold 13px Arial,sans-serif;margin:0 0 10px}
.product-note p{font:11px/1.75 Arial,sans-serif;color:#afbea2;margin:0;max-width:290px}
.product-note button{font:bold 8px Arial,sans-serif;letter-spacing:.6px;margin-top:14px;padding:9px 0;border:0;border-bottom:1px solid #657647;color:var(--lime);background:none;text-align:left}
footer{max-width:1320px;padding:24px 42px 28px;align-items:center;color:#8a9c7e;gap:25px;font:8px/1.6 Arial,sans-serif;border-color:var(--line)}
.footer-brand{font:italic 18px Impact,'Arial Black',sans-serif;color:var(--coral);letter-spacing:.2px;white-space:nowrap}.footer-brand small{display:block;font:7px monospace;color:#b2c59f;letter-spacing:1px;margin:6px 0 0}
.fight-menu,.crypto-info{width:min(560px,calc(100% - 28px));padding:25px;background:#132322;border:1px solid #71855b}
.fight-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:23px 0 21px}
.fight-menu-grid button{display:flex;align-items:center;justify-content:center;min-height:52px;padding:12px 10px;font:11px Arial,sans-serif;background:#263b2f;border:1px solid #607750;color:#e3edce}
.fight-menu-grid button:hover{border-color:var(--lime);background:#324a35}
.fight-menu-grid button[aria-pressed=true]{border-color:#aac75b;color:var(--lime);background:#2c412b}
.fight-menu .keyboard-footer,.crypto-info .keyboard-footer{justify-content:flex-end}
#fight-menu-done,#crypto-done{background:var(--coral);border-color:var(--coral);color:#172417}
.crypto-lead{font:16px/1.6 Arial,sans-serif;color:#d3dec4;margin:24px 0}
.crypto-roadmap{display:flex;flex-direction:column;gap:17px;margin:0 0 24px;padding:17px 0;border-block:1px solid #4f6648}
.crypto-roadmap>span{font:11px/1.5 Arial,sans-serif;color:#b6c7a6}
.crypto-roadmap b{display:block;font:8px/1.5 monospace;color:var(--lime);letter-spacing:1px;margin-bottom:6px}
.round-hint{position:absolute;z-index:2;left:50%;bottom:11px;transform:translateX(-50%);font:9px/1.5 Arial,sans-serif;padding:6px 12px;background:#0b1b19d9;border:1px solid #60784a;color:#e0ecc9;text-align:center;max-width:80%;margin:0;pointer-events:none}
.game-shell:where(:fullscreen, .player-page .game-shell) .prep-next-row,.game-shell.theater-mode .prep-next-row{background:#121d20f5}
.game-shell.rotation-required:not(:where(:fullscreen, .player-page .game-shell)):not(.theater-mode) .arena-card{height:370px;min-height:370px;max-height:370px;overflow:hidden;visibility:hidden}
@media(max-width:1100px){.header,main{padding-left:26px;padding-right:26px}.intro{gap:30px;padding:45px 0 42px}.intro h1{font-size:58px}.hero-poster{padding:22px 22px 18px}.poster-slogan{font-size:23px}.hero-cta{gap:18px}.hero-cta .start-button{width:190px}.local-badge{font-size:7px}.play-modes>button{padding:12px;gap:9px}.play-modes b{font-size:9px}.play-modes small{font-size:9px}.play-mode-symbol{font-size:24px}.prep-mode .field-help{width:100%;flex-basis:100%}}
@media(max-width:760px){.header{height:77px;padding-left:19px;padding-right:19px}.header nav{gap:18px;font-size:10px}.brand-mark{width:41px;height:41px}.brand-word .crypto-word{font-size:14px}.brand-word>b{font-size:27px}.brand-word small{font-size:6px;letter-spacing:1.3px}.local-badge{display:none}.intro{grid-template-columns:1fr .72fr;gap:23px;padding:35px 0 35px}.intro h1{font-size:45px}.hero-copy .eyebrow{font-size:7px;letter-spacing:.8px;margin-bottom:17px}.intro-copy{font-size:12px;line-height:1.7;margin-top:18px}.hero-cta{display:block;margin-top:22px}.hero-cta .start-button{width:200px;padding:15px 17px;font-size:10px}.hero-cta>a{display:inline-block;font-size:10px;padding:12px 0 6px;margin-top:5px}.hero-footnote{font-size:8px;line-height:1.6;margin-top:11px}.hero-poster{padding:20px 16px 17px;box-shadow:5px 5px 0 #060e0c}.poster-topline{font-size:6px;letter-spacing:1.2px;padding-bottom:13px}.hero-poster img{margin:18px 0 10px}.poster-slogan{font-size:17px;letter-spacing:.9px;margin-bottom:14px}.poster-edition{font-size:6px;letter-spacing:0;padding-top:12px}.poster-edition i{margin:0 3px}.poster-corner{font-size:26px;right:9px;bottom:5px}.play-modes{gap:5px}.play-modes>button{padding:11px 9px;gap:7px}.play-modes b{font-size:8px;letter-spacing:.5px}.play-modes small{font-size:8px}.play-mode-symbol{font-size:20px}.play-modes i{font-size:6px;margin-left:1px;display:inline-block;padding:1px 3px}.prep-mode .segmented{width:100%;flex:1;min-width:275px}.prep-mode .field-help{text-align:left;margin:0;font-size:9px}.difficulty-field{font-size:8px}.play-mode-help{font-size:9px;margin-bottom:20px}.rules{grid-template-columns:1fr 1fr;gap:27px;padding:37px 0}.rules-heading{grid-column:1/-1;display:flex;gap:22px;align-items:center}.rules-heading .eyebrow{margin:0;font-size:7px;line-height:1.7;max-width:150px}.rules article:last-child{grid-column:1/-1}.rules h2{font-size:29px}.rules h3{font-size:12px}.rules p{font-size:10px}.product-notes{grid-template-columns:1fr 1fr;gap:28px;padding:32px 0}.product-notes>div:first-child{grid-column:1/-1}.product-note p{font-size:10px}.signature-rule{padding:17px 16px;gap:15px}.signature-rule b{font-size:18px}.signature-rule p{font-size:10px}.signature-stamp{font-size:18px}footer{padding:24px 26px;gap:14px;flex-wrap:wrap;font-size:7px}.footer-brand{font-size:17px}}
@media(max-width:520px){main{padding:0 18px}.header nav{gap:14px}.header nav a[href="#rules"]{display:none}.intro{grid-template-columns:1fr;gap:0;padding:35px 0 30px}.intro h1{font-size:54px;line-height:.96;max-width:100%}.hero-copy .eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:18px}.intro-copy{font-size:13px;line-height:1.6;margin:21px 0 0}.hero-cta{display:flex;gap:22px;margin-top:24px}.hero-cta .start-button{width:190px;min-width:0;font-size:10px;padding:16px 18px}.hero-cta>a{font-size:9px;margin:0;padding:8px 0;white-space:nowrap}.hero-footnote{font-size:8px;margin-top:16px}.hero-poster{display:none}.arena-top{padding:7px 12px;min-height:39px;height:39px}.arena-top>div:first-child{font-size:8px}.arena-tag{display:none}.fight-menu-toggle{font-size:8px;min-height:25px;padding:6px 9px}.prep-screen{padding:18px 12px 14px}.play-modes{gap:4px}.play-modes>button{flex-direction:column;align-items:flex-start;gap:7px;min-height:76px;padding:10px 8px}.play-mode-symbol{font-size:18px}.play-modes b{font-size:8px;line-height:1.4;letter-spacing:.3px}.play-modes small{font-size:8px;line-height:1.45;margin-top:4px}.play-modes i{display:block;width:max-content;margin:3px 0 0;font-size:6px}.play-mode-help{margin:9px 0 17px;font-size:9px}.prep-heading h2{font-size:27px}.prep-heading .eyebrow{font-size:7px}.prep-steps{margin-top:13px}.prep-steps button{font-size:7px}.prep-mode{gap:10px;margin-bottom:18px}.prep-mode .segmented{min-width:0;flex-basis:100%}.prep-mode .segmented button{font-size:9px;padding:5px 8px}.difficulty-field{gap:8px}.prep-mode .field-help{flex-basis:0;min-width:120px;margin:0;text-align:left;font-size:9px;line-height:1.5}.difficulty-field select{padding:7px 9px;font-size:9px}.player-showcase>b{font-size:26px}.shared-roster .character b{font-size:13px}.roster-help{font-size:8px}.prep-input-help{font-size:7px;line-height:1.7}.keyboard-quick-help{font-size:8px}.control-platform{display:none}.control-tip{font-size:9px}.signature-rule{padding:17px 14px;gap:13px}.signature-rule b{font-size:17px}.signature-rule p{font-size:9px}.signature-stamp{display:none}.parry-symbol{font-size:32px}.rules{gap:24px}.rules h2{font-size:27px}.product-notes{grid-template-columns:1fr;gap:26px}.product-notes>div:first-child{grid-column:auto}.product-notes h2{font-size:27px}.product-note p{max-width:none;font-size:11px}.product-note button{font-size:8px}.online-panel{padding:14px 12px}.online-heading{gap:10px;align-items:flex-start;flex-direction:column}.online-heading h3{font-size:23px}.online-heading .eyebrow{font-size:7px}.online-presence{font-size:8px;padding:6px 8px}.online-actions{gap:9px;display:grid;grid-template-columns:1fr auto}.online-actions #online-create{grid-column:1/-1}.room-or{grid-column:1/-1;text-align:center;font-size:7px}.room-code-label input{max-width:none;width:100%;height:39px;font-size:14px}.room-code-label{min-width:0}.room-button{padding:11px 10px;font-size:8px;min-height:39px}.online-share{gap:7px}.online-share input{font-size:9px}.online-share>button{font-size:7px;padding:9px}#online-status{font-size:10px}.online-beta-note{font-size:8px;line-height:1.65}.fight-menu,.crypto-info{padding:18px}.fight-menu-grid{gap:7px;margin:19px 0}.fight-menu-grid button{font-size:10px;padding:12px 8px}.crypto-lead{font-size:14px}.crypto-roadmap>span{font-size:10px}.round-hint{font-size:8px;padding:5px 8px;bottom:8px;max-width:90%;width:max-content}}
@media(orientation:landscape) and (max-height:600px) and (min-width:601px){
  .play-modes>button{min-height:45px;padding:8px 12px;gap:9px}.play-modes small{font-size:8px;margin-top:0}.play-modes b{font-size:8px}.play-mode-symbol{font-size:22px}.play-mode-help{font-size:8px;margin:7px 0 12px}
  .game-shell:where(:fullscreen, .player-page .game-shell) .prep-mode,.game-shell.theater-mode .prep-mode{gap:10px;margin-bottom:12px}.game-shell:where(:fullscreen, .player-page .game-shell) .prep-mode .segmented,.game-shell.theater-mode .prep-mode .segmented{width:315px;flex:none;min-height:33px}.game-shell:where(:fullscreen, .player-page .game-shell) .prep-mode .segmented button,.game-shell.theater-mode .prep-mode .segmented button{font-size:9px;padding:4px 10px;min-height:26px}.game-shell:where(:fullscreen, .player-page .game-shell) .prep-mode .field-help,.game-shell.theater-mode .prep-mode .field-help{flex-basis:auto;width:auto;min-width:100px;font-size:8px}.game-shell:where(:fullscreen, .player-page .game-shell) .prep-heading,.game-shell.theater-mode .prep-heading{margin-bottom:12px}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell):not(.is-preparing) .arena-top,.game-shell.touch-visible.theater-mode:not(.is-preparing) .arena-top{position:absolute;z-index:4;top:0;left:0;right:0;border:0;padding:0;background:none;height:0;min-height:0;pointer-events:none;overflow:visible}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell):not(.is-preparing) .arena-top>div,.game-shell.touch-visible.theater-mode:not(.is-preparing) .arena-top>div{display:none}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell):not(.is-preparing) .fight-menu-toggle,.game-shell.touch-visible.theater-mode:not(.is-preparing) .fight-menu-toggle{position:absolute;right:calc(9px + env(safe-area-inset-right));top:calc(7px + env(safe-area-inset-top));width:44px;height:44px;min-height:44px;padding:0;display:flex;justify-content:center;gap:0;font-size:0;pointer-events:auto;background:#12221ce6;border-color:#81975b}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell):not(.is-preparing) .fight-menu-toggle span,.game-shell.touch-visible.theater-mode:not(.is-preparing) .fight-menu-toggle span{font-size:16px;color:var(--lime)}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell):not(.is-preparing) .hud,.game-shell.touch-visible.theater-mode:not(.is-preparing) .hud{padding:8px 63px 7px 18px;gap:20px;background:#142122}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell):not(.is-preparing) .arena-bottom,.game-shell.touch-visible.theater-mode:not(.is-preparing) .arena-bottom{display:none}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) #touch-controls,.game-shell.touch-visible.theater-mode #touch-controls{bottom:calc(10px + env(safe-area-inset-bottom))}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell).is-result .fight-menu-toggle,.game-shell.touch-visible.theater-mode.is-result .fight-menu-toggle{top:10px}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) .round-hint,.game-shell.touch-visible.theater-mode .round-hint{bottom:9px;font-size:8px;max-width:50%}
  .fight-menu,.crypto-info{max-height:calc(100dvh - 24px);padding:18px 23px}.fight-menu-grid{gap:8px;margin:15px 0}.fight-menu-grid button{min-height:42px;padding:9px;font-size:10px}.fight-menu .keyboard-intro{margin:11px 0}.fight-menu .keyboard-footer{margin-top:12px}.fight-menu .keyboard-footer button{padding:11px 14px}.fight-menu .keyboard-heading h2{font-size:25px}
}
/* Small landscape phones keep the same two-thumb layout. */
@media(orientation:landscape) and (max-height:600px) and (max-width:600px){
  .game-shell.touch-visible{--touch-stick-size:76px;--touch-knob-size:30px;--touch-knob-travel:21px;--touch-button-size:44px}
  .game-shell.touch-visible.touch-large{--touch-stick-size:88px;--touch-knob-size:32px;--touch-knob-travel:26px;--touch-button-size:50px}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell):not(.is-preparing) .arena-top,.game-shell.touch-visible.theater-mode:not(.is-preparing) .arena-top{position:absolute;z-index:4;top:0;left:0;right:0;border:0;padding:0;background:none;height:0;min-height:0;pointer-events:none;overflow:visible}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell):not(.is-preparing) .arena-top>div,.game-shell.touch-visible.theater-mode:not(.is-preparing) .arena-top>div{display:none}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell):not(.is-preparing) .fight-menu-toggle,.game-shell.touch-visible.theater-mode:not(.is-preparing) .fight-menu-toggle{position:absolute;right:calc(7px + env(safe-area-inset-right));top:calc(5px + env(safe-area-inset-top));width:44px;height:44px;min-height:44px;padding:0;display:flex;justify-content:center;font-size:0;pointer-events:auto;background:#12221ce6;border-color:#81975b}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell):not(.is-preparing) .fight-menu-toggle span,.game-shell.touch-visible.theater-mode:not(.is-preparing) .fight-menu-toggle span{font-size:16px;color:var(--lime)}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell):not(.is-preparing) .hud,.game-shell.touch-visible.theater-mode:not(.is-preparing) .hud{padding:7px 60px 7px 12px;gap:12px;background:#142122}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) .hud-title,.game-shell.touch-visible.theater-mode .hud-title{margin-bottom:5px}.game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) .hud-title b,.game-shell.touch-visible.theater-mode .hud-title b{font-size:13px}.game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) .hud-title small,.game-shell.touch-visible.theater-mode .hud-title small{display:none}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) .hud-bottom,.game-shell.touch-visible.theater-mode .hud-bottom{margin-top:5px}.game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) .timer strong,.game-shell.touch-visible.theater-mode .timer strong{font-size:24px}.game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) .timer span,.game-shell.touch-visible.theater-mode .timer span{margin-top:3px}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell):not(.is-preparing) .arena-bottom,.game-shell.touch-visible.theater-mode:not(.is-preparing) .arena-bottom{display:none}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) #game,.game-shell.touch-visible.theater-mode #game{width:100%;margin:0}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) .canvas-wrap,.game-shell.touch-visible.theater-mode .canvas-wrap{background:radial-gradient(ellipse at center,#26303b,#0b151e 65%)}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) .round-hint,.game-shell.touch-visible.theater-mode .round-hint{bottom:7px;font-size:7px;max-width:50%;padding:4px 6px}
}
.touch-visible .keyboard-heading>button{width:44px;height:44px;min-height:44px;flex-shrink:0;display:grid;place-items:center;padding:0}
@media(orientation:landscape) and (max-height:600px) and (max-width:700px){
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) .fighter-select-layout,.game-shell.touch-visible.theater-mode .fighter-select-layout{--mobile-showcase-width:clamp(78px,14vw,104px);grid-template-columns:var(--mobile-showcase-width) minmax(0,1fr) var(--mobile-showcase-width);gap:9px;align-items:stretch}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) .player-showcase,.game-shell.touch-visible.theater-mode .player-showcase{grid-row:auto;grid-column:auto}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) .player-showcase.player-two,.game-shell.touch-visible.theater-mode .player-showcase.player-two{grid-column:auto}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) .shared-roster,.game-shell.touch-visible.theater-mode .shared-roster{grid-row:auto;grid-column:auto}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) .player-showcase canvas,.game-shell.touch-visible.theater-mode .player-showcase canvas{height:90px;min-height:64px;max-height:108px}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) .player-showcase>b,.game-shell.touch-visible.theater-mode .player-showcase>b{font-size:20px;margin-top:3px}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) .player-showcase>small,.game-shell.touch-visible.theater-mode .player-showcase>small{font-size:6px;padding:0 4px;letter-spacing:0}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) .player-select-label,.game-shell.touch-visible.theater-mode .player-select-label{font-size:6px;letter-spacing:0;padding:8px 3px}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) .player-edit,.game-shell.touch-visible.theater-mode .player-edit{font-size:6px;padding:7px 3px;line-height:1.4;margin-top:5px}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) .shared-roster .character-picker,.game-shell.touch-visible.theater-mode .shared-roster .character-picker{gap:4px}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) .shared-roster .character,.game-shell.touch-visible.theater-mode .shared-roster .character{padding-bottom:6px}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) .shared-roster .character canvas,.game-shell.touch-visible.theater-mode .shared-roster .character canvas{height:55px}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) .shared-roster .character b,.game-shell.touch-visible.theater-mode .shared-roster .character b{font-size:12px;letter-spacing:0}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) .shared-roster .character small,.game-shell.touch-visible.theater-mode .shared-roster .character small{font-size:5px;margin-top:4px}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) .roster-prompt,.game-shell.touch-visible.theater-mode .roster-prompt{font-size:7px;margin:0 0 7px;letter-spacing:.5px}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) .roster-help,.game-shell.touch-visible.theater-mode .roster-help{font-size:7px;margin-top:7px}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) .prep-screen .character-dossier,.game-shell.touch-visible.theater-mode .prep-screen .character-dossier{display:grid;grid-template-columns:1fr 1fr;column-gap:15px;margin-top:12px;padding:9px 11px}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) .prep-screen .character-dossier>b,.game-shell.touch-visible.theater-mode .prep-screen .character-dossier>b{font-size:8px}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) .prep-screen .character-dossier>span,.game-shell.touch-visible.theater-mode .prep-screen .character-dossier>span{grid-column:2;grid-row:1;text-align:right;font-size:8px;margin:0}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) .prep-screen .character-dossier p,.game-shell.touch-visible.theater-mode .prep-screen .character-dossier p{font-size:8px}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) .prep-screen #character-tip,.game-shell.touch-visible.theater-mode .prep-screen #character-tip{grid-column:2;grid-row:2;text-align:right;font-size:8px;margin:5px 0 0}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) .prep-next-row,.game-shell.touch-visible.theater-mode .prep-next-row{display:flex;margin-top:13px;gap:12px}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) .prep-next-row>span,.game-shell.touch-visible.theater-mode .prep-next-row>span{font-size:17px;text-align:left;margin:0}
  .game-shell.touch-visible:where(:fullscreen, .player-page .game-shell) .prep-next-row .start-button,.game-shell.touch-visible.theater-mode .prep-next-row .start-button{width:auto;min-width:170px;padding:14px 13px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){.hero-cta .start-button:hover,.shared-roster .character{transition:none;transform:none}}

/* /play is the player itself, including before native fullscreen is granted. */
.player-page{height:100vh;height:var(--player-height,100dvh);overflow:hidden;overscroll-behavior:none;background:#0c1618}
.player-root{position:fixed;inset:0;width:100%;max-width:none;height:100vh;height:var(--player-height,100dvh);margin:0;padding:0;overflow:hidden}
.player-page .play-layout,.player-page .arena-column{width:100%;max-width:none;height:100%;margin:0;padding:0}
.player-page .game-shell{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:#101b1d;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);touch-action:manipulation}
.player-page .game-shell button{touch-action:manipulation}
.player-page .game-shell #game,.player-page .game-shell .touch-stick,.player-page .game-shell .touch-action{touch-action:none}
.player-page .game-shell:not(.is-preparing):not(.is-result) #fight-stage,.player-page .game-shell:not(.is-preparing):not(.is-result) #fight-hud{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.game-shell.touch-visible #touch-controls .touch-action{min-height:44px;padding:0}
.player-page .arena-card{flex:1;width:100%;min-height:0;max-height:none;display:flex;flex-direction:column;border:0;border-radius:0;box-shadow:none}
.player-page .arena-top{flex-shrink:0;min-height:44px;height:44px;flex-wrap:nowrap;padding:3px 14px;gap:10px}
#player-fullscreen{margin-left:auto;min-height:38px;padding:8px 12px;background:transparent;color:#d8e1c8;border:1px solid #657a55;font:bold 10px Arial,sans-serif}
.player-page .arena-top .fight-menu-toggle{min-height:38px;padding:8px 12px}
.player-page .prep-screen{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;width:100%;padding:18px max(18px,calc((100vw - 1100px)/2)) 14px;scrollbar-color:#7f925c #142323}
.player-page .canvas-wrap{flex:1;aspect-ratio:auto;min-height:0;max-height:none}
.player-page .hud,.player-page .arena-bottom{flex-shrink:0}
.player-page .game-shell:not(.is-preparing) .arena-top{position:absolute;z-index:4;top:0;left:0;right:0;height:0;min-height:0;padding:0;border:0;background:none;overflow:visible;pointer-events:none}
.player-page .game-shell:not(.is-preparing) .arena-top>div,.player-page .game-shell:not(.is-preparing) #player-fullscreen{display:none}
.player-page .game-shell:not(.is-preparing) .fight-menu-toggle{position:absolute;top:calc(8px + env(safe-area-inset-top));right:calc(9px + env(safe-area-inset-right));width:44px;height:44px;min-height:44px;padding:0;display:flex;justify-content:center;gap:0;pointer-events:auto;font-size:0;background:#12221ce6;border:1px solid #81975b}
.player-page .game-shell:not(.is-preparing) .fight-menu-toggle span{font-size:16px;color:var(--lime)}
.player-page .game-shell:not(.is-preparing) .hud{padding-right:63px}
.player-page .game-shell.is-result .canvas-wrap{min-height:0}
.player-page .rotation-required{min-height:0}
.player-page .rotation-hint{padding-top:calc(24px + env(safe-area-inset-top));padding-bottom:calc(24px + env(safe-area-inset-bottom))}
.player-page .keyboard-dialog{max-height:calc(var(--player-height,100dvh) - 24px);overflow-y:auto}
.player-menu-links{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:12px 0}
.player-menu-links button,.player-menu-links a{display:flex;align-items:center;min-height:44px;padding:8px 0;background:none;border:0;color:#d0ddbd;font:11px Arial,sans-serif;text-decoration:underline;text-underline-offset:4px}
.fight-menu .history-panel{padding:15px;margin-top:10px}
.fight-menu .history-row{flex-wrap:wrap;font-size:10px}
.fight-menu .history-row .history-net{font-size:14px}
.fight-menu .section-title{flex-wrap:wrap;gap:6px}.fight-menu .section-title h2{font-size:17px}.fight-menu .section-title>span{font-size:7px}
.auxiliary-game-info{display:none}
.character.selected:after{content:attr(data-picks)}
.player-page .start-button{justify-content:center}
.player-page .prep-next-row #online-start{margin:0}
.player-page .game-shell.touch-visible.is-preparing .arena-top{height:48px;min-height:48px;padding:2px 12px}
.player-page .game-shell.touch-visible.is-preparing #player-fullscreen,.player-page .game-shell.touch-visible.is-preparing .fight-menu-toggle{height:44px;min-height:44px;padding:8px 12px}
@media(orientation:landscape) and (max-height:600px){
  .player-page .arena-top{height:40px;min-height:40px;padding:2px 12px}
  #player-fullscreen,.player-page .arena-top .fight-menu-toggle{height:36px;min-height:36px;padding:7px 12px}
  .player-page .prep-screen{padding:12px max(14px,calc((100vw - 1100px)/2)) 8px}
  .player-page .play-modes>button{min-height:44px}
  .player-page .game-shell:not(.is-preparing) .arena-bottom{display:none}
  .player-page .game-shell:not(.is-preparing) .fight-menu-toggle{width:44px;height:44px;min-height:44px;padding:0}
  .player-page .keyboard-dialog{max-height:calc(var(--player-height,100dvh) - 20px)}
}
@media(orientation:landscape) and (max-height:380px){
  .player-page .play-mode-help{margin-bottom:10px}
  .player-page .prep-heading h2{font-size:24px}
  .player-page .prep-heading .eyebrow{font-size:7px}
  .player-page .prep-heading{margin-bottom:10px}
  .player-page .prep-input-help,.player-page .mobile-prep-help{margin:5px 0;font-size:7px}
}

/* The home page explains the pot; the game never sits inside its layout. */
.landing-page{--bg:#101818;background:var(--bg);color:var(--white)}
.site-header{max-width:1320px;margin:auto;height:88px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}
.site-brand{display:flex;align-items:center;gap:12px;font:bold 19px Arial,sans-serif;letter-spacing:-.8px;color:var(--white)}
.site-brand img{width:40px;height:40px;flex-shrink:0}.site-brand small{display:block;font:8px monospace;letter-spacing:1.5px;color:#a9ba94;margin-top:6px}
.site-header nav{display:flex;gap:28px;align-items:center;font:12px Arial,sans-serif;color:#bbc5a8}.site-header nav a{min-height:44px;display:flex;align-items:center}
.site-header .header-play{font:bold 11px Arial,sans-serif;background:var(--coral);color:#151d14;padding:12px 21px}
.landing-main{max-width:1240px;margin:auto;padding:0 42px}
.landing-eyebrow{font:bold 10px/1.7 Arial,sans-serif;letter-spacing:1.5px;color:#b5c798;margin:0 0 19px}
.stake-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:72px;padding:62px 0 70px}
.stake-hero h1{font:italic clamp(80px,9vw,126px)/.84 Impact,'Arial Black',sans-serif;letter-spacing:0;margin:0;color:var(--white)}
.stake-hero h1 em{font-style:italic;color:var(--coral)}.stake-hero h1 em:after{content:none}
.pot-promise{font:bold 17px/1.25 Arial,sans-serif;letter-spacing:.5px;color:var(--lime);margin:28px 0 0}
.landing-lead{font:15px/1.7 Arial,sans-serif;color:#bdcbb0;margin:17px 0 0}
.landing-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:29px}
.landing-primary{display:inline-flex;justify-content:center;align-items:center;background:var(--coral);color:#151d14;min-height:54px;padding:17px 28px;font:bold 12px Arial,sans-serif;letter-spacing:.4px;transition:background .15s}
.landing-primary:hover{background:#ff986d}.landing-secondary,.landing-text-link{display:inline-flex;align-items:center;min-height:44px;font:bold 11px Arial,sans-serif;letter-spacing:.4px;border-bottom:1px solid #899956;padding:9px 0;color:var(--lime)}
.landing-demo-note{margin:20px 0 0;font:10px/1.7 Arial,sans-serif;color:#a3b495}.landing-demo-note b{display:block;font:bold 9px/1.6 Arial,sans-serif;letter-spacing:.7px;color:#d3dec1}.landing-demo-note span{display:block;margin-top:5px}
.arena-poster{position:relative;min-width:0;border:1px solid #53654c;background:#1b2925;padding:26px 26px 23px;transform:rotate(1.5deg);box-shadow:9px 10px 0 #07100d;overflow:hidden}
.poster-location{font:8px/1.6 monospace;letter-spacing:1.5px;color:#bac9a7;margin:0;border-bottom:1px solid #52634a;padding-bottom:17px}
.poster-lockup{width:100%;height:auto;display:block;margin:28px 0 17px}
.poster-slogan{font:italic 30px/1.1 Impact,'Arial Black',sans-serif;letter-spacing:.8px;color:var(--lime);margin:0 0 30px;text-align:center}
.poster-facts{display:flex;justify-content:space-between;gap:10px;align-items:center;border-block:1px solid #5b6b4d;padding:15px 0;font:8px monospace;letter-spacing:.6px;color:#b7c7a8}.poster-facts b{font:bold 14px Arial,sans-serif;color:var(--white)}
.poster-caption{font:9px/1.9 Arial,sans-serif;letter-spacing:.7px;color:#a4b493;text-align:center;margin:17px 0 0}
.pot-explainer,.ways-to-play{display:grid;grid-template-columns:.85fr 2fr;gap:66px;padding:54px 0;border-top:1px solid var(--line)}
.section-lead h2,.fighters-intro h2,.crypto-future h2{font:italic 36px/.99 Impact,'Arial Black',sans-serif;letter-spacing:.5px;margin:0;color:var(--white)}
.section-lead>p:last-child{font:12px/1.75 Arial,sans-serif;color:#aabc9e;margin:19px 0 0}
.duel-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin:0;padding:0;list-style:none}
.duel-steps li{border-top:1px solid #6b7d53;padding-top:12px}.step-number{font:10px monospace;letter-spacing:1px;color:var(--coral)}
.duel-steps h3,.play-option-list h3{font:bold 15px/1.35 Arial,sans-serif;color:var(--white);margin:19px 0 11px}
.duel-steps p,.play-option-list p{font:12px/1.8 Arial,sans-serif;color:#aebf9f;margin:0}
.fighters-intro{display:grid;grid-template-columns:1fr 1fr;gap:22px 55px;padding:53px 0;border-top:1px solid var(--line)}
.fighters-copy{font:13px/1.8 Arial,sans-serif;color:#b7c7a6;max-width:380px;align-self:center;margin:0}
.landing-game-frame{grid-column:1/-1;width:100%;height:auto;display:block;border:1px solid #53654c;margin:8px 0 0}
.fighter-name-list{grid-column:1/-1;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));list-style:none;padding:23px 0 0;margin:8px 0 0;border-top:1px solid #3f5438;gap:12px;font:italic 17px Impact,'Arial Black',sans-serif;color:var(--white)}
.fighter-name-list small{display:block;font:7px/1.4 Arial,sans-serif;letter-spacing:.6px;color:#a1b493;margin-top:8px}
.fighters-intro .landing-text-link{width:max-content;margin-top:4px}
.play-option-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px}.play-option-list article{border-top:1px solid #657951;padding-top:12px}.option-label{font:8px monospace;letter-spacing:.8px;color:var(--lime)}
.play-option-list a{display:inline-flex;align-items:center;min-height:44px;font:bold 9px Arial,sans-serif;letter-spacing:.3px;color:#dce8c8;text-decoration:underline;text-underline-offset:5px;margin-top:9px}
.crypto-future{display:grid;grid-template-columns:.85fr 2fr;gap:66px;padding:49px 0;border-block:1px solid var(--line)}
.crypto-future>div:last-child{max-width:640px}.crypto-future p:not(.landing-eyebrow){font:13px/1.8 Arial,sans-serif;color:#afc19f;margin:0 0 16px}.crypto-future p.future-line{font-weight:bold;color:#dce6cd;margin-bottom:0}
.landing-faq{max-width:800px;margin:0 auto;padding:30px 0 38px}.landing-faq details{border-bottom:1px solid #405437;padding:0}.landing-faq summary{padding:20px 0;cursor:pointer;color:#d8e2c6;font:bold 13px/1.6 Arial,sans-serif}.landing-faq p{font:12px/1.8 Arial,sans-serif;color:#adbf9e;margin:0 0 20px;max-width:630px}
.landing-last-call{padding:33px 0 62px;text-align:center}.landing-last-call>p{font:9px monospace;letter-spacing:1.8px;color:var(--lime);margin:0 0 18px}.landing-last-call h2{font:italic 64px/.98 Impact,'Arial Black',sans-serif;letter-spacing:.5px;color:var(--white);margin:0 0 26px}.landing-last-call>span{display:block;font:10px/1.7 Arial,sans-serif;color:#a7b997;margin-top:15px}
.site-footer{max-width:1320px;margin:auto;padding:25px 42px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line)}.site-footer .site-brand{display:block;font:bold 15px Arial,sans-serif;letter-spacing:0}.site-footer .site-brand small{font:7px monospace;letter-spacing:1px;margin-top:6px}.site-footer p{font:9px/1.8 Arial,sans-serif;color:#90a382;margin:0}.site-footer>a:last-child{font:bold 10px Arial,sans-serif;min-height:44px;display:flex;align-items:center;color:var(--lime)}
@media(max-width:1000px){
  .site-header{padding:0 28px;height:78px}.landing-main{padding:0 28px}.stake-hero{gap:40px;padding:50px 0 58px}.stake-hero h1{font-size:94px}.poster-slogan{font-size:24px}.arena-poster{padding:22px 20px}.pot-promise{font-size:14px}.landing-lead{font-size:13px}.pot-explainer,.ways-to-play,.crypto-future{gap:35px;grid-template-columns:.85fr 2fr}.duel-steps,.play-option-list{gap:20px}.section-lead h2,.fighters-intro h2,.crypto-future h2{font-size:31px}.fighter-name-list{grid-template-columns:repeat(4,1fr);gap:22px}.site-footer{padding:25px 28px}
}
@media(max-width:700px){
  .site-header{height:74px;padding:0 20px;gap:15px}.site-brand{font-size:16px;gap:9px}.site-brand img{width:33px;height:33px}.site-brand small{font-size:7px;letter-spacing:1px}.site-header nav{gap:17px;font-size:10px}.site-header .header-play{padding:12px 15px;font-size:10px}.landing-main{padding:0 22px}.stake-hero{gap:24px;padding:45px 0 46px;grid-template-columns:1.12fr .88fr}.stake-hero h1{font-size:76px}.landing-eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:17px}.pot-promise{font-size:12px;margin-top:22px}.landing-lead{font-size:12px;line-height:1.7}.landing-actions{gap:20px;margin-top:25px}.landing-primary{font-size:11px;padding:15px 22px;min-height:50px}.landing-secondary{font-size:9px}.arena-poster{padding:18px 13px;box-shadow:5px 6px 0 #07100d}.poster-location{font-size:6px;letter-spacing:.5px;padding-bottom:12px}.poster-lockup{margin:20px 0 17px}.poster-slogan{font-size:18px;margin-bottom:19px}.poster-facts{font-size:6px;gap:6px;padding:12px 0;letter-spacing:0}.poster-facts b{font-size:10px}.poster-caption{font-size:6px;letter-spacing:.1px;margin-top:13px}.landing-demo-note{font-size:8px}.landing-demo-note b{font-size:8px;letter-spacing:.2px}.pot-explainer,.ways-to-play,.crypto-future{grid-template-columns:1fr;padding:35px 0;gap:26px}.section-lead h2,.fighters-intro h2,.crypto-future h2{font-size:33px}.section-lead>p:last-child{margin-top:14px;font-size:12px}.duel-steps,.play-option-list{gap:22px}.duel-steps h3,.play-option-list h3{font-size:13px;margin:15px 0 9px}.duel-steps p,.play-option-list p{font-size:11px;line-height:1.75}.fighters-intro{gap:22px 28px;padding:36px 0}.fighters-copy{font-size:11px}.fighter-name-list{font-size:18px;padding-top:21px;margin:0;gap:20px}.fighter-name-list small{font-size:6px;margin-top:6px}.crypto-future p:not(.landing-eyebrow){font-size:12px}.landing-faq{padding:16px 0 24px}.landing-faq summary{font-size:12px}.landing-last-call{padding:28px 0 44px}.landing-last-call h2{font-size:52px}.site-footer{padding:22px;gap:17px;flex-wrap:wrap}.site-footer p{font-size:8px;flex:1;min-width:240px}.site-footer .site-brand{font-size:14px}.site-footer>a:last-child{font-size:9px}
}
@media(max-width:480px){
  .site-header nav>a:first-child{display:none}.stake-hero{grid-template-columns:1fr;padding:37px 0 35px;gap:34px}.stake-hero h1{font-size:104px}.pot-promise{font-size:16px}.landing-lead{font-size:14px}.landing-actions{gap:26px}.landing-primary{font-size:12px;padding:17px 29px;min-height:54px}.landing-secondary{font-size:11px}.landing-demo-note{font-size:9px;line-height:1.7}.landing-demo-note b{font-size:9px;letter-spacing:.3px}.arena-poster{padding:19px 19px 17px;max-width:360px;transform:rotate(1deg);margin:0 3px}.poster-lockup{margin:18px 0 12px;max-height:150px}.poster-slogan{font-size:23px;margin-bottom:19px}.poster-location{font-size:7px;padding-bottom:10px}.poster-facts{font-size:7px;padding:10px 0}.poster-facts b{font-size:12px}.poster-caption{font-size:7px;letter-spacing:.3px;margin-top:12px}.duel-steps{grid-template-columns:1fr;gap:22px}.duel-steps li{display:grid;grid-template-columns:29px 1fr;gap:0 13px;padding-top:14px}.step-number{grid-row:1/3;padding-top:2px}.duel-steps h3{margin:0 0 8px;font-size:15px}.duel-steps p{font-size:12px}.fighters-intro{grid-template-columns:1fr;gap:20px}.fighters-copy{font-size:12px}.fighter-name-list{grid-template-columns:repeat(4,minmax(0,1fr));font-size:16px;gap:24px 12px}.fighter-name-list small{font-size:6px;letter-spacing:0}.play-option-list{grid-template-columns:1fr;gap:24px}.play-option-list h3{font-size:16px}.play-option-list p{font-size:12px}.play-option-list a{font-size:10px;margin-top:6px}.landing-last-call h2{font-size:50px}.site-footer{gap:15px}.site-footer p{flex-basis:100%;min-width:0}.site-footer>a:last-child{margin-left:auto}
}
@media(prefers-reduced-motion:reduce){.landing-primary{transition:none}}

/* Practice tools stay in the arena's fullscreen subtree. */
.fight-effect-setting{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:14px 0;color:#c8d5b9;font:11px Arial,sans-serif}
.fight-effect-setting select{min-height:44px;min-width:145px;padding:8px 12px;color:#e6eed9;background:#203026;border:1px solid #5d7450;border-radius:0;font:11px Arial,sans-serif}
.hud-bottom{position:relative}
.combat-feedback{position:absolute;left:35%;top:0;font:bold 8px/1 Arial,sans-serif;letter-spacing:.6px;pointer-events:none;white-space:nowrap}
.p2 .combat-feedback{left:auto;right:35%}
.combat-feedback[data-kind="counter"]{color:#c6b3ff}
.combat-feedback[data-kind="punish"]{color:#ffc07c}
/* After the bell: the original fighters take the stage, with a clear result column. */
.overlay-content{width:min(90%,600px);display:flex;flex-direction:column;align-items:center}
.game-shell.is-result .canvas-wrap:has(.phase-match-end){min-height:0}
.game-shell.is-result .arena-bottom{display:none}
.game-shell.is-result .stage-overlay.phase-match-end{display:block;padding:0;text-align:left;overflow:hidden;background:transparent!important;backdrop-filter:none!important;pointer-events:auto}
.game-shell.is-result .phase-match-end .overlay-content{position:absolute;left:58%;right:5%;top:max(58px,10%);bottom:6%;width:auto;max-width:520px;align-items:flex-start;justify-content:center;box-sizing:border-box}
.game-shell.is-result .result-broadcast{position:absolute;top:4%;left:4%;display:flex;flex-direction:column;gap:5px;color:#d6dccb;pointer-events:none}
.game-shell.is-result .result-broadcast b{font:italic 18px/1 Impact,'Arial Black',sans-serif;letter-spacing:1px;color:#f3eedc}
.game-shell.is-result .result-broadcast span{font:7px/1.3 monospace;letter-spacing:1.6px;color:#9baab0}
.game-shell.is-result .phase-match-end .overlay-label{font:8px/1.3 Arial,sans-serif;letter-spacing:1.5px;color:#aab9bd}
.game-shell.is-result .phase-match-end #overlay-title{font:italic clamp(42px,6.8vw,110px)/.98 Impact,'Arial Black',sans-serif;letter-spacing:1px;color:var(--result-color);transform:none;text-shadow:3px 4px 0 #060c12;margin:8px 0 20px;max-width:100%}
.game-shell.is-result .result-identity{width:100%;padding-left:12px;border-left:3px solid var(--fighter-accent);margin:0 0 14px}
.game-shell.is-result .result-identity>span{display:block;font:7px/1.2 Arial,sans-serif;letter-spacing:1.8px;color:#a8b4b9}
.game-shell.is-result .result-identity h2{font:italic clamp(24px,3.3vw,48px)/1.08 Impact,'Arial Black',sans-serif;letter-spacing:.5px;color:#f3eedc;margin:4px 0 0;overflow-wrap:anywhere}
.game-shell.is-result .result-scoreline{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:360px;padding-bottom:12px;border-bottom:1px solid #72858a50}
.game-shell.is-result .result-scoreline>div{display:flex;flex-direction:column;gap:4px}
.game-shell.is-result #result-score-label{font:7px/1.3 Arial,sans-serif;letter-spacing:.5px;color:#a1afb7}
.game-shell.is-result #result-score{font:24px/1 Impact,'Arial Black',sans-serif;letter-spacing:3px;color:#e5e6d8;text-shadow:none;transform:none;margin:0}
.game-shell.is-result #result-cause{font:bold 8px/1.3 Arial,sans-serif;letter-spacing:1px;padding:6px 8px;color:#ccd9d9;border:1px solid #70858b6b;white-space:nowrap}
.game-shell.is-result .result-quote{font:italic 13px/1.5 Arial,sans-serif;color:#d7dcce;margin:16px 0 6px;padding:0;max-width:320px}
.game-shell.is-result .result-quote:before{content:'“';color:var(--fighter-accent)}
.game-shell.is-result .result-quote:after{content:'”';color:var(--fighter-accent)}
.game-shell.is-result .result-receipt{box-sizing:border-box;width:100%;max-width:360px;align-items:flex-start;gap:4px;padding:12px 0 10px;margin:14px 0 0;border:0;border-top:1px solid #71808a60;background:transparent}
.game-shell.is-result .result-heading{font:bold 9px/1.3 Arial,sans-serif;letter-spacing:1.4px}
.game-shell.is-result .result-money{gap:9px;justify-content:flex-start}
.game-shell.is-result .result-money b{font:clamp(27px,3.5vw,48px)/1 Impact,'Arial Black',sans-serif;letter-spacing:1px}
.game-shell.is-result .result-money .asset-icon{width:30px;height:30px}
.game-shell.is-result .result-money>span:last-child{font:bold 13px/1.2 Arial,sans-serif}
.game-shell.is-result .result-receipt #result-detail{font:9px/1.3 Arial,sans-serif;color:#b6c5c7}
.game-shell.is-result .result-demo{font:7px/1.3 Arial,sans-serif;letter-spacing:1px;color:#a4b3b6}
.game-shell.is-result .phase-match-end #overlay-copy{font:10px/1.5 Arial,sans-serif;color:#b2c1c6;margin:12px 0 0}
.game-shell.is-result .stage-buttons{width:100%;max-width:360px;display:grid;grid-template-columns:1fr;gap:8px;margin:20px 0 0}
.game-shell.is-result .stage-buttons button{min-height:48px;margin:0;padding:11px 14px;border-radius:0;font:bold 11px/1.3 Arial,sans-serif;letter-spacing:1px;white-space:normal}
.game-shell.is-result .stage-buttons #rematch{background:var(--result-color);color:#111b20;border:1px solid var(--result-color)}
.game-shell.is-result .stage-buttons #change-setup{background:#0c1721b0;color:#b6c8c8;border:1px solid #72858a80}
.game-shell.is-result .stage-buttons button:focus-visible{outline:3px solid #fff5dd;outline-offset:4px}
.game-shell.is-result .phase-match-end .result-input-hint{font:8px/1.3 Arial,sans-serif;color:#8da4ac;margin:8px 0 0}
@media(orientation:landscape) and (max-height:600px){
  .game-shell.is-result .phase-match-end .overlay-content{left:58%;right:4%;top:55px;bottom:16px}
  .game-shell.is-result .result-broadcast{top:6%;left:4%;gap:3px}
  .game-shell.is-result .result-broadcast b{font-size:14px}
  .game-shell.is-result .result-broadcast span{font-size:6px;letter-spacing:.8px}
  .game-shell.is-result .phase-match-end .overlay-label{font-size:7px;letter-spacing:.8px}
  .game-shell.is-result .phase-match-end #overlay-title{font-size:clamp(32px,6vw,58px);margin:4px 0 8px}
  .game-shell.is-result .result-identity{padding-left:8px;margin-bottom:8px}
  .game-shell.is-result .result-identity>span{font-size:6px;letter-spacing:1px}
  .game-shell.is-result .result-identity h2{font-size:clamp(21px,3.3vw,31px);margin-top:2px}
  .game-shell.is-result .result-scoreline{gap:8px;padding-bottom:7px}
  .game-shell.is-result #result-score-label{font-size:6px}
  .game-shell.is-result #result-score{font-size:19px;letter-spacing:2px}
  .game-shell.is-result #result-cause{font-size:7px;padding:5px 6px;letter-spacing:.5px}
  .game-shell.is-result .result-quote{font-size:10px;margin:9px 0 0}
  .game-shell.is-result .result-receipt{gap:3px;padding:7px 0 0;margin-top:8px}
  .game-shell.is-result .result-heading{font-size:8px}
  .game-shell.is-result .result-money b{font-size:29px}
  .game-shell.is-result .result-money .asset-icon{width:24px;height:24px}
  .game-shell.is-result .result-money>span:last-child{font-size:11px}
  .game-shell.is-result .result-receipt #result-detail{font-size:8px}
  .game-shell.is-result .result-demo{font-size:6px;letter-spacing:.6px}
  .game-shell.is-result .phase-match-end #overlay-copy{font-size:9px;margin:8px 0 0}
  .game-shell.is-result .stage-buttons{grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}
  .game-shell.is-result .stage-buttons button{min-height:44px;padding:8px 7px;font-size:9px;letter-spacing:.5px}
  .game-shell.is-result .phase-match-end .result-input-hint{font-size:7px;margin-top:6px}
}
@media(orientation:landscape) and (max-height:400px){
  .game-shell.is-result .phase-match-end .overlay-content{top:51px;bottom:12px}
  .game-shell.is-result .phase-match-end #overlay-title{font-size:clamp(30px,5.7vw,48px);margin:2px 0 6px}
  .game-shell.is-result .result-quote,.game-shell.is-result .phase-match-end #overlay-copy,.game-shell.is-result .phase-match-end .result-input-hint{display:none}
  .game-shell.is-result .result-identity{margin-bottom:6px}
  .game-shell.is-result .result-scoreline{padding-bottom:5px}
  .game-shell.is-result .stage-buttons{margin-top:10px}
}
@media(orientation:landscape) and (max-height:350px){
  .game-shell.is-result .phase-match-end .overlay-content{top:44px;bottom:8px}
  .game-shell.is-result .phase-match-end #overlay-title{font-size:clamp(28px,5.5vw,40px);margin:2px 0 5px}
  .game-shell.is-result .result-identity h2{font-size:19px}
  .game-shell.is-result .result-draw .result-identity h2{font-size:17px}
  .game-shell.is-result #result-score{font-size:17px}
  .game-shell.is-result .result-scoreline{padding-bottom:4px}
  .game-shell.is-result .result-receipt{margin-top:6px;padding-top:5px}
  .game-shell.is-result .result-money b{font-size:25px}
  .game-shell.is-result .stage-buttons{margin-top:8px}
}
.player-page .prep-mode .segmented{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:450px;min-width:0;max-width:100%;gap:2px}
.player-page .prep-mode .segmented button{min-height:44px;padding:7px 9px;line-height:1.3;white-space:normal}
.training-tools{display:flex;align-items:center;gap:12px;flex:none;min-height:56px;padding:6px 18px;border-bottom:1px solid #485e47;background:#152324;color:#dbe7d0}
.training-title{flex:1;min-width:90px;display:flex;flex-direction:column;gap:4px}
.training-title>b{font:bold 10px Arial,sans-serif;letter-spacing:1px;color:var(--lime)}
.training-title>span{font:9px/1.4 Arial,sans-serif;color:#a3b79c}
.training-tools button{min-height:44px;padding:8px 13px;background:#213429;border:1px solid #687e52;color:#e2edce;font:bold 9px Arial,sans-serif;white-space:nowrap}
.training-tools button:hover{background:#30492f;border-color:var(--lime)}
.training-tools label{display:flex;align-items:center;gap:8px;font:9px Arial,sans-serif;color:#bccbb0}
.training-tools select{min-height:44px;min-width:105px;background:#1e3028;border:1px solid #607950;border-radius:0;color:#edf4de;font:11px Arial,sans-serif;padding:7px 9px}
.training-readout{font:bold 10px/1.4 monospace;color:var(--coral);max-width:145px;text-align:right}
.combat-guide{border-top:1px solid #455c3d;margin-top:18px;padding-top:15px}
.combat-guide h3{font:bold 10px Arial,sans-serif;letter-spacing:1px;color:var(--lime);margin:0 0 12px}
.combat-guide dl{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;margin:0}
.combat-guide dl>div{min-width:0}.combat-guide dt{font:bold 9px Arial,sans-serif;color:#e0eacd;margin-bottom:5px}
.combat-guide dd{margin:0;font:10px/1.6 Arial,sans-serif;color:#b0c1a0}
.combat-guide>p{margin:14px 0 0;font:10px/1.6 Arial,sans-serif;color:#b0c1a0}
.game-shell .touch-controls .touch-throw{grid-column:1;grid-row:1;width:44px;height:44px;padding:0;justify-self:start;align-self:start;color:#e8c8ac;background:#162129ad}
@media(orientation:landscape) and (max-height:350px){
  .game-shell.touch-visible{--touch-stick-size:72px;--touch-knob-size:28px;--touch-knob-travel:20px;--touch-button-size:44px}
  .game-shell.touch-visible.touch-large{--touch-stick-size:84px;--touch-knob-size:32px;--touch-knob-travel:24px;--touch-button-size:48px}
}
.models-preview .character-picker{grid-template-columns:repeat(2,minmax(0,1fr))}
.models-preview .play-modes{grid-template-columns:1fr}
.art-comparison{display:flex;align-items:center;gap:6px;margin:0 0 15px;font:9px monospace;letter-spacing:.5px}
.art-comparison>span{margin-right:auto;color:#99a9a4;font-size:8px}
.art-comparison>a{padding:8px 12px;color:#c8d8ce;text-decoration:none;border:1px solid #394640}
.art-comparison>a:hover,.art-comparison>a:focus-visible{border-color:#d6ff49;color:#efffc2}
.art-comparison>a[aria-current]{color:#101818;background:#d6ff49;border-color:#d6ff49;font-weight:bold}
@media(max-height:500px){.art-comparison{margin-bottom:8px}.art-comparison>a{padding:5px 9px}.art-comparison>span{font-size:7px}}
@media(orientation:landscape) and (max-height:600px){
  .player-page .game-shell .prep-mode .segmented{width:405px;max-width:100%;flex:0 1 405px}
  .player-page .game-shell .prep-mode .segmented button{min-height:44px;padding:6px;font-size:9px}
  .training-tools{min-height:48px;padding:2px 12px;gap:8px}
  .training-title{min-width:65px;flex:1}.training-title>span{display:none}
  .training-tools button{padding:6px 10px;font-size:8px}
  .training-tools label{gap:2px;flex-direction:column;align-items:flex-start;font-size:7px;line-height:1}
  .training-tools select{min-height:44px;min-width:92px;padding:6px;font-size:10px}
  .training-readout{font-size:9px;max-width:110px}
}
@media(max-width:700px){
  .player-page .game-shell .prep-mode .segmented{width:100%;flex-basis:100%}
  .training-title{display:none}.training-tools{gap:6px;padding:2px 8px}
  .training-readout{flex:1;font-size:8px;min-width:0;overflow-wrap:anywhere}
  .training-tools select{min-width:84px}
  .training-tools button{font-size:8px;padding:6px 8px}
  .combat-guide dl{gap:10px 14px}.combat-guide dd{font-size:9px}
}

/* Local or online first; explicit game-credit and USDC stakes. */
.play-modes.arena-play-modes{grid-template-columns:repeat(2,minmax(0,1fr));max-width:850px}
.player-page .play-entry{display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:start;gap:16px;max-width:1060px}
.match-scope-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.match-scope-selector>button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:64px;padding:10px 15px;border:1px solid #60764d;background:#18292a;color:#e2e8cf;text-align:left}
.match-scope-selector>button.selected{border-color:var(--lime);background:#293b28}.match-scope-selector>button:hover:not(:disabled){border-color:var(--lime)}
.match-scope-selector b{font:bold 13px/1.4 Arial,sans-serif;letter-spacing:.8px}.match-scope-selector small{font:10px/1.4 Arial,sans-serif;color:#bdccb1;margin-top:4px}
.entry-stake-modes{display:flex;align-items:stretch;gap:12px;max-width:1060px;margin:10px 0 8px}
.entry-stake-modes .entry-money-choices{flex:1;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.entry-stake-modes .entry-money-choices:has(>[data-play-mode="crypto"].hidden){grid-template-columns:minmax(0,1fr)}
.player-page .entry-stake-modes .play-modes>button{min-height:60px;padding:10px 13px;gap:0;align-items:center;text-align:left}
.player-page .entry-stake-modes .play-modes b{font-size:11px;letter-spacing:.6px}.player-page .entry-stake-modes .play-modes small{font-size:10px;margin-top:4px;line-height:1.4;color:#c1cdb5}
.player-page .entry-stake-modes .play-modes [data-play-mode="crypto"]{border-style:solid;border-color:#78954e;background:#263727;color:#edf1d7}
.player-page .entry-stake-modes .play-modes [data-play-mode="crypto"] b{color:var(--lime)}
.player-page .entry-stake-modes .play-modes i{font:7px/1.4 Arial,sans-serif;letter-spacing:.4px;font-style:normal;background:none;border:1px solid #71864e;color:#d4e7b5;vertical-align:middle;margin-left:7px;padding:3px 5px}
.entry-no-stake{flex:0 0 112px;min-height:44px;padding:9px 12px;background:none;border:1px solid #455a49;color:#c9d7bd;font:bold 10px/1.4 Arial,sans-serif;letter-spacing:.4px}
.entry-no-stake.selected{color:var(--lime);border-color:#99b85d;background:#1b2c24}
.local-opponent-field{display:flex;align-items:center;gap:10px;font:9px/1.4 Arial,sans-serif;color:#bdceb0}
.local-opponent-field select{min-height:44px;min-width:180px;max-width:230px;padding:8px 10px;border:1px solid #667f52;border-radius:0;background:#142423;color:#e7edda;font:11px/1.4 Arial,sans-serif}
.online-credit-controls{display:flex;align-items:center;gap:14px;margin:12px 0;padding:6px 10px;border:1px solid #536a48;background:#1e3027}
.online-credit-controls>label{display:flex;align-items:center;gap:10px;flex:none;color:#dae8c5;font:bold 9px/1.4 Arial,sans-serif;letter-spacing:.4px}
.online-credit-controls select{min-height:44px;min-width:94px;padding:8px 10px;background:#12231d;border:1px solid #7b9457;border-radius:0;color:#edf2dc;font:bold 12px/1.4 Arial,sans-serif}
.online-credit-controls>p{margin:0;font:10px/1.5 Arial,sans-serif;color:#c5d4b6}
.online-credit-controls select:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.play-entry-wallet{min-width:0}.play-entry-wallet>button{min-height:44px;width:100%;padding:11px 12px;border:1px solid #92aa6a;background:#1d3027;color:#e5efd2;font:bold 11px/1.4 Arial,sans-serif;letter-spacing:.5px}
.play-entry-wallet>button:hover:not(:disabled){background:#29412c;border-color:var(--lime)}
.play-entry-wallet>p{font:10px/1.5 Arial,sans-serif;color:#b2c3a8;margin:6px 0 0;overflow-wrap:anywhere}
.game-shell:not(.is-preparing) .play-entry,.game-shell:not(.is-preparing) .entry-stake-modes,.game-shell:not(.is-preparing) .player-identity-row{display:none}
@media(orientation:landscape) and (max-height:600px){
  .player-page .play-entry{grid-template-columns:minmax(0,1fr) 175px;gap:12px}
  .match-scope-selector>button{min-height:54px;padding:8px 11px}.match-scope-selector b{font-size:11px;letter-spacing:.5px}.match-scope-selector small{font-size:9px;margin-top:3px}
  .entry-stake-modes{margin:8px 0 5px;gap:10px}.player-page .entry-stake-modes .play-modes>button{min-height:48px;padding:7px 11px}.player-page .entry-stake-modes .play-modes b{font-size:10px}.player-page .entry-stake-modes .play-modes small{font-size:8px;margin-top:3px}
  .entry-no-stake{font-size:9px;flex-basis:104px}.local-opponent-field{gap:8px}.local-opponent-field select{font-size:10px;min-width:165px}
  .online-credit-controls{margin:9px 0;padding:4px 8px;gap:12px}.online-credit-controls>p{font-size:9px}
  .play-entry-wallet>button{font-size:10px}.play-entry-wallet>p{font-size:9px;line-height:1.4;margin-top:4px}
}
@media(max-width:700px){
  .player-page .play-entry{grid-template-columns:minmax(0,1fr) 145px;gap:9px}
  .match-scope-selector{gap:6px}.match-scope-selector>button{min-height:54px;padding:8px}.match-scope-selector b{font-size:10px;letter-spacing:.3px}.match-scope-selector small{font-size:8px}
  .entry-stake-modes{gap:8px}.entry-stake-modes .entry-money-choices{gap:6px}.player-page .entry-stake-modes .play-modes>button{min-height:48px;padding:7px 8px}
  .player-page .entry-stake-modes .play-modes b{font-size:10px;letter-spacing:.3px}.player-page .entry-stake-modes .play-modes small{font-size:8px;margin-top:3px}
  .player-page .entry-stake-modes .play-modes i{font-size:6px;letter-spacing:0;padding:2px 3px;margin-left:4px}.entry-no-stake{flex-basis:91px;font-size:8px;padding-inline:8px}
  .local-opponent-field select{min-width:150px;max-width:200px;font-size:10px}.local-opponent-field{gap:6px;font-size:8px}
  .online-credit-controls{gap:10px}.online-credit-controls>label{gap:7px;font-size:8px}.online-credit-controls select{min-width:80px}.online-credit-controls>p{font-size:9px}
  .play-entry-wallet>button{font-size:9px;padding:10px 7px}.play-entry-wallet>p{font-size:8px;line-height:1.4}
}
@media(max-width:480px) and (orientation:portrait){
  .player-page .play-entry{grid-template-columns:minmax(0,1fr)}
  .play-entry-wallet{display:flex;gap:12px;align-items:center}.play-entry-wallet>button{width:auto;flex:0 0 145px}.play-entry-wallet>p{margin:0;flex:1}
}
.credits-entry{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 8px;color:#a8b99d;font:10px/1.5 Arial,sans-serif}
.credits-entry>button{min-height:44px;padding:8px 0;color:#d9e6c4;background:none;border:0;border-bottom:1px solid #62794f;font:bold 10px/1.4 Arial,sans-serif;letter-spacing:.3px}
.credits-entry>button.selected{color:var(--lime);border-color:var(--lime)}
.credits-entry>button:focus-visible{outline:3px solid var(--lime);outline-offset:4px}
.credits-entry>button.hidden{display:none}
.credits-entry:has(>button.hidden){display:none}
.wager-layout .practice-primary-asset{grid-template-columns:minmax(0,1fr);max-width:360px}
.wager-layout .practice-primary-asset>button{min-height:80px;align-items:center;justify-content:center;padding:14px 12px}
.practice-currency-examples{margin-top:12px;border-top:1px solid #4c654c}
.practice-currency-examples>summary{min-height:44px;padding:13px 0;color:#b8c7ad;font:10px/1.5 Arial,sans-serif;cursor:pointer}
.practice-currency-examples>summary:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
.practice-currency-examples>p{font:10px/1.6 Arial,sans-serif;color:#bcc9b0;margin:0 0 12px}
.wager-layout .practice-example-assets{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.wager-layout .practice-example-assets>button{min-height:80px;padding:12px 7px}
.wager-layout .practice-example-assets>button>b{font-size:12px}
.wager-layout .practice-example-assets>button>small{font-size:8px;line-height:1.5}
.player-page .crypto-arena-sheet{position:fixed;inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);margin:auto;width:min(840px,calc(100% - 28px - env(safe-area-inset-left) - env(safe-area-inset-right)));max-height:calc(var(--player-height,100dvh) - 28px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:0;overflow:hidden;border:1px solid #7b8f66;background:#132125;color:#eeeeda}
.crypto-arena-sheet[open]{display:flex;flex-direction:column}
.crypto-arena-sheet .keyboard-heading{flex:none;padding:20px 22px 12px;margin:0;border:0;gap:15px;align-items:center}
.crypto-arena-sheet .keyboard-heading .eyebrow{font:8px/1.4 Arial,sans-serif;color:#acbdac;letter-spacing:1.1px;margin:0 0 7px}
.crypto-arena-sheet .keyboard-heading h2{font:italic 30px/1.02 Impact,'Arial Black',sans-serif;letter-spacing:.5px;margin:0}
.crypto-arena-sheet .keyboard-heading>button{width:44px;height:44px;min-height:44px;flex:none;padding:0;color:#e2e9d5;border:1px solid #647c63;background:#1a302e;font:20px/1 Arial,sans-serif}
.crypto-preview-note{flex:none;font:10px/1.5 Arial,sans-serif;color:#c3ccbd;padding:0 22px 12px;margin:0}
.crypto-preview-note b{color:#f2d5aa;font-size:9px;letter-spacing:.5px;margin-right:8px}
.crypto-stepbar{flex:none;display:flex;justify-content:space-between;gap:16px;padding:10px 22px;border-block:1px solid #4f6452;color:#b8c9b1;font:8px/1.4 Arial,sans-serif;letter-spacing:.9px}
.crypto-stepbar>span:first-child{color:var(--lime);font-weight:bold}
.crypto-sheet-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#81975b #142323;padding:20px 22px 12px}
.crypto-flow-panel{min-width:0}
.crypto-flow-intro{font:13px/1.6 Arial,sans-serif;color:#d8e1cc;margin:0 0 16px;max-width:620px}
.crypto-detail-copy{font:11px/1.6 Arial,sans-serif;color:#acbdb0;margin:12px 0 0}
.crypto-currency-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.crypto-currency-grid>button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:12px;padding:18px 15px;min-height:145px;color:#e7ead8;border:1px solid #62745e;background:#1a2d2d;border-radius:0}
.crypto-currency-grid>button.selected{border:2px solid var(--lime);padding:17px 14px;background:#27392c}
.crypto-currency-grid>button>b{font:bold 18px/1.2 Arial,sans-serif}
.crypto-currency-grid>button>span{font:11px/1.5 Arial,sans-serif;color:#bfccba}
.crypto-currency-grid>button>small{font:7px/1.5 Arial,sans-serif;letter-spacing:.3px;color:#b1c49e;margin-top:auto}
.crypto-currency-grid>button i{font:7px/1.4 Arial,sans-serif;color:#d7b991;font-style:normal;display:block;margin-top:7px;letter-spacing:.5px}
.crypto-currency-grid>button:disabled{opacity:.62;cursor:default;background:#162525}
.crypto-stake-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 18px}
.crypto-stake-options>button{min-height:64px;padding:12px;border:1px solid #63765e;background:#192b2c;color:#d4dfc6;font:11px/1.4 Arial,sans-serif}
.crypto-stake-options>button>b{font:28px/1 Impact,'Arial Black',sans-serif;letter-spacing:.5px;margin-right:6px}
.crypto-stake-options>button.selected{background:var(--lime);border-color:var(--lime);color:#18231c}
.crypto-stake-example{padding:16px 18px;border-left:3px solid var(--coral);background:#1c2d2b}
.crypto-stake-example>span,.crypto-field-label{font:bold 8px/1.4 Arial,sans-serif;letter-spacing:1px;color:#b9cbb1;margin:0 0 12px;display:block}
.crypto-stake-example>strong{font:23px/1.4 Arial,sans-serif;font-weight:normal;display:block;color:#e8ead5}
.crypto-stake-example>strong b{font:32px/1 Impact,'Arial Black',sans-serif;color:var(--lime)}
.crypto-stake-example>strong small{font:11px/1.5 Arial,sans-serif;color:#becbb7;margin-right:6px}
.crypto-stake-example>p{font:11px/1.5 Arial,sans-serif;color:#b2c0af;margin:10px 0 0}
.crypto-funds-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.crypto-wallet-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:11px;color:#18231c;background:var(--lime);border:1px solid var(--lime);font:bold 10px/1.5 Arial,sans-serif}
.crypto-wallet-lines{margin:14px 0 0;font:11px/1.5 Arial,sans-serif;color:#b8c9b6}
.crypto-wallet-lines>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid #475e4d}
.crypto-wallet-lines dt{color:#adbfad;min-width:0}
.crypto-wallet-lines dd{margin:0;color:#e2e7d0;text-align:right;min-width:0;overflow-wrap:anywhere}
.crypto-funding-box{padding:16px;background:#1b2e2c;border:1px solid #4e6855}
.crypto-source-options{display:grid;gap:8px}
.crypto-source-options>button{min-height:58px;padding:10px 12px;border:1px solid #637c5d;background:#122526;color:#dbe3cb;text-align:left;font:11px/1.4 Arial,sans-serif}
.crypto-source-options>button b{display:block;font-size:11px}
.crypto-source-options>button small{display:block;font:9px/1.5 Arial,sans-serif;color:#b2c4ad;margin-top:3px}
.crypto-source-options>button.selected{border-color:var(--lime);box-shadow:inset 3px 0 0 var(--lime);background:#263b2c}
.crypto-route-label{font:bold 10px/1.5 Arial,sans-serif;color:#d1dfbd;margin:13px 0 0}
.crypto-link-button{min-height:44px;padding:8px 0;background:none;border:0;color:var(--lime);font:bold 9px/1.5 Arial,sans-serif;text-decoration:underline;text-underline-offset:4px}
.crypto-funding-details{margin:18px 0 0;border-top:1px solid #4f6754}
.crypto-funding-details>summary{min-height:44px;padding:13px 0;color:#ccdabd;font:11px/1.5 Arial,sans-serif;cursor:pointer}
.crypto-funding-details .crypto-wallet-lines{margin-top:0}
.crypto-review-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:26px;align-items:start}
.crypto-match-receipt{font:12px/1.5 Arial,sans-serif;margin:0;color:#c0cdb8}
.crypto-match-receipt>div{display:flex;justify-content:space-between;align-items:baseline;gap:15px;padding:9px 0;border-bottom:1px solid #4c6451}
.crypto-match-receipt dt{min-width:0}
.crypto-match-receipt dd{min-width:0;margin:0;text-align:right;color:#e6ecd5;font-weight:bold;overflow-wrap:anywhere}
.crypto-match-receipt .receipt-pot{padding-block:13px;color:#e4e9d4}
.crypto-match-receipt .receipt-pot dd{font:26px/1.1 Impact,'Arial Black',sans-serif;letter-spacing:.5px}
.crypto-match-receipt .receipt-payout dd{color:var(--lime)}
.crypto-review-rule{padding:18px;border-left:2px solid var(--coral);background:#1c2d2b}
.crypto-review-rule>b{font:italic 25px/1.05 Impact,'Arial Black',sans-serif;color:#ececda;letter-spacing:.5px}
.crypto-review-rule>p{font:11px/1.6 Arial,sans-serif;color:#bdcbb4;margin:13px 0 0}
.crypto-review-rule>.crypto-detail-copy{color:#a9bbad;font-size:10px}
.crypto-flow-status{font:10px/1.5 Arial,sans-serif;color:#b1c1aa;margin:18px 0 0}
.crypto-sheet-footer{display:flex;flex:none;align-items:center;gap:10px;border-top:1px solid #536a54;background:#152425;padding:14px 22px;min-height:72px}
.crypto-sheet-footer>button{min-height:44px;padding:11px 14px;background:#1e302e;border:1px solid #6d835e;color:#d0dfbc;font:bold 10px/1.4 Arial,sans-serif}
.crypto-sheet-footer>.crypto-primary-action{margin-left:auto;background:var(--coral);border-color:var(--coral);color:#16221c;min-width:205px}
.crypto-sheet-footer>.crypto-primary-action:disabled{background:#293830;border-color:#667958;color:#bac6ab;cursor:default}
.crypto-arena-sheet button:focus-visible,.crypto-funding-details>summary:focus-visible{outline:3px solid #f4f0d4;outline-offset:3px}
@media(orientation:landscape) and (max-height:600px){
  .credits-entry{gap:12px;font-size:8px;margin-bottom:2px}.credits-entry>button{font-size:8px}
  .player-page .crypto-arena-sheet{width:min(840px,calc(100% - 16px - env(safe-area-inset-left) - env(safe-area-inset-right)));max-height:calc(var(--player-height,100dvh) - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
  .crypto-arena-sheet .keyboard-heading{padding:8px 14px 5px;gap:10px}.crypto-arena-sheet .keyboard-heading h2{font-size:23px}.crypto-arena-sheet .keyboard-heading .eyebrow{font-size:7px;margin-bottom:4px}
  .crypto-preview-note{padding:0 14px 6px;font-size:9px}.crypto-preview-note b{font-size:8px;margin-right:5px}
  .crypto-stepbar{padding:6px 14px;font-size:7px;letter-spacing:.4px}.crypto-sheet-body{padding:12px 14px 8px}
  .crypto-flow-intro{font-size:11px;margin-bottom:10px}.crypto-detail-copy{font-size:10px;line-height:1.5;margin-top:8px}
  .crypto-currency-grid{gap:8px}.crypto-currency-grid>button{min-height:112px;padding:13px 11px;gap:8px}.crypto-currency-grid>button.selected{padding:12px 10px}.crypto-currency-grid>button>b{font-size:16px}.crypto-currency-grid>button>span{font-size:10px}.crypto-currency-grid>button>small{font-size:6px}
  .crypto-stake-options{margin-bottom:10px;gap:8px}.crypto-stake-options>button{min-height:48px;padding:8px}.crypto-stake-options>button>b{font-size:23px}
  .crypto-stake-example{padding:10px 13px}.crypto-stake-example>span{margin-bottom:5px}.crypto-stake-example>strong{font-size:18px}.crypto-stake-example>strong b{font-size:25px}.crypto-stake-example>p{font-size:10px;margin-top:5px}
  .crypto-funds-grid{gap:16px}.crypto-wallet-lines{font-size:10px;margin-top:8px}.crypto-wallet-lines>div{padding:5px 0;gap:9px}.crypto-funding-box{padding:11px}.crypto-field-label{font-size:7px;margin-bottom:8px}.crypto-source-options>button{min-height:48px;padding:8px 10px}.crypto-source-options>button small{font-size:8px}
  .crypto-funding-details{margin-top:10px}.crypto-route-label{font-size:9px;margin-top:8px}.crypto-review-grid{gap:16px}.crypto-match-receipt{font-size:10px}.crypto-match-receipt>div{padding:5px 0;gap:10px}.crypto-match-receipt .receipt-pot{padding-block:7px}.crypto-match-receipt .receipt-pot dd{font-size:22px}.crypto-review-rule{padding:12px}.crypto-review-rule>b{font-size:21px}.crypto-review-rule>p{font-size:10px;line-height:1.5;margin-top:9px}
  .crypto-flow-status{font-size:9px;margin-top:10px}.crypto-sheet-footer{min-height:60px;padding:8px 14px;gap:8px}.crypto-sheet-footer>button{font-size:9px;padding:10px 12px}.crypto-sheet-footer>.crypto-primary-action{min-width:170px}
}
@media(max-width:560px){
  .crypto-funds-grid,.crypto-review-grid{grid-template-columns:1fr;gap:16px}.crypto-currency-grid{grid-template-columns:1fr}.crypto-currency-grid>button{min-height:90px}
  .crypto-sheet-footer{flex-wrap:wrap}.crypto-sheet-footer>.crypto-primary-action{flex:1;min-width:155px}.crypto-stepbar{gap:10px}.crypto-stepbar>span:last-child{font-size:6px}
}


.online-lobby-tabs{display:flex;gap:8px;margin:14px 0}.online-lobby-tabs button{min-height:44px;flex:1;border:1px solid var(--line);border-radius:6px;background:#111b20;color:var(--muted);padding:8px 12px;font-size:11px;font-weight:800}.online-lobby-tabs button.selected{border-color:var(--lime);color:var(--lime);background:#23352b}.online-profile{display:flex;flex-wrap:wrap;align-items:center;gap:12px;color:var(--muted);font-size:10px}.online-profile b{color:var(--white);font-variant-numeric:tabular-nums}.online-profile>.room-button{margin-left:auto}.online-quick-tools{border:1px solid var(--line);padding:12px;border-radius:7px}.online-quick-tools p{color:var(--muted);font-size:11px;line-height:1.5}.online-quick-tools button,.online-leaderboard button{min-height:44px}.online-connection-status{font-size:11px;color:var(--lime);line-height:1.4}.online-leaderboard{border:1px solid var(--line);padding:12px;margin-top:12px;border-radius:7px}.online-leaderboard h4{margin:0 0 8px;font-size:12px}.online-leaderboard p{font-size:10px;color:var(--muted);line-height:1.4}.online-leaderboard ol{padding-left:23px;max-height:160px;overflow:auto}.online-leaderboard li{padding:7px 0;font-size:11px;color:var(--white)}.online-leaderboard button{border:1px solid var(--line);background:#26312d;border-radius:5px;padding:8px 14px}.online-lobby-tabs button:disabled{opacity:.45}@media(max-height:450px)and(orientation:landscape){.online-profile{gap:8px}.online-lobby-tabs{margin:9px 0}.online-quick-tools{padding:8px}.online-heading h3{font-size:17px}}
.usdc-sheet h3{font:bold 12px/1.4 Arial,sans-serif;letter-spacing:.8px;margin:0 0 10px}
.usdc-sheet .crypto-sheet-body>section{padding:18px 0;border-bottom:1px solid #405547}
.usdc-sheet .crypto-sheet-body{overscroll-behavior:contain;padding-top:14px}
.usdc-progress{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:0;flex:none;list-style:none;margin:0;padding:0 22px;border-block:1px solid #405547}
.usdc-progress>li{display:flex;align-items:center;gap:8px;min-width:0;padding:11px 9px;font:bold 9px/1.4 Arial,sans-serif;color:#a9bca7;letter-spacing:.7px;border-bottom:2px solid transparent}
.usdc-progress>li:first-child{padding-left:0}.usdc-progress>li>span{font:9px/1.4 monospace;color:#9cafa1}
.usdc-progress>li.is-current,.usdc-progress>li[aria-current="step"]{color:var(--lime);border-bottom-color:var(--lime)}
.usdc-progress>li.is-complete,.usdc-progress>li.is-done{color:#e0e7cf}.usdc-progress>li.is-complete>span,.usdc-progress>li.is-done>span{color:var(--lime)}
.usdc-config-status{flex:none;margin:0;padding:8px 22px 0;font:10px/1.4 Arial,sans-serif;color:#b2c3ab}
.usdc-duel-preview{display:grid;grid-template-columns:155px minmax(0,1fr);gap:10px 22px;padding:14px 16px;border:1px solid #647851;background:#21322a}
.usdc-amount-label{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:center;font:bold 10px/1.4 Arial,sans-serif;color:#d7e1c9}
.usdc-amount-label input,.usdc-amount-label select{min-height:44px;max-width:150px;width:100%;border:1px solid #789254;border-radius:0;padding:9px 10px;color:#edf2dc;background:#14231e;font:bold 16px/1.4 Arial,sans-serif}
.usdc-preview-receipt{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;margin:0;min-width:0}
.usdc-preview-receipt>div{min-width:0}.usdc-preview-receipt dt{font:10px/1.4 Arial,sans-serif;color:#c0cdb0;margin-bottom:4px}
.usdc-preview-receipt dd{font:bold 13px/1.3 Arial,sans-serif;color:#edf2dc;font-variant-numeric:tabular-nums;margin:0;overflow-wrap:anywhere}
.usdc-preview-receipt .usdc-preview-pot dd,.usdc-preview-receipt .usdc-preview-win dd{font:25px/1.15 Impact,'Arial Black',sans-serif;letter-spacing:.4px}
.usdc-preview-receipt .usdc-preview-win dd{color:var(--lime)}
.usdc-duel-preview>.crypto-detail-copy,.usdc-preview-note{grid-column:1/-1;margin:0;font:10px/1.5 Arial,sans-serif;color:#c0ceb5}
.usdc-preview-note{font-size:9px;color:#aabb9e}
.usdc-wallet-actions,.usdc-transaction-actions{display:flex;flex-wrap:wrap;gap:8px}
.usdc-sheet button{min-height:44px}
.usdc-wallet-actions button,.usdc-transaction-actions button,#usdc-prepare,#usdc-funding-check{border:1px solid #657b59;background:#24352c;padding:10px 12px;border-radius:0;font:bold 11px/1.4 Arial,sans-serif;color:var(--lime)}
.usdc-transaction-actions button{flex:1 1 180px}.usdc-sheet dd{overflow-wrap:anywhere}.usdc-sheet .crypto-match-receipt{margin-top:0}
.usdc-sheet .online-actions{margin-top:14px}.usdc-sheet .room-code-label input,.usdc-sheet .online-share input{min-height:44px}
.usdc-room-section #usdc-room-create,.usdc-room-section #usdc-room-join{display:none}
.usdc-room-section:not(.is-joined)>.online-share{display:none}
.usdc-room-section.is-joined>h3,.usdc-room-section.is-joined>.crypto-detail-copy,.usdc-room-section.is-joined>.online-actions{display:none}
.usdc-sheet .crypto-sheet-body>.usdc-room-section.is-joined{padding:10px 0 12px}
.usdc-room-section.is-joined>.online-share{margin-top:0}
.usdc-sheet #usdc-room-status{font:11px/1.5 Arial,sans-serif;color:#d4dfc9;margin:12px 0 0}
.usdc-sheet .usdc-room-section.is-joined>#usdc-room-status{font-size:10px;margin-top:7px}
.usdc-wallet-summary{margin-top:12px}.usdc-wallet-summary>div:first-child dd{font-family:monospace;font-size:10px}
.usdc-funding-need{font:bold 12px/1.5 Arial,sans-serif;color:#e2e8cf;margin:14px 0 0}
.usdc-funding-guide,.usdc-contract-details,.usdc-manual-actions{border-top:1px solid #445c4b;margin-top:14px}
.usdc-funding-guide>summary,.usdc-contract-details>summary,.usdc-manual-actions>summary{min-height:44px;padding:14px 0;font:bold 10px/1.4 Arial,sans-serif;color:#c5d8b4;cursor:pointer;letter-spacing:.4px}
.usdc-funding-guide[open]>summary,.usdc-contract-details[open]>summary,.usdc-manual-actions[open]>summary{color:var(--lime)}
.usdc-funding-guide>summary:focus-visible,.usdc-contract-details>summary:focus-visible,.usdc-manual-actions>summary:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.usdc-funding-guide-body{padding:0 0 12px;font:12px/1.6 Arial,sans-serif;color:#c4d2b9}
.usdc-funding-guide-body>p{margin:0 0 12px}.usdc-funding-guide-body ol{margin:12px 0 16px;padding-left:22px}
.usdc-funding-guide-body li{padding-left:4px;margin:0 0 14px}.usdc-funding-guide-body li>b,.usdc-funding-guide-body li>span{display:block}
.usdc-funding-guide-body li>b{color:#ecf0dc;margin-bottom:5px}.usdc-funding-guide-body .crypto-wallet-lines{margin:0 0 14px}
.usdc-manual-actions .usdc-wallet-actions,.usdc-manual-actions .usdc-transaction-actions{margin:0 0 12px}.usdc-manual-actions #usdc-prepare{margin:0 0 8px}
.usdc-contract-details .crypto-wallet-lines{margin:0 0 12px}.usdc-rematch-actions{margin-top:14px}.usdc-rematch-actions:not(:has(button:not(.hidden))){display:none}
.usdc-contract-details .crypto-match-receipt{margin-bottom:10px}
.usdc-settlement-summary dd{max-width:70%;font-size:11px}.usdc-settlement-summary #usdc-claimable{color:var(--lime)}
.usdc-tx-status{line-height:1.5;font-size:11px;color:var(--lime)}.usdc-tx-hash{display:block;font-size:10px;overflow-wrap:anywhere;color:#b4c1ac}
.usdc-sheet input:focus-visible,.usdc-sheet select:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.usdc-guided-footer{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;min-height:80px}
.usdc-guided-footer>#usdc-done{background:none;border:0;padding:10px 0;font-size:9px;color:#c6d4b5;text-align:left;max-width:135px}
.usdc-guided-action{display:flex;align-items:center;gap:16px;min-width:0}.usdc-guided-action>p{flex:1;font:11px/1.5 Arial,sans-serif;color:#c4d0b7;margin:0;min-width:0}
.usdc-guided-action>.crypto-primary-action{flex:0 1 260px;min-width:200px;min-height:48px;padding:12px 16px;border:1px solid var(--lime);background:var(--lime);color:#15231b;font:bold 11px/1.4 Arial,sans-serif;letter-spacing:.5px}
.usdc-guided-action>.crypto-primary-action:disabled{opacity:1;background:#283b2c;border-color:#677c58;color:#b7c6a7}
@media(orientation:landscape) and (max-height:600px){
  .usdc-progress{padding-inline:14px}.usdc-progress>li{padding:7px 9px;font-size:8px;letter-spacing:.4px}.usdc-progress>li>span{font-size:8px}
  .usdc-config-status{padding:5px 14px 0;font-size:9px}.usdc-sheet .crypto-sheet-body{padding-top:9px}
  .usdc-duel-preview{grid-template-columns:130px minmax(0,1fr);gap:6px 16px;padding:10px 12px}
  .usdc-preview-receipt{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.usdc-preview-receipt dt{font-size:9px}
  .usdc-preview-receipt dd{font-size:11px}.usdc-preview-receipt .usdc-preview-pot dd,.usdc-preview-receipt .usdc-preview-win dd{font-size:21px}
  .usdc-duel-preview>.crypto-detail-copy{font-size:9px}.usdc-preview-note{font-size:8px}.usdc-amount-label{font-size:9px;gap:5px}.usdc-amount-label select{font-size:15px}
  .usdc-sheet h3{font-size:11px;margin-bottom:7px}.usdc-sheet .crypto-sheet-body>section{padding:12px 0}.usdc-sheet .online-actions{margin-top:10px}
  .usdc-wallet-actions,.usdc-transaction-actions{gap:6px}.usdc-sheet .keyboard-heading h2{font-size:22px}.usdc-funding-need{font-size:11px;margin-top:10px}
  .usdc-funding-guide,.usdc-contract-details,.usdc-manual-actions{margin-top:9px}.usdc-funding-guide-body{font-size:11px;line-height:1.5}
  .usdc-guided-footer{min-height:68px;padding:9px 14px;gap:15px}.usdc-guided-action{gap:12px}.usdc-guided-action>p{font-size:10px}.usdc-guided-action>.crypto-primary-action{min-height:44px;min-width:190px;font-size:10px}
}
@media(max-width:600px){
  .usdc-progress{padding-inline:14px}.usdc-progress>li{gap:5px;font-size:8px;letter-spacing:0}
  .usdc-duel-preview{grid-template-columns:115px minmax(0,1fr);gap:9px 12px;padding:12px}
  .usdc-preview-receipt{grid-template-columns:1fr 1fr;gap:10px}.usdc-preview-receipt .usdc-preview-pot dd,.usdc-preview-receipt .usdc-preview-win dd{font-size:21px}
  .usdc-sheet .online-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:9px}.usdc-sheet #usdc-room-create{grid-column:1/-1}
  .usdc-guided-footer{grid-template-columns:105px minmax(0,1fr);gap:12px;padding-inline:14px}.usdc-guided-footer>#usdc-done{font-size:8px;line-height:1.5}
  .usdc-guided-action{flex-direction:column;align-items:stretch;gap:6px}.usdc-guided-action>p{font-size:9px;line-height:1.4}.usdc-guided-action>.crypto-primary-action{min-width:0;flex:none;width:100%;padding:11px 9px;font-size:10px}
}
.player-identity-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0 0;font:700 10px/1.4 Arial,sans-serif;color:var(--muted)}
.player-identity-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-identity-row button{min-height:44px;border:1px solid var(--line);background:#1b2b29;color:var(--lime);font:700 10px/1 Arial,sans-serif;padding:10px 16px;border-radius:5px}
.player-profile-label{flex:1;min-width:0}.player-profile-label>span{display:block}.player-profile-label>small{display:block;font:9px/1.4 Arial,sans-serif;color:#b1c1a6;margin-top:3px}
.player-profile-actions{display:flex;gap:8px;flex:none}.player-profile-actions>button{border-radius:0;padding-inline:12px}.player-profile-actions>#account-open{color:#dbe7ce;border-color:#6a8253}
.ranking-sheet{max-width:720px}.ranking-sheet .crypto-sheet-body{padding-top:6px}.ranking-sheet #ranking-status{margin:0 0 12px;font-size:11px}
.ranking-sheet .online-leaderboard{margin:0;padding:0;border:0;border-radius:0}.ranking-sheet .online-leaderboard ol{margin:0;padding-left:30px;max-height:none;overflow:visible}
.ranking-sheet .online-leaderboard li{min-height:44px;padding:13px 0 13px 6px;border-bottom:1px solid #405747;font:12px/1.5 Arial,sans-serif;color:#e6ecd4}
.ranking-sheet .online-leaderboard li::marker{color:#b7ce93;font:bold 11px/1.5 Arial,sans-serif}
@media(orientation:landscape) and (max-height:600px){.player-profile-label>small{font-size:8px}.player-profile-actions>button{font-size:9px;padding-inline:10px}.player-identity-row{gap:10px}.ranking-sheet .online-leaderboard li{font-size:11px}}
@media(max-width:600px){.player-profile-actions{gap:6px}.player-profile-actions>button{font-size:8px;padding-inline:8px}.player-profile-label>small{font-size:8px}.player-identity-row{gap:9px}}
.account-sheet{max-width:660px}.account-sheet .crypto-sheet-body>section{border-bottom:1px solid var(--line);padding:18px 0}.account-sheet .account-profile{padding-top:0}.account-kind{display:block;font:700 9px/1.4 Arial,sans-serif;color:var(--lime);letter-spacing:1px}.account-profile>strong{display:block;font:italic 28px/1.2 Impact,'Arial Black',sans-serif;margin-top:5px;overflow-wrap:anywhere}.account-sheet h3{font:700 12px/1.4 Arial,sans-serif;letter-spacing:.5px;margin:0 0 10px}
.account-sheet button{min-height:44px}.account-sheet #account-save-name,.account-sheet #account-adopt,.account-sheet #account-logout{border:1px solid var(--line);background:#24352c;color:var(--lime);font:700 11px/1.4 Arial,sans-serif;padding:11px 14px;border-radius:5px}.account-sheet button:disabled{opacity:.45;cursor:default}.account-username>label>span{display:block;font:700 10px/1.4 Arial,sans-serif;color:var(--muted);margin:0 0 8px}.account-username input{box-sizing:border-box;width:100%;min-height:44px;border:1px solid var(--line);border-radius:5px;padding:10px 12px;color:var(--white);background:#111a1b;font:700 16px/1.4 Arial,sans-serif}.account-adopt-choice{display:flex;align-items:center;gap:12px;min-height:44px;font:12px/1.5 Arial,sans-serif;color:var(--white);margin-bottom:10px}.account-adopt-choice input{width:20px;height:20px;accent-color:var(--lime);flex:none}.account-sheet input:focus-visible,.region-picker select:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.region-picker{display:flex;align-items:center;gap:12px;margin:12px 0;padding:10px 12px;border:1px solid var(--line);border-radius:6px}.region-picker label{display:flex;align-items:center;gap:10px;font:700 9px/1.4 Arial,sans-serif;color:var(--muted)}.region-picker select{min-height:44px;max-width:220px;border:1px solid var(--line);border-radius:4px;background:#111a1b;color:var(--white);padding:8px;font:700 10px/1.4 Arial,sans-serif}.region-picker>span{font:10px/1.4 Arial,sans-serif;color:var(--lime)}.region-picker button{margin-left:auto;min-height:44px;white-space:nowrap;background:#24352c;border:1px solid var(--line);color:var(--lime);padding:8px 12px;border-radius:4px;font:700 9px/1.4 Arial,sans-serif}.region-picker button:disabled{opacity:.45}
@media(max-height:450px)and(orientation:landscape){.player-identity-row{margin-top:5px}.account-sheet .crypto-sheet-body>section{padding:10px 0}.account-profile>strong{font-size:24px}.region-picker{gap:8px;margin:8px 0;padding:5px 8px}.region-picker select{max-width:190px}}
@media(max-width:600px){.region-picker{flex-wrap:wrap}.region-picker>span{flex:1}.region-picker label{width:100%}.region-picker select{flex:1;max-width:none}}

/* Readable native fields avoid Safari focus zoom without disabling page zoom. */
@media(any-pointer:coarse){
  .player-page .game-shell select,
  .player-page .game-shell .room-code-label input,
  .player-page .game-shell .online-share input{font-size:16px;min-height:44px}
  .player-page .game-shell .room-code-label input,
  .player-page .game-shell .online-share input{height:44px}
  .player-page .game-shell .room-button,
  .player-page .game-shell .online-share>button{min-height:44px}
}

#online-friend-tools:not(.is-joined)>.online-share{display:none}
#online-friend-tools.is-joined>.online-actions{display:none}

/* Show the fighters beside their lobby instead of below the whole lobby. */
#online-ranking[hidden]{display:none}
.player-page #fighters-step:has(>#online-panel:not(.hidden))>.prep-mode{display:none}
.player-page .prep-next-row:not(:has(>button:not(.hidden))){display:none}
@media(min-width:1100px),(orientation:landscape) and (min-width:760px){
  .player-page #fighters-step:not(.hidden):has(>#online-panel:not(.hidden)){
    display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:12px;align-items:start
  }
  .player-page #fighters-step:has(>#online-panel:not(.hidden))>.fighter-select-layout{
    grid-column:1;grid-row:1;--setup-showcase-width:clamp(78px,10vw,120px);
    grid-template-columns:var(--setup-showcase-width) minmax(0,1fr) var(--setup-showcase-width);gap:10px
  }
  .player-page #fighters-step:has(>#online-panel:not(.hidden))>.online-panel{grid-column:2;grid-row:1/span 4;margin:0;padding:12px}
  .player-page #fighters-step:has(>#online-panel:not(.hidden))>.character-dossier{grid-column:1;grid-row:2;margin:0;padding:10px}
  .player-page #fighters-step:has(>#online-panel:not(.hidden))>.online-readiness{grid-column:1;grid-row:3;margin:0}
  .player-page #fighters-step:has(>#online-panel:not(.hidden))>.prep-next-row{grid-column:1;grid-row:4;min-width:0;margin:0;gap:8px}
  .player-page #fighters-step:has(>#online-panel:not(.hidden))>.prep-next-row .start-button{min-width:180px;min-height:44px;padding:12px}
  .player-page #fighters-step:has(>#online-panel:not(.hidden))>.prep-next-row>span{font-size:17px}
  .player-page #fighters-step:has(>#online-panel:not(.hidden)) .player-select-label{padding:8px 4px;font-size:8px;letter-spacing:.4px}
  .player-page #fighters-step:has(>#online-panel:not(.hidden)) .player-showcase>b{font-size:22px}
  .player-page #fighters-step:has(>#online-panel:not(.hidden)) .player-showcase>small{font-size:7px;padding:0 3px}
  .player-page #fighters-step:has(>#online-panel:not(.hidden)) .player-edit{font-size:7px;padding:8px 3px;margin-top:5px}
  .player-page #fighters-step:has(>#online-panel:not(.hidden)) .shared-roster .character-picker{gap:5px}
  .player-page #fighters-step:has(>#online-panel:not(.hidden)) .shared-roster .character b{font-size:13px;letter-spacing:0}
  .player-page #fighters-step:has(>#online-panel:not(.hidden)) .roster-prompt{font-size:9px;letter-spacing:1px;margin:0 0 8px}
  .player-page #fighters-step:has(>#online-panel:not(.hidden)) .roster-help{font-size:9px;margin:8px 0 0}
  .player-page #online-panel .online-heading{margin-bottom:8px;gap:8px}
  .player-page #online-panel .online-heading h3{font-size:19px}
  .player-page #online-panel .online-profile{gap:8px;font-size:10px}
  .player-page #online-panel .online-lobby-tabs{gap:6px;margin:8px 0}
  .player-page #online-panel .online-lobby-tabs button{padding:8px;font-size:10px}
  .player-page #online-panel .online-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
  .player-page #online-panel #online-create{grid-column:1/-1}
  .player-page #online-panel .room-or{display:none}
  .player-page #online-panel .room-code-label{min-width:0}
  .player-page #online-panel .room-code-label input{width:100%;max-width:none;height:44px}
  .player-page #online-panel .room-button{min-height:44px;padding:10px;font-size:10px}
  .player-page #online-panel #online-status{font-size:11px;line-height:1.45;margin-top:8px}
  .player-page #online-panel .online-connection-status{margin:8px 0 0}
}
@media(orientation:landscape) and (max-height:500px){
  .player-page .game-shell .prep-screen{padding-top:8px}
  .player-page .play-entry{gap:10px}
  .player-page .match-scope-selector button,
  .player-page .entry-stake-modes .play-modes>button,
  .player-page .entry-no-stake{min-height:44px;padding:8px 10px}
  .player-page .match-scope-selector button>small,
  .player-page .entry-stake-modes .play-modes small,
  .player-page .play-entry-wallet>p{display:none}
  .player-page .match-scope-selector button>b,
  .player-page .entry-stake-modes .play-modes b{font-size:11px}
  .player-page .entry-stake-modes{margin:5px 0;gap:8px}
  .player-page .player-identity-row{min-height:44px;margin-top:5px}
  .player-page .play-mode-help{font-size:11px;line-height:1.4;margin:5px 0 7px}
  .player-page .game-shell .prep-heading{margin-bottom:8px}
  .player-page .prep-heading .eyebrow{display:none}
  .player-page .game-shell .prep-heading h2{font-size:24px}
  .player-page .prep-steps button{min-height:44px}
  .player-page .prep-steps:not(:has(>[data-prep-step="stakes"]:not(.hidden))){display:none}
  .player-page #online-panel .online-heading .eyebrow{display:none}
  .player-page #online-panel .online-credit-controls{margin:8px 0;padding:4px 6px;gap:8px}
  .player-page #online-panel #online-credit-summary{font-size:10px;line-height:1.4}
}

/* Room controls keep a usable target even when a narrow viewport has a fine pointer. */
.player-page .game-shell .room-button,
.player-page .game-shell .online-share>button,
.player-page .game-shell .online-footer #online-leave{min-height:44px}
.player-page .game-shell .room-code-label input,
.player-page .game-shell .online-share input{height:44px;min-height:44px}

/* Arena entry: one decision at a time inside the game viewport. */
.player-page .game-shell.arena-flow .prep-screen{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:0 max(20px,calc((100vw - 1150px)/2)) 16px;background:radial-gradient(ellipse at 12% 42%,#29433266,transparent 48%),linear-gradient(135deg,#101b22,#111d22 62%,#1c2421)}
.player-page .game-shell.arena-flow.is-preparing .arena-bottom{display:none}
.arena-flow-topbar{flex:none;display:flex;align-items:center;gap:14px;min-height:64px;border-bottom:1px solid #45604c66;margin-bottom:16px}
.arena-flow-back{flex:none;min-height:44px;padding:10px 14px;border:1px solid #54664d;background:#152723;color:#d8e4c7;font:bold 11px/1.2 Arial,sans-serif;letter-spacing:.6px}
.arena-flow-state{display:flex;align-items:center;gap:14px;min-width:0;flex:1}.arena-flow-state>span{font:italic 19px/1 Impact,'Arial Black',sans-serif;color:var(--coral);white-space:nowrap}.arena-flow-state>b{font:10px/1.3 Arial,sans-serif;letter-spacing:1px;color:#bdcdb2;white-space:nowrap}
.arena-flow-utilities{min-width:0}.arena-flow-utilities .player-identity-row{margin:0;border:0;padding:0;gap:14px;min-height:44px}.arena-flow-utilities .player-profile-label{max-width:140px;min-width:0}.arena-flow-utilities #account-summary{display:block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.3}.arena-flow-utilities #account-entry-help{display:none}.arena-flow-utilities .player-profile-actions{gap:6px}.arena-flow-utilities .player-profile-actions button{min-height:44px;padding:10px 12px;font-size:10px;background:#172725;border-color:#49624e}
.arena-flow-resume{flex:none;min-height:44px;padding:10px 12px;border:1px solid #92aa6a;background:#273b29;color:var(--lime);font:bold 10px/1.3 Arial,sans-serif;letter-spacing:.4px}.arena-flow-resume.hidden{display:none}.game-shell.arena-flow .arena-usdc-opponent{max-width:760px;margin:auto}.game-shell.arena-flow #arena-online-step:has(>.arena-usdc-opponent:not(.hidden)){justify-content:center}.game-shell.arena-flow #arena-online-step:has(>.arena-usdc-opponent:not(.hidden))>.arena-online-next{display:none}
.game-shell.arena-flow .arena-flow-panel{flex:1;min-height:0;max-width:1150px;width:100%;margin:0 auto;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#7f925c #142323}
.game-shell.arena-flow .arena-flow-panel.hidden{display:none!important}
.game-shell.arena-flow #demo-wallet,.game-shell.arena-flow #art-comparison,.game-shell.arena-flow .prep-input-help,.game-shell.arena-flow .keyboard-quick-help,.game-shell.arena-flow .mobile-prep-help{display:none!important}
.arena-choice-panel{display:flex;align-items:center;justify-content:center;padding:20px 0}
.arena-flow-card{width:100%;max-width:760px;margin:auto;padding:28px 32px;background:#132326d9;border:1px solid #435d4e;box-shadow:7px 7px 0 #080f1255}
.arena-flow-card>h1,.arena-flow-card>h2{font:italic 42px/.98 Impact,'Arial Black',sans-serif;letter-spacing:.3px;margin:0 0 18px;color:#eef1d8}.arena-flow-card>p{font:14px/1.6 Arial,sans-serif;color:#c1ceb6;margin:0 0 18px}.arena-flow-card>.arena-flow-kicker{font:bold 10px/1.4 Arial,sans-serif;letter-spacing:1.4px;color:var(--lime);margin:0 0 12px}.arena-flow-card>.arena-flow-small{font:12px/1.5 Arial,sans-serif;color:#acbea5;margin:12px 0 0}.arena-flow-card>.arena-flow-status{min-height:0;margin:8px 0;font:12px/1.4 Arial,sans-serif;color:#e4edc5}.arena-flow-status:empty{display:none}
.arena-flow-primary,.arena-flow-secondary{display:block;min-height:48px;width:100%;padding:13px 18px;border:1px solid var(--coral);border-radius:0;font:bold 12px/1.3 Arial,sans-serif;letter-spacing:.6px;text-align:center}.arena-flow-primary{background:var(--coral);color:#171e18;box-shadow:3px 3px 0 #070f12;margin-top:18px}.arena-flow-primary:hover:not(:disabled){background:#ffb18f}.arena-flow-secondary{background:transparent;border-color:#4e6651;color:#c2d0b5;margin-top:10px}.arena-flow-primary:disabled{opacity:.45}
.arena-welcome{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;padding:28px 36px}.arena-welcome-brand>span{display:block;font:bold 10px/1.3 Arial,sans-serif;letter-spacing:2px;color:#bec9b4;margin-bottom:20px}.arena-welcome-brand>strong{display:block;font:italic 112px/.86 Impact,'Arial Black',sans-serif;letter-spacing:-2px;transform:rotate(-3deg);transform-origin:left center;text-shadow:5px 5px 0 #050c13;color:#e9ecd5}.arena-welcome-brand em{color:var(--coral);font-style:inherit}.arena-welcome-brand>p{font:bold 12px/1.4 Arial,sans-serif;letter-spacing:2px;margin:28px 0 0;color:var(--lime);border-left:3px solid var(--coral);padding-left:14px}.arena-name-card{max-width:470px}.arena-name-card>label{display:block;margin-top:18px}.arena-name-card>label>span{display:block;font:bold 10px/1.5 Arial,sans-serif;letter-spacing:.8px;color:#c6d3bb;margin-bottom:8px}.arena-name-card input{width:100%;height:48px;min-height:44px;padding:10px 14px;background:#0b181c;border:1px solid #789065;color:#f0f2df;border-radius:0;font:16px/1.4 Arial,sans-serif}.arena-name-card input:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.game-shell.arena-flow .match-scope-selector{gap:14px;margin:22px 0 18px}.game-shell.arena-flow .match-scope-selector>button{min-height:128px;padding:22px 24px;background:#182d2d;position:relative;border:1px solid #5f7652}.game-shell.arena-flow .match-scope-selector>button.selected{border-color:var(--lime);background:#293e2b}.game-shell.arena-flow .match-scope-selector b{font:italic 36px/1.1 Impact,'Arial Black',sans-serif;letter-spacing:.7px}.game-shell.arena-flow .match-scope-selector small{font:13px/1.5 Arial,sans-serif;color:#becdb0;margin-top:12px}
.game-shell.arena-flow .entry-stake-modes{display:block;max-width:none;margin:20px 0 12px}.game-shell.arena-flow .entry-money-choices{width:100%;margin:0;gap:14px}.game-shell.arena-flow .entry-stake-modes .play-modes>button{min-height:132px;padding:22px;text-align:left;justify-content:flex-start;align-items:center}.game-shell.arena-flow .entry-stake-modes .play-modes b{font:italic 29px/1.15 Impact,'Arial Black',sans-serif;letter-spacing:.6px}.game-shell.arena-flow .entry-stake-modes .play-modes small{font:13px/1.5 Arial,sans-serif;margin-top:12px;color:#c2d0b5;max-width:290px}.game-shell.arena-flow .entry-stake-modes .play-modes i{display:inline-block;vertical-align:middle;font:bold 8px/1.4 Arial,sans-serif;letter-spacing:.7px;margin-left:8px;padding:4px 6px}.game-shell.arena-flow .entry-no-stake{display:block;min-height:44px;margin-top:14px;padding:10px 0;border:0;border-bottom:1px solid #5c7151;background:none;font:bold 11px/1.4 Arial,sans-serif;color:#c4d2b8}.game-shell.arena-flow .entry-no-stake.selected{color:var(--lime)}.arena-flow-card>.arena-credits-explainer{font:13px/1.5 Arial,sans-serif;margin-top:14px;margin-bottom:0;color:#bacbad}.game-shell.arena-flow .play-mode-help{font:12px/1.5 Arial,sans-serif;color:#bdcdb3;margin:8px 0 0}
.game-shell.arena-flow #arena-local-step .prep-mode{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin:22px 0 8px}.game-shell.arena-flow #arena-local-step .prep-mode label{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%;font:12px/1.4 Arial,sans-serif;color:#c9d6bd}.game-shell.arena-flow #arena-local-step .prep-mode select{width:100%;max-width:none;min-width:0;min-height:48px;padding:10px 12px;border:1px solid #6c845c;border-radius:0;font:16px/1.4 Arial,sans-serif}.game-shell.arena-flow #arena-local-step #mode-help{grid-column:1/-1;font:13px/1.5 Arial,sans-serif;margin:0}.game-shell.arena-flow #arena-wallet-step .play-entry-wallet{margin-top:20px}.game-shell.arena-flow #arena-wallet-step .play-entry-wallet>button{min-height:48px;font-size:12px}.game-shell.arena-flow #arena-wallet-step .play-entry-wallet>p{font-size:13px;line-height:1.5;margin:10px 0}
.game-shell.arena-flow .arena-online-step{display:flex;flex-direction:column;align-items:center;padding:4px 0}.game-shell.arena-flow #arena-online-step #online-panel{width:100%;max-width:800px;flex:1;min-height:0;margin:0;border:0;background:none;padding:20px 24px;overflow:auto}.game-shell.arena-flow #arena-online-step .online-heading h3{font-size:36px}.game-shell.arena-flow #arena-online-step .online-heading{margin-bottom:20px}.game-shell.arena-flow #arena-online-step .online-heading .eyebrow{font-size:9px;margin-bottom:8px}.game-shell.arena-flow #arena-online-step .online-presence{font-size:11px}.game-shell.arena-flow #arena-online-step .online-lobby-tabs{margin:16px 0;gap:10px}.game-shell.arena-flow #arena-online-step .online-lobby-tabs button{min-height:48px;padding:12px;font-size:12px}.game-shell.arena-flow #arena-online-step .online-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.game-shell.arena-flow #arena-online-step #online-create{grid-column:1/-1}.game-shell.arena-flow #arena-online-step .room-or{display:none}.game-shell.arena-flow #arena-online-step .room-code-label{min-width:0}.game-shell.arena-flow #arena-online-step .room-code-label input{width:100%;max-width:none;min-height:44px;font-size:16px}.game-shell.arena-flow #arena-online-step .room-button{min-height:44px;padding:11px 15px;font-size:12px}.game-shell.arena-flow #arena-online-step .online-credit-controls{margin:10px 0;padding:10px 12px}.game-shell.arena-flow #arena-online-step .online-credit-controls>p{font-size:12px}.game-shell.arena-flow #arena-online-step #online-credit-stake{font-size:16px}.game-shell.arena-flow #arena-online-step .online-credit-controls>label{font-size:10px}.game-shell.arena-flow #arena-online-step .online-profile{font-size:11px;gap:10px}.game-shell.arena-flow #arena-online-step #online-status,.game-shell.arena-flow #arena-online-step #online-find-status{font-size:12px;line-height:1.5;margin-top:12px}.arena-online-next{flex:none;width:100%;max-width:800px;padding:4px 24px 0}.arena-online-next .arena-flow-primary{margin-top:4px}
.game-shell.arena-flow #arena-online-step #online-friend-tools.is-joined>.online-actions{display:none}
.game-shell.arena-flow #arena-online-step #online-panel:has(#online-friend-tools.is-joined)>.online-lobby-tabs{display:none}
@media(orientation:landscape){.game-shell.arena-flow #fighters-step .prep-next-row{display:flex}.game-shell.arena-flow #fighters-step .prep-next-row>span{margin-bottom:0;text-align:left}}
.game-shell.arena-flow #fighters-step{display:flex;flex-direction:column;overflow:hidden;gap:14px}.game-shell.arena-flow #fighters-step .prep-heading{flex:none;margin:2px 0 0}.game-shell.arena-flow #fighters-step .prep-heading .eyebrow,.game-shell.arena-flow #fighters-step .prep-steps{display:none}.game-shell.arena-flow #fighters-step .prep-heading h2{font-size:32px}.game-shell.arena-flow #fighters-step .fighter-select-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(120px,190px) minmax(0,1fr) minmax(120px,190px);gap:22px;align-items:center}.game-shell.arena-flow #fighters-step .player-showcase{min-height:44px;padding:0;max-height:100%;overflow:hidden;grid-row:auto;grid-column:auto}.game-shell.arena-flow #fighters-step .player-showcase canvas{height:clamp(140px,29vh,275px);min-height:0;max-height:275px}.game-shell.arena-flow #fighters-step .shared-roster{grid-row:auto;grid-column:auto;min-height:0}.game-shell.arena-flow #fighters-step .character-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.game-shell.arena-flow #fighters-step .character{min-height:44px;padding:0 0 7px}.game-shell.arena-flow #fighters-step .character canvas{height:clamp(54px,14vh,112px);min-height:0}.game-shell.arena-flow #fighters-step .character b{font-size:17px;letter-spacing:.2px}.game-shell.arena-flow #fighters-step .character small{font-size:7px;margin-top:4px}.game-shell.arena-flow #fighters-step .character-dossier{display:none}.game-shell.arena-flow #fighters-step .roster-prompt{font-size:11px;margin:0 0 12px}.game-shell.arena-flow #fighters-step .roster-help{font-size:10px;line-height:1.4;margin-top:10px}.game-shell.arena-flow #fighters-step .online-readiness{flex:none;margin:0;padding:0;background:none;border:0;font-size:11px;gap:12px}.game-shell.arena-flow #fighters-step .prep-next-row{flex:none;position:static;margin:0;padding:8px 0 0;border-top:1px solid #4c6246;background:none;gap:14px;min-height:54px}.game-shell.arena-flow #fighters-step .prep-next-row>span{font-size:23px}.game-shell.arena-flow #fighters-step .prep-next-row .start-button{min-height:48px;min-width:230px;width:auto;margin:0;padding:13px 18px;font-size:12px}.game-shell.arena-flow #fighters-step .prep-next-row:not(:has(>button:not(.hidden))){display:none}
@media(any-pointer:coarse){.game-shell.arena-flow input,.game-shell.arena-flow select{font-size:16px!important}}
@media(max-width:900px),(orientation:landscape) and (max-height:600px){
 .player-page .game-shell.arena-flow .prep-screen{padding:0 16px 10px}.arena-flow-topbar{min-height:48px;margin-bottom:10px;gap:10px}.arena-flow-state{gap:10px}.arena-flow-state>span{font-size:17px}.arena-flow-state>b{font-size:9px;letter-spacing:.6px}.arena-flow-utilities .player-profile-label{display:none}.arena-flow-utilities .player-profile-actions button{padding:10px;font-size:9px}
 .arena-welcome{gap:28px;padding:8px 20px}.arena-welcome-brand>strong{font-size:80px}.arena-welcome-brand>span{font-size:8px;letter-spacing:1px;margin-bottom:15px}.arena-welcome-brand>p{font-size:9px;letter-spacing:1px;margin-top:22px}.arena-flow-card{padding:20px 24px;max-width:700px}.arena-flow-card>h1,.arena-flow-card>h2{font-size:32px;margin-bottom:12px}.arena-flow-card>p{font-size:12px;line-height:1.5;margin-bottom:12px}.arena-flow-card>.arena-flow-kicker{font-size:9px;margin-bottom:8px}.arena-flow-card>.arena-flow-small{font-size:11px;margin:8px 0 0}.arena-name-card{padding:18px 22px}.arena-name-card>label{margin-top:10px}.arena-name-card>label>span{font-size:9px;margin-bottom:6px}.arena-flow-primary{margin-top:12px;min-height:44px;padding:11px 14px;font-size:11px}.arena-flow-secondary{min-height:44px;margin-top:6px;padding:11px;font-size:10px}.arena-choice-panel{padding:4px 0}
 .game-shell.arena-flow .match-scope-selector{margin:14px 0 10px;gap:12px}.game-shell.arena-flow .match-scope-selector>button{min-height:102px;padding:16px 20px}.game-shell.arena-flow .match-scope-selector b{font-size:31px}.game-shell.arena-flow .match-scope-selector small{font-size:12px;margin-top:7px}.game-shell.arena-flow .entry-stake-modes{margin:12px 0 8px}.game-shell.arena-flow .entry-money-choices{gap:12px}.game-shell.arena-flow .entry-stake-modes .play-modes>button{min-height:100px;padding:16px 20px}.game-shell.arena-flow .entry-stake-modes .play-modes b{font-size:26px}.game-shell.arena-flow .entry-stake-modes .play-modes small{font-size:12px;margin-top:8px}.game-shell.arena-flow .entry-no-stake{margin-top:8px;font-size:10px}.arena-flow-card>.arena-credits-explainer{font-size:11px;line-height:1.4;margin-top:8px}.game-shell.arena-flow .play-mode-help{font-size:11px;line-height:1.4}
 .game-shell.arena-flow #arena-local-step .prep-mode{margin-top:14px;gap:12px}.game-shell.arena-flow #arena-local-step .prep-mode label{font-size:11px}.game-shell.arena-flow #arena-local-step #mode-help{font-size:12px}.game-shell.arena-flow #arena-wallet-step .play-entry-wallet{margin-top:12px}.game-shell.arena-flow #arena-wallet-step .play-entry-wallet>p{font-size:12px;margin:8px 0}
 .game-shell.arena-flow #arena-online-step #online-panel{padding:6px 10px}.game-shell.arena-flow #arena-online-step .online-heading{margin-bottom:10px}.game-shell.arena-flow #arena-online-step .online-heading h3{font-size:27px}.game-shell.arena-flow #arena-online-step .online-heading .eyebrow{display:none}.game-shell.arena-flow #arena-online-step .online-lobby-tabs{margin:9px 0}.game-shell.arena-flow #arena-online-step .online-lobby-tabs button{min-height:44px;padding:9px;font-size:11px}.game-shell.arena-flow #arena-online-step .online-credit-controls{margin:7px 0;padding:5px 8px}.game-shell.arena-flow #arena-online-step .online-credit-controls>p{font-size:11px}.game-shell.arena-flow #arena-online-step #online-status,.game-shell.arena-flow #arena-online-step #online-find-status{font-size:11px;line-height:1.4;margin-top:8px}.arena-online-next{padding:2px 10px 0}.game-shell.arena-flow #arena-online-step .online-network-note,.game-shell.arena-flow #arena-online-step .online-beta-note{font-size:9px}
 .game-shell.arena-flow #fighters-step{gap:8px}.game-shell.arena-flow #fighters-step .prep-heading h2{font-size:25px}.game-shell.arena-flow #fighters-step .fighter-select-layout{grid-template-columns:minmax(100px,135px) minmax(0,1fr) minmax(100px,135px);gap:14px}.game-shell.arena-flow #fighters-step .player-showcase canvas{height:130px;max-height:130px}.game-shell.arena-flow #fighters-step .player-showcase>b{font-size:25px}.game-shell.arena-flow #fighters-step .player-showcase>small{font-size:7px}.game-shell.arena-flow #fighters-step .player-select-label{min-height:30px;padding:8px 4px;font-size:8px;letter-spacing:.4px}.game-shell.arena-flow #fighters-step .player-edit{padding:8px 3px;font-size:8px;margin-top:5px}.game-shell.arena-flow #fighters-step .character-picker{gap:6px}.game-shell.arena-flow #fighters-step .character canvas{height:57px}.game-shell.arena-flow #fighters-step .character b{font-size:14px}.game-shell.arena-flow #fighters-step .character small{font-size:6px;margin-top:3px}.game-shell.arena-flow #fighters-step .roster-prompt{font-size:9px;margin-bottom:8px}.game-shell.arena-flow #fighters-step .roster-help{font-size:8px;margin-top:6px}.game-shell.arena-flow #fighters-step .prep-next-row{min-height:48px;padding-top:4px}.game-shell.arena-flow #fighters-step .prep-next-row>span{font-size:19px}.game-shell.arena-flow #fighters-step .prep-next-row .start-button{min-width:180px;min-height:44px;padding:11px 14px;font-size:10px}
}
@media(orientation:landscape) and (max-height:420px){
 .player-page .game-shell.arena-flow.is-preparing .arena-top{height:44px;min-height:44px;padding:0 12px}.player-page .game-shell.arena-flow.is-preparing #player-fullscreen,.player-page .game-shell.arena-flow.is-preparing .fight-menu-toggle{height:44px;min-height:44px;padding:8px 10px}.player-page .game-shell.arena-flow .prep-screen{padding:0 12px 8px}.arena-flow-topbar{margin-bottom:6px;min-height:44px}.arena-flow-state>span{font-size:16px}.arena-flow-state>b{font-size:8px}.arena-flow-back{min-height:44px;font-size:9px;padding:10px}.arena-flow-utilities .player-profile-actions button{font-size:8px;padding:10px 8px;min-height:44px}
 .arena-flow-resume{font-size:8px;padding:10px 8px}.arena-flow-topbar:has(>.arena-flow-resume:not(.hidden)) .arena-flow-state>span{display:none}
 .arena-welcome{padding:0 18px;gap:30px}.arena-welcome-brand>strong{font-size:74px}.arena-welcome-brand>span{margin-bottom:12px}.arena-welcome-brand>p{margin-top:18px}.arena-name-card{padding:12px 18px}.arena-name-card>.arena-flow-kicker{display:none}.arena-name-card>h1{font-size:28px;margin-bottom:8px}.arena-name-card>p{margin-bottom:8px;font-size:11px}.arena-name-card>label{margin-top:6px}.arena-name-card>label>span{font-size:8px;margin-bottom:4px}.arena-name-card input{height:44px}.arena-name-card>#arena-name-help{font-size:10px;margin:5px 0 0}.arena-name-card .arena-flow-primary{margin-top:8px}.arena-name-card .arena-flow-secondary{margin-top:5px}.arena-flow-card{padding:14px 20px;max-width:700px}.arena-flow-card>.arena-flow-kicker{font-size:8px;margin-bottom:6px}.arena-flow-card>h2{font-size:29px;margin-bottom:9px}.arena-flow-card>p{font-size:11px;margin-bottom:8px}.arena-flow-card>.arena-flow-small{font-size:10px;margin-top:7px}.arena-choice-panel{padding:0}
 .game-shell.arena-flow .match-scope-selector{margin:10px 0 8px}.game-shell.arena-flow .match-scope-selector>button{min-height:88px;padding:12px 17px}.game-shell.arena-flow .match-scope-selector b{font-size:29px}.game-shell.arena-flow .match-scope-selector small{font-size:11px}.game-shell.arena-flow .entry-stake-modes{margin:10px 0 6px}.game-shell.arena-flow .entry-stake-modes .play-modes>button{min-height:90px;padding:12px 16px}.game-shell.arena-flow .entry-stake-modes .play-modes b{font-size:25px}.game-shell.arena-flow .entry-stake-modes .play-modes small{font-size:11px;margin-top:7px}.game-shell.arena-flow .entry-stake-modes .play-modes i{font-size:7px;padding:2px 4px;margin-left:5px}.game-shell.arena-flow .entry-no-stake{min-height:44px;margin-top:5px;padding:10px 0}.arena-flow-card>.arena-credits-explainer{font-size:10px;margin:6px 0 0}.game-shell.arena-flow .play-mode-help{font-size:10px;margin:5px 0 0}
 .arena-name-card{padding:12px 18px}.game-shell.arena-flow #arena-money-step .arena-flow-card{padding:12px 18px}.game-shell.arena-flow #arena-money-step .entry-stake-modes{margin-top:8px}.game-shell.arena-flow #arena-money-step #play-mode-help{display:none}
 .arena-name-card>#arena-name-save,.arena-name-card>#arena-guest-continue{display:inline-flex;align-items:center;justify-content:center;vertical-align:top;width:calc(50% - 4px);min-height:44px;margin-top:8px;padding:8px;font-size:10px;line-height:1.3;letter-spacing:.3px}.arena-name-card>#arena-guest-continue{margin-left:8px}
 .game-shell.arena-flow #arena-local-step .prep-mode{margin-top:10px;gap:10px}.game-shell.arena-flow #arena-local-step .prep-mode label{font-size:10px;gap:5px}.game-shell.arena-flow #arena-local-step .prep-mode select{min-height:44px;height:44px}.game-shell.arena-flow #arena-local-step #mode-help{font-size:11px}.game-shell.arena-flow #arena-wallet-step .play-entry-wallet>button{min-height:44px}.game-shell.arena-flow #arena-wallet-step .play-entry-wallet>p{font-size:11px;margin:7px 0}
 .game-shell.arena-flow #arena-online-step .online-heading h3{font-size:23px}.game-shell.arena-flow #arena-online-step .online-presence{font-size:10px}.game-shell.arena-flow #arena-online-step .online-credit-controls>p{font-size:10px}.game-shell.arena-flow #arena-online-step .online-profile{font-size:10px}.game-shell.arena-flow #arena-online-step .online-heading{margin-bottom:6px}.game-shell.arena-flow #arena-online-step .online-lobby-tabs{margin:6px 0;gap:8px}.game-shell.arena-flow #arena-online-step .online-actions{gap:6px}.game-shell.arena-flow #arena-online-step .room-button{font-size:10px;padding:10px}.game-shell.arena-flow #arena-online-step #online-status{font-size:10px;line-height:1.35}.game-shell.arena-flow #arena-online-step .online-credit-controls{margin:6px 0}.game-shell.arena-flow #arena-online-step .online-connection-status{margin:5px 0}
 .game-shell.arena-flow #arena-online-step #online-friend-tools:not(.is-joined)>.online-actions{grid-template-columns:minmax(110px,1fr) minmax(140px,1.4fr) minmax(84px,.7fr);align-items:end;gap:8px}.game-shell.arena-flow #arena-online-step #online-friend-tools:not(.is-joined) #online-create{grid-column:auto}
 .game-shell.arena-flow #fighters-step{gap:5px}.game-shell.arena-flow #fighters-step .prep-heading{display:none}.game-shell.arena-flow #fighters-step .fighter-select-layout{grid-template-columns:minmax(85px,115px) minmax(0,1fr) minmax(85px,115px);gap:12px}.game-shell.arena-flow #fighters-step .player-showcase canvas{height:110px;max-height:110px}.game-shell.arena-flow #fighters-step .player-showcase>b{font-size:22px}.game-shell.arena-flow #fighters-step .player-select-label{padding:7px 3px;font-size:7px;min-height:25px}.game-shell.arena-flow #fighters-step .player-showcase>small{font-size:6px}.game-shell.arena-flow #fighters-step .player-edit{font-size:7px;padding:6px 2px;margin-top:3px}.game-shell.arena-flow #fighters-step .character{padding-bottom:5px}.game-shell.arena-flow #fighters-step .character canvas{height:48px}.game-shell.arena-flow #fighters-step .character b{font-size:13px}.game-shell.arena-flow #fighters-step .character small{font-size:5px;margin-top:2px}.game-shell.arena-flow #fighters-step .roster-prompt{font-size:8px;margin-bottom:5px}.game-shell.arena-flow #fighters-step .roster-help{font-size:7px;line-height:1.25;margin-top:5px}.game-shell.arena-flow #fighters-step .online-readiness{font-size:9px}.game-shell.arena-flow #fighters-step .prep-next-row>span{font-size:17px}.game-shell.arena-flow #fighters-step .prep-next-row .start-button{min-width:160px;font-size:10px}
}
@media(orientation:landscape) and (max-height:350px){
 .game-shell.arena-flow #fighters-step .player-showcase canvas{height:84px;max-height:84px}.game-shell.arena-flow #fighters-step .character canvas{height:38px}.game-shell.arena-flow #fighters-step .player-select-label{min-height:22px;padding:6px 3px}.game-shell.arena-flow #fighters-step .player-showcase>b{font-size:20px}.game-shell.arena-flow #fighters-step .roster-help{display:none}.game-shell.arena-flow #fighters-step .character small{display:none}.game-shell.arena-flow #fighters-step .character b{font-size:12px}.game-shell.arena-flow #fighters-step .fighter-select-layout{grid-template-columns:90px minmax(0,1fr) 90px;gap:8px}.game-shell.arena-flow #fighters-step .online-readiness{font-size:8px;line-height:1.2}
}
@media(max-width:600px) and (orientation:portrait){
 .arena-flow-topbar{gap:8px}.arena-flow-state>span{display:none}.arena-flow-utilities .player-profile-actions button{padding:10px 8px;font-size:8px}.arena-welcome{display:flex;flex-direction:column;justify-content:center;gap:18px;padding:10px 0}.arena-welcome-brand{text-align:center}.arena-welcome-brand>strong{font-size:65px;line-height:.88}.arena-welcome-brand>strong>br{display:none}.arena-welcome-brand>span,.arena-welcome-brand>p{display:none}.arena-name-card{max-width:420px}.arena-flow-card{padding:20px}.arena-flow-card>h2{font-size:29px}.game-shell.arena-flow .match-scope-selector>button{min-height:112px;padding:15px}.game-shell.arena-flow .match-scope-selector b{font-size:29px}.game-shell.arena-flow .match-scope-selector small{font-size:11px}.game-shell.arena-flow .entry-money-choices{grid-template-columns:minmax(0,1fr)}.game-shell.arena-flow .entry-stake-modes .play-modes>button{min-height:104px;padding:16px}.game-shell.arena-flow #fighters-step{overflow:auto}.game-shell.arena-flow #fighters-step .fighter-select-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);flex:none}.game-shell.arena-flow #fighters-step .player-showcase{grid-row:1}.game-shell.arena-flow #fighters-step .player-two{grid-column:2}.game-shell.arena-flow #fighters-step .shared-roster{grid-row:2;grid-column:1/-1}.game-shell.arena-flow #fighters-step .prep-next-row{flex-wrap:wrap}.game-shell.arena-flow #fighters-step .prep-next-row .start-button{width:100%}
}

/* One toolbar for the arena. Player services move into Menu on compact screens. */
.player-page .game-shell.arena-flow.is-preparing .arena-top.arena-flow-topbar{
  display:flex;flex:none;align-items:center;flex-wrap:nowrap;min-height:56px;height:56px;
  width:100%;gap:12px;margin:0;padding:6px max(20px,calc((100vw - 1150px)/2));
  border:0;border-bottom:1px solid #45604c66;background:#142422;
}
.game-shell.arena-flow .arena-top.arena-flow-topbar>.arena-flow-state{flex:1;min-width:0;gap:12px}
.game-shell.arena-flow .arena-top.arena-flow-topbar .arena-flow-state>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:11px/1.3 Arial,sans-serif;letter-spacing:.7px}
.game-shell.arena-flow .arena-top.arena-flow-topbar #player-fullscreen{flex:none;margin-left:0;min-height:44px;height:44px;padding:10px 12px;font-size:11px}
.game-shell.arena-flow.is-preparing .arena-top.arena-flow-topbar .fight-menu-toggle{flex:none;min-height:44px;height:44px;padding:10px 12px;font-size:11px}
.player-page .game-shell.arena-flow .prep-screen{padding-top:10px}
.player-page .game-shell.arena-flow:not(.is-preparing) .arena-flow-back,
.player-page .game-shell.arena-flow:not(.is-preparing) .arena-flow-resume,
.player-page .game-shell.arena-flow:not(.is-preparing) .arena-flow-utilities,
.player-page .game-shell.arena-flow:not(.is-preparing) .arena-flow-state{display:none!important}
.fight-menu .fight-menu-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:12px;border-top:1px solid #45604c66}
.fight-menu .fight-menu-services>button{min-height:44px;justify-content:center;padding:10px 12px;border:1px solid #52684d;background:#142723;color:#dce6cc;text-decoration:none;text-align:center;line-height:1.3}
.fight-menu .fight-menu-services>button:disabled{opacity:.45}
@media(max-width:1050px){
  .game-shell.arena-flow .arena-flow-topbar .player-profile-label{display:none}
}
@media(max-width:900px),(orientation:landscape) and (max-height:600px){
  .player-page .game-shell.arena-flow.is-preparing .arena-top.arena-flow-topbar{min-height:48px;height:48px;padding:2px 12px;gap:8px}
  .game-shell.arena-flow .arena-top.arena-flow-topbar .arena-flow-utilities{display:none}
  .game-shell.arena-flow .arena-top.arena-flow-topbar .arena-flow-state>span{display:none}
  .game-shell.arena-flow .arena-top.arena-flow-topbar .arena-flow-state>b{font-size:11px;letter-spacing:.5px}
  .game-shell.arena-flow .arena-top.arena-flow-topbar .arena-flow-back,
  .game-shell.arena-flow .arena-top.arena-flow-topbar .arena-flow-resume{min-height:44px;padding:10px;font-size:10px}
  .game-shell.arena-flow .arena-top.arena-flow-topbar #player-fullscreen,
  .game-shell.arena-flow.is-preparing .arena-top.arena-flow-topbar .fight-menu-toggle{min-height:44px;height:44px;padding:10px;font-size:10px}
  .player-page .game-shell.arena-flow .prep-screen{padding-top:8px}
}
@media(max-width:430px){
  .player-page .game-shell.arena-flow.is-preparing .arena-top.arena-flow-topbar{padding-inline:8px;gap:6px}
  .game-shell.arena-flow .arena-top.arena-flow-topbar .arena-flow-state>b{font-size:10px;letter-spacing:0}
  .game-shell.arena-flow .arena-top.arena-flow-topbar .arena-flow-resume{max-width:88px;font-size:9px;white-space:normal}
  .game-shell.arena-flow .arena-top.arena-flow-topbar #player-fullscreen{max-width:96px;font-size:9px}
}

/* The visual viewport moves and shrinks above the iPhone keyboard. Preparation
   and top-layer dialogs follow that rectangle; combat keeps its full canvas. */
.player-page .player-root{top:var(--player-top,0px);bottom:auto;height:var(--player-height,100dvh)}
.player-page .game-shell.theater-mode{top:var(--player-top,0px);bottom:auto;height:var(--player-height,100dvh)}
.player-page .game-shell .keyboard-dialog{
  --dialog-space:calc(var(--player-height,100dvh) - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  position:fixed;top:calc(var(--player-top,0px) + (var(--player-height,100dvh) + env(safe-area-inset-top) - env(safe-area-inset-bottom))/2);
  right:env(safe-area-inset-right);left:env(safe-area-inset-left);bottom:auto;margin-block:0;margin-inline:auto;transform:translateY(-50%);
  max-width:calc(100% - 16px - env(safe-area-inset-left) - env(safe-area-inset-right));max-height:var(--dialog-space);
  overscroll-behavior:contain;scroll-padding-block:12px;-webkit-overflow-scrolling:touch;
}
.player-page .game-shell .crypto-arena-sheet[open]{display:flex;flex-direction:column;height:min(680px,var(--dialog-space));max-height:var(--dialog-space);min-height:0;overflow:hidden}
.player-page .game-shell .crypto-arena-sheet .crypto-sheet-body{flex:1 1 auto;min-height:0;overflow-y:auto;scroll-padding-block:12px;-webkit-overflow-scrolling:touch}
.player-page .game-shell .keyboard-heading>button{width:44px;height:44px;min-height:44px;flex:none;display:grid;place-items:center;padding:0}
.player-page .game-shell .keyboard-heading h2[tabindex="-1"]:focus{outline:none}
.player-page .game-shell.arena-flow .arena-flow-panel{scroll-padding-block:14px;-webkit-overflow-scrolling:touch}
.player-page .game-shell :is(input,textarea,select){scroll-margin-block:14px}
.player-page .game-shell.arena-flow .arena-choice-panel{align-items:flex-start}
.player-page .game-shell.arena-flow .arena-flow-card{margin-block:auto}
.player-page .game-shell.arena-flow .arena-welcome{align-items:start;align-content:start;grid-template-rows:minmax(min-content,1fr)}
.player-page .game-shell.arena-flow .arena-welcome-brand{margin-block:auto}

/* Once the keyboard is open, the entire form is a reachable scroll document.
   Fixed header/footer sections must not squeeze the input body to zero height. */
.player-page .game-shell.keyboard-open .crypto-arena-sheet[open]{display:block;overflow-y:auto}
.player-page .game-shell.keyboard-open .crypto-arena-sheet .crypto-sheet-body{overflow:visible;min-height:0;flex:none}
.player-page .game-shell.keyboard-open .crypto-arena-sheet .crypto-sheet-footer{position:static}
.player-page .game-shell.arena-flow.keyboard-open.is-preparing{padding-bottom:0}
.player-page .game-shell.arena-flow.keyboard-open.is-preparing .arena-card{overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:12px;-webkit-overflow-scrolling:touch}
.player-page .game-shell.arena-flow.keyboard-open.is-preparing .prep-screen{flex:none;min-height:auto;overflow:visible}
.player-page .game-shell.arena-flow.keyboard-open.is-preparing .arena-flow-panel{flex:none;overflow:visible}
.player-page .game-shell.arena-flow.keyboard-open #arena-welcome{display:block;padding:0 0 12px}
.player-page .game-shell.arena-flow.keyboard-open .arena-welcome-brand{display:none}
.player-page .game-shell.arena-flow.keyboard-open .arena-name-card{margin:0 auto;padding:14px 18px}
.player-page .game-shell.arena-flow.keyboard-open #arena-online-step #online-panel{flex:none;overflow:visible}
.player-page .game-shell.arena-flow.keyboard-open #arena-online-step .arena-online-next{padding-bottom:14px}

/* Menus and setup work in portrait. Only the fighting plane needs landscape. */
@media(orientation:portrait) and (max-width:900px){
  .player-page .game-shell.arena-flow .prep-screen{padding-inline:12px;padding-bottom:12px}
  .player-page .game-shell.arena-flow .arena-welcome{display:flex;flex-direction:column;justify-content:flex-start;gap:20px;padding:16px 0}
  .player-page .game-shell.arena-flow .arena-welcome-brand{flex:none;margin:0;text-align:center}
  .player-page .game-shell.arena-flow .arena-welcome-brand>strong{font-size:clamp(48px,15vw,82px);line-height:.9;transform:rotate(-3deg)}
  .player-page .game-shell.arena-flow .arena-welcome-brand>strong>br,.player-page .game-shell.arena-flow .arena-welcome-brand>span,.player-page .game-shell.arena-flow .arena-welcome-brand>p{display:none}
  .player-page .game-shell.arena-flow .arena-name-card{flex:none;max-width:470px;margin:0 auto}
  .player-page .game-shell.arena-flow .arena-flow-card{padding:20px;box-shadow:4px 4px 0 #080f1255}
  .player-page .game-shell.arena-flow .arena-flow-card>h1,.player-page .game-shell.arena-flow .arena-flow-card>h2{font-size:clamp(28px,6vw,38px);line-height:1.05;overflow-wrap:break-word}
  .player-page .game-shell.arena-flow .entry-money-choices{grid-template-columns:minmax(0,1fr)}
  .player-page .game-shell.arena-flow #arena-online-step #online-panel{padding:14px 4px}
  .player-page .game-shell.arena-flow #arena-online-step .online-heading{align-items:flex-start;flex-wrap:wrap;gap:8px}
  .player-page .game-shell.arena-flow #arena-online-step .online-profile{overflow-wrap:anywhere}
  .player-page .game-shell.arena-flow #arena-online-step #online-friend-tools:not(.is-joined)>.online-actions{grid-template-columns:minmax(0,1fr) auto}
  .player-page .game-shell.arena-flow #arena-online-step #online-friend-tools:not(.is-joined) #online-create{grid-column:1/-1}
  .player-page .game-shell.arena-flow #fighters-step{overflow-y:auto;gap:14px}
  .player-page .game-shell.arena-flow #fighters-step .fighter-select-layout{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
  .player-page .game-shell.arena-flow #fighters-step .player-showcase{grid-row:1;grid-column:1;max-height:none}
  .player-page .game-shell.arena-flow #fighters-step .player-showcase.player-two{grid-column:2}
  .player-page .game-shell.arena-flow #fighters-step .player-showcase canvas{height:150px;max-height:150px}
  .player-page .game-shell.arena-flow #fighters-step .shared-roster{grid-row:2;grid-column:1/-1}
  .player-page .game-shell.arena-flow #fighters-step .character-picker{grid-template-columns:repeat(4,minmax(0,1fr))}
  .player-page .game-shell.arena-flow #fighters-step .character canvas{height:76px}
  .player-page .game-shell.arena-flow #fighters-step .character b{font-size:14px;overflow-wrap:anywhere}
  .player-page .game-shell.arena-flow #fighters-step .prep-next-row{position:sticky;bottom:0;flex-wrap:wrap;background:#142322f5;padding:10px 0;border-top:1px solid #4c6246}
  .player-page .game-shell.arena-flow #fighters-step .prep-next-row .start-button{width:100%;min-width:0}
  .player-page .game-shell .keyboard-players{grid-template-columns:minmax(0,1fr)}
  .player-page .game-shell .share-body{grid-template-columns:minmax(0,1fr)}
  .player-page .game-shell .share-body canvas{max-width:280px;justify-self:center}
}
@media(max-width:430px) and (orientation:portrait){
  .player-page .game-shell.arena-flow #arena-local-step .prep-mode{grid-template-columns:minmax(0,1fr)}
  .player-page .game-shell.arena-flow #fighters-step .character-picker{grid-template-columns:repeat(2,minmax(0,1fr))}
  .player-page .game-shell.arena-flow #fighters-step .character b{font-size:17px}
  .player-page .game-shell .crypto-arena-sheet .keyboard-heading{padding:14px 14px 10px}
  .player-page .game-shell .crypto-arena-sheet .crypto-sheet-body{padding-inline:14px}
  .player-page .game-shell .social-row{align-items:flex-start;flex-direction:column}
  .player-page .game-shell .social-row-actions{width:100%}
}
@media(max-width:900px),(any-pointer:coarse){
  .player-page .game-shell :is(input,textarea,select){font-size:16px}
}
@media(orientation:landscape) and (max-height:280px){
  .player-page .game-shell.arena-flow .arena-welcome{display:block;padding:0 0 12px}
  .player-page .game-shell.arena-flow .arena-welcome-brand{display:none}
  .player-page .game-shell.arena-flow #arena-online-step #online-panel{flex:none;overflow:visible}
  .player-page .game-shell.arena-flow #fighters-step{overflow-y:auto}
  .player-page .game-shell.arena-flow #fighters-step .fighter-select-layout{flex:none;min-height:auto}
  .player-page .game-shell.arena-flow #fighters-step .player-showcase{max-height:none}
  .player-page .game-shell.arena-flow #fighters-step .prep-next-row{position:sticky;bottom:0;background:#142322f5}
}

/* A short sheet has one scrolling surface, including its header and actions.
   Safari must never infer an auto-height flex sheet from fixed chrome alone. */
@media(orientation:landscape) and (max-height:600px),(max-height:360px){
  .player-page .game-shell .crypto-arena-sheet[open]{display:block;height:var(--dialog-space);overflow-y:auto}
  .player-page .game-shell .crypto-arena-sheet .crypto-sheet-body{flex:none;min-height:auto;overflow:visible}
  .player-page .game-shell .crypto-arena-sheet .keyboard-heading{padding:10px 14px;gap:12px}
  .player-page .game-shell .crypto-arena-sheet .keyboard-heading h2{font-size:24px;line-height:1.08;overflow-wrap:break-word}
  .player-page .game-shell .crypto-arena-sheet .keyboard-heading .eyebrow{margin-bottom:4px}
  .player-page .game-shell .crypto-arena-sheet .crypto-sheet-footer{position:static;min-height:0;padding:10px 14px;gap:10px}
  .player-page .game-shell .crypto-arena-sheet .share-body{align-items:start}
  .player-page .game-shell .crypto-arena-sheet .crypto-preview-note{padding-bottom:8px}
  .player-page .game-shell .crypto-arena-sheet .usdc-config-status{padding-bottom:6px}
}

/* A rotated match keeps Menu available for pause, recovery or leaving a room. */
.player-page .game-shell.rotation-required{min-height:0}
.player-page .game-shell.rotation-required .arena-top{z-index:6}
.player-page .game-shell.rotation-required .rotation-hint{top:calc(60px + env(safe-area-inset-top));min-height:0;overflow-y:auto;justify-content:flex-start;padding:18px 18px calc(18px + env(safe-area-inset-bottom));overscroll-behavior:contain}
.player-page .game-shell.rotation-required .rotation-hint svg{flex:none;margin-bottom:14px}
.player-page .game-shell.rotation-required .fight-menu-toggle{width:auto;min-width:74px;height:44px;min-height:44px;padding:0 12px;font-size:10px;gap:7px}

/* Cash kept in the wallet and confirmed escrow proceeds are separate balances. */
.usdc-funds-overview{padding:12px 14px;margin:0 0 16px;border:1px solid #798c6380;background:#22332b80}
.usdc-funds-overview .crypto-wallet-lines{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
.usdc-funds-overview .crypto-wallet-lines>div{display:block;padding:0;border:0}
.usdc-funds-overview dt{font-size:11px;line-height:1.35;color:#bac9b5}
.usdc-funds-overview dd{margin:6px 0 0;font-size:20px;font-weight:700;overflow-wrap:anywhere}
.usdc-funds-overview .crypto-detail-copy{margin:10px 0;font-size:12px}
.usdc-funds-actions,.usdc-quick-actions{display:flex;flex-wrap:wrap;gap:8px}
.usdc-funds-actions button,.usdc-quick-actions button{min-height:44px;padding:10px 14px;font-size:12px}
#usdc-opponent-tabs{margin-bottom:12px}
#usdc-quick-tools{margin-bottom:16px}
.online-rival-summary{padding:8px 12px;border-left:3px solid var(--acid,#d9f266);color:#e7edcf;font-size:12px;line-height:1.4;overflow-wrap:anywhere}
@media(max-width:480px){.usdc-funds-overview .crypto-wallet-lines{grid-template-columns:1fr}.usdc-funds-overview dd{font-size:18px}.usdc-funds-actions button,.usdc-quick-actions button{flex:1}}