html,body{color:#102112;background:radial-gradient(circle at top,#ffffff8c,#0000 38%),linear-gradient(#9fd7ff 0%,#d7efff 44%,#8fc96b 45%,#568d38 100%);height:100%;margin:0;font-family:Trebuchet MS,Segoe UI,sans-serif;overflow:hidden}body{position:relative}#scene{width:100vw;height:100vh;display:block}#errorBanner{z-index:20;color:#fff4ef;background:#5b1410eb;border-radius:14px;padding:12px 14px;font-weight:700;position:absolute;bottom:18px;left:18px;right:18px;box-shadow:0 12px 28px #400a0747}#hud{z-index:10;pointer-events:none;flex-wrap:wrap;gap:12px;padding:18px;display:flex;position:absolute;inset:0 auto auto 0}#controls{z-index:10;color:#fff;pointer-events:none;text-shadow:0 1px 3px #0009;font-size:12px;line-height:1.65;position:absolute;bottom:18px;left:18px}.panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:#f4f8ee40;border:1px solid #10211226;border-radius:18px;max-width:min(560px,100vw - 36px);padding:14px 16px;box-shadow:0 16px 40px #1a321e24}h1{letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:1.35rem}#status{margin:0;line-height:1.45}.panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.panel-head-actions{align-items:center;gap:8px;display:flex}button{font:inherit;color:#f6f3e8;cursor:pointer;background:linear-gradient(#805129 0%,#553315 100%);border:0;border-radius:999px;padding:11px 18px;font-weight:700;box-shadow:0 10px 24px #2e1d0e47}button:hover{filter:brightness(1.08)}button:active{transform:translateY(1px)}#nextButton{background:linear-gradient(#43c352 0%,#2f9b3c 100%);animation:.85s ease-in-out infinite nextpulse;box-shadow:0 10px 24px #144e1a66}@keyframes nextpulse{0%,to{opacity:1;box-shadow:0 0 #43c35200,0 10px 24px #144e1a66}50%{opacity:.5;box-shadow:0 0 20px #43c352cc,0 10px 24px #144e1a66}}@media (width<=720px){#hud{padding:12px}.panel{border-radius:14px;padding:12px 14px}}#fullscreenBtn{color:#fff;z-index:15;cursor:pointer;width:40px;height:40px;box-shadow:none;-webkit-tap-highlight-color:transparent;background:#0006;border:1px solid #ffffff73;border-radius:8px;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:20px;line-height:1;display:flex;position:absolute;top:12px;right:12px}#fullscreenBtn:active{background:#000000a6;transform:none}#touchControls{pointer-events:none;z-index:15;justify-content:space-between;align-items:flex-end;padding:0 16px;display:none;position:absolute;bottom:16px;left:0;right:0}@media (hover:none) and (pointer:coarse){#controls{display:none}#touchControls{display:flex}#fullscreenBtn{display:none}}.dpad{pointer-events:auto;width:156px;height:156px;position:relative}.dpad-btn{color:#fff;cursor:pointer;width:52px;height:52px;box-shadow:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#00000080;border:1px solid #ffffff73;border-radius:10px;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:18px;line-height:1;display:flex;position:absolute}.dpad-btn:active{background:#000000bf;transform:none}.dpad-up{top:0;left:52px}.dpad-left{top:52px;left:0}.dpad-right{top:52px;right:0}.dpad-down{bottom:0;left:52px}.action-buttons{pointer-events:auto;grid-template-rows:repeat(2,52px);grid-template-columns:repeat(3,52px);gap:6px;display:grid}.fire-btn,.action-btn{color:#fff;cursor:pointer;width:52px;height:52px;box-shadow:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#00000080;border:1px solid #ffffff73;border-radius:50%;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:16px;font-weight:700;line-height:1;display:flex}.fire-btn:active,.action-btn:active{background:#000000bf;transform:none}.dot{border-radius:50%;width:22px;height:22px;display:inline-block;box-shadow:0 0 0 1px #ffffff40}.dot-black{background:#1f2329}.dot-red{background:#c62828}.dot-green{background:#2e7f34}.dot-blue{background:#2f8f9d}