:root{color:#17233a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 16% 14%,#ffcf456b,#0000 26%),radial-gradient(circle at 84% 18%,#1fb6ff57,#0000 24%),linear-gradient(135deg,#fff6dc 0%,#eaf7ff 54%,#ffe9f0 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-width:320px}body{min-width:320px;min-height:100svh;margin:0}button,canvas{-webkit-tap-highlight-color:transparent}.app-shell{grid-template-columns:minmax(320px,760px) minmax(290px,370px);justify-content:center;align-items:start;gap:24px;min-height:100svh;padding:24px;display:grid}.machine-area,.controls-area{min-width:0}.machine-area{flex-direction:column;gap:14px;display:flex}.machine-header{justify-content:space-between;align-items:end;gap:16px;display:flex}.eyebrow{color:#c91f42;margin:0 0 5px;font-size:13px;font-weight:900}h1{color:#281019;text-shadow:0 2px #ffffff8c;margin:0;font-size:clamp(32px,5vw,52px);line-height:1}button{font:inherit}.reset-button,.start-button,.launch-button{cursor:pointer;letter-spacing:0;border:2px solid #2c0d18;border-radius:8px;font-weight:900;transition:transform 80ms,filter .12s,opacity .12s,box-shadow 80ms;box-shadow:inset 0 2px #ffffff73,inset 0 -4px #0000003d,0 5px #3b0b17,0 9px 18px #260b1338}.reset-button{color:#fff;white-space:nowrap;background:linear-gradient(#ff6b8a,#d9244b);min-height:42px;padding:0 18px}.reset-button:hover,.start-button:hover,.launch-button:hover{filter:brightness(1.04)}.reset-button:active,.start-button:active,.launch-button:active{transform:translateY(4px);box-shadow:inset 0 2px #ffffff5c,inset 0 -2px #00000038,0 1px #3b0b17,0 4px 10px #260b1333}.reset-button:focus-visible,.start-button:focus-visible,.launch-button:focus-visible{outline-offset:3px;outline:3px solid #35f0b8}.cabinet-wrap{aspect-ratio:720/980;background:linear-gradient(145deg,#fff3,#0000 34%),linear-gradient(#681427,#210810);border:5px solid #2c0d18;border-radius:18px;width:min(100%,720px);margin:0 auto;padding:10px;transition:transform 80ms linear;box-shadow:inset 0 2px #ffffff40,inset 0 -8px #00000042,0 18px 32px #370d184d}.game-canvas{touch-action:none;background:#d9eef4;border-radius:12px;width:100%;height:100%;display:block}.controls-area{flex-direction:column;align-self:center;gap:16px;display:flex}.score-panel{background:linear-gradient(145deg,#ffffff6b,#0000 34%),#ffd85c;border:3px solid #2c0d18;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;display:grid;box-shadow:inset 0 -5px #00000029,0 12px 24px #370d182e}.score-panel div{background:linear-gradient(#fff,#eaf3f8);border:2px solid #2c0d18;border-radius:7px;flex-direction:column;justify-content:center;gap:6px;min-height:76px;padding:10px;display:flex;box-shadow:inset 0 -3px #0000001a}.score-panel span{color:#5a3642;font-size:13px;font-weight:900}.score-panel strong{color:#241018;font-variant-numeric:tabular-nums;font-size:30px;line-height:1}.status-line{color:#fff4c7;text-align:center;background:#241018;border:2px solid #2c0d18;border-radius:7px;grid-column:1/-1;justify-content:center;align-items:center;min-height:54px;margin:0;padding:8px 10px;font-weight:900;display:flex;box-shadow:inset 0 0 18px #ff345f2e}.round-panel,.launch-panel{background:linear-gradient(145deg,#ffffff7a,#0000 34%),#fff0ad;border:3px solid #2c0d18;border-radius:8px;padding:14px;box-shadow:inset 0 -5px #00000024,0 12px 24px #370d1829}.round-panel{gap:12px;display:grid}.launch-panel{grid-template-columns:52px 1fr;align-items:stretch;gap:14px;display:grid}.start-button{color:#281019;background:linear-gradient(#ffe98d,#ffbf2d);min-height:64px;font-size:19px}.start-button:disabled,.launch-button:disabled{cursor:not-allowed;opacity:.48;transform:none}.multiplier-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.multiplier-strip span{color:#281019;background:linear-gradient(#f7fbff,#cbdbe5);border:2px solid #2c0d18;border-radius:7px;justify-content:center;align-items:center;min-height:42px;font-size:18px;font-weight:900;display:inline-flex;box-shadow:inset 0 -3px #00000024}.multiplier-strip .active{color:#0c3027;background:linear-gradient(#91ffe0,#35f0b8);border-color:#10664e;box-shadow:inset 0 -3px #00000024,0 0 16px #35f0b894}.charge-meter{background:linear-gradient(90deg,#ffffff80,#0000 42%),#241018;border:2px solid #2c0d18;border-radius:8px;min-height:150px;position:relative;overflow:hidden;box-shadow:inset 0 0 14px #00000061}.charge-meter span{background:linear-gradient(#ffd166,#ff345f);min-height:8px;transition:height 40ms linear;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #ff345f85}.launch-button{color:#fff;-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(#ff7a9d,#d92047 48%,#99182f);min-height:150px;font-size:28px}@media (width<=900px){.app-shell{grid-template-columns:1fr;padding:16px}.controls-area{width:min(100%,720px);margin:0 auto}.machine-header{align-items:center}.score-panel{grid-template-columns:repeat(4,minmax(0,1fr))}.score-panel div{min-height:68px}.score-panel strong{font-size:24px}.status-line{grid-column:1/-1}}@media (width<=560px){.app-shell{gap:14px;padding:12px}.machine-header{flex-direction:column;align-items:stretch;gap:10px}.reset-button{width:100%}.cabinet-wrap{border-radius:12px;padding:6px}.score-panel{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.launch-panel{grid-template-columns:42px 1fr;padding:12px}.launch-button,.charge-meter{min-height:118px}.launch-button{font-size:23px}}