@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;800&family=Inter:wght@500;600;700&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#f7ead0;background:#100d0b;font-synthesis:none;touch-action:none}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{overflow:hidden;background:#100d0b}#app{display:grid;place-items:center;min-height:100dvh}#game{width:100vw;height:100dvh}#game canvas{display:block;width:100%!important;height:100%!important}.visually-hidden{position:fixed;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}#rotate-hint{display:none}#touch-controls{position:fixed;inset:auto 0 max(12px,env(safe-area-inset-bottom));z-index:10;display:none;justify-content:space-between;align-items:end;padding:0 max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left));pointer-events:none}#touch-controls button{pointer-events:auto;border:1px solid rgba(240,196,109,.55);color:#fff4dc;background:#100d0bb8;box-shadow:inset 0 0 0 2px #00000047,0 8px 24px #0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.touch-pad{display:grid;grid-template-columns:repeat(3,58px);grid-template-rows:repeat(3,58px);gap:4px}.touch-pad button{border-radius:8px;font-size:20px}.touch-pad [data-action=up]{grid-column:2}.touch-pad [data-action=left]{grid-column:1;grid-row:2}.touch-pad [data-action=down]{grid-column:2;grid-row:2}.touch-pad [data-action=right]{grid-column:3;grid-row:2}.touch-actions{display:grid;grid-template-columns:repeat(3,70px);gap:8px;transform:rotate(-7deg)}.touch-actions button{width:70px;height:70px;border-radius:50%;font-size:10px;font-weight:800;letter-spacing:.05em}.touch-actions .slash{background:#691712d1}.touch-actions .heavy{background:#7d4713d1}.touch-actions .sweep{background:#214b4ed1}@media(pointer:coarse),(max-width:900px){#touch-controls{display:flex}}@media(max-height:560px){.touch-pad{grid-template-columns:repeat(3,48px);grid-template-rows:repeat(3,48px)}.touch-actions{grid-template-columns:repeat(2,62px)}.touch-actions button{width:62px;height:62px;font-size:8px}}@media(pointer:coarse)and (orientation:portrait){#rotate-hint{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:40px;color:#f4d999;background:#100d0b;font-family:Cinzel,serif;font-size:22px;text-align:center}}