.om-game{position:relative;isolation:isolate;display:flex;flex-direction:column;width:100%;max-width:720px;height:560px;max-height:100%;min-height:430px;margin-inline:auto;overflow:hidden;border:1px solid #516273;border-radius:18px;background:#142236;color:#eef0eb;font:13px/1.4 system-ui,sans-serif;color-scheme:dark;box-shadow:0 16px 45px #17253a22}.om-game *{box-sizing:border-box}.om-game button{font:inherit;font-weight:650;color:#e9eeed;background:#273e50;border:1px solid #5a7280;border-radius:9px;cursor:pointer;min-height:36px;padding:7px 11px;touch-action:manipulation}.om-game button:hover:not(:disabled){background:#375569;border-color:#c1d1cb}.om-game button:focus-visible,.om-game canvas:focus-visible{outline:3px solid #f3d68a;outline-offset:-3px}.om-game button:disabled{opacity:.38;cursor:default}.om-game .om-primary{background:#edce83;border-color:#f4e4b5;color:#263242}.om-game .om-primary:hover:not(:disabled){background:#ffe0a0;border-color:#fff1c8;color:#152c39}.om-hud{display:grid;grid-template-columns:minmax(100px,1fr) auto auto 32px;align-items:center;gap:16px;padding:9px 13px;background:#1b2c3c;border-bottom:1px solid #ffffff12;flex-shrink:0}.om-location{min-width:0}.om-location strong{display:block;font-size:13px;white-space:nowrap}.om-location small{display:block;max-width:100%;font-size:10px;color:#a8bdc9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.om-score small{display:block;font-size:9px;color:#9db4bf}.om-score b,.om-money b{font-size:15px;font-variant-numeric:tabular-nums}.om-money{color:#ecd38c;white-space:nowrap}.om-game .om-pause{min-height:30px;width:30px;padding:2px;font-size:16px;background:#2b4050}.om-stage{position:relative;flex:1;min-height:270px;overflow:hidden}.om-stage canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.om-topline{position:absolute;inset:9px 12px auto;display:flex;justify-content:space-between;pointer-events:none;color:#c5d5db;font-size:10px}.om-topline>span:not(:empty){padding:2px 6px;border-radius:5px;background:#0b1b2bab}.om-progress{position:absolute;top:0;inset-inline:0;height:3px;background:#2c4050}.om-progress i{display:block;height:100%;background:#7cbdad;max-width:100%}.om-progress.om-danger i{background:#e88f7c}.om-toast{position:absolute;bottom:10px;inset-inline:0;text-align:center;min-height:18px;font-size:13px;font-weight:800;color:#f3dfa0;pointer-events:none;text-shadow:0 2px 6px #000}.om-controls{background:#1b2c3c;border-top:1px solid #ffffff12;padding:8px 10px;flex-shrink:0}.om-shots{display:flex;gap:8px;max-width:460px;margin:auto}.om-shots>button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:43px}.om-game .om-swap{flex:1;font-size:12px}.om-game .om-fire{flex:1.65;font-size:16px}.om-mini-ball{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;background:var(--om-ball);color:#203240;border:1px solid #e9e9dcb0;border-radius:50%;font:700 12px/1 system-ui;box-shadow:inset 2px 2px 3px #ffffff38;font-style:normal}.om-next-ball,.om-ammo-ball{height:23px}.om-skills{display:flex;justify-content:center;gap:7px;margin:7px auto 0;max-width:460px}.om-skills>button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:5px 6px;min-height:34px;font-size:11px;white-space:nowrap}.om-skills b{font-size:10px;font-weight:500;color:#d1d9d8}.om-skill-icon{font-size:15px;color:#aecdd8}.om-game .om-active{background:#486570;color:#fff4c3;border-color:#e9d18d}.om-layer{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;padding:18px;background:#102132ef;backdrop-filter:blur(7px)}.om-layer[hidden]{display:none}.om-panel{width:100%;max-width:590px;max-height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:3px}.om-panel h2{font-size:24px;line-height:1.2;color:#f4dc9a;margin:0 0 10px;text-wrap:balance}.om-panel p{font-size:12px;color:#adbfca;margin:9px 0 17px;line-height:1.7}.om-centered{max-width:440px;text-align:center}.om-panel-symbol{font-size:43px;color:#c8dbde;margin-bottom:8px}.om-panel-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.om-panel-actions>.om-primary{flex:1;min-height:42px}.om-results{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:17px 0}.om-results>div{border:1px solid #3c5567;border-radius:11px;padding:12px;background:#21394a}.om-results small{display:block;color:#a8bdc9;font-size:10px}.om-results strong{display:block;margin-top:3px;font-size:23px;color:#f1da9c}.om-small{font-size:10px!important}.om-save-note{font-size:10px;color:#8ba8b7;display:block;margin-top:16px}.om-sound-row{margin:14px auto 0}.om-sound-row button{min-height:29px;font-size:11px}.om-menu-options{display:flex;flex-direction:column;gap:8px;margin-top:20px}.om-menu-options button{min-height:44px}.om-menu-options small{font-size:10px;color:#a7bbc8;margin-bottom:11px}.om-panel.om-shop{height:100%;display:flex;flex-direction:column;overflow:hidden}.om-shop-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;flex-shrink:0}.om-shop-head h2{font-size:20px;margin:0}.om-shop-head>b{color:#efd492;white-space:nowrap}.om-shop-list{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding-inline-end:3px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-content:start}.om-item{display:flex;flex-direction:column;gap:5px;background:#253d4e;border:1px solid #465e70;border-radius:10px;padding:11px}.om-item strong{font-size:12px;color:#e3d2a3}.om-item small{font-size:10px;color:#b6c7cf;flex:1;line-height:1.5}.om-item>span{font-size:10px;color:#91c9bd}.om-item button{font-size:11px;margin-top:5px;min-height:34px}.om-supply-list{grid-column:1/-1;display:flex;flex-direction:column;gap:6px;margin-top:5px}.om-supply{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 10px;border:1px solid #3b5264;border-radius:8px;background:#1b3345;font-size:11px}.om-supply b{font-weight:500;color:#a5bec9;margin-inline-start:7px}.om-supply button{font-size:11px;min-height:32px;padding:5px 10px}.om-shop>.om-panel-actions{flex-shrink:0;margin-top:10px}
@media(max-width:600px){.om-game{height:500px;max-height:calc(100svh - 115px);min-height:425px;border-radius:13px}.om-hud{gap:9px;padding:7px 9px;grid-template-columns:minmax(90px,1fr) auto auto 28px}.om-location strong{font-size:11px}.om-location small{font-size:9px;max-width:135px}.om-score b,.om-money b{font-size:13px}.om-score small{font-size:8px}.om-game .om-pause{width:27px;min-height:28px}.om-controls{padding:7px 8px}.om-shots{gap:6px}.om-shots>button{min-height:43px;padding:6px}.om-game .om-fire{font-size:15px}.om-skills{gap:5px;margin-top:6px}.om-skills>button{gap:4px;font-size:10px;padding:4px 3px;min-height:33px}.om-skill-icon{font-size:13px}.om-skills b{font-size:9px}.om-topline{inset:8px 8px auto;font-size:9px}.om-layer{padding:13px}.om-panel h2{font-size:21px}.om-panel p{font-size:11px}.om-panel-actions{gap:6px}.om-panel-actions>button{font-size:11px}.om-results strong{font-size:20px}.om-shop-list{grid-template-columns:1fr;gap:6px}.om-item{display:grid;grid-template-columns:1fr auto;gap:4px;padding:8px 10px}.om-item strong{grid-column:1;grid-row:1;font-size:11px}.om-item small{grid-column:1;grid-row:2;font-size:9px}.om-item>span{grid-column:1;grid-row:3;font-size:9px}.om-item button{grid-column:2;grid-row:1/4;align-self:center;font-size:10px;max-width:95px;min-width:65px}.om-shop-head h2{font-size:18px}.om-supply-list{margin-top:0;gap:5px}.om-supply{padding:5px 8px;font-size:10px}.om-supply button{font-size:10px}.om-panel-symbol{font-size:36px}}
@media(max-height:650px) and (min-width:601px){.om-game{height:460px}.om-hud{padding-block:6px}.om-controls{padding-block:6px}.om-stage{min-height:250px}}
@media(prefers-reduced-motion:reduce){.om-game *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.om-goal{position:absolute;bottom:8px;inset-inline-start:12px;font:9px/1.4 system-ui;color:#b6c7cf;pointer-events:none;background:#102132aa;border-radius:4px;padding:2px 5px}
.om-mini-ball{background:radial-gradient(ellipse at 29% 22%,#ffffffe0 0 3%,#ffffff45 7%,transparent 17%),radial-gradient(circle at 29% 24%,#ffffff48,transparent 58%),linear-gradient(140deg,transparent 45%,#10243c66),var(--om-ball);border-color:#cdded780;box-shadow:inset 0 -1px 2px #10243a42,0 1px 1px #06111d4d}