.em4-page{padding:2rem 0 4rem;background:radial-gradient(circle at 50% 10%,rgba(94,214,193,.14),transparent 38%)}
.em4-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.em4-heading h1{margin:.1rem 0;font-size:clamp(2rem,6vw,3.8rem)}
.em4-kicker{margin:0;color:#69dac6;font-size:.78rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.em4-save-state{padding:.45rem .8rem;border:1px solid rgba(105,218,198,.3);border-radius:99px;font-size:.8rem}
.em4-shell{position:relative;min-height:620px;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:24px;background:#101d2b;color:#f6f2df;box-shadow:0 24px 70px rgba(0,0,0,.35);font-family:ui-rounded,"Trebuchet MS",system-ui,sans-serif}.em4-screen{min-height:620px;padding:clamp(1rem,4vw,2.5rem)}.em4-screen[hidden],.em4-loading[hidden]{display:none!important}
.em4-loading{position:absolute;inset:0;z-index:20;display:grid;place-content:center;text-align:center;background:#101d2b}.em4-spinner{width:42px;height:42px;margin:auto;border:4px solid #31475a;border-top-color:#69dac6;border-radius:50%;animation:em4spin .7s linear infinite}@keyframes em4spin{to{transform:rotate(360deg)}}
.em4-title,.em4-ending{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(150deg,#14283a,#142c2b)}.em4-title h2,.em4-ending h2{font-size:clamp(2.5rem,9vw,5rem);margin:.2rem}.em4-title h2 span{color:#ffd166}.em4-title>p:not(.em4-kicker),.em4-ending>p:not(.em4-kicker){max-width:650px;line-height:1.7}.em4-title-art{font-size:clamp(3rem,10vw,6rem);filter:drop-shadow(0 12px 12px #071019);letter-spacing:-.2em}.em4-title-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:1rem}.em4-instructions{max-width:680px;margin-top:1.2rem;padding:1rem;text-align:left;border-radius:14px;background:rgba(255,255,255,.07)}kbd{padding:.1rem .35rem;border:1px solid #778b95;border-radius:4px;background:#1e3343;color:#fff}
.em4-btn{border:1px solid #547184;border-radius:10px;padding:.7rem 1rem;background:#1d3446;color:#fff;font:inherit;font-weight:750;cursor:pointer;text-decoration:none}.em4-btn:hover,.em4-btn:focus-visible{border-color:#69dac6;transform:translateY(-1px)}.em4-btn:focus-visible,.em4-dpad button:focus-visible,.em4-action:focus-visible{outline:3px solid #ffd166;outline-offset:2px}.em4-btn-primary{border-color:#69dac6;background:#36a98f;color:#071812}.em4-btn-small{padding:.45rem .7rem}.em4-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.em4-starters{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.em4-starter{display:flex;flex-direction:column;align-items:center;gap:.45rem;padding:1.4rem;border:2px solid #385267;border-radius:18px;background:#172b3b;color:#fff;cursor:pointer}.em4-starter:hover,.em4-starter:focus-visible{border-color:var(--type);box-shadow:0 0 28px color-mix(in srgb,var(--type) 35%,transparent)}.em4-starter-emoji{font-size:4rem}.em4-type{padding:.2rem .55rem;border-radius:99px;background:var(--type);color:#10202b;font-weight:800;font-size:.75rem}
.em4-world-screen{padding:1rem}.em4-hud{display:grid;grid-template-columns:1fr auto 1fr auto auto auto auto;align-items:center;gap:.7rem;margin-bottom:.75rem;padding:.7rem 1rem;border-radius:14px;background:#172b3b}.em4-hud div{display:flex;flex-direction:column}.em4-hud small{color:#9fb3be;text-transform:uppercase;letter-spacing:.1em}.em4-canvas-frame{position:relative;max-width:768px;margin:auto;border:5px solid #253f51;border-radius:14px;overflow:hidden;background:#000}.em4-canvas-frame canvas{display:block;width:100%;height:auto;image-rendering:pixelated;outline:0}.em4-toast,.em4-dialog{position:absolute;z-index:4;left:1rem;right:1rem;bottom:1rem;padding:1rem;border:2px solid #69dac6;border-radius:12px;background:rgba(10,24,34,.96);box-shadow:0 8px 30px #000}.em4-toast{text-align:center}.em4-dialog p{margin:0 0 .8rem}.em4-dialog div{display:flex;gap:.5rem;justify-content:flex-end}
.em4-objectives{max-width:768px;margin:0 auto .75rem;padding:.65rem 1rem;border:1px solid #385267;border-radius:12px;background:#142636}.em4-objectives ul{display:flex;flex-wrap:wrap;gap:.35rem 1rem;margin:.35rem 0 0;padding:0;list-style:none;font-size:.82rem}.em4-objectives li{color:#ffd166}.em4-objectives li.done{color:#69dac6;text-decoration:line-through}
.em4-touch{display:flex;justify-content:center;align-items:center;gap:3rem;margin-top:1rem}.em4-dpad{display:grid;grid-template:repeat(3,44px)/repeat(3,48px)}.em4-dpad button,.em4-action{border:1px solid #668092;background:#203b4d;color:#fff;font-weight:800;touch-action:manipulation}.em4-dpad button:nth-child(1){grid-area:1/2}.em4-dpad button:nth-child(2){grid-area:2/1}.em4-dpad button:nth-child(3){grid-area:2/3}.em4-dpad button:nth-child(4){grid-area:3/2}.em4-action{width:68px;height:68px;border-radius:50%;font-size:1.2rem}.em4-action small{font-size:.65rem}
.em4-battle-stage{position:relative;min-height:330px;border-radius:18px;background:linear-gradient(#587d91 0 54%,#53714e 54%);overflow:hidden}.em4-battle-stage:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(0,0,0,.05) 6px);pointer-events:none}.em4-fighter{position:absolute;width:43%;z-index:1}.em4-enemy{right:5%;top:8%}.em4-player{left:5%;bottom:8%}.em4-sprite{display:block;font-size:clamp(4.5rem,13vw,7rem);text-align:center;filter:drop-shadow(0 10px 5px rgba(0,0,0,.4))}.em4-player .em4-sprite{transform:scaleX(-1)}.em4-fighter-head{display:flex;justify-content:space-between;padding:.5rem .7rem;background:#f3efda;color:#152534;border-radius:10px 10px 0 0}.em4-hp{height:12px;padding:3px;background:#1c2a31}.em4-hp i{display:block;width:100%;height:100%;background:#61d174;transition:width .35s}.em4-fighter small{display:block;text-align:right}.em4-battle-log{min-height:3rem;padding:.8rem 1rem;border-radius:10px;background:#172b3b}.em4-battle-menu{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.em4-move{text-align:left}.em4-move small{float:right;color:#b8c8cf}
.em4-menu-head{display:flex;justify-content:space-between;align-items:start}.em4-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.8rem}.em4-creature-card,.em4-item-card{padding:1rem;border:1px solid #385267;border-radius:14px;background:#172b3b}.em4-creature-card .emoji{font-size:2.5rem}.em4-meter{height:8px;overflow:hidden;border-radius:5px;background:#0b1720}.em4-meter i{display:block;height:100%;background:#69dac6}.em4-note{text-align:center;font-size:.82rem;opacity:.72}.em4-ending{background:radial-gradient(circle,#285c51,#10202d)}
.em4-changelog{background:linear-gradient(150deg,#14283a,#142c2b)}.em4-changelog-list{display:grid;gap:1rem;max-width:850px;margin:2rem auto 0}.em4-changelog-list article{padding:1.2rem 1.35rem;border:1px solid #385267;border-left:4px solid #69dac6;border-radius:14px;background:#172b3b}.em4-changelog-list h3{margin:.25rem 0 .5rem}.em4-changelog-list article p:last-child{margin:0;line-height:1.6;color:#d5e0df}.em4-version{margin:0;color:#ffd166;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:650px){.em4-shell,.em4-screen{min-height:570px}.em4-heading{align-items:start}.em4-save-state{display:none}.em4-starters{grid-template-columns:1fr}.em4-starter{flex-direction:row;text-align:left}.em4-starter-emoji{font-size:2.8rem}.em4-hud{grid-template-columns:1fr 1fr auto auto}.em4-hud>div:nth-child(3){display:none}.em4-screen{padding:1rem}.em4-battle-stage{min-height:290px}.em4-touch{gap:1.5rem}.em4-battle-menu{grid-template-columns:1fr 1fr}}
@media(hover:hover) and (pointer:fine){.em4-touch{opacity:.72}}
@keyframes em4attack{50%{transform:translateX(18px) scale(1.12)}}@keyframes em4impact{25%,75%{transform:translateX(-7px);filter:brightness(1.8) drop-shadow(0 0 12px #fff)}}.em4-sprite.em4-attack{animation:em4attack .3s ease-out}.em4-sprite.em4-impact{animation:em4impact .32s ease-out}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.em4-spinner,.em4-sprite.em4-attack,.em4-sprite.em4-impact{animation:none}.em4-hp i{transition:none}}