:root{--bg-deep: #09080e;--bg-mid: #16121c;--accent: #c4a574;--accent-dim: #6e6254;--panel: rgba(16, 14, 22, .92);--text: #f4efe6;--muted: #8d7d68;--glow: 0 0 24px rgba(122, 92, 255, .22)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 50% 20%,#241838 0%,transparent 55%),radial-gradient(ellipse 60% 50% at 80% 80%,#1a120c 0%,transparent 50%),linear-gradient(165deg,var(--bg-deep) 0%,var(--bg-mid) 50%,#0c0a10 100%);color:var(--text);font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;touch-action:none;user-select:none;-webkit-user-select:none}#app{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0}#game-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;line-height:0}#game-container canvas{display:block;max-width:100%;max-height:100%}#touch-pad{display:none;position:absolute;inset:auto 0 0;z-index:20;pointer-events:none;padding:.55rem .75rem max(.75rem,env(safe-area-inset-bottom));background:linear-gradient(to top,rgba(9,8,14,.82),transparent)}#touch-pad.is-on{display:flex;justify-content:space-between;align-items:flex-end;gap:.75rem}.pad-cluster{pointer-events:auto;display:grid;gap:.4rem}.pad-cluster.moves{grid-template-columns:repeat(3,2.85rem);grid-template-rows:repeat(2,2.85rem)}.pad-cluster.actions{grid-template-columns:repeat(2,3.1rem);grid-template-rows:repeat(2,2.85rem)}.pad-btn{appearance:none;border:1px solid rgba(196,165,116,.45);border-radius:.55rem;background:#100e16c7;color:#f4efe6;font:600 .95rem/1 system-ui,sans-serif;letter-spacing:.04em;touch-action:none;-webkit-tap-highlight-color:transparent}.pad-btn:active,.pad-btn.is-held{background:#c4a57447;border-color:#c4a574d9}.pad-btn.span-2{grid-column:span 2}.pad-spacer{visibility:hidden}@media (min-width: 900px) and (min-height: 700px){#app{padding:12px}#game-container{box-shadow:var(--glow),0 8px 40px #0000008c;border:1px solid rgba(196,165,116,.28);border-radius:4px}}
