:root{color-scheme:light;--ink: #111820;--panel: rgba(255, 255, 255, .88);--sky-a: #f4fbff;--sky-b: #cdeeff}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:linear-gradient(180deg,var(--sky-a),var(--sky-b));font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.game-shell{position:fixed;inset:0}#game{display:block;width:100vw;height:100vh;touch-action:none}.hud{position:fixed;top:16px;display:flex;gap:8px;align-items:center;z-index:2;pointer-events:none}.hud-left{left:16px}.hud-right{right:16px;pointer-events:auto}.pill,.icon-button{min-height:36px;border:3px solid var(--ink);border-radius:8px;background:var(--panel);box-shadow:0 4px #11182029;color:var(--ink);font-size:14px;font-weight:800;line-height:1}.pill{display:grid;place-items:center;padding:0 12px}.pill.wide{min-width:164px}.pill.strong{background:#ffe17b}.icon-button{width:42px;cursor:pointer}.icon-button:active{transform:translateY(2px);box-shadow:0 2px #1118202e}.hud-left .fyrka-control-strip{margin-left:4px}.touch-pad{position:fixed;right:16px;bottom:16px;display:none;grid-template-columns:44px 44px 44px;grid-template-rows:44px 44px;gap:8px;z-index:2}.touch-pad button{border:3px solid var(--ink);border-radius:8px;background:#ffffffd6;color:var(--ink);font-size:18px;font-weight:900}.touch-pad [data-move=up]{grid-column:2}.touch-pad [data-move=left]{grid-column:1;grid-row:2}.touch-pad [data-move=down]{grid-column:2;grid-row:2}.touch-pad [data-move=right]{grid-column:3;grid-row:2}@media(hover:none)and (pointer:coarse){.touch-pad{display:grid}}@media(max-width:560px){.hud{top:10px}.hud-left{left:10px}.hud-right{right:10px}.pill{padding:0 9px;font-size:12px}.pill.wide,.hud-left .fyrka-control-strip{display:none}}