:root{--ink:#130e0b;--paper:#f4e2b8;--orange:#e97632;--red:#c43b29;--yellow:#f6c56e;--mono:"Courier New",monospace;--display:Impact,"Arial Narrow",sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{height:100dvh;background:#100b09;color:var(--paper);font-family:var(--mono);display:flex;flex-direction:column;-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer;color:inherit;touch-action:manipulation}button:focus-visible,input:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}button:disabled{opacity:.25;cursor:default}[hidden]{display:none!important}.topbar{height:49px;min-height:49px;padding:0 max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#241813,#160f0b);border-bottom:1px solid #794829;z-index:10;gap:12px}.wordmark{border:0;background:none;padding:0;font:30px/.9 var(--display);letter-spacing:-1px;transform:rotate(-2deg);white-space:nowrap}.wordmark span{font:9px var(--mono);letter-spacing:1px;margin-left:12px;color:#e8b982;vertical-align:middle}.top-actions{display:flex;gap:7px;align-items:center}.top-actions button{height:31px;min-width:33px;padding:0 8px;border:1px solid #6e4d31;background:#281b12;box-shadow:inset 0 1px #8d6a3633;font-size:10px;letter-spacing:.5px}.top-actions button:hover{background:#4a2a17}.top-actions #fullscreen,.top-actions #pause{font-size:21px}.top-actions #sound{font-size:15px}.top-actions #sound-state{font-size:8px}.top-actions button[aria-pressed=true]{color:var(--yellow)}.arcade{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;isolation:isolate;background:#100b09}.hud{height:34px;min-height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:15px;background:#130e0bf2;border-bottom:1px solid #6d4024;font-size:10px;letter-spacing:1px;z-index:2}.hud #lives{font-size:19px;letter-spacing:3px;color:#f46743;line-height:1;min-width:114px}.hud #level-name{color:#e7bc78;font-size:9px}.scoreline{display:flex;align-items:center;gap:18px}.scoreline #combo{font-size:12px;color:#e8b95d}.scoreline #score{font-size:17px;font-weight:700;letter-spacing:2px}.screen{position:relative;width:100%;flex:1;min-height:0;overflow:hidden;background:#100b09}.screen:after{content:"";pointer-events:none;position:absolute;inset:0;background:repeating-linear-gradient(0deg,#0000 0px,#0000 3px,#0001 3px,#0001 4px);opacity:.3;z-index:5;box-shadow:inset 0 0 45px #0003}canvas{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;outline:0}.start-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#110905e8 0%,#110905b3 31%,#11090508 75%);display:flex;align-items:center;z-index:2}.menu-panel{margin-left:7%;width:min(580px,72%);padding:20px 0}h1,h2{font-family:var(--display);font-weight:900;line-height:1;letter-spacing:-.5px;margin:0}h1{font-size:clamp(48px,7.4vw,104px);white-space:nowrap;text-shadow:4px 5px #160907}h1 span{color:#e87435}h2{font-size:clamp(34px,6vw,74px);text-shadow:3px 3px #160907}.level-list{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:25px 0 23px}.level-card{position:relative;min-height:85px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;padding:9px 8px;overflow:hidden;background-size:cover;background-position:center;border:2px solid #724a2f;box-shadow:3px 4px #0008;isolation:isolate}.level-card:after{position:absolute;inset:0;content:"";background:linear-gradient(#160a0b40,#0a0504cf);z-index:-1}.level-card[data-level="0"]{background-image:url(assets/laden-v2.webp)}.level-card[data-level="1"]{background-image:url(assets/kueche-v2.webp)}.level-card[data-level="2"]{background-image:url(assets/bowling-v2.webp)}.level-card[data-level="3"]{background-image:url(assets/keller-v2.webp)}.level-card[aria-pressed=true]{border-color:#ffd07b;transform:translateY(-3px);box-shadow:3px 6px #0a0504}.level-card span{color:#ffd07b;font-size:10px;font-weight:bold}.level-card strong{font-size:9px;line-height:1.3;letter-spacing:.3px}.primary{min-height:47px;border:1px solid #f19a53;border-bottom:4px solid #692510;background:#bd4623;color:#fff1d0;padding:13px 23px;display:inline-flex;align-items:center;justify-content:center;gap:36px;font:700 12px var(--mono);letter-spacing:1px;box-shadow:4px 4px #070402a6}.primary:hover{background:#da5426}.primary:active{transform:translateY(2px);border-bottom-width:2px}.keyboard-hint{font-size:8px;letter-spacing:1px;color:#b3956d;margin:21px 0 0}.center-overlay{position:absolute;inset:0;z-index:4;background:#120c08df;backdrop-filter:blur(3px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;padding:16px}.center-overlay p{margin:0;color:#ddba8b;font-size:11px;line-height:1.4}.small-label{font-size:9px;letter-spacing:1.2px;color:#e8b87c}.text-action{border:0;background:none;color:#cda578;font:10px var(--mono);letter-spacing:.7px;padding:9px 10px;text-decoration:underline;text-underline-offset:4px}.result{gap:10px}.result h2{font-size:clamp(28px,5vw,59px)}.result #result-score{font-size:32px;letter-spacing:4px;color:var(--yellow)}.result form{width:260px;max-width:85%;text-align:left}.result label{font-size:9px;display:block;margin-bottom:6px;color:#d8af7c}.name-row{display:flex;gap:7px}.name-row input{width:100%;min-width:0;background:#2b1b12;border:1px solid #8b643f;border-radius:0;padding:10px;color:var(--paper);font-size:12px}.name-row .primary{padding:8px 16px;min-height:35px}.result-actions{display:flex;gap:12px;align-items:center;margin-top:2px}.result-actions .primary{min-height:38px;padding:9px 16px;font-size:10px}.touch-controls{display:none;position:absolute;inset:auto 0 16px;z-index:7;justify-content:space-between;align-items:end;pointer-events:none;padding:0 max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.touch-controls>div{display:flex;gap:9px;align-items:end}.touch-controls button{pointer-events:auto;user-select:none;-webkit-user-select:none;touch-action:none;width:60px;height:60px;border-radius:8px;border:2px solid #d8b27180;border-bottom:5px solid #2b190d;background:#2a2017df;color:#f4dba4;text-shadow:2px 2px #0d0804;font-size:25px;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 3px 8px #0007}.touch-controls button span{font-size:8px;letter-spacing:1px;margin-top:2px}.touch-controls .jump-button{width:65px;height:65px;border-radius:50%;background:#49331be8}.touch-controls .fire-button{width:77px;height:77px;border-radius:50%;background:#bb4322ef;border-color:#f4aa72c9;border-bottom-color:#571d0d;font-size:30px}.touch-controls button.pressed{transform:translateY(3px);background:#9c6836;border-bottom-width:2px}.touch-controls .fire-button.pressed{background:#f66b32}.orientation-hint{display:none;position:absolute;inset:0;z-index:9;background:#120b08e8;backdrop-filter:blur(5px);align-items:center;justify-content:center;flex-direction:column;gap:25px;text-align:center;padding:20px}.orientation-hint h2{font-size:39px}.phone-icon{width:53px;height:90px;border:3px solid #e9b26c;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:35px;color:#e9b26c;transform:rotate(90deg);box-shadow:0 0 25px #be623522}.phone-icon:after{content:"";position:absolute;width:11px;height:3px;bottom:6px;background:#e9b26c}.arcade:fullscreen{height:100dvh;width:100vw;background:#100b09}.arcade:fullscreen .hud{padding-top:5px;height:40px;min-height:40px}#toast{position:absolute;left:50%;top:65px;transform:translate(-50%,-6px);opacity:0;pointer-events:none;background:#211106ed;border:1px solid #b17b39;color:#ffd184;font:700 10px var(--mono);padding:8px 12px;z-index:8;transition:opacity .12s}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{width:420px;max-width:92vw;max-height:85dvh;border:2px solid #9f6f3c;background:#1e120c;color:var(--paper);padding:24px;box-shadow:6px 6px #090503}dialog::backdrop{background:#0d0805da;backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head h2{font-size:47px}.dialog-head button{border:0;background:none;color:var(--paper);font-size:31px;padding:0 0 0 15px}#score-list{list-style:none;counter-reset:rank;padding:0;max-height:200px;overflow:auto;margin:18px 0}#score-list li{counter-increment:rank;display:flex;align-items:center;gap:14px;border-bottom:1px solid #644020;padding:10px 0;font-size:12px}#score-list li:before{content:counter(rank,decimal-leading-zero);font-size:10px;color:#d57e43}#score-list li strong{margin-left:auto;color:#f4c170}#score-list .empty:before{display:none}#score-list .empty{font-size:10px;color:#c6a27a}.storage-note{font-size:9px;color:#a17e59;line-height:1.5}dialog .primary{width:100%;font-size:11px;min-height:40px}
@media(pointer:coarse),(max-width:1100px){body[data-mode="playing"] .touch-controls{display:flex}.keyboard-hint{display:none}.topbar{height:42px;min-height:42px;padding-left:max(13px,env(safe-area-inset-left));padding-right:max(13px,env(safe-area-inset-right))}.wordmark{font-size:25px}.wordmark span{font-size:8px}.top-actions{gap:5px}.top-actions button{height:29px;font-size:9px;min-width:30px;padding:0 6px}.top-actions #sound-state{display:none}.hud{height:29px;min-height:29px;padding:0 17px}.hud #lives{font-size:17px;letter-spacing:2px;min-width:99px}.hud #level-name{font-size:8px}.scoreline #score{font-size:15px}.menu-panel{width:min(495px,69%);margin-left:6%}h1{font-size:clamp(42px,7vw,76px)}.level-list{gap:6px;margin:18px 0 17px}.level-card{min-height:68px;padding:7px 6px}.level-card strong{font-size:8px}.primary{min-height:42px;padding:10px 21px;font-size:11px}.center-overlay{gap:12px}.center-overlay h2{font-size:44px}.center-overlay p{font-size:10px}.result{gap:6px}.result h2{font-size:36px}.result #result-score{font-size:25px}.result form{width:240px}.result label{font-size:8px}.name-row input{padding:8px;font-size:11px}.result-actions .primary{min-height:34px;padding:7px 12px;font-size:9px}.result-actions{margin:0}}
@media(max-height:430px) and (orientation:landscape){.topbar{height:36px;min-height:36px}.wordmark{font-size:23px}.top-actions button{height:26px}.hud{height:25px;min-height:25px}.hud #lives{font-size:15px}.hud #level-name{font-size:7px}.scoreline #score{font-size:13px}.menu-panel{padding:8px 0;margin-left:6%}h1{font-size:clamp(40px,6.5vw,63px)}.level-list{margin:14px 0;gap:6px}.level-card{min-height:58px;padding:6px}.level-card strong{font-size:7px}.level-card span{font-size:8px}.primary{min-height:38px;padding:9px 18px;font-size:10px}.touch-controls{bottom:max(9px,env(safe-area-inset-bottom))}.touch-controls button{width:55px;height:55px}.touch-controls .jump-button{width:59px;height:59px}.touch-controls .fire-button{width:69px;height:69px}.touch-controls>div{gap:7px}.center-overlay{gap:10px}.center-overlay h2{font-size:39px}.result{gap:4px}.result h2{font-size:30px}.result .small-label{font-size:7px}.result #result-score{font-size:23px}.result label{font-size:7px;margin-bottom:3px}.result .name-row input{padding:7px}.result .name-row .primary{min-height:29px;padding:6px 12px}.result-actions .primary{min-height:30px;padding:7px 12px;font-size:9px}.result-actions .text-action{font-size:9px}#toast{top:44px;font-size:9px;padding:6px 10px}dialog{padding:16px;max-height:94dvh}.dialog-head h2{font-size:32px}#score-list{max-height:100px;margin:10px 0}}
@media(orientation:portrait) and (max-width:800px){body:not(.portrait-ok) .orientation-hint{display:flex}.wordmark span{display:none}.top-actions{gap:4px}.top-actions button{font-size:8px;padding:0 5px;min-width:27px}.hud{padding:0 12px;gap:8px}.hud #lives{min-width:84px;font-size:15px}.hud #level-name{font-size:7px}.scoreline{gap:8px}.scoreline #score{font-size:12px}.scoreline #combo{font-size:10px}.menu-panel{width:86%;margin-left:7%}h1{font-size:clamp(35px,10vw,68px)}.level-list{grid-template-columns:repeat(2,1fr);gap:9px;margin:22px 0}.level-card{min-height:75px}.level-card strong{font-size:9px}.touch-controls{bottom:max(20px,env(safe-area-inset-bottom));padding:0 13px}.touch-controls button{width:52px;height:54px}.touch-controls .jump-button{width:58px;height:58px}.touch-controls .fire-button{width:67px;height:67px}.touch-controls>div{gap:6px}.center-overlay h2{font-size:37px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.level-card[aria-pressed=true]{transform:none}}

.boss-banner{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;background:#10090555;pointer-events:none}.boss-nameplate{width:100%;text-align:center;padding:24px 14px 28px;background:#150c08eb;border-top:4px solid #d26433;border-bottom:4px solid #d26433;box-shadow:0 8px 24px #0008;transform:rotate(-2deg)}.boss-nameplate>span{font:700 10px var(--mono);letter-spacing:5px;color:#e59b5e}.boss-nameplate h2{font-size:clamp(32px,8.4vw,118px);letter-spacing:1px;color:#ffda94;margin:12px 0 0;text-shadow:4px 5px #8b3324;overflow-wrap:anywhere}@media(pointer:coarse),(max-width:1100px){body[data-mode="bossintro"] .touch-controls{display:flex}}@media(max-height:430px) and (orientation:landscape){.boss-nameplate{padding:15px 12px 19px}.boss-nameplate h2{font-size:clamp(32px,8vw,76px)}.boss-nameplate>span{font-size:8px;letter-spacing:4px}}@media(prefers-reduced-motion:reduce){.boss-nameplate{transform:none}}

@media (max-width:1100px) and (orientation:landscape){.menu-panel{width:min(360px,48%)}.level-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:12px 0}.level-card{min-height:50px}}

/* High-contrast arcade controls and readable boss information. */
.topbar{height:64px;min-height:64px;padding-inline:max(22px,env(safe-area-inset-left));background:linear-gradient(#4a3020,#21170f 55%,#18110c);border-top:3px solid #b78042;border-bottom:3px solid #cc9452;box-shadow:0 3px 0 #090603;gap:16px}
.wordmark{font-size:40px;color:#fff0c8;text-shadow:2px 3px #0c0906}.wordmark span{font-size:12px;letter-spacing:1px;color:#f2c78d}
.top-actions{gap:8px}.top-actions button{height:44px;min-width:44px;padding:0 12px;border:2px solid #b58c59;border-bottom:4px solid #60401f;background:#2e2117;color:#ffedc6;font-size:14px;font-weight:700;box-shadow:inset 0 1px #d2b07744,2px 2px #100a07}
.top-actions button:hover{background:#654025;border-color:#f0c27e}.top-actions #fullscreen,.top-actions #pause{font-size:28px}.top-actions #sound{font-size:24px}.top-actions #sound-state{font-size:11px}.top-actions button:disabled{opacity:.4}
.hud{height:48px;min-height:48px;padding:0 24px;gap:18px;background:#241a12;border-bottom:2px solid #a5743f;color:#ffedc7;box-shadow:inset 0 2px #c0985140}
.hud #lives{font-size:25px;min-width:132px;letter-spacing:2px;color:#ff8459;text-shadow:1px 2px #080605}.hud #level-name{font-size:15px;font-weight:700;letter-spacing:.6px;color:#f2d197}.scoreline{gap:17px}.scoreline #combo{font-size:19px;color:#e9ae5a}.scoreline #score{font-size:27px;letter-spacing:2px;color:#fff0c8;text-shadow:2px 2px #090704}
.level-card{border-color:#a47c4f;color:#fff1cf;text-shadow:1px 2px #080603;box-shadow:3px 4px #000c}.level-card:after{background:linear-gradient(#160a0b35,#0a0504ed)}.level-card span{font-size:13px}.level-card strong{font-size:14px;line-height:1.25;letter-spacing:.1px}.level-card[aria-pressed=true]{border-color:#ffe1a0;box-shadow:0 0 0 1px #8d5d2c,3px 5px #000c}
.primary{font-size:15px;min-height:48px;padding:12px 22px;border-width:2px;border-bottom-width:5px;background:#bf4e29;color:#fff2d2}.keyboard-hint{font-size:12px;color:#e1bd8b}.text-action{font-size:13px;color:#eac48e}.small-label{font-size:12px}.center-overlay p{font-size:14px}.result label{font-size:12px}.name-row input{font-size:15px}.result-actions .primary{font-size:13px}.storage-note{font-size:12px;color:#d3b28a}
.touch-controls button{border-color:#d5ad72;border-width:2px;border-bottom-width:5px;background:#302219f2;color:#ffe4ae;font-size:29px;box-shadow:2px 4px #09060399}.touch-controls button span{font-size:11px;letter-spacing:.5px}.touch-controls .jump-button{background:#62401ef2}.touch-controls .fire-button{background:#ba4a28f5;border-color:#f3b170}
.boss-status{position:absolute;z-index:6;right:18px;top:12px;width:min(370px,48%);padding:10px 13px 12px;background:#18110bf5;border:2px solid #c0965c;border-top:4px solid #e4783d;box-shadow:4px 4px #080504b3;color:#fff0cb;pointer-events:none}
.boss-status-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px;font-size:13px;line-height:1.15;letter-spacing:1px;font-weight:700;color:#f1b66b}.boss-status-meta #boss-health-text{font-size:12px;letter-spacing:.4px;color:#e7d8b8}.boss-status strong{display:block;font:24px/1 var(--display);letter-spacing:.5px;text-shadow:2px 2px #080504;white-space:nowrap;margin-bottom:9px}.boss-health{height:11px;background:#4b3326;border:1px solid #d5ac6b;box-shadow:inset 0 1px #100a06}.boss-health>div{height:100%;width:100%;background:linear-gradient(90deg,#b5472c,#f4b65d);box-shadow:inset 0 2px #ffdda044}
.boss-banner{z-index:8}.boss-nameplate{background:#160e08f2;border-color:#e6974b;border-top-width:5px;border-bottom-width:5px}.boss-nameplate>span{font-size:clamp(18px,2.3vw,28px);letter-spacing:4px;color:#ffcc88}.boss-nameplate h2{font-size:clamp(43px,8.2vw,116px);color:#ffe7b5;margin-top:12px}
@media(pointer:coarse),(max-width:1100px){
  .topbar{height:50px;min-height:50px;padding-inline:max(14px,env(safe-area-inset-left));gap:10px}.wordmark{font-size:32px}.wordmark span{font-size:10px;margin-left:8px}.top-actions{gap:6px}.top-actions button{height:38px;min-width:38px;padding:0 9px;font-size:12px}.top-actions #fullscreen,.top-actions #pause{font-size:25px}.top-actions #sound{font-size:22px}
  .hud{height:40px;min-height:40px;padding:0 17px;gap:12px}.hud #lives{font-size:21px;min-width:115px}.hud #level-name{font-size:12px}.scoreline{gap:12px}.scoreline #combo{font-size:16px}.scoreline #score{font-size:22px}
  .level-card strong{font-size:12px}.level-card span{font-size:11px}.primary{font-size:13px;min-height:44px;padding:10px 20px}.touch-controls button{width:60px;height:60px}.touch-controls .jump-button{width:66px;height:66px}.touch-controls .fire-button{width:76px;height:76px}.center-overlay p{font-size:13px}.result label{font-size:11px}.name-row input{font-size:14px}.result-actions .primary{font-size:12px}
  .boss-status{right:12px;top:10px;padding:9px 11px 10px}.boss-status strong{font-size:22px}.boss-status-meta{font-size:13px}.boss-nameplate{padding:20px 12px 23px}.boss-nameplate>span{font-size:19px}.boss-nameplate h2{font-size:clamp(43px,8vw,82px)}
}
@media(max-height:430px) and (orientation:landscape){
  .topbar{height:48px;min-height:48px}.hud{height:38px;min-height:38px}.hud #lives{font-size:20px}.hud #level-name{font-size:12px}.scoreline #score{font-size:21px}.menu-panel{padding:6px 0}.level-list{margin:10px 0}.level-card{min-height:52px}.level-card strong{font-size:12px}.primary{min-height:44px;font-size:13px}.boss-status{top:9px;width:min(350px,48%)}.boss-status strong{font-size:21px}.boss-nameplate>span{font-size:19px}.boss-nameplate h2{font-size:clamp(43px,8vw,76px)}.boss-nameplate{padding:18px 12px 21px}.result .small-label,.result label{font-size:10px}.result .name-row input{font-size:13px}.result-actions .primary{font-size:11px}
}
@media(max-height:330px) and (orientation:landscape){
  .topbar{height:44px;min-height:44px}.top-actions button{height:34px;min-width:36px}.wordmark{font-size:29px}.hud{height:34px;min-height:34px}.hud #lives{font-size:18px}.hud #level-name{font-size:11px}.scoreline #score{font-size:19px}.menu-panel{padding:4px 0}.level-list{margin:8px 0}.level-card{min-height:48px}.primary{min-height:40px;padding:8px 17px}.boss-status{padding:7px 10px 8px}.boss-status strong{font-size:19px;margin-bottom:7px}.boss-status-meta{font-size:12px}.boss-status-meta #boss-health-text{font-size:11px}.boss-health{height:9px}.boss-nameplate{padding:14px 10px 17px}
}
@media(orientation:portrait) and (max-width:800px){
  .topbar{padding-inline:11px}.wordmark{font-size:29px}.top-actions{gap:4px}.top-actions button{height:36px;min-width:33px;padding:0 7px;font-size:11px}.top-actions #fullscreen,.top-actions #pause{font-size:22px}.hud{padding:0 12px;gap:7px}.hud #lives{font-size:18px;min-width:93px;letter-spacing:1px}.hud #level-name{font-size:10px;letter-spacing:0}.scoreline{gap:7px}.scoreline #score{font-size:18px;letter-spacing:1px}.scoreline #combo{font-size:13px}.boss-status{width:70%;right:10px}.level-card strong{font-size:12px}.boss-nameplate>span{font-size:17px}
}

/* The battle camera leaves room for both status panels. */

.power-status{position:absolute;z-index:6;left:18px;top:12px;width:min(300px,34%);padding:9px 12px;background:#18110bf2;border:2px solid #b59159;border-left:5px solid #f0af59;box-shadow:4px 4px #080504a6;pointer-events:none;color:#ffedc6}
.power-kicker{font-size:11px;font-weight:700;letter-spacing:1.5px;color:#ebbd7b;margin-bottom:5px}.power-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 0}.power-row+.power-row{border-top:1px solid #6a4c30}.power-icon{width:32px;height:32px;shape-rendering:crispEdges}.power-copy strong{display:block;font-size:13px;letter-spacing:.4px;color:#ffefce;white-space:nowrap}.power-time{font-size:31px;font-weight:700;letter-spacing:-1px;font-variant-numeric:tabular-nums;color:#ffd382;text-shadow:2px 2px #0a0704}.power-track{margin-top:6px;height:4px;background:#5f4730}.power-track>div{height:100%;width:100%;background:#e8b76b}
@media(pointer:coarse),(max-width:1100px){.power-status{width:min(220px,33%);left:12px;top:10px;padding:7px 9px;border-left-width:4px}.power-kicker{font-size:10px;letter-spacing:1px;margin-bottom:3px}.power-row{grid-template-columns:27px minmax(0,1fr) auto;gap:6px;padding:6px 0}.power-icon{width:26px;height:26px}.power-copy strong{font-size:12px;letter-spacing:.15px}.power-time{font-size:27px}.power-track{height:3px;margin-top:5px}}
@media(max-height:330px) and (orientation:landscape){.power-status{top:9px;padding:5px 8px}.power-row{padding:4px 0;grid-template-columns:23px minmax(0,1fr) auto}.power-icon{width:23px;height:23px}.power-time{font-size:24px}.power-kicker{font-size:9px}.power-copy strong{font-size:10px}}
@media(orientation:portrait) and (max-width:800px){.power-status{width:58%;left:10px}.boss-status{top:88px}}

@media(max-height:330px) and (orientation:landscape){.power-status[data-count="4"]{padding:4px 8px}.power-status[data-count="4"] .power-row{padding:2px 0;grid-template-columns:21px minmax(0,1fr) auto}.power-status[data-count="4"] .power-icon{width:21px;height:21px}.power-status[data-count="4"] .power-time{font-size:21px}.power-status[data-count="4"] .power-copy strong{font-size:9px}.power-status[data-count="4"] .power-track{margin-top:3px}}
.touch-controls .fire-symbol{font-size:30px;line-height:1;margin-top:0}

.menu-panel h1{margin-bottom:32px}.action-icon{display:block;width:48px;height:48px;filter:drop-shadow(2px 3px 0 #160c0880)}.touch-controls .pizza-icon{width:56px;height:56px}.ending-skip{position:absolute;right:max(20px,env(safe-area-inset-right));bottom:15px;z-index:6;padding:10px 14px;border:2px solid #bc8850;background:#22150ee8;color:#ffe0a1;font:700 12px var(--mono);letter-spacing:1px}.ending-skip:hover{background:#51321c}@media(max-height:330px) and (orientation:landscape){.menu-panel h1{margin-bottom:24px}.touch-controls .action-icon{width:44px;height:44px}.touch-controls .pizza-icon{width:51px;height:51px}.ending-skip{bottom:8px;padding:8px 12px;font-size:11px}}

/* Touch gestures control the arcade instead of selecting its labels and artwork. */
html,body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
canvas,img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none}
canvas,.touch-controls{touch-action:none}
input,textarea,[contenteditable="true"]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}