@charset "UTF-8";
:root{font-family:"Segoe UI","Apple SD Gothic Neo","Malgun Gothic",sans-serif;color:#f5f7ff;background:#30467b;font-synthesis:none;--gold:#ffce66;--muted:#b3c4e4;--field-height:min(640px,calc(100svh - 310px),calc((100vw - 32px)*1.375));--field-width:calc(var(--field-height)/1.375)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 20%,#42619a 0%,#344e86 43%,#293d6c 100%);-webkit-tap-highlight-color:transparent;overflow-x:hidden}button,select,input{font:inherit}button,a{touch-action:manipulation}button{border:0;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid #ffda7b;outline-offset:4px}svg{width:22px;height:22px;flex-shrink:0}[hidden]{display:none!important}.symbols{position:absolute;width:0;height:0;overflow:hidden}.background-art{position:fixed;inset:0;overflow:hidden;pointer-events:none}.background-art i{position:absolute;width:125px;height:38px;border:2px solid #b8d0ff;border-radius:5px;opacity:.035;transform:rotate(-19deg);left:10%;top:30%}.background-art i:nth-child(2){left:auto;right:10%;top:60%;transform:rotate(18deg)}.background-art i:nth-child(3){top:75%;left:23%;width:42px;height:42px;border-radius:50%}.site-header{display:flex;align-items:center;justify-content:space-between;padding:20px 38px;position:relative;z-index:1}.brand{display:inline-flex;gap:10px;align-items:center;text-decoration:none;color:#fff}.brand img{width:30px;height:30px;transform:rotate(-6deg)}.brand-wordmark{display:flex;flex-direction:column;gap:3px}.brand-name{font-size:18px;letter-spacing:-.7px;font-weight:900;line-height:1}.brand-name>span{color:#ffce66}.brand-credit{font-size:10px;letter-spacing:.5px;color:#c6d4ef;font-weight:500;line-height:1.2}.header-actions{display:flex;align-items:center;gap:12px}.mode-label{font-size:9px;font-weight:700;letter-spacing:2px;color:#d2dff7;margin-right:9px;display:flex;gap:7px;align-items:center}.mode-label i{width:5px;height:5px;background:#94d7b3;box-shadow:0 0 8px #8bcca966;border-radius:50%}.icon-button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:transparent;color:#c5d4ee;padding:7px;transition:background .15s,color .15s}.icon-button:hover{background:#ffffff10;color:#fff}.icon-button svg{width:20px;height:20px}.game{position:relative;z-index:1;width:calc(var(--field-width) + 12px);max-width:calc(100vw - 20px);margin:auto;user-select:none;-webkit-user-select:none}.scoreboard{height:82px;display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;padding:0 5px 7px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#b2c6ea;display:block}.level-button{background:transparent;text-align:left;padding:4px 0;justify-self:start}.level-button>span:last-child{display:flex;gap:9px;align-items:center;margin-top:5px}.level-button strong{font-size:25px;line-height:1;font-weight:800;font-variant-numeric:tabular-nums}.level-button svg{width:13px;height:13px;color:#a3bde5}.score-area{text-align:center}.score-area .eyebrow{font-size:9px;letter-spacing:3px}.score-area>strong{display:block;font-size:45px;font-weight:850;line-height:1.12;letter-spacing:-1.5px;text-shadow:0 3px #243d6b88;font-variant-numeric:tabular-nums}.best-area{text-align:right;align-self:center}.best-area .eyebrow{display:flex;align-items:center;justify-content:flex-end;gap:5px;font-size:9px;letter-spacing:1.4px;color:#d5b46a}.best-area svg{width:13px;height:13px;color:var(--gold)}.best-area>strong{display:block;color:var(--gold);font-size:20px;margin-top:5px;line-height:1;font-variant-numeric:tabular-nums}.arena{position:relative;border:6px solid #223a67;border-radius:10px;background:#1f345a;box-shadow:0 4px 20px #172b5133,inset 0 0 0 1px #111f3a44;overflow:hidden;width:100%;touch-action:none}#game-canvas{display:block;width:100%;height:auto;aspect-ratio:480/660;touch-action:none;outline-offset:-4px!important}.field-top,.field-bottom{position:absolute;left:3%;right:3%;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.field-top{top:2%;font-size:8px;letter-spacing:1.6px;color:#a7bddd99;font-weight:600}.field-top>span{max-width:80%;overflow:hidden;white-space:nowrap}.field-top #lives{display:flex;gap:5px}.field-top #lives i{width:5px;height:5px;background:#ebf2ff;border-radius:50%;box-shadow:0 0 4px #fff3}.field-top #lives i.spent{background:#6d83a542;box-shadow:none}.field-bottom{bottom:2%;font-size:8px;letter-spacing:1px;color:#97aed5a6;font-weight:600}.field-bottom strong{color:#bbceed;font-weight:700}.field-bottom #ball-count{display:flex;gap:6px;align-items:center;color:#c3d7f9}.field-bottom i{width:4px;height:4px;border-radius:50%;background:#fff}.field-bottom .many-balls{color:#8df0e3!important}.clear-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:#ffffff04}.clear-progress i{display:block;background:#94d6c6;height:100%;width:0;transition:width .15s}.launch-panel{position:absolute;left:0;right:0;bottom:21%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:none}.launch-kicker{font-size:8px;letter-spacing:1.5px;color:#aac2e877}.launch-panel button{display:flex;align-items:center;justify-content:center;gap:10px;background:#ffffff0d;border:1px solid #a7c6ee33;border-radius:11px;padding:13px 20px;color:#dceaff;font-size:14px;font-weight:700;box-shadow:0 8px 22px #101d3822;pointer-events:auto;backdrop-filter:blur(3px)}.launch-panel button:hover{background:#ffffff17}.launch-panel button svg{width:15px;height:15px;color:#ffd577}.launch-hint{font-size:10px;color:#8da8d1}.field-message{position:absolute;left:0;right:0;top:57%;text-align:center;font-size:25px;font-style:italic;font-weight:900;color:#90eee6;letter-spacing:-.5px;text-shadow:0 3px #123341aa;opacity:0;pointer-events:none}.field-message.show{animation:message 1.4s ease-out forwards}.field-message small{display:block;color:#d7eafd;font-size:11px;font-style:normal;margin-top:4px;letter-spacing:.5px}.countdown{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#1a2c4d77;backdrop-filter:blur(1px);font-size:70px;font-weight:900;text-shadow:0 5px #1b315c99;pointer-events:none}.game-controls{display:flex;align-items:center;gap:10px;padding:13px 2px 5px;min-height:54px}.boost-button{display:flex;align-items:center;gap:7px;padding:9px 11px;border-radius:9px;background:#75e5df0d;border:1px solid #7ee4dd38;color:#9de8e1;font-size:11px;font-weight:700}.boost-button:disabled{opacity:.48}.boost-button:not(:disabled):hover{background:#75e5df22}.boost-button svg{width:15px;height:15px}.boost-button small{font-size:9px;margin-left:4px;color:#92bec5;font-weight:500}.power-status{flex:1;font-size:10px;text-align:center;line-height:1.5;color:#a5bcdf;min-width:0}.power-status.active{color:#f1d897}.pause-button{margin-left:auto;width:32px;height:32px}.game-actions{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:2px}.game-actions>span{height:10px;width:1px;background:#b3c9e525}.text-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 2px;background:transparent;color:#aebfdd;font-size:10px}.text-button svg{width:14px;height:14px}.text-button:hover{color:#fff}.site-footer{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:15px 38px 18px;color:#9bafd08c;font-size:10px}.footer-caption{letter-spacing:.4px}.modal{width:min(380px,calc(100vw - 30px));max-height:calc(100svh - 36px);overflow:auto;border:1px solid #7094cb66;border-radius:23px;padding:27px;background:linear-gradient(145deg,#3d5c94,#2e497e);color:#f7f9ff;box-shadow:0 24px 80px #101d4399,inset 0 1px 0 #b7d3ff16}.modal::backdrop{background:#0a193d99;backdrop-filter:blur(7px)}.modal[open]{animation:modal-in .18s ease-out}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.modal-heading>.icon-button{margin:-4px -7px -4px 0;flex-shrink:0}.modal h1{font-size:23px;letter-spacing:-1px;font-weight:800;margin:0;word-break:keep-all}.subtitle{color:#bdceeb;font-size:12px;line-height:1.8;word-break:keep-all;margin:12px 0 23px}.compact{text-align:center}.modal-badge{width:60px;height:60px;background:#b4cfff12;border-radius:50%;display:grid;place-items:center;margin:0 auto 23px;color:#d5e4ff}.modal-badge svg{width:27px;height:27px}.compact>.eyebrow{font-size:9px;letter-spacing:2px;color:#ffcf73;margin:0 0 12px}.primary-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:23px;padding:15px;border-radius:11px;background:linear-gradient(#a3d367,#87bf4f);box-shadow:inset 0 2px 0 #c5e796,0 4px 0 #5b8d34,0 6px 14px #172d4922;font-size:15px;font-weight:800;text-shadow:0 1px 1px #47712b66}.primary-button:hover{filter:brightness(1.07)}.primary-button svg{width:18px;height:18px}.secondary-button{width:100%;padding:17px 6px 5px;margin-top:5px;font-size:12px;color:#bfd0ec;background:transparent}.secondary-button:hover{color:#fff}.result-icon{position:relative;width:90px;height:76px;color:#ffcf64;margin:0 auto 7px}.result-icon svg{width:62px;height:62px;filter:drop-shadow(0 4px #b47d35)}.result-icon span{position:absolute;left:-4px;top:30px;font-size:16px}.result-icon span:last-child{left:auto;right:-3px;top:4px;font-size:22px}.result-score{font-size:58px;line-height:1.2;letter-spacing:-2px;font-weight:850;text-shadow:0 3px #1b325866;display:block;margin:-5px 0 20px}.result-stats{display:grid;grid-template-columns:1fr 1fr 1fr;background:#20396366;padding:15px 5px;border-radius:12px}.result-stats>div+div{border-left:1px solid #abc6f41a}.result-stats strong{display:block;font-size:21px;line-height:1.2}.result-stats span{display:block;font-size:10px;color:#a8bee2;margin-top:6px}.split-illustration{display:flex;gap:13px;align-items:center;justify-content:center;background:#20396355;border-radius:12px;padding:20px 5px;color:#80e6db}.split-illustration>span:nth-child(even){color:#819cc5;font-size:12px}.split-illustration strong{font-size:20px}.split-illustration svg{width:25px;height:25px}.help-steps{list-style:none;margin:23px 0;padding:0;display:grid;gap:18px}.help-steps li{display:flex;gap:12px}.help-steps b{display:grid;place-items:center;flex-shrink:0;font-size:10px;color:#ffcf75;background:#d9b66912;width:27px;height:27px;border-radius:8px}.help-steps strong{font-size:13px}.help-steps p{margin:5px 0 0;font-size:11px;line-height:1.8;color:#aec2e4;word-break:keep-all}.item-guide{display:grid;grid-template-columns:1fr 1fr;gap:9px;font-size:11px;color:#c2d3ee}.item-guide>span{display:flex;align-items:center;gap:8px}.item-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:4px;font-size:19px;line-height:1;font-style:normal;font-weight:900;color:#23405b}.split-item{background:#71ddd9}.fire-item{background:#ffd366}.wide-item{background:#a4d97c}.laser-item{background:#b59bed}.help-note{font-size:10px;line-height:1.8;color:#a2badd;text-align:center;margin:20px 0 0;word-break:keep-all}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #b0c9ed18;font-size:13px}.toggle{width:42px;height:24px;padding:3px;background:#21375d;border:1px solid #ffffff10;border-radius:20px}.toggle i{display:block;width:16px;height:16px;background:#c3cfe3;border-radius:50%;transition:transform .15s}.toggle[aria-checked=true]{background:#8abc62}.toggle[aria-checked=true] i{transform:translateX(17px);background:#fff}.setting-select{display:block;font-size:12px;margin-top:20px;color:#d8e3f5}.setting-select select{display:block;width:100%;color:#e7effd;background:#243e6b;border:1px solid #92b4e650;border-radius:8px;margin-top:9px;padding:11px 9px;font-size:12px}.levels-modal{width:min(475px,calc(100vw - 26px));padding:25px}.levels-modal .eyebrow{font-size:9px;margin:0 0 8px}.levels-modal .subtitle{margin-bottom:14px}.level-pages{display:flex;gap:5px;margin-bottom:17px}.level-pages button{flex:1;background:#20365e66;border:1px solid #779cd333;border-radius:6px;padding:8px 2px;font-size:10px;color:#b1c4e5}.level-pages button[aria-pressed=true]{background:#92b66526;color:#e7efc9;border-color:#bcd78566}.levels-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.level-tile{position:relative;min-width:0;background:#213a6599;padding:7px 5px;border:1px solid #86acd629;border-radius:7px}.level-tile:hover{border-color:#d5e4ff88}.level-tile.current{border-color:#ffcc7799;background:#cfb36b15}.level-tile canvas{display:block;width:100%;height:49px}.level-tile>span{display:block;text-align:center;font-size:10px;color:#c2d3ed;margin-top:6px;font-variant-numeric:tabular-nums}.level-tile.completed:after{content:'✓';position:absolute;right:3px;top:2px;color:#b1e787;font-size:12px;font-weight:bold}.completed-key{color:#b1e787}.toast{position:fixed;z-index:100;left:50%;bottom:28px;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);background:#1b3054f2;border:1px solid #8cafe433;color:#e6edfc;padding:12px 18px;border-radius:10px;font-size:12px;text-align:center;box-shadow:0 6px 26px #13254466}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reduce-motion *{animation:none!important;transition:none!important}.reduce-motion .field-message.show{opacity:1}
@keyframes message{0%{opacity:0;transform:translateY(12px) scale(.8)}15%,65%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-15px)}}@keyframes modal-in{from{opacity:0;transform:translateY(7px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:600px){.site-header{padding:max(16px,env(safe-area-inset-top)) 20px 12px}.brand-name{font-size:16px}.brand img{width:27px;height:27px}.brand-credit{font-size:9px}.header-actions{gap:4px}.mode-label{font-size:7px;letter-spacing:1.2px;margin-right:3px}.header-actions .icon-button{width:30px;height:30px;padding:6px}.scoreboard{height:74px}.score-area>strong{font-size:41px}.site-footer{justify-content:center;gap:8px;padding:13px 10px max(15px,env(safe-area-inset-bottom));font-size:8px}.game-controls{gap:5px}.boost-button{font-size:10px;padding:8px}.power-status{font-size:9px}.launch-panel{gap:9px}.launch-panel button{font-size:12px;padding:11px 14px}.launch-hint{font-size:9px}.launch-kicker{font-size:6px;letter-spacing:1px}.levels-modal{padding:20px}.levels-grid{gap:5px}.level-tile{padding:5px 3px}.level-tile canvas{height:40px}}
@media(max-height:700px){:root{--field-height:min(640px,calc(100svh - 226px),calc((100vw - 32px)*1.375))}.site-header{padding-top:10px;padding-bottom:6px}.scoreboard{height:61px}.score-area>strong{font-size:34px}.level-button strong{font-size:22px}.best-area>strong{font-size:17px}.game-controls{padding-top:8px;min-height:44px}.site-footer{padding-top:7px;padding-bottom:8px}.launch-panel{gap:8px}.launch-kicker{display:none}.field-top,.field-bottom{font-size:7px;letter-spacing:.6px}.field-message{font-size:21px}}
@media(max-height:480px) and (orientation:landscape){:root{--field-height:calc(100svh - 32px);--field-width:calc(var(--field-height)/1.375)}.site-header{position:absolute;left:calc(50% + var(--field-width)/2 - 70px);top:15px;display:block;width:180px;padding:0}.header-actions{margin-top:12px}.mode-label{display:none}.game{display:grid;grid-template-columns:calc(var(--field-width) + 12px) 175px;grid-template-rows:95px 1fr 44px 40px;gap:0 22px;width:max-content;margin:auto}.arena{grid-column:1;grid-row:1/5}.scoreboard{grid-column:2;grid-row:2;grid-template-columns:1fr 1fr;height:110px;align-self:center}.score-area{grid-column:1/3;grid-row:1;margin-bottom:12px}.level-button,.best-area{grid-row:2}.game-controls{grid-column:2;grid-row:3;flex-wrap:wrap;position:relative}.power-status{display:none}.game-actions{grid-column:2;grid-row:4;gap:12px}.site-footer{display:none}.brand img{width:26px;height:26px}.brand-name{font-size:16px}}

/* Compact top bar; the arena uses every remaining viewport pixel. */
body{height:100dvh;min-height:0;overflow:hidden}
.site-header{position:relative;inset:auto;display:block;width:100%;max-width:1100px;margin:0 auto;padding:6px 12px 5px;flex:none}
.top-main{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:32px}
.brand{gap:7px;flex:none}.brand img{width:26px;height:26px}.brand-name{font-size:17px}.brand-credit{font-size:9px}
.header-actions{gap:2px;margin:0;flex:none}.header-actions .icon-button{width:30px;height:30px;padding:6px}
.scoreboard{height:auto;display:flex;align-items:center;justify-content:center;gap:23px;padding:0;flex:1}
.scoreboard>div,.scoreboard>button{display:flex;align-items:baseline;gap:6px;text-align:left;padding:0;margin:0}
.scoreboard .eyebrow{display:block;font-size:9px;letter-spacing:1px}
.scoreboard strong,.scoreboard .score-area>strong,.scoreboard .best-area>strong{font-size:20px;line-height:1.2;letter-spacing:0;margin:0;text-shadow:none}
.scoreboard #score{color:#fff}.scoreboard #best{color:var(--gold)}
.ranking-button{height:28px;padding:4px 7px;display:flex;align-items:center;gap:5px;background:#ffcf6614;border:1px solid #ffcf6633;border-radius:7px;color:#ffda85;font-size:10px;font-weight:800;white-space:nowrap}
.ranking-button svg{width:14px;height:14px}
.explanation-line{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 12px;min-height:29px;margin-top:3px;font-size:9px;color:#b9cce9}
#level-name{font-size:8px;letter-spacing:.7px;color:#adc2e5}
#lives{display:flex;gap:4px}#lives i{width:5px;height:5px;background:#edf5ff;border-radius:50%}#lives i.spent{background:#7186aa}
#ball-count{display:flex;align-items:center;gap:5px;white-space:nowrap;font-variant-numeric:tabular-nums}#ball-count i{width:4px;height:4px;background:#fff;border-radius:50%}
#ball-count.many-balls{color:#95f0e5}.bricks-counter{white-space:nowrap}.bricks-counter strong{color:#e3edff}
.power-status{display:block;flex:0 1 auto;text-align:left;white-space:nowrap;font-size:9px;line-height:1.3}
.launch-panel{position:static;inset:auto;display:flex;flex-direction:row;gap:0;pointer-events:auto}
.launch-panel button{padding:4px 8px;min-height:26px;gap:4px;font-size:10px;border-radius:6px;box-shadow:none;backdrop-filter:none}
.launch-panel button svg{width:12px;height:12px}
.boost-button{padding:4px 7px;min-height:26px;gap:3px;border-radius:6px;font-size:10px}.boost-button svg{width:12px;height:12px}.boost-button small{font-size:8px;margin-left:2px}
.field-message{display:none;position:static;inset:auto;opacity:1;font-size:10px;line-height:1.2;text-shadow:none;font-style:normal;letter-spacing:0}
.field-message.show{display:inline;animation:none}.field-message.show~.power-status{display:none}.field-message small{display:inline;font-size:9px;margin:0 0 0 6px;letter-spacing:0}
.game{display:block;position:relative;width:max-content;max-width:100%;margin:0 auto;flex:none}
.arena{border-width:3px;border-radius:8px;max-width:100%;box-shadow:0 3px 18px #172b5140}
#game-canvas{width:100%;height:100%;aspect-ratio:auto}
.qualification{margin-top:15px}.qualification p{font-size:11px;line-height:1.6;color:#d0def5;margin:6px 0}
#ranking-form label{display:block;font-size:12px;color:#ffdb88;margin-bottom:10px}
.ranking-input-row{display:flex;gap:7px}.ranking-input-row input{width:0;min-width:0;flex:1;background:#213b68;color:#fff;border:1px solid #8eacd080;border-radius:7px;padding:10px;font-size:13px}
.ranking-input-row button{background:#ffce66;color:#293f69;border-radius:7px;padding:8px 14px;font-size:12px;font-weight:800}
.ranking-modal{width:min(440px,calc(100vw - 24px))}.ranking-modal .eyebrow{font-size:8px;margin:0 0 6px}
.ranking-list{list-style:none;padding:0;margin:0;display:grid;gap:5px}.ranking-list li{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;padding:10px 11px;background:#213a6366;border:1px solid #9bb8db18;border-radius:9px}
.ranking-list li.me{border-color:#ffce6666;background:#ccac3a12}.rank-number{font-size:13px;color:#c0d0ec;font-weight:800}.ranking-list li:nth-child(-n+3) .rank-number{color:#ffda84}
.rank-person{min-width:0}.rank-person strong{display:block;font-size:13px;overflow-wrap:anywhere}.rank-person small{display:block;font-size:9px;color:#a9c0e5;margin-top:3px}
.rank-score{font-size:17px;font-weight:800;font-variant-numeric:tabular-nums}.ranking-status{font-size:12px;color:#bfcee8;text-align:center;line-height:1.7}
@media(max-width:650px){
 .site-header{padding:5px 8px 4px}.top-main{display:grid;grid-template-columns:1fr auto;gap:4px 6px;min-height:0}
 .brand-name{font-size:15px}.brand-credit{font-size:8px}.brand img{width:23px;height:23px}.brand{gap:5px}
 .header-actions .icon-button{width:27px;height:28px;padding:5px}.header-actions .icon-button svg{width:17px;height:17px}
 .ranking-button{padding:3px 5px;font-size:9px;height:26px;gap:3px}.ranking-button svg{width:12px;height:12px}
 .scoreboard{grid-column:1/-1;grid-row:2;gap:25px;height:25px}.scoreboard strong,.scoreboard .score-area>strong,.scoreboard .best-area>strong{font-size:18px}
 .scoreboard .eyebrow{font-size:8px;letter-spacing:1px}.explanation-line{gap:3px 8px;margin-top:0;min-height:26px}
 #level-name{font-size:7px;letter-spacing:.3px}.power-status{font-size:8px}
}
@media(max-width:360px){.brand-name{font-size:13px}.brand img{width:20px;height:20px}.header-actions{gap:0}.header-actions .icon-button{width:24px}.ranking-button{font-size:8px;gap:2px}.explanation-line{column-gap:6px}}
@media(max-height:480px) and (orientation:landscape){.site-header{padding:3px 9px}.top-main{min-height:28px}.explanation-line{margin-top:0;min-height:24px}.game{display:block;width:max-content;margin:0 auto}.scoreboard{height:auto;align-self:center}.power-status{display:block}}
.scoreboard .boost-button{align-items:center;padding:4px 7px;gap:3px;font-size:10px}
@media(max-width:720px){.site-header{padding:5px 8px 4px}.top-main{display:grid;grid-template-columns:1fr auto;gap:4px 6px}.scoreboard{grid-column:1/-1;grid-row:2;height:27px;gap:16px}.scoreboard .boost-button{margin-left:3px}.explanation-line{min-height:26px}}
@media(max-width:360px){.scoreboard{gap:12px}.explanation-line{column-gap:5px}.launch-panel button{padding:4px 6px;font-size:9px}}