:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f3e6c8;background:#14251f}*{box-sizing:border-box}html,body,#game{margin:0;width:100%;height:100%;height:100dvh;overflow:hidden;overscroll-behavior:none}body{touch-action:none;-webkit-user-select:none;user-select:none}#canvas{position:absolute;inset:0;width:100%;height:100%;display:block;outline:none;touch-action:none}button{font-size:14px;font-weight:600;font-family:inherit;color:#f3e6c8;border:1px solid #879883;border-radius:12px;background:#203c32e8;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;min-height:44px}button:active,button.held{background:#59745a;border-color:#f3df9b}button:focus-visible{outline:3px solid #e9ce82;outline-offset:2px}button:disabled{opacity:.45;cursor:wait}#hud{position:absolute;z-index:2;top:max(8px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 9px;background:#14251feb;border:1px solid #52664f;border-radius:10px;pointer-events:none}#hud strong{display:block;font-size:13px;letter-spacing:.05em}#hud strong span{color:#c3ceb7}#state{display:block;font-size:12px;color:#d0d9bd;white-space:nowrap}nav{display:flex;gap:6px;pointer-events:auto}nav button{padding:0 11px;border-radius:8px;font-size:13px}#pad{position:absolute;z-index:3;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));display:grid;grid-template-columns:62px 62px;gap:7px}#pad button{height:56px;display:flex;align-items:center;justify-content:center;gap:3px;background:#203c32e8}#pad button.held{background:#59745a}#pad b{font-size:27px;line-height:1}#pad span{font-size:11px}#attack{position:absolute;z-index:3;right:max(20px,env(safe-area-inset-right));bottom:max(23px,env(safe-area-inset-bottom));width:84px;height:84px;border-radius:50%;background:#59452ded;border:2px solid #cbb67f;font-size:16px;letter-spacing:.04em}#attack:active{background:#8b6840}#help{position:absolute;z-index:2;bottom:max(16px,env(safe-area-inset-bottom));left:160px;right:120px;text-align:center;color:#e3e0c7;font-size:12px;line-height:1.5;text-shadow:0 1px 3px #081711;margin:0;pointer-events:none}#help span{color:#bdcdb7;font-size:11px}#rotate{display:none;position:absolute;top:83px;left:0;right:0;text-align:center;font-size:12px;color:#f5e7be;pointer-events:none}#loading{position:absolute;inset:0;z-index:10;display:grid;place-items:center;text-align:center;background:#14251f}#loading>div{padding:24px;max-width:90vw}#loading h1{font-size:28px;letter-spacing:.04em;margin:0 0 24px}#loading h1 span{display:block;font-size:17px;letter-spacing:.12em;color:#b6ccbd;margin-top:6px}#loading-copy{font-size:14px}progress{width:min(340px,75vw);height:10px;accent-color:#b7bc75}.loading-hint{font-size:12px;color:#c1cebc;line-height:1.6;margin:22px 0 0}#retry{padding:0 24px;margin:20px auto 0}#retry[hidden]{display:none}@media(max-width:620px){#hud{padding:4px 7px}#hud strong{font-size:11px}#hud strong span{display:none}nav{gap:4px}nav button{padding:0 8px;font-size:12px}#help{font-size:11px}#help span{display:none}}@media(orientation:portrait){#rotate{display:block}#help{display:none}}@media(max-height:340px){#pad{grid-template-columns:54px 54px;gap:5px}#pad button{height:48px}#attack{width:72px;height:72px;bottom:16px}#help{bottom:12px}}