*{box-sizing:border-box}body{margin:0;background:#102f28;color:#effbdc;font-family:ui-rounded,"Trebuchet MS",system-ui,sans-serif}main{max-width:1160px;margin:auto;padding:25px 34px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.brand{font-size:39px;font-weight:1000;letter-spacing:-2px;color:#d9f991;text-decoration:none;line-height:.85}.brand span{display:block;font-size:10px;letter-spacing:3px;margin-top:12px;color:#bbd4bd}.top{display:flex;gap:9px;align-items:center}.edition{font-size:11px;letter-spacing:2px;margin-right:18px;color:#b2c7b7}button{font:inherit;font-weight:bold;cursor:pointer;border:1px solid #6c8e75;background:#244b3c;color:#effbdc;border-radius:12px;padding:10px 16px;touch-action:none}button:hover{background:#36634d}button:focus-visible,canvas:focus-visible{outline:3px solid #f0d870;outline-offset:3px}.game{position:relative;border:5px solid #456747;border-radius:25px;overflow:hidden;background:#478746;box-shadow:0 22px 50px #061b2660}canvas{display:block;width:100%;aspect-ratio:1000/650;outline:none}.hud{position:absolute;z-index:1;top:18px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;text-shadow:0 2px 5px #133f26}.hud>div{display:flex;flex-direction:column;gap:5px}.hud>div:last-child{text-align:right}.label{font-size:11px;font-weight:900;letter-spacing:1.5px}.hud strong{font-size:22px}.objective{text-align:center}#health{font-size:25px;color:#ffdc92;letter-spacing:4px}.overlay{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:#12372457;backdrop-filter:blur(3px)}.overlay.hidden{display:none}.card{text-align:center;background:#153c2ff5;border:1px solid #9cc78f60;border-radius:25px;padding:25px 38px 28px;max-width:90%;box-shadow:0 15px 70px #0b291e50}.eyebrow{font-size:11px;letter-spacing:2px;color:#d4f4a3;font-weight:bold}.hero-slug{display:block;width:150px;height:110px;object-fit:contain;margin:8px auto -5px}h1{font-size:clamp(25px,4.5vw,48px);letter-spacing:-2px;margin:5px 0 10px;line-height:1.1}.card p{color:#d0e2cf;line-height:1.65;font-size:16px;margin:12px 0 20px}.primary{display:block;width:100%;background:#dafb91;color:#193d2e;border:0;padding:16px 25px;font-size:18px;box-shadow:0 4px 0 #93b95b}.primary:hover{background:#e7ffa9}.primary span{margin-left:28px}.card small{display:block;margin-top:19px;font-size:12px;color:#b3ceab}.bottomhud{position:absolute;bottom:18px;left:22px;right:22px;display:flex;justify-content:space-between;pointer-events:none;font-size:11px;letter-spacing:1px;font-weight:bold;text-shadow:0 2px 4px #133322}.bottomhud>span:first-child{background:#173a30db;padding:10px 14px;border-radius:10px;color:#d9fb94;font-size:13px}.bottomhud>span:last-child{align-self:center}#toast{position:absolute;top:90px;left:0;right:0;text-align:center;pointer-events:none;font-weight:bold;color:#fff3bc;text-shadow:0 2px 5px #163725;font-size:18px}footer{margin-top:20px}.instructions{display:flex;gap:23px;justify-content:center;flex-wrap:wrap;font-size:13px;color:#c2d5c0}kbd{font-family:inherit;border:1px solid #607c63;border-bottom-width:3px;padding:4px 6px;border-radius:5px;color:#edf7d9;font-size:12px}footer p{text-align:center;color:#8fac9c;font-size:13px;margin-top:22px}.touch{display:none;gap:10px;align-items:center;justify-content:center;margin-top:15px}.pad{display:grid;grid-template-columns:repeat(3,43px);gap:4px}.pad button{padding:10px}.pad button:first-child{grid-column:2}.pad button:nth-child(2){grid-column:1}.attack{background:#dafa93;color:#153c2f}@media(pointer:coarse){.touch{display:flex}}@media(max-width:650px){main{padding:16px 10px}.brand{font-size:32px}.edition{display:none}header{margin-bottom:16px}.top button{font-size:12px;padding:8px 9px}.game{border-width:3px;border-radius:18px}canvas{aspect-ratio:4/5}.hud{top:14px;left:12px;right:12px}.label{font-size:8px;letter-spacing:.7px}.hud strong{font-size:16px}#health{font-size:19px;letter-spacing:1px}.card{padding:22px 18px}.card p{font-size:14px}.hero-slug{height:90px;width:125px}.bottomhud{left:10px;bottom:10px}.bottomhud>span:last-child{display:none}.instructions{gap:13px;font-size:12px}.touch{display:flex}.eyebrow{font-size:9px}#toast{top:68px;font-size:14px}}

/* Clear playfield and readable controls */
main{max-width:1280px;padding-top:18px}.game{border-color:#729c6a}canvas{aspect-ratio:1000/650;height:auto}.hud{top:17px}.hud .label{font-size:12px}.hud strong{font-size:22px}.bottomhud>span:last-child{background:#12372edb;padding:10px;border-radius:9px}#toast{top:auto;bottom:62px;font-size:16px}#toast:not(:empty){background:#132c2bea;margin:0 auto;width:fit-content;max-width:88%;padding:9px 16px;border-radius:10px}#bossHud{position:absolute;top:83px;left:24%;right:24%;display:flex;gap:10px;align-items:center;font-size:12px;font-weight:bold;color:#ffe5ef}#bossHud[hidden]{display:none}#bossHealth{height:14px;width:100%;accent-color:#ff819e}#bossCount{white-space:nowrap}.hero-slug{width:175px;height:120px}#controllerStatus{font-size:14px;color:#d1e8c3;line-height:1.6;margin:15px 0 5px}.legend{margin:5px 0 0;font-size:13px}.instructions{font-size:14px}.instructions kbd{font-size:13px}.card{max-height:96%;overflow:auto}.hud>div:last-child{min-width:70px}@media(max-width:650px){.hud .label{font-size:9px}.hud strong{font-size:15px}canvas{aspect-ratio:1000/800;height:auto}.objective{max-width:52%}#bossHud{top:65px;left:17%;right:17%;font-size:10px}.hero-slug{height:80px}.card{padding:16px}.card p{margin:8px 0 14px}.card small{margin-top:12px}#toast{font-size:13px;bottom:50px}.instructions{font-size:12px}.legend{font-size:12px}}

dialog{width:min(680px,94vw);max-height:90vh;overflow:auto;background:#163d30;color:#effbdc;border:2px solid #9ac878;border-radius:24px;padding:26px}dialog::backdrop{background:#071e20bb}dialog h2{font-size:28px;margin:0 0 8px}dialog p{font-size:16px;line-height:1.5}.skins{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.skins button{padding:10px;border:3px solid #547a59;display:flex;flex-direction:column;gap:8px;align-items:center}.skins button[aria-pressed="true"]{border-color:#e4ff94;background:#39613d}.skins img{width:100%;height:105px;object-fit:contain}.skins strong{font-size:15px}dialog small{display:block;font-size:13px;margin-top:16px;line-height:1.5}.top{flex-wrap:wrap;justify-content:flex-end}@media(max-width:650px){dialog{padding:18px}.skins{gap:6px}.skins button{padding:5px}.skins img{height:75px}.skins strong{font-size:12px}.top{max-width:68%}.edition{display:none}}

dialog{width:min(880px,94vw)}.skins{grid-template-columns:repeat(4,minmax(0,1fr));margin:12px 0 25px}.skin-category{font-size:18px;margin:24px 0 4px;color:#dafa91}.skins img{height:100px}.skins button{min-width:0}#skinSelected{position:sticky;bottom:0;background:#163d30;padding:12px 0;margin-bottom:0}@media(max-width:650px){.skins{grid-template-columns:repeat(3,minmax(0,1fr))}.skins img{height:75px}}

.wardrobe-tools{position:sticky;top:-26px;z-index:2;background:#163d30;padding:12px 0;box-shadow:0 5px 0 #163d30}.wardrobe-tools label{display:block;font-size:14px;margin-bottom:6px}.wardrobe-tools input{font:inherit;width:100%;background:#f0f8e8;color:#143729;border:2px solid #a4c489;border-radius:10px;padding:11px 13px}.skin-filters{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.skin-filters button{font-size:14px;padding:8px 12px}.skin-filters button[aria-pressed="true"]{background:#dafb91;color:#183c2f}#skinCount{font-size:13px;color:#d5e6c8}.skins button[hidden],[data-skin-group][hidden],#skinEmpty[hidden]{display:none}.skins img{object-fit:contain}.skins strong{overflow-wrap:anywhere}@media(max-width:650px){.wardrobe-tools{top:-18px}.skin-filters button{font-size:12px;padding:7px 9px}}

/* Phone controls and a proportionate, viewport-sized play area. */
canvas{aspect-ratio:1000/650!important;height:auto!important;touch-action:none}.game{align-self:center;max-width:100%;flex-shrink:0}.touch{user-select:none;-webkit-user-select:none;touch-action:none}.touch-actions{display:flex;align-items:center;gap:14px}.touch-actions button{min-width:78px;min-height:66px;font-size:17px}.touch-actions .attack{width:100px;height:90px;border-radius:50%;border:3px solid #efffc3;box-shadow:0 5px 0 #537540}.attack span{display:block;font-size:10px;letter-spacing:.6px;margin-top:4px}.touch-actions .dash{background:#305b74;border:2px solid #a5d6f3}.touch-actions button:active{transform:translateY(3px);filter:brightness(1.18)}#joystick{width:132px;height:132px;position:relative;display:grid;place-items:center;touch-action:none;flex-shrink:0}.stick-base{width:106px;height:106px;background:#234b3de0;border:3px solid #a4cd8b;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 20px #102f28}#stickThumb{display:block;width:48px;height:48px;border-radius:50%;background:#d9f995;border:3px solid #f3ffe0;box-shadow:0 4px 10px #061e2360;will-change:transform;pointer-events:none}.stick-label{position:absolute;bottom:0;font-size:11px;font-weight:bold;letter-spacing:2px;color:#dbedce}.touch{justify-content:space-between;max-width:540px;width:100%;margin:8px auto 0;padding:0 12px}#fullscreenHelp{font-size:13px;text-align:center;line-height:1.4;margin:6px;color:#e5efcf}#fullscreenHelp[hidden]{display:none}body.expanded{overflow:hidden}body.expanded main{height:100dvh;max-width:none;display:flex;flex-direction:column;align-items:center;padding:10px max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}body.expanded header{width:100%;margin-bottom:8px;flex-shrink:0}body.expanded footer{display:none}body.expanded .game{margin:auto}body.expanded .edition{display:none}
@media(pointer:coarse),(max-width:700px){body{overscroll-behavior:none}main{height:100dvh;max-width:none;display:flex;flex-direction:column;align-items:center;padding:8px max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}header{width:100%;margin-bottom:8px;gap:7px;flex-shrink:0}.brand{font-size:29px}.brand span{font-size:8px;letter-spacing:1.3px;margin-top:8px}.top{gap:5px;max-width:78%}.top button{min-height:40px;font-size:12px;padding:7px 9px;border-radius:10px}.edition,footer{display:none}.touch{display:flex;flex-shrink:0}.game{margin:auto 0;border-width:2px;border-radius:15px}.hud{top:8px;left:9px;right:9px}.hud .label{font-size:9px;letter-spacing:.3px}.hud strong{font-size:14px}.hud>div{gap:2px}.hud>div:last-child{min-width:40px}#health{font-size:17px;letter-spacing:0}.objective{max-width:60%}#bossHud{top:12.7%;left:21%;right:21%;font-size:9px;gap:5px}#bossHealth{height:9px}.bottomhud{bottom:7px;left:8px}.bottomhud>span:first-child{font-size:11px;padding:5px 8px}.bottomhud>span:last-child{display:none}#toast{bottom:36px;font-size:12px}#toast:not(:empty){padding:5px 9px;max-width:90%}.card{padding:10px 18px;max-height:96%;width:min(440px,90%)}.hero-slug{width:100px;height:55px;margin:3px auto}.eyebrow{font-size:9px}h1{font-size:27px;letter-spacing:-1px;margin:5px 0}.card p{font-size:13px;line-height:1.35;margin:8px 0}.primary{font-size:16px;padding:10px 16px}.card small{font-size:10px;margin-top:8px}dialog{max-height:90dvh}.wardrobe-tools input{font-size:16px}.skin-filters button{min-height:40px}}
@media(orientation:landscape) and (max-height:600px) and (pointer:coarse){main,body.expanded main{display:grid;grid-template-columns:126px minmax(0,1fr) 126px;grid-template-rows:auto minmax(0,1fr);gap:4px 8px;padding-top:max(4px,env(safe-area-inset-top))}header,body.expanded header{grid-column:1/-1;grid-row:1;margin:0}.brand span{display:none}.top{max-width:none}.top button{min-height:34px;padding:5px 9px}.brand{font-size:26px}.game,body.expanded .game{grid-column:2;grid-row:2;margin:auto;justify-self:center}.touch{display:contents}#joystick{grid-column:1;grid-row:2;align-self:center;justify-self:center;width:120px;height:128px}.touch-actions{grid-column:3;grid-row:2;flex-direction:column;gap:12px;align-self:center;justify-self:center}.touch-actions .attack{width:90px;height:85px}.touch-actions .dash{min-height:54px}.card .hero-slug{height:42px}.card p{font-size:12px}.card small{font-size:9px}#fullscreenHelp{position:fixed;bottom:0;left:140px;right:140px;background:#102f28f2;z-index:3;font-size:11px}}

#weaponState{display:block;font-size:12px;color:#edffd9;background:#173a30e8;padding:8px 10px;border-radius:9px;align-self:center}@media(pointer:coarse),(max-width:700px){#weaponState{display:block;font-size:11px;padding:5px 8px}.bottomhud{right:8px;gap:6px}}

.top{flex-wrap:wrap;justify-content:flex-end}#vehicle[aria-pressed=true]{background:#a42532;color:white}

.skins{grid-template-columns:repeat(3,minmax(0,1fr))}.skins img{height:150px;background:radial-gradient(ellipse,#c1d9ba55,transparent 72%);filter:drop-shadow(0 3px 2px #061e25aa)}.skins strong{font-size:16px;line-height:1.4}.skins button{padding:12px}@media(max-width:650px){.skins{grid-template-columns:repeat(2,minmax(0,1fr))}.skins img{height:120px}.skins strong{font-size:15px}}