:root{color-scheme:dark;--bg: #101516;--ink: #fff7ea;--muted: #c8c4b9;--panel: rgba(14, 20, 21, .88);--panel-strong: rgba(9, 14, 15, .96);--line: rgba(255, 247, 234, .2);--gold: #f2b84b;--red: #d83a2e;--green: #72bf83;--blue: #2e7cb7;--mint: #8fded3;--shadow: rgba(0, 0, 0, .48);font-family:Avenir Next Condensed,Arial Narrow,Trebuchet MS,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--ink);touch-action:manipulation;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button{font:inherit}#game-shell{position:fixed;inset:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center;min-width:0;min-height:0;overflow:hidden;background:#090d0e;touch-action:manipulation}#game-canvas{position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}#game-canvas canvas{display:block}#dom-ui{position:fixed;inset:0;z-index:5;pointer-events:none;color:var(--ink);text-shadow:0 2px 2px rgba(0,0,0,.54)}.loading-screen{position:absolute;inset:0;display:grid;width:min(360px,calc(100vw - 40px));height:max-content;margin:auto;gap:9px;place-items:center;padding:24px;pointer-events:auto;border:1px solid var(--line);border-radius:7px;background:#080d0eeb;box-shadow:0 20px 50px var(--shadow)}.loading-screen>strong{font-family:Georgia,Iowan Old Style,serif;font-size:25px}.loading-screen small{color:var(--muted)}.loading-track{width:100%;height:8px;overflow:hidden;background:#ffffff24}.loading-track span{display:block;width:100%;height:100%;background:var(--gold);transform:scaleX(0);transform-origin:left}.selection-ui{position:absolute;inset:0;display:flex;min-width:0;min-height:0;padding:24px clamp(18px,4vw,48px);overflow:auto;flex-direction:column;background:#070c0da8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto}.selection-heading{position:relative;width:min(1100px,100%);margin:0 auto 16px;text-align:center}.selection-heading--with-back{padding-inline:54px}.selection-step{display:block;margin-bottom:4px;color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase}.selection-heading h1{margin:3px 0 0;font-family:Georgia,Iowan Old Style,serif;font-size:clamp(28px,4vw,42px);line-height:1}.selection-back{position:absolute;left:0;top:50%;display:grid;width:42px;height:42px;place-items:center;color:var(--ink);border:1px solid var(--line);border-radius:50%;background:#101617e6;font-size:22px;cursor:pointer;transform:translateY(-50%)}.selection-back:hover,.selection-back:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.selection-character-grid,.selection-world-grid,.selection-opponent-grid{display:grid;width:min(1100px,100%);min-width:0;margin:auto;gap:12px}.selection-character-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.selection-character-grid .character-card{display:flex;height:min(350px,calc(100vh - 145px));min-height:250px;flex-direction:column}.selection-character-grid .character-card__media{width:100%;height:auto;min-height:0;flex:1 1 auto}.selection-character-grid .character-pose{object-fit:contain;object-position:50% 50%}.selection-character-grid .character-card__copy{min-height:76px;padding:12px 14px;flex:0 0 auto;justify-content:center}.selection-character-grid .character-card__copy strong{font-size:clamp(20px,2.2vw,28px)}.selection-character-grid .character-card__copy small{font-size:12px}.selection-world-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-content:center}.world-choice{display:grid;grid-template-columns:58px minmax(0,1fr);gap:13px;align-items:center;min-width:0;min-height:132px;padding:16px;color:var(--ink);text-align:left;border:1px solid var(--line);border-top:4px solid var(--world-color);border-radius:6px;background:#0c1213f0;cursor:pointer}.world-choice:hover,.world-choice:focus-visible{outline:none;border-color:var(--world-color);transform:translateY(-2px)}.world-choice .world-button__icon{width:54px;height:54px}.world-choice__copy strong,.world-choice__copy small,.world-choice__copy b{display:block}.world-choice__copy strong{font-family:Georgia,Iowan Old Style,serif;font-size:22px}.world-choice__copy small{margin-top:5px;color:var(--muted);font-size:11px;line-height:1.25}.world-choice__copy b{margin-top:8px;color:var(--world-color);font-size:11px}.selection-opponent-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:840px}.opponent-card{position:relative;display:flex;height:min(370px,calc(100vh - 150px));min-height:270px;padding:0;overflow:hidden;color:var(--ink);text-align:left;border:1px solid var(--line);border-bottom:5px solid var(--character-accent);border-radius:6px;background:#12191a;cursor:pointer}.opponent-card img{width:100%;height:100%;object-fit:contain;object-position:50% 45%}.opponent-card>span{position:absolute;inset:auto 0 0;padding:30px 14px 13px;background:linear-gradient(transparent,#060a0bfa)}.opponent-card strong,.opponent-card small{display:block}.opponent-card strong{font-family:Georgia,Iowan Old Style,serif;font-size:27px}.opponent-card small{margin-top:4px;color:var(--muted)}.opponent-card:hover,.opponent-card:focus-visible{outline:2px solid var(--character-accent);outline-offset:2px;transform:translateY(-2px)}.hub-ui{position:absolute;inset:0;min-height:540px;overflow:hidden}.hub-heading{position:absolute;top:22px;left:24px;width:min(390px,40vw);padding-left:14px;border-left:5px solid var(--gold)}.hub-kicker,.panel-kicker,.loadout__eyebrow{display:block;color:var(--gold);font-size:11px;font-weight:900;letter-spacing:0;text-transform:uppercase}.hub-heading>strong{display:block;margin-top:2px;font-family:Georgia,Iowan Old Style,serif;font-size:34px;line-height:1}.hub-heading p{margin:7px 0 0;color:#e8ddca;font-size:14px;font-style:italic;line-height:1.25}.section-label{display:flex;gap:8px;align-items:center;margin-bottom:7px;color:#e9e4da;font-size:12px;font-weight:900;text-transform:uppercase}.section-label span{display:grid;width:20px;height:20px;place-items:center;border:1px solid rgba(255,255,255,.3);border-radius:50%;color:var(--gold)}.roster{position:absolute;top:122px;left:24px;width:min(414px,43vw);pointer-events:auto}.character-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.character-card{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr);min-width:0;height:108px;padding:0;overflow:hidden;color:var(--ink);text-align:left;border:1px solid rgba(255,255,255,.16);border-radius:6px;background:#0c1213d1;box-shadow:0 10px 26px #00000042;cursor:pointer;transition:border-color .16s ease,transform .16s ease,background .16s ease}.character-card:hover,.character-card:focus-visible{outline:none;border-color:var(--character-accent);transform:translateY(-2px)}.character-card.is-selected{border-color:var(--character-accent);background:color-mix(in srgb,var(--character-accent) 19%,rgba(11,17,18,.94));box-shadow:inset 4px 0 0 var(--character-accent),0 12px 30px #0000005c}.character-card__media{position:relative;height:108px;overflow:hidden;background:#171d1e}.character-pose{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 18%;opacity:0;transform:scale(.985);filter:saturate(.84) contrast(1.05);transition:opacity .24s ease,transform .42s ease}.character-pose.is-visible{opacity:1;transform:scale(1)}.character-card.is-selected .character-pose{filter:saturate(1.04) contrast(1.03)}.character-card__copy{display:flex;min-width:0;padding:15px 10px;flex-direction:column;justify-content:flex-end}.character-card__copy strong{overflow-wrap:anywhere;font-family:Georgia,Iowan Old Style,serif;font-size:18px;line-height:1}.character-card__copy small{display:block;margin-top:6px;color:var(--muted);font-size:11px;line-height:1.15}.world-picker{position:absolute;bottom:16px;left:24px;width:min(650px,calc(100vw - 312px));pointer-events:auto}.world-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.world-button{display:grid;grid-template-columns:28px minmax(0,1fr);gap:7px;align-items:center;min-width:0;min-height:64px;padding:8px;color:var(--ink);text-align:left;border:1px solid rgba(255,255,255,.15);border-radius:5px;background:#090f10db;cursor:pointer}.world-button:hover,.world-button:focus-visible,.world-button.is-selected{outline:none;border-color:var(--world-color);background:color-mix(in srgb,var(--world-color) 24%,rgba(9,15,16,.95))}.world-button__icon{display:grid;width:28px;height:28px;place-items:center;border:0;border-radius:0}.world-icon{display:block;width:100%;height:100%;object-fit:contain}.world-button strong,.world-button small{display:block}.world-button strong{font-size:12px;line-height:1}.world-button small{display:-webkit-box;margin-top:4px;overflow:hidden;color:var(--muted);font-size:9px;line-height:1.1;-webkit-box-orient:vertical;-webkit-line-clamp:2}.loadout{position:absolute;right:20px;bottom:16px;width:264px;padding:15px;pointer-events:auto;border:1px solid color-mix(in srgb,var(--character-accent) 65%,white 10%);border-radius:7px;background:#080d0eeb;box-shadow:0 18px 44px var(--shadow)}.loadout>strong{display:block;margin-top:4px;color:var(--character-accent);font-family:Georgia,Iowan Old Style,serif;font-size:21px;line-height:1}.loadout p{margin:7px 0;color:#f0eadf;font-size:12px;line-height:1.25}.loadout>span:last-of-type{display:block;color:var(--muted);font-size:10px;line-height:1.25}.play-button{width:100%;min-height:42px;margin-top:11px;padding:8px 12px;color:#0d1213;font-weight:950;border:0;border-radius:5px;background:var(--character-accent);cursor:pointer}.play-button:hover,.play-button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.hub-hint{position:absolute;top:24px;left:50%;padding:7px 10px;color:#ffffffad;font-size:10px;background:#070b0c94;transform:translate(-50%)}.ui-top,.ui-bottom,.ui-center{position:absolute;display:flex;gap:12px;align-items:flex-start}.ui-top{inset:18px 18px auto;justify-content:space-between}.ui-bottom{inset:auto 18px 88px;align-items:flex-end;justify-content:space-between}.ui-center{inset:0;align-items:center;justify-content:center}.hud-panel,.result-panel,.pause-panel,.ability-caption{border:1px solid var(--line);border-radius:7px;background:var(--panel);box-shadow:0 16px 40px var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud-panel{width:410px;padding:11px 13px;border-top:3px solid var(--character-accent, var(--gold))}.hud-title{display:flex;justify-content:space-between;gap:12px;font-size:13px;font-weight:900}.hud-title span:last-child{color:var(--gold)}.mission-strip{display:grid;min-width:0;margin-top:8px;padding:8px 9px;grid-template-columns:52px minmax(0,1fr);gap:2px 8px;border-left:3px solid var(--character-accent, var(--gold));background:#0000003d}.mission-label{grid-row:1 / span 3;color:var(--gold);font-size:9px;font-weight:950;text-transform:uppercase}.mission-strip strong,.mission-strip .next-step,.mission-strip .input-feedback{min-width:0;line-height:1.2}.mission-strip strong{color:var(--ink);font-size:11px}.mission-strip .next-step{color:#f2d17d;font-size:10px;font-weight:850}.mission-strip .input-feedback{color:var(--muted);font-size:9px;font-style:normal}.meter-grid{display:grid;gap:6px;margin-top:8px}.meter-row{display:grid;grid-template-columns:124px 1fr 58px;gap:8px;align-items:center;color:var(--muted);font-size:11px}.meter-row strong{color:var(--ink);text-align:right}.meter-label{display:flex;min-width:0;gap:5px;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.meter-label .ui-icon{flex:0 0 auto}.meter-track{height:8px;overflow:hidden;background:#ffffff24}.meter-fill{display:block;width:100%;height:100%;background:var(--gold);transform-origin:left}.meter-fill--ability{background:var(--character-accent, var(--mint))}.hint,.message-chip{padding:9px 11px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--muted);font-size:11px}.message-chip{max-width:390px;color:var(--ink);font-size:13px;font-style:italic;font-weight:800}.action-row{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end;pointer-events:auto}.action-button{display:inline-flex;min-height:36px;padding:7px 11px;color:var(--ink);border:1px solid rgba(255,255,255,.22);border-radius:5px;background:#0a1011db;gap:6px;align-items:center;justify-content:center;cursor:pointer}.action-button:hover,.action-button:focus-visible{outline:none;border-color:var(--gold)}.action-button.is-primary{color:#121617;border-color:transparent;background:var(--gold);text-shadow:none;font-weight:900}.action-button.is-pressed,.action-button[aria-pressed=true],.touch-button.is-pressed,.touch-button[aria-pressed=true]{border-color:#fff4c7;box-shadow:0 0 0 2px #f2b84b94,inset 0 0 0 2px #00000047;filter:brightness(1.22) saturate(1.08);transform:translateY(1px) scale(.97)}.action-button:disabled{opacity:.42;cursor:not-allowed}.touch-controls{position:fixed;left:50%;bottom:10px;z-index:8;display:flex;width:min(calc(100% - 24px),940px);gap:6px;align-items:stretch;justify-content:center;padding:7px;border:1px solid rgba(255,247,234,.24);border-radius:7px;background:#070c0de0;box-shadow:0 12px 32px #0000007a;transform:translate(-50%);pointer-events:auto}.touch-controls--bmx{display:grid;width:min(calc(100% - 24px),760px);grid-template-columns:repeat(6,minmax(0,1fr))}.touch-controls--prototype{display:grid;width:min(calc(100% - 24px),820px);grid-template-columns:repeat(6,minmax(0,1fr))}.touch-controls--prototype:not(:has([data-touch-move])){width:min(calc(100% - 24px),560px);grid-template-columns:repeat(3,minmax(0,1fr))}.touch-button{display:inline-flex;min-width:66px;min-height:48px;padding:8px 10px;color:var(--ink);border:1px solid rgba(255,255,255,.3);border-radius:6px;background:#0a1011f0;font-size:13px;font-weight:800;gap:5px;align-items:center;justify-content:center;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer}.touch-button.is-primary{color:#121617;border-color:transparent;background:var(--gold);text-shadow:none}.touch-button.is-turbo{border-color:#52d5d0;color:#d9fffd;background:#0c4848f0}.touch-button:hover,.touch-button:focus-visible{outline:none;border-color:var(--gold)}.touch-button.is-recommended{border-color:#fff2b6;box-shadow:0 0 0 2px #f2b84bd1,0 0 18px #f2b84b61;filter:brightness(1.12)}.touch-button:disabled{position:relative;opacity:.68;filter:saturate(.55);cursor:not-allowed}.touch-button:disabled:after{position:absolute;top:2px;right:3px;content:attr(data-disabled-label);color:#ffe6a8;font-size:7px;font-weight:900;line-height:1;text-transform:uppercase}.touch-button:active{transform:translateY(1px) scale(.97);filter:brightness(1.18)}.touch-button>b{display:grid;min-width:18px;height:18px;padding-inline:3px;place-items:center;border:1px solid currentColor;border-radius:3px;font-size:9px;line-height:1}.touch-button>span{min-width:0;overflow-wrap:anywhere;line-height:1.05}.touch-button--word{flex-direction:column;gap:2px;font-size:8px}.ui-icon{display:block;width:21px;height:21px;flex:0 0 21px;object-fit:contain}.touch-icon{display:block;width:28px;height:28px;object-fit:contain;pointer-events:none}.result-world-icon{display:block;width:50px;height:50px;margin:4px auto -4px;object-fit:contain}.touch-direction-stack{display:grid;gap:5px}.touch-direction-stack .touch-button{min-width:50px;min-height:44px}.result-panel,.pause-panel{width:min(410px,92vw);padding:20px;pointer-events:auto;text-align:center;background:var(--panel-strong)}.result-character{height:158px;margin:4px 0 2px;overflow:hidden}.result-character img{width:100%;height:100%;object-fit:contain;object-position:50% 50%}.result-panel h2,.pause-panel h2{margin:4px 0 8px;font-family:Georgia,Iowan Old Style,serif;font-size:29px}.result-panel p,.pause-panel p{margin:0 0 14px;color:var(--muted);line-height:1.4}.stat-line{display:flex;justify-content:space-between;gap:16px;margin:6px 0;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.12);color:var(--muted)}.stat-line strong{color:var(--ink)}.ability-caption{position:absolute;right:18px;top:104px;width:258px;padding:12px}.ability-caption>.ui-icon{float:left;width:44px;height:44px;margin:0 9px 5px 0}.ability-caption span,.ability-caption strong,.ability-caption small{display:block}.ability-caption span{color:var(--gold);font-size:11px;font-weight:900;text-transform:uppercase}.ability-caption strong{margin-top:4px;font-size:12px}.ability-caption small{margin-top:5px;color:var(--muted);font-size:10px;line-height:1.3}.fight-ui{position:absolute;inset:0}.fight-hud{position:absolute;top:12px;left:50%;display:grid;width:min(900px,calc(100vw - 24px));grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);gap:10px;align-items:start;transform:translate(-50%)}.fight-status{padding:9px 10px;border-top:3px solid var(--fighter-accent);background:#080e0fe6;box-shadow:0 10px 28px #00000057}.fight-name,.fight-focus{display:flex;gap:8px;align-items:center;justify-content:space-between}.fight-name{margin-bottom:5px}.fight-name strong{font-family:Georgia,Iowan Old Style,serif;font-size:17px}.fight-name span,.fight-focus small{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase}.fight-resource-label{display:block;margin-bottom:2px;color:var(--muted);font-size:7px;font-weight:900;text-transform:uppercase}.fight-status--opponent{text-align:right}.fight-status--opponent .fight-meter>span{transform-origin:right}.fight-meter{display:block;height:10px;overflow:hidden;background:#ffffff24}.fight-meter>span{display:block;width:100%;height:100%;background:var(--fighter-accent, var(--gold));transform-origin:left}.fight-meter--health{height:13px;border:1px solid rgba(255,255,255,.22)}.fight-meter--health>span{background:linear-gradient(90deg,#65c77d,#d6c94b)}.fight-status--opponent .fight-meter--health>span{background:linear-gradient(90deg,#d6c94b,#65c77d)}.fight-focus{margin-top:5px}.fight-focus .fight-meter{flex:1 1 auto;height:6px}.fight-focus b{min-width:22px;color:var(--fighter-accent);font-size:10px}.fight-clock{display:grid;min-height:58px;place-items:center;padding:6px;border:1px solid rgba(255,255,255,.24);background:#070c0df0;box-shadow:0 10px 28px #0000005c}.fight-clock span{color:var(--gold);font-size:8px;font-weight:900;text-transform:uppercase}.fight-clock strong{font-family:Georgia,Iowan Old Style,serif;font-size:25px;line-height:1}.fight-actions{position:absolute;top:96px;right:18px;display:flex;gap:6px;pointer-events:auto}.fight-actions .action-button{min-height:30px;padding:5px 8px;font-size:10px}.fight-objective{position:absolute;top:94px;left:50%;width:min(430px,calc(100vw - 420px));margin-top:0;border-left-color:var(--gold);background:#070c0dd1;transform:translate(-50%)}.fight-feedback{position:absolute;top:158px;left:50%;display:grid;width:min(540px,calc(100vw - 32px));gap:2px;place-items:center;padding:8px 12px;background:#070c0dc7;transform:translate(-50%)}.fight-feedback strong{color:var(--gold);font-size:15px;text-transform:uppercase}.fight-feedback span{font-size:12px;font-style:italic;font-weight:800;text-align:center}.fight-feedback small{color:#8fded3;font-size:9px;font-weight:900;text-transform:uppercase}.fight-plan{display:flex;gap:5px;margin-top:4px;align-items:center;justify-content:center}.fight-plan>span{display:inline-flex;min-height:24px;padding:4px 7px;gap:4px;align-items:center;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#070c0ddb;color:var(--muted);font-size:8px;font-style:normal;font-weight:900;text-transform:uppercase}.fight-plan>span>b{display:grid;width:15px;height:15px;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:8px}.fight-plan>span.is-active{color:#171b1c;border-color:var(--gold);background:var(--gold);text-shadow:none}.fight-plan>span.is-done{color:#bdf6e9;border-color:#62b7a7;background:#18584edb}.fight-hint{display:none}.fight-result-portrait{height:170px;margin:7px 0;overflow:hidden}.fight-result-portrait img{width:100%;height:100%;object-fit:contain}.result-panel--fight{border-top:4px solid var(--character-accent)}.touch-controls--fight{width:min(calc(100% - 24px),940px)}.fight-touch-group{display:grid;grid-template-columns:repeat(3,minmax(68px,1fr));gap:6px}.fight-touch-group--attacks{grid-template-columns:repeat(5,minmax(68px,1fr))}.touch-controls--fight .touch-button{min-width:68px;min-height:58px;padding:5px 7px;flex-direction:column;gap:2px;font-size:10px}.touch-controls--fight .touch-button>span{overflow-wrap:normal;white-space:nowrap}.touch-controls--fight .touch-icon{width:25px;height:25px}@media(max-width:900px){.selection-character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.selection-character-grid .character-card{height:250px;min-height:250px}.selection-world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px),(orientation:portrait),(pointer:coarse){#dom-ui{overflow:auto}.selection-ui{position:fixed;padding:16px 12px 24px}.selection-heading{margin-bottom:12px}.selection-heading h1{font-size:28px}.selection-character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 auto}.selection-character-grid .character-card{height:248px;min-height:248px}.selection-character-grid .character-card__copy{min-height:68px;padding:9px}.selection-character-grid .character-card__copy strong{font-size:20px}.selection-character-grid .character-card__copy small{font-size:10px}.selection-world-grid{grid-template-columns:1fr;margin:0 auto}.world-choice{min-height:100px;padding:12px}.selection-opponent-grid{grid-template-columns:1fr;margin:0 auto}.opponent-card{height:280px;min-height:280px}.hub-ui{position:relative;min-height:100%;padding:14px;overflow:auto}.hub-heading,.roster,.world-picker,.loadout,.hub-hint{position:static;width:100%;transform:none}.hub-heading{padding-left:11px}.hub-heading>strong{font-size:30px}.hub-hint{display:none}.roster{margin-top:18px}.character-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.character-card{min-width:210px;scroll-snap-align:start}.world-picker{margin-top:16px}.world-list{display:flex;overflow-x:auto}.world-button{min-width:142px}.loadout{margin-top:14px;margin-bottom:18px}.ui-top{flex-direction:column;inset:10px 10px auto}.ui-bottom{inset:auto 10px calc(130px + env(safe-area-inset-bottom));flex-direction:column;align-items:stretch}.hud-panel{width:min(100%,390px)}.mission-strip{padding:6px 7px;grid-template-columns:44px minmax(0,1fr)}.mission-strip strong{font-size:10px}.mission-strip .next-step{font-size:9px}.meter-row{grid-template-columns:112px minmax(58px,1fr) 46px;gap:6px}.meter-label .ui-icon{width:18px;height:18px;flex-basis:18px}.action-row{justify-content:flex-start}.hint{display:none}.message-chip{max-width:calc(100vw - 20px)}.ability-caption{display:none}.fight-hud{top:7px;width:calc(100vw - 12px);grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);gap:4px}.fight-status{padding:5px 6px}.fight-name{margin-bottom:3px}.fight-name strong{font-size:13px}.fight-name span{display:none}.fight-clock{min-height:48px;padding:4px}.fight-clock strong{font-size:20px}.fight-focus{margin-top:3px}.fight-actions{top:66px;right:6px;max-width:132px;flex-wrap:wrap;justify-content:flex-end}.fight-actions .action-button{min-height:27px;font-size:9px}.fight-actions .action-button:nth-child(2){display:none}.fight-objective{top:66px;left:6px;width:calc(100% - 146px);padding:5px 6px;grid-template-columns:39px minmax(0,1fr);transform:none}.fight-objective strong{font-size:9px}.fight-objective .next-step,.fight-objective .input-feedback{font-size:8px}.fight-feedback{top:136px;bottom:auto;width:min(430px,calc(100vw - 18px));padding:5px 8px}.fight-feedback span{font-size:10px}.fight-feedback small{font-size:8px}.fight-plan{gap:3px}.fight-plan>span{min-height:22px;padding:3px 5px;font-size:7px}.fight-hint{display:none}.touch-controls{position:fixed;left:50%;bottom:max(8px,env(safe-area-inset-bottom));z-index:8;display:flex;width:min(calc(100% - 12px),430px);gap:4px;align-items:center;justify-content:center;transform:translate(-50%);pointer-events:auto}.touch-controls--bmx{display:grid;width:min(calc(100% - 12px),360px);grid-template-columns:repeat(3,minmax(44px,1fr))}.touch-controls--bmx .touch-button{min-width:44px;min-height:48px;padding:5px 4px;font-size:9px}.touch-controls--prototype{display:grid;grid-template-columns:repeat(4,minmax(44px,1fr))}.touch-controls--prototype .touch-button{min-width:44px;min-height:48px;padding:5px;font-size:8px}.touch-controls--prototype [data-touch-move=up]{grid-column:2;grid-row:1}.touch-controls--prototype [data-touch-move=left]{grid-column:1;grid-row:2}.touch-controls--prototype [data-touch-move=down]{grid-column:2;grid-row:2}.touch-controls--prototype [data-touch-move=right]{grid-column:3;grid-row:2}.touch-controls--prototype [data-touch-action=primary]{grid-column:3 / 5;grid-row:1}.touch-controls--prototype [data-touch-action=ability]{grid-column:4;grid-row:2}.touch-controls--prototype [data-touch-action=secondary]{grid-column:2 / 4}.touch-controls--prototype:not(:has([data-touch-move])){grid-template-columns:repeat(3,minmax(44px,1fr))}.touch-controls--prototype:not(:has([data-touch-move])) [data-touch-action]{grid-column:auto;grid-row:auto}.touch-controls--fight{bottom:max(6px,env(safe-area-inset-bottom));width:min(calc(100% - 8px),380px);max-width:380px;gap:4px;justify-content:space-between}.touch-controls--fight .fight-touch-group{display:grid;grid-template-columns:repeat(3,44px);gap:4px}.touch-controls--fight .fight-touch-group--attacks{grid-template-columns:repeat(3,50px)}.touch-controls--fight .touch-button{width:44px;min-width:44px;min-height:50px;padding:3px;font-size:8px}.touch-controls--fight .touch-button--word{width:50px;min-width:50px;padding-inline:2px;font-size:8px}.touch-controls--fight .touch-button--word>span{overflow-wrap:normal;white-space:nowrap}.touch-controls--fight .touch-icon{width:21px;height:21px}.fight-touch-group--attacks .touch-button{min-width:44px}}@media(max-width:350px){.touch-controls--fight{width:calc(100% - 4px);gap:2px}.touch-controls--fight .fight-touch-group{grid-template-columns:repeat(3,44px);gap:2px}.touch-controls--fight .fight-touch-group--attacks{grid-template-columns:repeat(3,50px)}.touch-controls--bmx,.touch-controls--prototype{width:calc(100% - 8px)}.touch-button>span{font-size:8px}}@media(orientation:portrait)and (pointer:coarse){#game-shell{place-items:start center}#game-canvas{position:absolute;top:calc(env(safe-area-inset-top,0px) + 108px);left:0;width:100%;height:auto;aspect-ratio:16 / 9}.ui-top{inset:calc(env(safe-area-inset-top,0px) + 6px) 8px auto;gap:5px}.hud-panel{width:100%;padding:6px 9px 7px}.hud-title{font-size:11px}.mission-strip{display:block;margin-top:4px;padding:3px 7px}.mission-strip strong,.mission-label,.mission-strip .input-feedback{display:none}.mission-strip .next-step{font-size:10px}.meter-grid{grid-template-columns:1fr 1fr;gap:3px 10px;margin-top:5px}.meter-row{grid-template-columns:74px minmax(30px,1fr) 34px;gap:5px;font-size:9px}.meter-row strong{font-size:9px}.meter-label .ui-icon{display:none}.meter-track{height:5px}.ui-top .action-row{position:fixed;left:8px;right:8px;top:calc(env(safe-area-inset-top,0px) + 116px + 56.25vw);justify-content:center}.action-row .action-button{min-height:30px;padding:4px 9px;font-size:10px}.ability-caption{display:none}.ui-bottom{inset:auto 10px;top:calc(env(safe-area-inset-top,0px) + 156px + 56.25vw);flex-direction:column;align-items:stretch}.fight-objective{top:calc(env(safe-area-inset-top,0px) + 116px + 56.25vw);bottom:auto;left:10px;width:calc(100% - 20px);transform:none}.touch-controls--bmx .touch-button,.touch-controls--prototype .touch-button{min-height:58px;font-size:10px}.touch-controls--fight .touch-button{min-height:54px}}.touch-controls{transition:opacity .24s ease}@media(pointer:fine){body.kb-mode .touch-controls{opacity:.35}body.kb-mode .touch-controls:has(.is-recommended){opacity:.72}body.kb-mode .touch-controls:hover,body.kb-mode .touch-controls:focus-within{opacity:1}}.rotate-hint{position:fixed;z-index:12;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 178px);display:none;gap:8px;align-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:20px;background:#080d0ef0;color:var(--ink);font-size:12px;font-weight:800;box-shadow:0 10px 28px var(--shadow);transform:translate(-50%);pointer-events:auto}.rotate-hint button{min-width:26px;min-height:26px;padding:0 7px;color:var(--muted);border:1px solid var(--line);border-radius:50%;background:transparent;cursor:pointer}@media(orientation:portrait)and (pointer:coarse){.rotate-hint:not(.is-dismissed){display:flex}}.pwa-nudge{position:fixed;z-index:40;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);width:min(360px,calc(100vw - 24px));padding:14px 16px;border:1px solid var(--gold);border-radius:10px;background:#080d0ef7;box-shadow:0 18px 50px var(--shadow);transform:translate(-50%);pointer-events:auto}.pwa-nudge strong{display:block;font-family:Georgia,Iowan Old Style,serif;font-size:18px}.pwa-nudge p{margin:6px 0 10px;color:var(--muted);font-size:12px;line-height:1.4}.pwa-nudge__actions{display:flex;gap:8px;justify-content:flex-end}.pwa-nudge__actions button{min-height:36px;padding:6px 14px;color:var(--ink);border:1px solid var(--line);border-radius:6px;background:transparent;font-weight:800;cursor:pointer}.pwa-nudge__actions button.is-primary{color:#121617;border-color:transparent;background:var(--gold)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}