@charset "UTF-8";
:root{color-scheme:dark;--ink:#111c23;--paper:#f7f0dc;--muted:#9baaa9;--acid:#d4ed76;--line:#35454a;--orange:#ff9d61}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font:14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:transparent;border:1px solid var(--line);cursor:pointer;padding:10px 16px;border-radius:4px}button:hover{border-color:var(--acid);color:var(--acid)}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--acid);outline-offset:3px}a{color:inherit;text-underline-offset:4px}.topbar{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:22px 3vw;gap:15px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:10px;letter-spacing:1.7px;line-height:1.3}.brand strong{font-size:13px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:var(--acid);color:var(--ink);font-size:24px;font-weight:950;transform:skew(-8deg)}.edition{font-size:10px;color:var(--muted);letter-spacing:2px}nav{display:flex;gap:8px}nav button{font-size:12px;padding:8px 12px}main{max-width:1440px;padding:0 3vw;margin:auto}#arena{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid #526157;background:#24333d;box-shadow:0 24px 70px #0004}canvas{display:block;width:100%;height:100%;image-rendering:pixelated;touch-action:none}.screen{position:absolute;inset:0;z-index:4;background:linear-gradient(90deg,#101d27fa 0%,#15242ae8 40%,#15242a22 80%);padding:5%}.hidden{display:none!important}#menu{overflow:hidden}.menu-copy{position:relative;z-index:2;width:52%}.eyebrow{display:block;color:var(--acid);font-size:clamp(8px,1vw,12px);font-weight:700;letter-spacing:2px}h1{font-size:clamp(28px,5.6vw,78px);font-weight:950;line-height:.96;letter-spacing:-3px;margin:20px 0}h1 em{font-style:normal;color:var(--acid);font-size:.82em}p{color:var(--muted)}.menu-copy p{max-width:330px;font-size:clamp(10px,1.15vw,16px);margin:18px 0}.hero-art{position:absolute;width:65%;height:85%;object-fit:contain;right:-7%;bottom:3%;image-rendering:pixelated;filter:drop-shadow(0 20px 0 #0003);pointer-events:none}.menu-stamp{position:absolute;right:3%;top:6%;font-size:10px;letter-spacing:3px;color:#dde5c080;text-align:right}.choice{display:flex;gap:8px;margin-bottom:16px}.choice button{font-size:12px;font-weight:800;text-align:left;padding:10px 14px;min-width:125px;background:#15232dc9}.choice small{display:block;font-size:10px;color:var(--muted);font-weight:400}.choice .selected{border-color:var(--acid);box-shadow:inset 0 -2px var(--acid);color:var(--acid)}.primary{background:var(--acid);color:var(--ink);border-color:var(--acid);font-size:14px;font-weight:900;padding:14px 20px;letter-spacing:.6px}.primary:hover{background:#e9ffa2;color:#111c23}.primary span{margin-left:40px}.menu-links{display:flex;align-items:center;gap:18px;margin-top:14px;flex-wrap:wrap}.menu-links button{padding:0;border:0}.menu-links a,.menu-links button{font-size:11px;color:#c7d1cb}.centered{display:grid;place-items:center;background:#111c23dc;backdrop-filter:blur(6px)}.panel{max-width:480px;text-align:center}.panel h2{font-size:clamp(24px,4vw,50px);line-height:1.1;margin:18px 0;color:var(--paper)}.panel p{margin:15px auto 24px;max-width:390px}.panel button{display:block;margin:10px auto;min-width:230px}.load-track{height:8px;background:#34404b;max-width:330px;margin:25px auto}.load-track i{display:block;background:var(--acid);height:100%;width:0;transition:width .2s}.hud{position:absolute;left:3%;top:4%;right:3%;display:flex;justify-content:space-between;pointer-events:none;z-index:2;text-shadow:0 2px 3px #000}.player-panel{width:30%;max-width:300px}.player-panel>strong{font-weight:900;font-size:clamp(10px,1.5vw,19px)}.micro{font-size:clamp(7px,.8vw,11px);display:flex;justify-content:space-between;letter-spacing:1px}.health-track{height:14px;background:#17222a;border:2px solid #e1e1c7;margin:5px 0;transform:skew(-10deg)}.health-track i{display:block;height:100%;background:var(--acid);width:100%;transition:width .15s}.stage-panel{text-align:right;display:flex;flex-direction:column}.stage-panel strong{font:bold clamp(22px,3vw,38px) ui-monospace,monospace;color:var(--paper);line-height:1.1}.stage-panel>span{font-size:11px;color:#e7e7d0}.toast{position:absolute;z-index:3;left:50%;top:21%;transform:translateX(-50%);background:#13202ce8;border-left:4px solid var(--acid);padding:12px 20px;text-align:center;max-width:65%;font-size:clamp(10px,1.3vw,16px);font-weight:800;pointer-events:none}.underbar{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--line);gap:20px}.underbar>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.underbar strong{font-size:11px;letter-spacing:1px}.underbar span:not(.live-dot),.underbar p{font-size:11px;color:var(--muted);margin:0}.live-dot{width:7px;height:7px;background:var(--acid);border-radius:50%}.instructions{display:flex;justify-content:space-between;gap:18px;padding:27px 0}.instructions>div{display:flex;align-items:center;gap:9px}.instructions span{font-size:10px;color:var(--muted)}.instructions strong{font-size:12px;color:var(--paper);font-weight:600}kbd{font:11px ui-monospace,monospace;border:1px solid #637075;border-bottom:3px solid #637075;border-radius:4px;padding:6px 8px;white-space:nowrap}footer{max-width:1440px;margin:auto;padding:16px 3vw 25px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;color:#a0ada6}footer span{letter-spacing:1px}footer p{margin:0}footer a{white-space:nowrap}.touch{display:none;justify-content:space-between;align-items:center;padding:10px 0;user-select:none;touch-action:none}.dpad{display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(3,40px);gap:3px}.dpad button{font-size:16px;padding:5px;border-color:#6c8079;background:#293c43}.up{grid-area:1/2}.left{grid-area:2/1}.right{grid-area:2/3}.down{grid-area:3/2}.center{grid-area:2/2;display:grid;place-items:center;color:#657975}.action-pad{display:grid;grid-template-columns:repeat(2,80px);gap:8px}.action-pad button{height:46px;font-size:10px;font-weight:800;padding:5px}.action-pad .attack{background:var(--acid);color:var(--ink)}.action-pad .special{border-color:#c394ec;color:#e0bfff}.touch button.pressed{filter:brightness(1.7);transform:translateY(2px)}#map{background:#16232af7;overflow:auto;padding:4%}.map-head{display:flex;justify-content:space-between;gap:20px}.map-head h2{font-size:clamp(20px,3vw,38px);margin:8px 0}.map-head p{font-size:12px;margin:8px 0 18px}.map-head button{align-self:flex-start}#capitals{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:7px;padding:0;margin:0}#capitals li{border:1px solid #3c4b50;padding:9px 10px;font-size:11px;color:#8e9d9f}#capitals li strong{display:block;font-size:12px;color:#bbc4c0}#capitals li.available{border-color:var(--acid);background:#d4ed7612}#capitals li.available strong{color:var(--acid)}#capitals li.final{border-color:#ad855e}.map-note{font-size:10px;color:#adbbad;margin-top:12px}.end-score{font:900 32px ui-monospace,monospace;color:var(--acid);margin:20px 0}
.hero-art{right:-1%;width:60%}
@media(pointer:coarse){.touch{display:flex}.instructions{display:none}}
@media(max-width:900px){.edition{display:none}.instructions{flex-wrap:wrap;justify-content:flex-start;gap:16px 25px}.underbar{align-items:flex-start;flex-direction:column;gap:5px}h1{letter-spacing:-1.5px;margin:12px 0}.menu-copy p{margin:12px 0}.choice{margin-bottom:10px}.choice button{min-width:95px;font-size:10px;padding:6px 9px}.choice small{font-size:8px}.primary{font-size:12px;padding:10px 16px}.menu-links{margin-top:10px;gap:10px}.menu-links a,.menu-links button{font-size:9px}.menu-stamp{font-size:8px}footer{flex-wrap:wrap}.topbar{padding:15px 3vw}}
@media(max-width:600px){nav{gap:4px}nav button{font-size:10px;padding:7px}.brand{font-size:7px;letter-spacing:1px}.brand strong{font-size:9px}.brand-mark{width:27px;height:27px;font-size:20px}main{padding:0 2vw}#arena{aspect-ratio:4/3}canvas{object-fit:contain;background:#15232a}#menu{padding:7% 5%;background:linear-gradient(90deg,#101d27 5%,#15242ae8 60%,#15242a66)}.menu-copy{width:70%}h1{font-size:clamp(27px,8vw,47px)}.hero-art{width:77%;height:73%;right:-23%;bottom:9%;opacity:.65}.eyebrow{font-size:7px;letter-spacing:1px}.menu-copy p{font-size:10px;max-width:210px}.menu-stamp{display:none}.choice{gap:5px}.choice button{min-width:90px}.menu-links{display:block}.menu-links a{display:block;margin-top:6px}.hud{top:14%;left:4%;right:4%}.player-panel{width:40%}.health-track{height:10px;border-width:1px}.stage-panel>span{font-size:8px}.toast{top:32%;max-width:83%;width:max-content;font-size:10px;padding:8px 12px}.centered{padding:5%}.panel h2{font-size:25px;margin:8px}.panel p{font-size:11px;margin:10px auto}.panel button{font-size:11px;padding:8px;min-width:190px}.end-score{font-size:22px;margin:8px}.map-head h2{font-size:20px}.map-head p{font-size:10px;margin:5px 0 8px}#capitals{grid-template-columns:repeat(3,1fr);gap:4px}#capitals li{padding:5px;font-size:8px}#capitals li strong{font-size:9px}.map-note{font-size:8px}.underbar{padding:12px 0}.underbar strong{font-size:10px}.instructions{display:none}.touch{display:flex}footer{font-size:9px;padding:14px 3vw}.action-pad{grid-template-columns:repeat(2,72px)}}
@media(max-height:520px) and (orientation:landscape) and (pointer:coarse){.topbar,.underbar,footer,.instructions{display:none}main{padding:0}#arena{height:100dvh;width:100%;aspect-ratio:auto;border:0}canvas{object-fit:contain}.touch{position:fixed;inset:auto 15px 10px;z-index:5;pointer-events:none;opacity:.8}.touch button{pointer-events:auto}.screen{padding:3% 8%}.menu-copy{width:55%}h1{font-size:40px;margin:8px 0}.menu-copy p{margin:8px 0}.hero-art{right:0;width:55%}.hud{left:4%;right:4%}.dpad{grid-template-columns:repeat(3,40px);grid-template-rows:repeat(3,32px)}.action-pad button{height:36px}body:has(.screen:not(.hidden)) .touch{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
body:has(.screen:not(.hidden)) .touch{display:none}
@media(max-width:600px){#arena:has(#menu:not(.hidden)){aspect-ratio:1/1}.hero-art{right:-4%;width:75%;opacity:.45}}

.attack::after{content:attr(data-help);display:block;font-size:8px;font-weight:500;line-height:1.2}

#settings{width:min(760px,94vw);max-height:88dvh;padding:24px;background:#15242b;color:var(--paper);border:1px solid var(--acid);border-radius:10px;overflow-y:auto}#settings::backdrop{background:#071016d9}.settings-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-head h2{margin:0}.settings-options{display:flex;gap:12px}.bindings{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin:16px 0}.bindings>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.bindings button{min-width:110px;font-size:12px}.deadzone-label{display:block}.deadzone-label small{display:block;color:var(--muted)}#deadzone{width:100%;accent-color:var(--acid)}#controller-status{font-size:12px;overflow-wrap:anywhere}.settings-note{font-size:12px}.instructions{flex-wrap:wrap}#settings button:focus{outline:3px solid var(--acid);outline-offset:2px}
@media(max-width:600px){.topbar{flex-wrap:wrap}.topbar nav{flex-wrap:wrap}#settings{padding:16px;font-size:12px}.bindings{grid-template-columns:1fr}.settings-head h2{font-size:20px}#settings .settings-head button{font-size:11px;padding:8px}.settings-options button{font-size:12px}}
@media(max-width:600px){#arena:has(#menu:not(.hidden)){aspect-ratio:auto;height:430px;width:100%}}

/* Beta 05: menu provisório e indicadores compactos de jogador. */
[hidden]{display:none!important}
body{min-height:100dvh;display:flex;flex-direction:column;justify-content:center}
.topbar{width:min(1440px,100%);justify-content:flex-end;padding:8px 3vw;margin:0 auto}
main{width:100%;margin:0 auto 12px}
#menu{background:#14232bbc;padding:0}
#menu .hero-art{width:75%;height:85%;right:12.5%;bottom:13%;opacity:1}
.menu-actions{position:absolute;bottom:4%;left:50%;transform:translateX(-50%);display:flex;gap:12px;z-index:2}
.menu-actions button{min-width:150px;background:#14232be8;font-weight:800}
.menu-actions .primary{background:var(--acid)}
.build-version{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);white-space:nowrap;color:#fff7d9;text-shadow:1px 1px 3px #000;background:#14232bd9;padding:3px 8px;border-radius:3px;font-size:11px}
.player-panel{width:auto;min-width:130px}
.player-panel>strong{font-size:clamp(12px,1.4vw,18px)}
.hit-counter{display:flex;gap:5px;align-items:center;height:24px;margin:4px 0}
.hit-counter i{width:19px;height:15px;transform:skew(-12deg);background:#6ce696;border:1px solid #d0ffe0;box-shadow:0 2px 0 #163b30}
.hit-counter i.empty{background:#192931;border-color:#62706f;box-shadow:none}
.hit-counter.critical i:not(.empty){background:#ff685e;border-color:#ffd1a7}
#health-warning{font-size:22px;color:#ffb365;line-height:1}
.votes{font:bold clamp(11px,1.2vw,16px) ui-monospace,monospace;letter-spacing:1px}
.votes span{color:#d4ed76}
@media(max-width:600px){#arena:has(#menu:not(.hidden)){height:auto;aspect-ratio:16/9}#menu .hero-art{bottom:17%;height:80%}.menu-actions{bottom:3%;gap:8px}.menu-actions button{min-width:105px;font-size:11px;padding:8px}.hit-counter{gap:3px}.hit-counter i{width:12px;height:11px}}

.music-volume-label{display:block;margin:22px 0 16px;font-weight:700}.music-volume-label output{float:right;color:var(--acid)}.music-volume-label input{display:block;width:100%;margin:10px 0;accent-color:var(--acid)}
.intro-hidden{display:none!important}
#intro-advance{position:absolute;right:2%;bottom:2.5%;z-index:3;display:flex;align-items:center;gap:9px;min-height:40px;padding:7px 11px;background:#11202be8;border:1px solid #f3e6b4;color:#fff8dd;font:700 clamp(11px,1.1vw,15px) system-ui;box-shadow:0 2px 0 #080f15;touch-action:manipulation}
#intro-advance kbd{display:inline-block;background:#fff7d8;color:#13212a;border-radius:3px;padding:4px 7px;box-shadow:0 3px 0 #a0926b;font:800 .8em system-ui;min-width:35px;text-align:center}
#intro-advance:disabled{opacity:1;cursor:default}#intro-advance:focus-visible{outline:3px solid #d4ed76;outline-offset:3px}
@media(max-width:600px){#intro-advance{min-height:34px;padding:5px 8px;gap:6px;bottom:2%;font-size:10px}#intro-advance kbd{padding:3px 5px}}
/* Test controls stay outside the screenshot, including their confirmations. */
.topbar{flex-wrap:wrap;gap:6px 15px}.topbar nav{flex-wrap:wrap;justify-content:flex-end}
#test-status{font-size:11px;color:var(--muted);margin-right:auto;min-height:17px;max-width:100%}
#test-status[data-error="true"]{color:#ffb393}#test-freeze[aria-pressed="true"]{color:var(--acid);border-color:var(--acid)}
@media(max-width:600px){.topbar nav{width:100%;gap:5px}.topbar nav button{font-size:11px;padding:7px 8px}#test-status{width:100%}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Selection is explicit: gamepad focus must not depend on :focus-visible heuristics. */
.menu-focus{outline:3px solid #fff!important;outline-offset:4px!important;box-shadow:0 0 0 7px #111c23!important;position:relative}
.menu-actions{bottom:9%}

.checkpoint-loading .eyebrow,.checkpoint-loading .load-track{display:none}

.health-row{display:flex;align-items:center;gap:10px;min-height:42px}.health-row .hit-counter{flex-shrink:0}#buff-icons{width:168px;height:42px;image-rendering:pixelated;max-width:none}#mount-hud{position:absolute;right:3%;top:4%;width:28%;max-width:300px;z-index:2;pointer-events:none;text-shadow:0 2px 3px #000}#mount-hud[hidden]{display:none}#mount-hud strong{font-size:clamp(9px,1.1vw,14px)}#mount-meter{height:14px;margin:7px 0;background:#18232a;border:2px solid #f8ebc6}#mount-life{display:block;height:100%;background:#efba63;width:100%}.mount-detail{display:flex;justify-content:space-between;font:11px monospace;color:#ffebac}@media(max-width:700px){.health-row{gap:4px;min-height:28px}#buff-icons{width:112px;height:28px}.mount-detail{font-size:8px}}

.horde-alert{position:absolute;z-index:3;left:0;right:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;padding:12px 0 18px;pointer-events:none;background:linear-gradient(90deg,transparent,#101820dd 30%,#101820dd 70%,transparent)}
.horde-alert strong{font:900 clamp(44px,8vw,110px)/1 Impact,'Arial Black',sans-serif;letter-spacing:.07em;color:#ec493b;-webkit-text-stroke:1px #ffdec2;text-shadow:4px 5px 0 #310d12;transform:skew(-5deg)}
.horde-alert span{margin-top:10px;font-weight:900;font-size:clamp(11px,1.5vw,20px);color:#fff1da;text-shadow:0 2px 3px #000}

/* Start / pause: all seven item illustrations remain visible beside the menu. */
@media(max-width:700px) and (orientation:portrait){#arena:has(#pause-screen:not(.hidden)){min-height:600px;aspect-ratio:auto;width:100%}}
#pause-screen{background:#101d27f5;padding:3%;overflow:auto;backdrop-filter:blur(4px)}
.pause-layout{display:grid;grid-template-columns:minmax(180px,29%) 1fr;gap:4%;align-items:center;min-height:100%;max-width:1100px;margin:auto}.pause-actions h2{font-size:clamp(22px,3vw,42px);line-height:1.1;margin:12px 0 22px}.pause-actions button{display:block;width:100%;margin:10px 0;font-size:clamp(10px,1.2vw,15px);padding:10px}.item-reference h3{font-size:clamp(16px,2vw,24px);margin:0;color:#d4ed76}.item-reference>p{font-size:clamp(10px,1vw,13px);margin:7px 0 12px;max-width:650px;color:#c2cfc6}#item-guide{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:9px 14px}#item-guide li{display:flex;gap:9px;align-items:center;min-height:69px;border-top:1px solid #40504c;padding-top:6px}#item-guide canvas{flex:0 0 60px;width:60px;height:66px;object-fit:contain}#item-guide strong{display:block;color:#f9f2d7;font-size:clamp(11px,1.1vw,14px)}#item-guide span{display:block;color:#bbc9c3;font-size:clamp(10px,.9vw,12px);line-height:1.35}.horde-alert span{text-align:center;padding:0 15px;max-width:90%;font-size:clamp(10px,1.3vw,18px)}
@media(max-width:700px){.pause-layout{grid-template-columns:1fr;align-items:start;gap:10px}.pause-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}.pause-actions h2,.pause-actions .eyebrow{grid-column:1/-1;margin:0}.pause-actions button{margin:0;padding:8px}.item-reference>p{margin:4px 0}#item-guide{gap:6px 8px}#item-guide li{min-height:62px;gap:5px}#item-guide canvas{flex-basis:46px;width:46px;height:52px}#pause-screen{padding:3%}}

/* Rio first area: attempts and the Start command reference. */
.player-title{display:flex;align-items:center;gap:18px;white-space:nowrap}.player-title>strong{font-size:clamp(12px,1.4vw,18px)}#lives-status{display:flex;align-items:center;gap:4px;font:900 16px ui-monospace,monospace;color:#fff3c5}#lives-status img{width:30px;height:30px;object-fit:contain;image-rendering:pixelated}.command-guide{border-bottom:1px solid #40504c;padding-bottom:12px;margin-bottom:14px}.command-guide h3{font-size:clamp(16px,2vw,24px);margin:0;color:#d4ed76}.command-guide dl{display:grid;grid-template-columns:1fr 1fr;gap:7px 18px;margin:10px 0}.command-guide dl>div{display:flex;align-items:baseline;gap:10px}.command-guide dt{font:bold clamp(10px,1vw,13px) ui-monospace,monospace;color:#fff1bb;flex-shrink:0}.command-guide dd{font-size:clamp(10px,1vw,13px);margin:0;color:#c7d1cb}.command-guide p{font-size:clamp(10px,1vw,13px);margin:6px 0}.pause-layout{align-items:start}.pause-actions{position:sticky;top:0}.pause-reference{min-width:0}#item-guide li{min-height:73px}#pause-screen .item-reference>p{margin-bottom:5px}@media(max-width:700px){.pause-actions{position:static}.command-guide dl{gap:5px}.command-guide dl>div{display:block}.command-guide{margin-bottom:8px;padding-bottom:5px}.player-title{gap:8px}#lives-status{font-size:12px}#lives-status img{width:24px;height:24px}}

.arena-preview-nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;padding:8px 14px;background:#152c36;color:#f7eedb;font:13px system-ui}.arena-preview-nav[hidden]{display:none}.arena-preview-nav a,.arena-gallery-link{color:#f6d778}.arena-preview-nav select{max-width:100%;padding:6px;background:#263e47;color:#fff;border:1px solid #8c9c99;border-radius:4px}.arena-preview-nav span{opacity:.8}.arena-gallery-link{padding:10px;text-align:center;font:700 14px system-ui}

/* Only the game controls suppress selection/gestures; the surrounding site remains scrollable. */
#touch,#touch *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;-webkit-tap-highlight-color:transparent}
#touch button{min-height:44px}
#touch .touch-pause{grid-column:1/-1}
body:has(.screen:not(.hidden)) #touch{display:none}
@media(any-pointer:coarse){.touch{display:flex}}
@media(pointer:coarse){body{min-height:0;display:block}#arena{aspect-ratio:16/9}}
@media(max-height:520px) and (orientation:landscape) and (pointer:coarse){
 main{padding:0 2vw}#arena{height:auto;width:100%;aspect-ratio:16/9;max-height:none}
 .touch{position:relative;inset:auto;opacity:1;padding:10px max(12px,env(safe-area-inset-right)) 12px max(12px,env(safe-area-inset-left));pointer-events:auto}
 .dpad{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px)}.action-pad button{height:48px}
 main:has(#touch:not(.intro-hidden)):not(:has(.screen:not(.hidden))){display:grid;grid-template-columns:140px minmax(0,1fr) 168px;align-items:center;gap:8px;padding:8px max(8px,env(safe-area-inset-right)) 8px max(8px,env(safe-area-inset-left))}
 main:has(#touch:not(.intro-hidden)):not(:has(.screen:not(.hidden))) #arena{grid-column:2;grid-row:1}
 main:has(#touch:not(.intro-hidden)):not(:has(.screen:not(.hidden))) #touch{display:contents}
 main:has(#touch:not(.intro-hidden)):not(:has(.screen:not(.hidden))) .dpad{grid-column:1;grid-row:1}
 main:has(#touch:not(.intro-hidden)):not(:has(.screen:not(.hidden))) .action-pad{grid-column:3;grid-row:1}
}