:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--gold:#e8c071;--cyan:#56e6ff;--ink:#070817;background:#03040b;font-family:Noto Sans Thai,Leelawadee UI,Tahoma,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#game-shell,#game-container{background:radial-gradient(circle at 50% 30%,#182448,#050610 72%);width:100%;height:100%;margin:0;overflow:hidden}canvas{max-width:100%;max-height:100%;margin:auto;display:block;box-shadow:0 0 80px #213b7059}#touch-controls{z-index:20;pointer-events:none;padding:max(18px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));position:fixed;inset:0}.touch-cluster{bottom:max(18px, env(safe-area-inset-bottom));align-items:end;gap:14px;display:flex;position:absolute}.touch-move{left:max(20px, env(safe-area-inset-left))}.touch-action{right:max(20px, env(safe-area-inset-right))}#touch-controls button{pointer-events:auto;color:#fff8df;text-shadow:0 1px 4px #000;touch-action:none;background:linear-gradient(145deg,#1c2441c2,#060814d1),radial-gradient(circle,#56e6ff3d,#0000);border:2px solid #e8c071b8;border-radius:50%;width:72px;height:72px;font:700 14px/1 Noto Sans Thai,Leelawadee UI,sans-serif;box-shadow:inset 0 0 18px #56e6ff24,0 6px 20px #00000047}#touch-controls button.small{width:58px;height:58px;font-size:12px}#touch-controls button.active{background:#2696bbb3;transform:scale(.92);box-shadow:0 0 22px #56e6ffa6}#touch-controls button.ultimate-button{color:#fff1b8;background:radial-gradient(circle at 50% 35%,#ffe07961,#0000 48%),linear-gradient(145deg,#563016e0,#090f22e6);border-color:#ffda74eb;box-shadow:inset 0 0 16px #ffd65c38,0 0 18px #56e6ff2e}#touch-controls button.ultimate-button.active{background:#a46a1cd1;box-shadow:0 0 26px #ffdb69c2}#orientation-overlay,#fatal-error{z-index:100;text-align:center;color:#fff8df;background:radial-gradient(circle at 50% 28%,#3f518d73,#0000 45%),#060815;place-content:center;justify-items:center;gap:12px;padding:24px;display:none;position:fixed;inset:0}#orientation-overlay strong{color:var(--gold);font-size:clamp(22px,6vw,34px)}#orientation-overlay span{color:#aab9d8}.rotate-icon{color:var(--cyan);font-size:64px;animation:2.4s ease-in-out infinite rotateHint}#fatal-error[hidden]{display:none}#fatal-error:not([hidden]){display:grid}#fatal-error button{border:1px solid var(--gold);color:#fff;background:#182448;border-radius:999px;padding:12px 24px}@keyframes rotateHint{50%{transform:rotate(90deg)}}@media (orientation:portrait) and (max-width:900px){#orientation-overlay{display:grid}}@media (hover:hover) and (pointer:fine){#touch-controls{display:none!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}