:root{color-scheme:dark;--ink:#101714;--panel:#17211b;--chalk:#f5f0ce;--apple:#b4e455;--orange:#f18b4c;--muted:#8c9b85;--line:#303c31;--mono:'Courier New',Courier,monospace;--body:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--chalk);font-family:var(--body);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--orange);outline-offset:5px}button{touch-action:manipulation}button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:square;stroke-linejoin:miter}button:hover{color:var(--chalk)}[hidden]{display:none!important}a{color:inherit;text-decoration:none}kbd{font:10px var(--mono);letter-spacing:.2px;background:#283129;border:1px solid #43503f;border-bottom-width:2px;border-radius:3px;padding:3px 5px;white-space:nowrap}
.site-header{max-width:1280px;margin:auto;height:87px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid #2b352b}.brand{display:flex;align-items:center;gap:11px;font:700 16px var(--mono);letter-spacing:-.4px}.brand img{image-rendering:pixelated}.brand-dot{font-size:9px;vertical-align:super;margin-left:3px;color:var(--muted)}.header-motto{font:9px var(--mono);letter-spacing:1.15px;color:#71806f;margin-left:38px}.site-header nav{display:flex;align-items:center;gap:25px}.nav-button,.sound-button{background:none;display:flex;align-items:center;gap:8px;font-size:12px;color:#b9c0ad;padding:9px 0;transition:color .15s}.nav-divider{height:17px;width:1px;background:var(--line)}.sound-button{font-size:11px;gap:9px}.sound-button svg{width:16px}.sound-button[aria-pressed=true] svg{opacity:.4}
main{max-width:1200px;margin:0 auto;padding:31px 40px 0}.above-cabinet{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font:9px var(--mono);letter-spacing:1.35px;color:var(--muted)}.above-cabinet>span:first-child{display:flex;align-items:center;gap:8px}.live-dot{display:inline-block;width:5px;height:5px;background:var(--apple);box-shadow:0 0 8px #b4e45525}.edition{font-size:8px;color:#71806f;letter-spacing:1.1px}.edition span{color:#4a5946;margin:0 10px}.cabinet{border:1px solid #46513b;border-radius:9px;overflow:hidden;background:#131d16;box-shadow:0 15px 55px #0003,0 0 0 5px #161e17}.cabinet-bar{height:41px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#20291f;border-bottom:1px solid #34412c;font:9px var(--mono);letter-spacing:1px}.cabinet-status{display:flex;align-items:center;gap:9px;min-width:210px}.status-light{width:5px;height:5px;border-radius:50%;background:var(--apple);box-shadow:0 0 7px #b4e45530}.cabinet-high{font-size:9px;color:#8a9780;display:flex;gap:13px;align-items:center}.cabinet-high strong{color:#d8dfb9;font-size:12px;font-weight:400;letter-spacing:2px}.cabinet-tools{display:flex;justify-content:flex-end;gap:12px;min-width:210px}.cabinet-tools button{width:23px;height:25px;padding:3px;background:none;color:#a4b095}.cabinet-tools svg{width:15px;height:15px}.screen{position:relative;isolation:isolate;background:#111b14;aspect-ratio:1100/540;overflow:hidden}#title-art{position:absolute;width:100%;height:100%;display:block;image-rendering:pixelated}.title-content{position:absolute;z-index:2;left:5.2%;top:9.6%;width:48%}.title-eyebrow{display:flex;align-items:center;gap:9px;font:9px var(--mono);letter-spacing:2px;color:#b4c099;margin-bottom:24px}.title-content h1{margin:0 0 15px;line-height:0}.title-content h1 img{width:80%;max-width:422px;height:auto;filter:drop-shadow(4px 5px 0 #0003)}.subtitle{font-family:Georgia,'Times New Roman',serif;font-size:28px;font-style:italic;letter-spacing:-.6px;margin:17px 0 14px;color:#f0ead0}.title-description{font-size:12px;line-height:1.9;color:#a2ae97;margin:0 0 24px}.play-row{display:flex;align-items:center;gap:22px}.primary-button{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--orange);border:1px solid #ffac73;border-bottom:4px solid #bd6034;border-radius:3px;color:#222319;padding:16px 23px 14px;font:700 13px var(--mono);letter-spacing:1px;box-shadow:0 3px 0 #090e0a;transition:transform .15s,background .15s,box-shadow .15s}.primary-button:hover{color:#171d13;background:#ffa264;transform:translateY(-2px);box-shadow:0 5px 0 #090e0a}.primary-button:active{transform:translateY(1px);box-shadow:0 1px 0 #090e0a}.play-button{min-width:196px;justify-content:flex-start;gap:16px;font-size:17px;letter-spacing:2px}.button-arrow{margin-left:auto;font-size:20px;font-weight:400}.enter-hint{font:10px var(--mono);color:#819078;white-space:nowrap}.enter-hint kbd{font-size:9px;padding:4px 6px;margin-left:3px;color:#b8c6a2}.continue-button{margin-top:14px;background:none;color:#a9b790;font:10px var(--mono);padding:3px 0}.continue-button span{margin-left:7px;color:var(--apple)}.hero-caption{position:absolute;right:4.3%;top:7%;font:10px/1.6 var(--mono);letter-spacing:1.5px;color:#a0b284;transform:rotate(6deg);text-align:right}.hero-caption strong{font-weight:400;color:var(--apple)}.cabinet-bottom{height:49px;background:#1a241a;border-top:1px solid #35412c;display:flex;align-items:center;justify-content:space-between;padding:0 22px}.level-track{display:flex;align-items:center;gap:16px;font:9px var(--mono);letter-spacing:.9px;color:#6e7a64}.level-track>span{display:flex;align-items:center;gap:7px;white-space:nowrap}.level-track b{font-weight:400;font-size:8px;border:1px solid #44503b;padding:3px 4px;color:#859371}.level-track .track-active{color:#cdd9ab}.level-track .track-active b{color:#192016;background:var(--apple);border-color:var(--apple)}.level-track>i{height:1px;width:25px;background:#46503d}.cabinet-label{font:8px var(--mono);letter-spacing:1.1px;color:#829172;display:flex;gap:7px;align-items:center}.cabinet-label i{width:4px;height:4px;background:#748a54}.field-guide{display:grid;grid-template-columns:1fr 1.1fr 1.15fr;padding:33px 0 27px;gap:22px;border-bottom:1px solid #2b352b}.guide-item{display:flex;align-items:center;gap:15px}.guide-item+.guide-item{padding-left:22px;border-left:1px solid #2b352b}.guide-icon{width:38px;height:38px;flex-shrink:0;display:grid;place-items:center;color:#a7b990}.guide-item h3{font-size:12px;font-weight:500;letter-spacing:.05px;margin:0 0 10px;color:#d0d6bc}.guide-item p{margin:0;font-size:10px;line-height:1.6;color:#83927a}.guide-item kbd{font-size:8px;padding:2px 4px;margin:0 2px}.school-note{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font:8px var(--mono);letter-spacing:.9px;color:#6e7e68}.school-note button{background:none;padding:3px 0;font:10px var(--mono);letter-spacing:0;color:#a5b18f}.school-note button span{color:#d1d8bc;margin-left:10px}.site-footer{max-width:1200px;margin:36px auto 0;padding:0 40px 24px;display:flex;align-items:center;justify-content:space-between;font:7px var(--mono);letter-spacing:1px;color:#56644f;gap:18px}.desktop-note{display:flex;align-items:center;gap:6px}.desktop-note i{height:4px;width:4px;border:1px solid #748263}
.screen.is-playing{aspect-ratio:auto}.game-view{position:relative}.hud{display:flex;justify-content:space-between;gap:12px;padding:15px 26px 12px;border-bottom:1px solid #35432f;background:#142017}.hud>div{display:flex;flex-direction:column;gap:7px}.hud>div>span{font:8px var(--mono);letter-spacing:1.2px;color:#819171}.hud strong{font:700 17px var(--mono);letter-spacing:1px;color:#e5e8c7}.hud .hud-small{font-size:11px;color:#6e8060;font-weight:400;letter-spacing:0}.hud .hud-score strong{color:var(--apple);letter-spacing:2px}.hud .hud-lives strong{color:var(--orange);font-size:19px;line-height:17px}.hud .hud-room{text-align:right;min-width:130px}.hud .hud-room strong{font-size:14px;letter-spacing:0;font-weight:400}#game-canvas{display:block;width:100%;height:auto;outline:none;image-rendering:pixelated}.game-tip{display:flex;justify-content:space-between;align-items:center;min-height:32px;padding:7px 20px;background:#142017;border-top:1px solid #2e3c29;font:9px var(--mono);letter-spacing:.5px;color:#bdd39d}.game-tip #effect-text{color:#a9dceb}.game-bottom-controls{display:flex;gap:20px;align-items:center;font:8px var(--mono);color:#96a181}.game-bottom-controls>span{display:flex;align-items:center;gap:7px}.game-bottom-controls kbd{font-size:8px;padding:3px 5px}.game-overlay{position:absolute;inset:0;display:grid;place-items:center;z-index:9;background:#0a120dd9;backdrop-filter:blur(3px);padding:20px}.overlay-card{text-align:center;max-width:470px;width:100%;padding:30px}.overlay-eyebrow{font:9px var(--mono);letter-spacing:2px;color:#9eb27f}.overlay-icon{color:var(--apple);font:700 46px var(--mono);margin:25px 0 14px}.overlay-card h2{font:900 39px var(--mono);letter-spacing:-2px;margin:0 0 14px;color:var(--chalk);text-shadow:3px 3px #36502b}.overlay-card>p{font-size:13px;color:#9cab8d;line-height:1.8;margin:0 0 26px}.overlay-card .primary-button{margin:0 auto;min-width:220px}.overlay-secondary{display:flex;justify-content:center;gap:26px;margin-top:24px}.overlay-secondary button{font:10px var(--mono);background:none;color:#8e9f7d}.result-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:0 0 25px;padding:20px 0;border-top:1px solid #35432f;border-bottom:1px solid #35432f}.result-stats>div{display:flex;flex-direction:column;gap:10px}.result-stats span{font:8px var(--mono);letter-spacing:1px;color:#819171}.result-stats strong{font:18px var(--mono);color:var(--apple)}.cabinet:fullscreen{height:100vh;max-width:100vw;border-radius:0;border:0;display:flex;flex-direction:column;justify-content:center;background:#101714}.cabinet:fullscreen .screen{flex:0 1 auto;min-height:0;max-height:calc(100vh - 90px);aspect-ratio:auto;width:100%;height:calc(100vh - 90px)}.cabinet:fullscreen .title-content{max-width:600px;left:12%}.cabinet:fullscreen .game-view{height:100%;display:flex;flex-direction:column}.cabinet:fullscreen #game-canvas{height:calc(100% - 98px);width:100%;object-fit:contain}.cabinet:fullscreen .hud,.cabinet:fullscreen .game-tip{flex-shrink:0}.cabinet:fullscreen .cabinet-bar,.cabinet:fullscreen .cabinet-bottom{flex-shrink:0}
.modal{color:var(--chalk);background:#1b271e;border:1px solid #576444;border-radius:7px;width:610px;max-width:calc(100% - 32px);padding:28px 32px;box-shadow:0 30px 100px #0008;max-height:90vh;overflow-y:auto}.modal::backdrop{background:#070d0bc9;backdrop-filter:blur(6px)}.modal-top{display:flex;align-items:center;justify-content:space-between;font:9px var(--mono);letter-spacing:1.3px;color:#9daf86;margin-bottom:22px}.close-button{font-size:27px;background:none;color:#b6c09e;width:25px;height:26px;line-height:1}.modal h2{font:italic 32px Georgia,serif;margin:0 0 12px;letter-spacing:-.7px}.modal-intro{color:#a0ad92;font-size:12px;line-height:1.8;margin:0 0 24px}.help-controls{display:grid;grid-template-columns:1fr 1fr;gap:15px;background:#142017;border:1px solid #33402c;padding:19px 16px;margin-bottom:23px}.help-controls>div{display:flex;align-items:center;gap:12px}.help-controls kbd{min-width:57px;text-align:center;font-size:10px;padding:6px}.help-controls span{font-size:10px;color:#a9b699}.guide-tabs{display:flex;gap:25px;border-bottom:1px solid #3b4932}.guide-tabs button{background:none;padding:10px 0 13px;color:#829473;font:11px var(--mono);border-bottom:2px solid transparent}.guide-tabs button[aria-selected=true]{color:var(--apple);border-bottom-color:var(--apple)}.guide-body{font-size:12px;line-height:1.9;color:#a5b198;margin:19px 0}.guide-body strong{font-weight:400;color:#dbe5c5}.surface-list{display:grid;grid-template-columns:1fr 1fr;gap:17px 25px;margin:24px 0}.surface-list>div{display:flex;align-items:center;gap:10px}.surface-list strong{display:block;font-size:11px;font-weight:400;color:#dae0c6}.surface-list small{display:block;font-size:9px;color:#94a282;margin-top:5px}.surface-list b{font:7px var(--mono);letter-spacing:.2px;color:#a8bf80;margin-left:auto}.scoring-strip{background:#24331f;border:1px dashed #485d33;padding:15px;display:flex;justify-content:space-between;margin:22px 0}.scoring-strip span{font:8px var(--mono);color:#a6b891;display:flex;gap:8px;align-items:center}.scoring-strip b{font-size:13px;color:var(--apple)}.modal-done{width:100%;font-size:11px;padding-top:13px;padding-bottom:12px;margin-top:24px}.extras-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:22px}.extras-grid h3{font:12px var(--mono);color:#dbe5c5}.extras-grid p{font-size:11px;line-height:2.2;color:#9cac8c}.extras-grid strong{color:#cad7b8;font-weight:400}.scores-modal{text-align:center}.scores-modal table{width:100%;border-collapse:collapse;text-align:left;margin:25px 0}.scores-modal th{font:9px var(--mono);color:#9aac85;padding:10px 8px;border-bottom:1px solid #50603f}.scores-modal td{padding:14px 8px;font:11px var(--mono);border-bottom:1px solid #2e3e29;color:#cdd9ba}.scores-modal td:nth-child(2){color:var(--apple)}.scores-empty{padding:28px 20px;border:1px dashed #475b38;color:#a7b990;font-size:13px;line-height:1.9;background:#172218}.scores-empty strong{display:block;color:#e0e5c8;font:16px var(--mono);margin-bottom:10px}.storage-note{font:9px/1.8 var(--mono);color:#819674}.level-options{display:flex;flex-direction:column;gap:10px}.level-options button{display:flex;align-items:center;gap:18px;text-align:left;padding:20px;background:#24351f;border:1px solid #4d6239;border-radius:3px}.level-options b{font:20px var(--mono);color:var(--apple)}.level-options strong{font:15px var(--mono);display:block;margin-bottom:7px}.level-options small{font-size:11px;color:#9aaa8a}.level-options .level-lock{margin-left:auto;color:var(--apple);font:10px var(--mono)}.level-options button:disabled{opacity:.45}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);background:#2c3d24;border:1px solid #748951;border-radius:4px;padding:14px 23px;box-shadow:0 6px 30px #0008;font:11px/1.8 var(--mono);color:#e2e8c9;z-index:30}.noscript{position:fixed;inset:30%;padding:40px;background:#1b271e;border:1px solid #b4e455;z-index:100}
@media(min-width:1500px){main{padding-top:43px}.site-header{height:96px}.site-footer{margin-top:46px}}
@media(max-width:1100px){.header-motto{display:none}.title-content{top:8%}.title-eyebrow{margin-bottom:16px;font-size:8px}.title-content h1 img{width:78%}.subtitle{font-size:25px;margin:12px 0 10px}.title-description{font-size:11px;margin-bottom:17px}.play-button{min-width:174px;font-size:15px;padding:12px 18px 10px}.enter-hint{font-size:9px}.field-guide{gap:15px}.guide-item+.guide-item{padding-left:15px}.guide-item{gap:10px}.guide-item h3{font-size:11px}.guide-item p{font-size:9px}.guide-icon{width:30px}.edition{font-size:7px;letter-spacing:.5px}.cabinet-label{font-size:7px}.site-footer{font-size:6px;letter-spacing:.7px}}
@media(max-width:800px){.site-header{height:73px;padding:0 24px}.site-header nav{gap:19px}.nav-button{font-size:11px}.sound-button span{display:none}main{padding:25px 24px 0}.above-cabinet{font-size:8px;letter-spacing:.8px}.edition{display:none}.screen{aspect-ratio:1100/590}.title-content{top:10%;left:5%;width:52%}.title-eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:14px}.title-content h1 img{width:86%}.subtitle{font-size:22px;margin-top:12px}.title-description{font-size:10px;margin-bottom:14px}.play-row{gap:12px}.play-button{min-width:145px;font-size:14px;padding:11px 15px 9px;gap:10px}.enter-hint{font-size:8px}.enter-hint kbd{font-size:8px;padding:3px}.hero-caption{font-size:8px}.cabinet-bar{padding:0 13px}.cabinet-status{min-width:150px;font-size:8px}.cabinet-tools{min-width:150px}.cabinet-high{font-size:8px;gap:8px}.cabinet-high strong{font-size:10px}.cabinet-bottom{padding:0 14px;height:43px}.level-track{gap:9px;font-size:7px;letter-spacing:.3px}.level-track>i{width:15px}.cabinet-label{display:none}.field-guide{grid-template-columns:1fr;gap:17px;padding:24px 0}.guide-item+.guide-item{border-left:0;padding-left:0}.guide-item{gap:15px}.guide-item h3{font-size:12px;margin-bottom:7px}.guide-item p{font-size:10px}.guide-icon{width:33px}.school-note>span{font-size:7px;letter-spacing:.1px}.site-footer{margin-top:27px;padding:0 24px 20px;font-size:7px}.site-footer>span:nth-child(2){display:none}.hud{padding:12px 15px;gap:10px}.hud>div>span{font-size:7px;letter-spacing:.5px}.hud strong{font-size:14px}.hud .hud-room{min-width:80px}.hud .hud-room strong{font-size:11px}.game-tip{font-size:8px;padding:8px 12px}.game-bottom-controls{gap:18px}.overlay-card{padding:12px}.overlay-icon{margin:12px 0;font-size:30px}.overlay-card h2{font-size:32px}.overlay-card>p{margin-bottom:18px}.result-stats{padding:13px 0;margin-bottom:18px}}
@media(max-width:560px){.site-header{padding:0 18px;height:66px}.brand{font-size:13px;gap:8px}.brand img{width:25px;height:25px}.site-header nav{gap:15px}.nav-button{font-size:10px}.nav-button svg,.nav-divider{display:none}.nav-button:first-child{display:none}main{padding:22px 16px 0}.above-cabinet{font-size:7px}.cabinet-bar{height:36px}.cabinet-status{min-width:0;font-size:7px;letter-spacing:.5px}.cabinet-tools{min-width:25px;gap:7px}.cabinet-high{font-size:7px;gap:6px;letter-spacing:.3px}.cabinet-high strong{font-size:9px;letter-spacing:1px}.screen{aspect-ratio:auto;height:570px}#title-art{width:690px;height:340px;left:calc(50% - 490px);top:240px;opacity:.8}.title-content{top:30px;left:27px;width:calc(100% - 48px)}.title-content h1 img{max-width:275px;width:78%}.title-eyebrow{font-size:8px;margin-bottom:19px}.subtitle{font-size:24px;margin:15px 0 12px}.title-description{font-size:11px}.play-row{gap:17px;margin-top:20px}.play-button{min-width:165px;padding:14px 18px 12px;font-size:15px}.enter-hint{font-size:9px}.hero-caption{top:auto;bottom:26px;left:25px;right:auto;text-align:left;font-size:8px;transform:rotate(-5deg)}.cabinet-bottom{height:42px}.level-track{gap:8px;font-size:7px}.level-track>i{width:9px}.level-track b{font-size:7px;padding:2px 3px}.screen.is-playing{height:auto}.hud{padding:12px 10px;flex-wrap:wrap;row-gap:12px}.hud>div{gap:5px}.hud>div>span{font-size:6px}.hud strong{font-size:12px}.hud .hud-room{display:none}.hud .hud-lives strong{font-size:14px;line-height:13px}.hud .hud-small{font-size:8px}.game-tip{font-size:7px;min-height:35px;line-height:1.6;gap:10px}.game-bottom-controls{gap:9px;font-size:6px;flex-wrap:wrap}.game-bottom-controls kbd{font-size:6px}.game-bottom-controls>span{gap:4px}.school-note{gap:20px;line-height:1.7}.school-note>span{max-width:175px}.school-note button{font-size:9px;white-space:nowrap}.site-footer{padding:0 16px 18px;font-size:6px;letter-spacing:.4px}.modal{padding:22px 20px;max-height:92vh}.modal h2{font-size:28px}.modal-top{font-size:8px}.help-controls{padding:13px 10px;gap:12px}.help-controls>div{gap:7px}.help-controls kbd{min-width:47px;font-size:8px}.help-controls span{font-size:8px}.surface-list{gap:15px}.surface-list>div{gap:7px}.surface-list strong{font-size:10px}.surface-list small{font-size:8px}.surface-list b{display:none}.scoring-strip{padding:13px 9px}.scoring-strip span{font-size:7px;gap:5px}.scoring-strip b{font-size:12px}.extras-grid{gap:15px}.extras-grid p{font-size:10px}.game-overlay{padding:8px}.overlay-card{padding:5px}.overlay-eyebrow{font-size:7px}.overlay-icon{font-size:22px;margin:5px 0}.overlay-card h2{font-size:26px;margin-bottom:7px}.overlay-card>p{font-size:10px;margin-bottom:12px}.overlay-card .primary-button{padding:10px 15px 8px;font-size:10px;min-width:175px}.overlay-secondary{margin-top:12px;gap:18px}.overlay-secondary button{font-size:8px}.result-stats{margin-bottom:12px;padding:9px 0;gap:8px}.result-stats strong{font-size:13px}.result-stats span{font-size:6px}.result-stats>div{gap:5px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* The authored raster set supplies every illustration, interface panel and decorative icon. */
#title-art{object-fit:cover;object-position:center 46%;image-rendering:auto}
.title-content h1 img{filter:none;image-rendering:auto;width:88%;max-width:422px}
.cabinet{border:6px solid transparent;border-image:url('../public/assets/runtime/hud-panel.png') 28 fill / 6px / 0 stretch;border-radius:2px;box-shadow:0 14px 55px #0005}
.cabinet-bar,.cabinet-bottom,.hud,.game-tip{background-image:url('../public/assets/runtime/hud-panel.png');background-size:100% 100%;border:0}
.cabinet-bar{height:42px}.cabinet-bottom{height:48px}.cabinet-high strong{color:#e4dba8}.cabinet-label{color:#9caa83}
.primary-button{background:transparent url('../public/assets/runtime/button-orange.png') center/100% 100% no-repeat;border:0;box-shadow:none;border-radius:0;color:#201c11;padding-top:17px;padding-bottom:18px;text-shadow:0 1px #f9c16a}
.primary-button:hover{background:transparent url('../public/assets/runtime/button-orange.png') center/100% 100% no-repeat;filter:brightness(1.1);box-shadow:none;color:#201c11;transform:translateY(-2px)}
.primary-button:active{transform:translateY(1px);box-shadow:none}.primary-button:disabled{opacity:.65;filter:grayscale(.35);transform:none}
.modal,.overlay-card{background:transparent;border:14px solid transparent;border-image:url('../public/assets/runtime/hud-panel.png') 30 fill / 14px / 0 stretch;border-radius:0}
.modal{padding:23px 26px}.overlay-card{max-width:490px;padding:27px 25px}.overlay-icon{margin:10px 0 14px;height:53px}.overlay-icon img{width:56px;height:56px;image-rendering:pixelated}.overlay-card h2{font-size:34px;letter-spacing:-1.6px}
.hud-lives strong{display:flex;align-items:center;gap:3px;height:20px}.hud-lives img{width:20px;height:20px;image-rendering:pixelated}.guide-icon img,.surface-image{object-fit:contain;image-rendering:pixelated;flex-shrink:0}.trophy-image{display:block;margin:3px auto 18px;image-rendering:pixelated}.guide-icon{width:38px;height:38px}.guide-item h3{color:#dbddc0}
.help-controls,.scoring-strip,.scores-empty,.level-options button{background-image:url('../public/assets/runtime/hud-panel.png');background-size:100% 100%;border:0}
.hero-caption{background:none;text-shadow:1px 1px #111;right:3%;top:7%;font-size:9px}
.hud{padding-top:17px;padding-bottom:15px}.game-tip{min-height:34px}
@media(min-width:801px){.title-content{top:10.5%;left:4.8%}.title-description{color:#b5b89f}.title-eyebrow{color:#c9c8a8}}
@media(max-width:560px){#title-art{object-fit:contain;object-position:center;width:660px;height:440px;left:calc(50% - 490px);top:190px}.title-content h1 img{width:82%;max-width:288px}.title-content{top:30px}.title-description{max-width:250px}.hero-caption{top:auto;bottom:22px;left:24px}.cabinet{border-width:4px}.modal{padding:17px 16px}.overlay-card{padding:14px 8px;border-width:8px}.overlay-card h2{font-size:24px}.overlay-icon{height:28px;margin:0 0 8px}.overlay-icon img{width:32px;height:32px}.hud-lives img{width:15px;height:15px}.primary-button{padding-top:15px;padding-bottom:15px}.hud{padding:13px 10px}.cabinet-bottom{height:44px}}
@media(min-width:801px){.screen.is-playing #game-canvas{max-height:calc(100vh - 360px);min-height:340px;object-fit:contain;background:#101714}.hud>div>span{font-size:10px}.hud strong{font-size:20px}.cabinet-status{font-size:10px}.cabinet-high{font-size:10px}.cabinet-high strong{font-size:13px}.game-tip{font-size:11px}.game-bottom-controls{font-size:9px}.game-bottom-controls kbd{font-size:9px}.cabinet-bottom:has(.game-bottom-controls:not([hidden])) .level-track{display:none}.cabinet-bottom:has(.game-bottom-controls:not([hidden])) .game-bottom-controls{margin-right:auto}.title-eyebrow{font-size:10px}.above-cabinet{font-size:10px}.site-header .nav-button{font-size:13px}}
.cabinet:fullscreen .screen.is-playing #game-canvas{max-height:none;min-height:0}