html,body,#game{width:100%;height:100%;margin:0;overflow:hidden;background:#0b0f16;touch-action:none;overscroll-behavior:none}body{font-family:Arial,sans-serif;min-height:100dvh;position:fixed;inset:0;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#game{min-height:100dvh;position:relative}canvas{display:block;max-width:100vw;max-height:100dvh;outline:none}.game-ui{--ui-width: min(100vw, calc(100dvh * 430 / 760));--ui-height: min(100dvh, calc(100vw * 760 / 430));color:#eef4ff;font-family:Arial,sans-serif;height:var(--ui-height);left:50%;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);width:var(--ui-width);z-index:5}.hud-header{align-items:flex-start;background:#151b25;box-sizing:border-box;display:flex;height:calc(var(--ui-height) * 180 / 760);justify-content:space-between;padding:calc(var(--ui-height) * 24 / 760) calc(var(--ui-width) * 24 / 430) 0}.hud-header h1{color:#eef4ff;font-size:calc(var(--ui-height) * 34 / 760);font-weight:700;line-height:1.1;margin:0 0 calc(var(--ui-height) * 6 / 760)}.subtitle{color:#8fa1b8;font-size:calc(var(--ui-height) * 15 / 760);line-height:1.3;margin-bottom:calc(var(--ui-height) * 25 / 760)}.level-label{color:#f2c14e;font-size:calc(var(--ui-height) * 19 / 760);line-height:1.25}.moves-label{color:#eef4ff;flex:0 0 auto;font-size:calc(var(--ui-height) * 16 / 760);line-height:1.25;padding-top:calc(var(--ui-height) * 91 / 760);text-align:right}.message-label{bottom:calc(var(--ui-height) * 79 / 760);box-sizing:border-box;font-size:calc(var(--ui-height) * 16 / 760);left:calc(var(--ui-width) * 24 / 430);line-height:1.25;position:absolute;right:calc(var(--ui-width) * 24 / 430);text-align:center}.message-label[data-tone=dim]{color:#8fa1b8}.message-label[data-tone=gold]{color:#f2c14e}.message-label[data-tone=red]{color:#ef476f}.fullscreen-toggle{appearance:none;background:#202838f5;border:2px solid #4a5870;border-radius:3px;color:#eef4ff;font:700 13px/1 Arial,sans-serif;height:36px;min-width:44px;pointer-events:auto;position:fixed;right:12px;top:12px;touch-action:manipulation;z-index:20}.touch-controls{align-items:center;bottom:calc(var(--ui-height) * 22 / 760);display:flex;gap:calc(var(--ui-width) * 17 / 430);justify-content:center;left:calc(var(--ui-width) * 22 / 430);position:absolute;right:calc(var(--ui-width) * 22 / 430)}.touch-controls button{appearance:none;background:#202838f5;border:2px solid #4a5870;border-radius:3px;color:#eef4ff;font:700 calc(var(--ui-height) * 17 / 760) / 1 Arial,sans-serif;height:calc(var(--ui-height) * 44 / 760);min-height:36px;pointer-events:auto;touch-action:manipulation;width:calc(var(--ui-width) * 104 / 430)}.touch-controls button:nth-child(2){width:calc(var(--ui-width) * 112 / 430)}.touch-controls button.is-active{border-color:#58d6c6}.touch-controls button:disabled{color:#8fa1b8}