@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@500;700&display=swap');
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#23324a,#090e1c 65%);color:#f1f5fc;font-family:'Space Grotesk',system-ui,sans-serif}.cabinet{width:min(100%,580px);margin:auto;padding:14px 18px 24px}header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}header a{font:10px 'DM Mono',monospace;color:#a8c5de;text-decoration:none}h1{font-size:21px;line-height:1;margin:0;letter-spacing:-1px}h1 em{display:block;font-style:normal;color:#ffcc62}button{font:700 13px 'Space Grotesk',sans-serif;cursor:pointer;color:#eaf7ff;border:1px solid #8db4cf66;background:#1e324b;border-radius:10px;padding:11px 15px}#start{background:#ffcf68;color:#222032;border:0}.scoreboard{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px;margin-bottom:10px}.scoreboard div{background:#07101de0;border:1px solid #a4b9d52b;border-radius:9px;padding:8px 12px}.scoreboard small{display:block;font:9px 'DM Mono',monospace;color:#91aac7;letter-spacing:2px}.scoreboard strong{font:500 23px 'DM Mono',monospace;color:#ffde87}.table{border:4px solid #b0bdce;border-radius:28px;background:#0b1527;overflow:hidden;box-shadow:0 24px 60px #0009,0 0 0 5px #27344a}canvas{display:block;width:100%;height:auto;touch-action:none}#status{font:11px/1.3 'DM Mono',monospace;text-align:center;color:#bedce5;margin:12px 0;min-height:15px}.flipper-controls{display:flex;gap:14px;user-select:none;-webkit-user-select:none}.flipper-controls button{flex:1;min-height:62px;touch-action:none;-webkit-touch-callout:none;font-size:17px;background:linear-gradient(#385171,#1b2c46);border:1px solid #7ed5ec;box-shadow:0 5px 0 #050b17}.flipper-controls button small{display:block;font:9px 'DM Mono',monospace;color:#a8c7dc;margin-top:4px}.flipper-controls button.active{background:#ffdb78;color:#172039;transform:translateY(3px);box-shadow:0 2px 0 #050b17,0 0 22px #ffdb7866}.help{text-align:center;color:#859db8;font-size:11px;line-height:1.6;margin:14px 0 0}@media(pointer:coarse),(max-width:640px){.cabinet{padding:8px 12px 12px;max-width:510px}header{margin-bottom:8px}h1{font-size:17px}header a{font-size:9px}#start{padding:9px 12px}.scoreboard{margin-bottom:8px}.scoreboard div{padding:5px 10px}.scoreboard strong{font-size:19px}.table{width:auto;max-width:100%;aspect-ratio:2/3;max-height:calc(100svh - 225px);margin:auto}canvas{height:100%;width:100%;object-fit:contain}#status{font-size:10px;margin:8px 0}.flipper-controls{margin-top:8px}.flipper-controls button{min-height:58px}.help{font-size:10px;margin-top:9px}.flipper-controls button small{display:none}}

.table{width:min(100%,calc((100svh - 280px)*.6667));margin-left:auto;margin-right:auto}@media(pointer:coarse),(max-width:640px){.table{width:min(100%,calc((100svh - 225px)*.6667));max-height:none;aspect-ratio:2/3}}