@import url('../shared/touch-pad.css?v=20261021.4');
:root{color-scheme:light;--ink:#243b31;--paper:#edf0e8;--accent:#cad8a9}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,sans-serif}main{max-width:1100px;margin:auto;padding:28px 22px 50px}a{color:inherit}h1{font-size:clamp(2.4rem,7vw,5rem);line-height:1.05;letter-spacing:-.055em;margin:25px 0 12px}h2{font-size:1.1rem}header p{max-width:54ch}.return{font-size:.85rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}button{font:inherit;color:inherit;background:var(--accent);border:1px solid #64766a;border-radius:8px;min-height:44px;padding:8px 15px;cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #b66b37;outline-offset:3px}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px}.toolbar p{flex:1;min-width:160px;margin:0;font-size:.85rem}.player{margin:25px 0;background:#dae2d2;border:1px solid #849184;border-radius:12px;overflow:hidden}.screen{background:#121b16;display:flex;justify-content:center;align-items:center;min-height:220px;position:relative}.screen canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:block;width:100%;max-height:66vh;aspect-ratio:4/3;object-fit:contain;image-rendering:pixelated}.screen canvas[hidden]{display:none}.placeholder{color:#d6ddcd;padding:65px 25px;text-align:center}.touch-controls{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:14px}.touch-controls[hidden]{display:none}.dos-pad{width:150px;height:150px;flex:0 0 150px;display:grid;place-items:center;background:radial-gradient(circle,#677f65 0 18%,#b6c4a7 19% 60%,#9dae90 61%);border:1px solid #61735b;border-radius:50%;font-size:2rem;line-height:1.3;touch-action:none;text-align:center}.attacks{display:grid;grid-template-columns:repeat(3,minmax(54px,1fr));gap:8px;max-width:330px}.attacks button{min-height:58px;font-size:.78rem;padding:8px;background:#f0e5c8;touch-action:none}.menu-controls{display:flex;flex-wrap:wrap;gap:8px;padding:0 14px 14px}.fine,footer{font-size:.78rem;max-width:85ch}progress{width:100%;height:5px;display:block;border:0}progress[hidden]{display:none}footer{margin-top:36px;color:#526356}.player.expanded,.player:fullscreen{position:fixed;inset:0;z-index:1000;border:0;border-radius:0;overflow:auto;background:#dae2d2;display:flex;flex-direction:column;margin:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.expanded .screen,:fullscreen .screen{flex:1;min-height:0}.expanded canvas,:fullscreen canvas{height:100%;max-height:100%;width:100%}body:has(.player.expanded){overflow:hidden}@media(max-width:560px){main{padding:20px 12px}.toolbar{padding:9px;gap:6px}.toolbar button{padding:6px 10px;font-size:.8rem}.touch-controls{padding:10px;gap:10px}.dos-pad{width:128px;height:128px;flex-basis:128px}.attacks{gap:5px}.attacks button{padding:6px;min-height:52px;font-size:.67rem}.menu-controls button{font-size:.78rem}}@media(max-height:550px) and (orientation:landscape){.expanded .touch-controls,:fullscreen .touch-controls{position:absolute;bottom:50px;left:0;right:0;pointer-events:none}.expanded .touch-controls>*,:fullscreen .touch-controls>*{pointer-events:auto;opacity:.8}.dos-pad{width:115px;height:115px;flex-basis:115px}.attacks button{min-height:46px}.toolbar{padding:5px}.toolbar button{min-height:36px}.menu-controls{padding:4px 10px}}

.dos-pad,.attacks button,.menu-controls [data-dos-key],.mouse-actions button{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;touch-action:none}.mouse-actions button *{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}