:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cream:#fff0d3;--berry:#a12840;--panel:#5b1941f5}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{background:radial-gradient(circle at top,#ffacc5 0%,#783441 60%,#491f1f 100%);place-items:center;min-height:100svh;font-family:Arial,sans-serif;display:grid;overflow:hidden}@media (max-width:600px){body{background:url(/assets/sbb-patch.png) 50%/cover no-repeat}}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}#game-shell{aspect-ratio:2/3;width:min(100vw,66.6667svh,480px);position:relative}#game-canvas{aspect-ratio:2/3;touch-action:none;-webkit-user-select:none;user-select:none;background:#8ed8ef;border:4px solid #fff0d3e6;border-radius:26px;width:100%;height:auto;display:block;box-shadow:0 28px 80px #26091e75,inset 0 0 0 2px #ffffff38}.hidden{display:none!important}.canvas-controls,.screen-controls{pointer-events:none;position:absolute;inset:0}.screen-controls button,.canvas-controls button{pointer-events:auto}.icon-button,.wide-image-button{color:#fff;cursor:pointer;filter:drop-shadow(0 7px 7px #370c2459);background:0 0;border:0;padding:0;transition:transform .12s,filter .12s}.icon-button:hover,.wide-image-button:hover{transform:translateY(-2px)scale(1.03)}.icon-button:active,.wide-image-button:active{transform:translateY(1px)scale(.97)}.icon-button img{object-fit:contain;width:100%;height:100%;display:block}.icon-button span{text-shadow:0 2px 4px #481329;margin-top:-5px;font-size:11px;font-weight:800;display:block}.sound-button,.pause-button{aspect-ratio:1;width:12%;position:absolute;top:4.8%}.sound-button{right:4.8%}.pause-button{left:4.8%}.sound-button[aria-pressed=true]{opacity:.55;filter:grayscale(.35)drop-shadow(0 7px 7px #370c2459)}.play-button{width:52%;position:absolute;top:51.8%;left:24%}.play-button img{width:100%;display:block}.menu-row{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:clamp(3px,1.2vw,9px);display:grid;position:absolute;bottom:11.5%;left:7%;right:7%}.menu-row .icon-button{width:100%;min-width:0}.gameover-row{justify-content:space-between;display:flex;position:absolute;top:50.5%;left:25%;right:25%}.gameover-row .icon-button{width:45%}.game-dialog{border:4px solid var(--cream);color:#fff;background:var(--panel);overscroll-behavior:contain;border-radius:26px;width:min(90vw,420px);max-height:min(100svh - 24px,680px);padding:0;overflow:auto;box-shadow:0 24px 80px #1e0719a6}.wide-dialog{width:min(94vw,420px)}.game-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#27081ead}.game-dialog form{padding:24px}.game-dialog header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.game-dialog h2{color:#fff1a8;text-transform:uppercase;margin:0;font-size:30px}.game-dialog p{line-height:1.55}.compact-dialog p:not(.eyebrow){margin:0 0 22px}.game-dialog label{gap:8px;margin:18px 0;font-weight:800;display:grid}.game-dialog input[type=range]{accent-color:#ff638c;width:100%}.game-dialog select,.game-dialog input[type=text],.game-dialog input[type=email],.game-dialog input[type=password]{border:2px solid var(--cream);color:#4d1532;background:#fff;border-radius:12px;width:100%;padding:10px 12px}.account-summary{text-align:center}.muted-copy{opacity:.72}.confirm-button.secondary{background:#73536a}.toggle-row{grid-template-columns:1fr auto;align-items:center}.toggle-row input{accent-color:#ff638c;width:24px;height:24px}.icon-button.small{flex:0 0 48px;width:48px;height:48px}.confirm-button{border:3px solid var(--cream);color:#fff;cursor:pointer;background:#d53464;border-radius:16px;width:100%;padding:13px;font-weight:900}.eyebrow{color:#ffb8ca;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:900;margin:0 0 3px!important}.instructions-list{padding-left:22px;line-height:1.55}.period-tabs{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:18px;display:grid}.period-tab{color:#fff;cursor:pointer;background:#ffffff14;border:2px solid #fff0d380;border-radius:12px;padding:9px 5px;font-size:13px;font-weight:800}.period-tab.active{color:#591833;background:var(--cream)}.leaderboard-list{min-height:160px;margin:0;padding:0;list-style:none}.leaderboard-list li{border-bottom:1px solid #ffffff24;grid-template-columns:32px 1fr auto;gap:10px;padding:11px 8px;font-weight:800;display:grid}.leaderboard-list .rank{color:#fff1a8}.leaderboard-list .score{color:#ffb8ca}.dialog-status{color:#ffdbe5;text-align:center;min-height:22px;font-size:13px;margin:12px 0 0!important}:focus-visible{outline-offset:3px;outline:4px solid #fff1a8}@media (max-height:650px){.game-dialog form{padding:16px 18px}.game-dialog header{margin-bottom:14px}.game-dialog label{gap:5px;margin:9px 0}.game-dialog h2{font-size:25px}.icon-button.small{flex-basis:42px;width:42px;height:42px}.leaderboard-list{min-height:0}.leaderboard-list li{padding:8px}}@media (max-height:650px) and (min-width:600px){#settings-dialog{width:min(92vw,660px)}#settings-dialog form{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 16px;padding:10px 14px;display:grid}#settings-dialog header,#settings-dialog .confirm-button{grid-column:1/-1}#settings-dialog header{margin-bottom:0}#settings-dialog label{margin:0;font-size:14px}#settings-dialog select,#settings-dialog input[type=text]{padding:6px 9px}#settings-dialog .confirm-button{padding:8px}}@media (max-width:380px){.game-dialog form{padding:18px}.game-dialog h2{font-size:24px}.icon-button span{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}