:root{--bg: #0b0a1a;--pad: rgba(255, 255, 255, .14);--pad-on: rgba(255, 216, 0, .45)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}body{display:flex;align-items:center;justify-content:center}#screen{image-rendering:pixelated;image-rendering:crisp-edges;display:block;background:#000;box-shadow:0 0 0 2px #1c1424,0 12px 40px #0009}#touch{display:none}body.touch #touch{display:block;position:fixed;inset:0;pointer-events:none;font-family:Courier New,monospace}#touch .btn,#dpad{pointer-events:auto;position:absolute;border-radius:50%;background:var(--pad);border:2px solid rgba(255,255,255,.35);color:#ffffffd9;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;touch-action:none}#touch .btn.on{background:var(--pad-on)}#dpad{left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));width:136px;height:136px}#dpad:before{content:"◄  ►";font-size:22px;letter-spacing:6px}#dpad[data-dir=l]{background:linear-gradient(90deg,var(--pad-on),var(--pad) 45%)}#dpad[data-dir=r]{background:linear-gradient(270deg,var(--pad-on),var(--pad) 45%)}#dpad[data-dir=d]{background:linear-gradient(0deg,var(--pad-on),var(--pad) 45%)}#dpad[data-dir=u]{background:linear-gradient(180deg,var(--pad-on),var(--pad) 45%)}.btn.a{right:max(16px,env(safe-area-inset-right));bottom:70px;width:78px;height:78px}.btn.b{right:calc(max(16px,env(safe-area-inset-right)) + 88px);bottom:24px;width:70px;height:70px}.btn.start,.btn.select{bottom:max(8px,env(safe-area-inset-bottom));width:74px!important;height:28px!important;border-radius:14px!important;font-size:12px!important}.btn.start{left:calc(50% + 6px)}.btn.select{left:calc(50% - 80px)}.back-home{position:fixed;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));z-index:12;color:#fff;background:#080e1cc4;font:800 12px Arial,sans-serif;letter-spacing:.07em;padding:9px 13px;border:1px solid #62728b;border-radius:9px;text-decoration:none;transition:background .2s}.back-home:hover,.back-home:focus-visible{background:#273a5c}.rotate-notice{display:none}@media(pointer:coarse)and (orientation:portrait){.rotate-notice{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px;padding:30px;color:#fff;background:radial-gradient(circle at center,#284269,#0c1528);font:16px Arial,sans-serif}.rotate-notice strong{font-size:26px;color:#ffdb50;letter-spacing:.03em}.rotate-notice span{line-height:1.5;max-width:250px}}#dpad:before{content:none}#dpad img{width:83px;height:83px;object-fit:contain;image-rendering:pixelated;opacity:.95;pointer-events:none;user-select:none}#touch .btn.a,#touch .btn.b{display:flex;flex-direction:column;gap:2px}#touch .btn.a img,#touch .btn.b img{display:block;width:35px;height:35px;image-rendering:pixelated;object-fit:contain;pointer-events:none}#touch .btn.a span,#touch .btn.b span{font-size:10px;font-weight:900;letter-spacing:.02em}#touch .btn.start img,#touch .btn.select img{width:15px;height:15px;object-fit:contain;image-rendering:pixelated;pointer-events:none}#touch .btn.start,#touch .btn.select{gap:4px}#touch .btn img,#touch .btn span{pointer-events:none}.back-home{display:inline-flex;align-items:center;gap:7px}.back-home img{image-rendering:pixelated}.support-link{left:auto;right:max(12px,env(safe-area-inset-right));color:#ffd847;border-color:#8a7428}.support-link:hover,.support-link:focus-visible{background:#3a3420}body.touch .support-link{right:auto;left:calc(max(12px,env(safe-area-inset-left)) + 104px)}