:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--black:#000;--white:#fff;--soft-white:#ffffff9e;--hairline:#ffffff47}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--black);color:var(--white);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;overflow-x:hidden}button,canvas{-webkit-tap-highlight-color:transparent}button{font:inherit}.breaker-page{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;background:#000;grid-template-rows:auto minmax(0,1fr) auto auto;place-items:center;gap:clamp(9px,1.6vh,16px);min-height:100svh;padding:clamp(12px,2.2vw,24px);display:grid}.breaker-page *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.breaker-header{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:end;width:min(100%,820px);padding-bottom:10px;display:flex}.brand-lockup{width:clamp(96px,12vw,120px);margin-bottom:6px;padding:3px 4px;line-height:0}.brand-lockup img{filter:invert();pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.breaker-header p{color:var(--soft-white);letter-spacing:.22em;text-rendering:geometricprecision;margin:0;font-size:clamp(.58rem,1.5vw,.72rem);font-weight:800}.breaker-header-actions{align-items:center;gap:clamp(7px,1.6vw,14px);margin-bottom:3px;display:flex}.ranking-button{color:#fff;letter-spacing:.12em;cursor:pointer;touch-action:manipulation;background:#000;border:1px solid #ffffffb8;min-height:28px;padding:0 9px;font-size:clamp(.54rem,1.4vw,.66rem);font-weight:900}.ranking-button:hover,.ranking-button:focus-visible,.ranking-button:active{color:#000;background:#fff}.arcade-frame{border:1px solid var(--hairline);background:#000;align-self:center;width:min(100%,820px);position:relative;box-shadow:0 0 0 1px #000,0 0 0 2px #ffffff14,0 24px 70px #ffffff0b}.pixel-screen{cursor:crosshair;width:100%;height:auto;image-rendering:pixelated;touch-action:none;-webkit-user-select:none;user-select:none;background:#000;border:0;display:block}.breaker-modal{z-index:5;background:#000000c2;place-items:center;padding:clamp(12px,4%,28px);display:grid;position:absolute;inset:0}.score-entry-panel,.leaderboard-panel{text-align:center;background:#000000f7;border:1px solid #fff;width:min(88%,390px);padding:clamp(14px,4vw,24px);box-shadow:0 0 28px #ffffff1a}.modal-kicker{color:#ffffff9e;letter-spacing:.2em;margin:0;font-size:clamp(.58rem,1.7vw,.72rem);font-weight:900}.final-score{letter-spacing:.08em;margin-top:8px;font-size:clamp(1.65rem,7vw,2.45rem);display:block}.score-meta,.your-rank{color:#ffffff8a;letter-spacing:.12em;margin:5px 0 13px;font-size:clamp(.52rem,1.6vw,.65rem);font-weight:800}.score-entry-panel label{color:#ffffff9e;letter-spacing:.14em;text-align:left;margin-bottom:6px;font-size:.58rem;font-weight:900;display:block}.breaker-name-input{color:#fff;background:#000;border:1px solid #ffffffb8;border-radius:0;outline:none;width:100%;height:42px;padding:0 10px;font:800 16px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;-webkit-user-select:text!important;user-select:text!important;-webkit-touch-callout:default!important}.breaker-name-input:focus{border-color:#fff;box-shadow:0 0 0 1px #fff}.score-error{color:#fff;margin:7px 0 0;font-size:.58rem;line-height:1.4}.modal-actions{grid-template-columns:1fr;gap:7px;margin-top:10px;display:grid}.breaker-modal button{color:#000;letter-spacing:.1em;cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #fff;min-height:38px;font:900 .62rem ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.breaker-modal button:disabled{cursor:not-allowed;opacity:.35}.your-rank{color:#fff;margin-bottom:8px}.leaderboard-list{min-height:32px;margin:10px 0 12px;padding:0;list-style:none}.leaderboard-list li{border-bottom:1px solid #ffffff1c;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:23px;font-size:clamp(.58rem,1.9vw,.72rem);font-weight:900;display:grid}.leaderboard-list .is-best{color:#d7b34a}.rank-number{color:#ffffff6b;text-align:left}.rank-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rank-score{letter-spacing:.06em;text-align:right}.leaderboard-list .empty-board{color:#ffffff7a;text-align:center;padding:12px 0;display:block}.play-again-button{width:100%}.breaker-controls{grid-template-columns:1fr 1fr;gap:8px;width:min(100%,360px);display:none}.breaker-controls button,.breaker-footer button{color:#fff;letter-spacing:.12em;-webkit-user-select:none;user-select:none;background:#000;border:1px solid #fff;font-weight:900}.breaker-controls button{touch-action:none;justify-content:center;align-items:center;gap:12px;min-height:56px;font-size:.78rem;display:flex}.breaker-controls button span{font-size:1.35rem;line-height:1}.breaker-controls button:active,.breaker-footer button:hover,.breaker-footer button:focus-visible{color:#000;background:#fff}.breaker-footer{color:#ffffff6b;letter-spacing:.14em;justify-content:center;align-items:center;gap:clamp(14px,4vw,34px);width:min(100%,820px);min-height:34px;font-size:.62rem;font-weight:800;display:flex}.breaker-footer button{cursor:pointer;min-width:86px;min-height:32px}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (max-width:760px){.breaker-page{--mobile-game-width:min(calc(100vw - 12px), clamp(250px, calc(61dvh - 92px), 420px));padding:8px 6px max(8px, env(safe-area-inset-bottom));grid-template-rows:auto auto auto;align-content:start;gap:8px}.breaker-header,.arcade-frame,.breaker-controls{width:var(--mobile-game-width)}.breaker-header{padding:2px 2px 7px}.brand-lockup{width:clamp(78px,22vw,92px)}.breaker-controls{display:grid}.breaker-modal{padding:8px}.score-entry-panel,.leaderboard-panel{width:92%;padding:12px}.leaderboard-list{margin:8px 0 10px}.breaker-footer{display:none}}@media (max-width:760px) and (max-height:760px){.breaker-controls button{min-height:48px}}@media (max-width:760px) and (max-height:680px){.breaker-header p{display:none}.breaker-controls button{min-height:44px}.leaderboard-list li{min-height:20px}}@media (prefers-reduced-motion:reduce){.arcade-frame{box-shadow:none}}