html,body,#game{width:100%;height:100%;margin:0;overflow:hidden;background:#0b5fd7;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:#fff;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:#f05;border-bottom:2px solid #ffd200;box-sizing:border-box;display:flex;height:calc(var(--ui-height) * 154 / 760);justify-content:space-between;padding:calc(var(--ui-height) * 20 / 760) calc(var(--ui-width) * 24 / 430) 0}.hud-header h1{color:#fff;font-size:calc(var(--ui-height) * 28 / 760);font-weight:700;line-height:1.1;margin:0 0 calc(var(--ui-height) * 6 / 760)}.subtitle{color:#fff;font-size:calc(var(--ui-height) * 15 / 760);line-height:1.3;margin-bottom:calc(var(--ui-height) * 18 / 760)}.level-label{color:#ffd200;font-size:calc(var(--ui-height) * 18 / 760);line-height:1.25}.moves-label{color:#fff;flex:0 0 auto;font-size:calc(var(--ui-height) * 16 / 760);line-height:1.25;padding-top:calc(var(--ui-height) * 76 / 760);text-align:right}.message-label{bottom:calc(var(--ui-height) * 96 / 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:#fff}.message-label[data-tone=gold]{color:#ffd200}.message-label[data-tone=red]{color:#f05}.fullscreen-toggle{appearance:none;background:#0b5fd7f5;border:2px solid #ffd200;border-radius:3px;color:#fff;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) * 10 / 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:#0b5fd7f5;border:2px solid #08c79d;border-radius:3px;color:#fff;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) * 88 / 430)}.touch-controls button:nth-child(2){width:calc(var(--ui-width) * 92 / 430)}.touch-controls button.is-active{border-color:#ffd200}.touch-controls button:disabled{color:#8ec0ff}.command-palette{box-sizing:border-box;display:grid;gap:calc(var(--ui-width) * 8 / 430);grid-template-columns:repeat(3,1fr);left:calc(var(--ui-width) * 22 / 430);pointer-events:auto;position:absolute;right:calc(var(--ui-width) * 22 / 430);top:calc(var(--ui-height) * 128 / 760)}.command-palette button{appearance:none;background:#fffffff5;border:2px solid var(--command-color);border-radius:3px;box-sizing:border-box;color:#062454;font:700 calc(var(--ui-height) * 15 / 760) / 1 Arial,sans-serif;height:calc(var(--ui-height) * 34 / 760);min-height:30px;overflow:hidden;touch-action:manipulation}.command-palette button.is-selected{background:var(--command-color);color:#062454}.command-palette button:disabled{border-color:#0b5fd7;color:#709cd1}.board-labels,.toy-labels,.fx-labels{inset:0;pointer-events:none;position:absolute;z-index:10}.toy-labels{z-index:12}.fx-labels{z-index:18}.cell-label,.target-label,.sum-label,.toy-cell-label,.cat-label,.purr-label{font-family:Arial,sans-serif;font-weight:700;left:0;line-height:1;position:absolute;text-align:center;text-rendering:geometricprecision;top:0;transform:translate(-50%,-50%);white-space:nowrap}.cell-label,.target-label,.sum-label,.cat-label{font-size:calc(var(--ui-height) * 10 / 760);letter-spacing:0}.cell-label-sofa{color:#ffd200;text-shadow:0 1px 0 #062454}.cell-label-vacuum,.cell-label-portal{color:#fff;text-shadow:0 1px 0 #062454}.cell-label-fish,.cell-label-cat{color:#062454}.target-label,.sum-label{align-items:center;background:#fffffff0;border:2px solid #0b5fd7;border-radius:4px;box-sizing:border-box;color:#062454;display:flex;font-size:calc(var(--ui-height) * 15 / 760);height:calc(var(--ui-height) * 28 / 760);justify-content:center;min-height:22px;min-width:28px;padding:0 5px}.target-label{background:#ffd200;border-color:#063b88}.sum-label{background:#0b5fd7;border-color:#08c79d;color:#fff}.sum-label.good{background:#08c79d;border-color:#063b88;color:#062454}.cat-label{color:#062454;font-size:calc(var(--ui-height) * 14 / 760);text-shadow:0 1px 0 rgb(255 255 255 / 35%)}.cell-label-vacuum{font-size:calc(var(--ui-height) * 13 / 760)}.cell-label-cat{font-size:calc(var(--ui-height) * 10 / 760)}.toy-cell-label{color:#062454;font-size:calc(var(--ui-height) * 17 / 760);text-shadow:0 1px 0 rgb(255 255 255 / 30%)}.purr-label{animation:purr-float .76s ease-out forwards;color:#fff;font-size:calc(var(--ui-height) * 16 / 760);text-shadow:0 2px 0 #063b88}@keyframes purr-float{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,calc(-50% - var(--purr-rise)))}}