@font-face{font-family:Trebuchet;src:url('/assets/trebuc.ttf') format('truetype');font-display:swap}
/* Positions are in the original 640 × 480 menu coordinate system. */
#overlay.menu-overlay{background:transparent}
#overlay.pause-overlay{background:transparent}
#pause-panel,#resume{position:absolute;inset:0}
#resume{width:100%;height:100%;border:0;border-radius:0;background:none;box-shadow:none;transform:none;outline-offset:-3px}
#pause-actions{justify-content:center;margin-top:12px}
.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}
.original-menu{position:absolute;inset:0;color:white}
.menu-subtitle{position:absolute;left:2.2%;top:8.75%;margin:0;font-size:2.97cqw;font-style:italic}
.original-actions{position:absolute;left:70%;top:53.54%;display:flex;flex-direction:column;gap:0;align-items:flex-start}
.original-actions button{position:relative;font-family:Trebuchet,sans-serif;font-weight:bold;font-size:4.375cqw;line-height:1.553571;color:white;padding:0;border:0;border-radius:0;background:none;box-shadow:none;white-space:nowrap;text-align:left}
.original-actions button:hover,.original-actions button:focus{filter:none;color:white}
.original-actions button{line-height:1.553571}
#main-menu button:focus-visible{outline:none}#main-menu button:active{transform:none}
#main-cursor{position:absolute;width:4.375%;height:5.833333%;background:url('/assets/options-cursor.png') center/100% 100%;pointer-events:none;image-rendering:pixelated}
.version{position:absolute;bottom:.7%;left:.3%;font:1.7cqw Arial,sans-serif}
#player-menu{position:absolute;left:12.5%;top:32.708333%;width:35.46875%;height:32.5%;background:url('/assets/player-menu.png') no-repeat center/100% 100%;padding:0;image-rendering:pixelated}
#player-menu button{position:absolute;left:22.026432%;top:8.333333%;width:75.770925%;height:28.205128%;padding:0;border:0;box-shadow:none;background:none;color:transparent}
#player-menu button:nth-child(2){top:36.538462%}#player-menu button:nth-child(3){top:64.74359%}
#bindings button{font-size:inherit;padding:2px 8px;min-width:65px}
.room-field{display:block;margin:15px 0 8px}.room-field input{display:block;width:100%;font:inherit;margin-top:5px;padding:8px;background:#102034;color:white;border:1px solid #879ba9;border-radius:3px}#online-status{min-height:1.5em;color:#e8dcb6}
:root{color-scheme:dark;font-family:Trebuchet,'Trebuchet MS',sans-serif;color:#e5ebef;background:#151c24}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 38%,#334553 0,#19242e 55%,#11171e 100%)}
main{width:min(100% - 40px,960px);margin:22px auto}header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:12px;letter-spacing:1.2px}header strong{font-size:13px}header small{margin-left:15px;color:#8a9eae;font-size:10px;letter-spacing:1px;text-transform:uppercase}nav{display:flex;gap:6px}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #677684;background:linear-gradient(#5a6c7e,#344454);padding:9px 15px;border-radius:3px;box-shadow:inset 0 1px 0 #ffffff25;transition:filter .1s}button:hover{filter:brightness(1.2)}button:active{transform:translateY(1px)}button:focus-visible,canvas:focus-visible{outline:2px solid #e9cf8a;outline-offset:3px}nav button{font-size:11px;background:#25313d;border-color:#435262;padding:7px 11px}
#stage{position:relative;width:100%;aspect-ratio:4/3;background:#000;box-shadow:0 16px 60px #0007;border:1px solid #536574;overflow:hidden;container-type:inline-size}canvas{display:block;width:100%;height:100%;image-rendering:pixelated;outline:none}#game-screen{width:100%}#game-screen:fullscreen{display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden}#game-screen:fullscreen #stage{flex:none;width:min(100vw,calc(100vh * 4 / 3));height:min(100vh,75vw);margin:0;border:0}#game-screen::backdrop{background:#000}
#overlay{position:absolute;inset:0;display:grid;place-items:center;background:#101d2c45}#overlay[hidden],[hidden]{display:none!important}.menu{text-align:center;width:85%;text-shadow:0 2px 2px #162031}h1{font-size:clamp(14px,3.6cqw,38px);font-style:italic;line-height:.85;letter-spacing:2px;margin:20px 0 16px}h1 b{display:block;font-size:clamp(28px,7.5cqw,80px);line-height:1.15;letter-spacing:-2px;color:#dce9f4;text-shadow:2px 3px 0 #263b50,4px 5px 0 #102130,0 0 30px #d9eeff35}.eyebrow{font-size:clamp(8px,1.4cqw,14px);letter-spacing:4px;color:#d6e2ec;margin:0}.tagline{font-size:clamp(11px,1.7cqw,18px);margin:0 0 26px;color:#ecf3f8;font-style:italic}.menu-actions{display:grid;width:clamp(160px,31cqw,300px);gap:8px;margin:auto}.menu-actions button{font-size:clamp(12px,2cqw,20px);padding:9px;background:linear-gradient(#e0e7ed,#95a9bd);color:#142230;border-color:#eef7ff;box-shadow:0 3px 0 #203447,inset 0 0 0 2px #bac9d5;font-weight:bold}.menu-credit{font-size:clamp(8px,1.25cqw,12px);color:#ced8e0;margin-top:26px}.panel{width:80%;max-height:94%;overflow:auto;padding:clamp(12px,3cqw,30px);background:#1b2b3def;border:2px solid #a3b8cc;box-shadow:0 8px 35px #0006;font-size:clamp(10px,1.65cqw,16px);line-height:1.5}.panel h2{font-size:clamp(18px,3.3cqw,32px);margin:0 0 12px;font-style:italic}.panel p{margin:10px 0}.panel table{width:100%;border-collapse:collapse;text-align:left;background:#10203465}.panel td,.panel th{padding:5px 8px;border-bottom:1px solid #69809555}.panel th{color:#c4d9ed}.hint{color:#b2c2d0;font-size:.88em}.panel.compact{width:55%;text-align:center}.compact button{display:block;width:100%;margin-top:10px}.compact h2{margin-bottom:10px}#result-stats{display:flex;justify-content:center;gap:25px;margin:20px 0}#result-stats strong{display:block;font-size:1.5em}#result-stats small{color:#b2c2d0}#score-list{padding-left:30px}#score-list li{padding:8px 0;border-bottom:1px solid #6c809b55}#score-list li span{float:right}progress{width:40%;accent-color:#bfd9eb}#announcement{position:absolute;bottom:12%;left:20%;right:20%;text-align:center;font-size:clamp(10px,1.8cqw,18px);color:#fff;text-shadow:0 1px 3px #000;pointer-events:none}
footer{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.6px;margin-top:12px;color:#b0c0cb}footer i{font-style:normal;color:#748c9e;text-transform:none}footer button{background:none;border:none;box-shadow:none;padding:4px 0;color:#a3b6c6;font-size:11px}.credits{text-align:center;font-size:10px;color:#718595;margin:22px 0 0}.credits a{color:#8fa7b8;text-decoration:none}.credits a:hover{text-decoration:underline}#touch-controls{display:none;justify-content:space-between;align-items:center;margin-top:12px;gap:8px;touch-action:none;user-select:none}#touch-controls button{padding:12px;font-size:13px}#touch-controls>div{display:flex;gap:5px}.fire{background:#854330;border-color:#bc735d;min-width:65px}
@media(pointer:coarse){#touch-controls{display:flex}footer>span{display:none}}@media(max-width:650px){main{width:calc(100% - 16px);margin:12px auto}header small{display:none}header{font-size:10px;letter-spacing:.5px}header strong{font-size:11px}nav button{font-size:10px;padding:6px}footer{font-size:8px;letter-spacing:0}.tagline{margin-bottom:14px}.menu-actions{gap:5px}.menu-actions button{padding:6px}.menu-credit{margin-top:14px}.panel{width:92%}.panel.compact{width:70%}.credits{line-height:1.6;margin-top:15px}}

.display-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.display-options fieldset{min-width:0;border:1px solid #698095;padding:8px}.display-options label{display:block}.display-options input{vertical-align:middle}
#options-panel .menu-subtitle{left:1.40625%}
#options-art{position:absolute;left:4.375%;top:21.666667%;width:53.28125%;height:71.041667%;background:url('/assets/options-controls.png') center/100% 100%}
#options-art[data-section="2"]{background-image:url('/assets/options-game.png')}#options-art[data-section="3"]{background-image:url('/assets/stats-panel.png')}#options-art[data-section="4"]{display:none}
.options-tabs{position:absolute;left:70.3125%;top:53.333333%;display:flex;flex-direction:column;gap:0;align-items:flex-start}
.options-tabs button{font:bold 5.46875cqw/1.242857 Trebuchet,sans-serif;color:white;padding:0;border:0;border-radius:0;background:none;box-shadow:none;white-space:nowrap;text-align:left}
#options-panel button:active{transform:none}#options-panel button:focus-visible,#options-panel input:focus-visible,#options-panel select:focus-visible{outline:none}
.option-control{position:absolute;left:calc(var(--x)*100%/640);top:calc(var(--y)*100%/480);width:calc(var(--w)*100%/640);height:calc(var(--h)*100%/480);margin:0;padding:0;border:0;border-radius:0;box-shadow:none;cursor:pointer}
.option-field{background:url('/assets/options-field.png') center/100% 100%;display:flex;align-items:flex-start;padding:.3125cqw;overflow:hidden;white-space:nowrap}
.option-glyph{flex:none;width:1.25cqw;height:2.65625cqw;background:url('/assets/options-font.png') no-repeat;background-size:40cqw 18.59375cqw;background-position:calc(var(--col)*-1.25cqw) calc(var(--row)*-2.65625cqw);image-rendering:pixelated}
.option-toggle{appearance:none;background:url('/assets/options-off.png') center/100% 100%}.option-toggle:checked{background-image:url('/assets/options-on.png')}.option-toggle.yes-no{background-image:url('/assets/options-no.png')}.option-toggle.yes-no:checked{background-image:url('/assets/options-yes.png')}
.option-back{background:none;color:transparent}.option-volume{opacity:0}#volume-thumb{background:url('/assets/options-volume.png') center/100% 100%;pointer-events:none}
#blood-level{appearance:none;color:transparent;background:url('/assets/options-high.png') center/100% 100%}#blood-level option{color:white;background:#17252b}#blood-level[data-level="0"]{background-image:url('/assets/options-none.png')}#blood-level[data-level="1"]{background-image:url('/assets/options-low.png')}#blood-level[data-level="3"]{background-image:url('/assets/options-excessive.png')}
#options-cursor{position:absolute;width:4.375%;height:5.833333%;background:url('/assets/options-cursor.png') center/100% 100%;pointer-events:none}#options-cursor.editing{width:41.09375%;background-image:url('/assets/options-editing.png')}
#options-notes{font-size:13px;line-height:1.5;margin-top:12px}#options-notes details{color:#b2c2d0}#options-notes summary{cursor:pointer}

#options-art,#options-cursor,.option-toggle,#blood-level,#volume-thumb{image-rendering:pixelated}

#stats-panel .menu-subtitle{left:1.40625%}
#stats-art{position:absolute;left:4.375%;top:21.666667%;width:53.28125%;height:71.041667%;background:url('/assets/stats-panel.png') center/100% 100%;image-rendering:pixelated}
#career-stats{position:absolute;left:6.5625%;top:23.333333%;width:50.3125%;height:67.291667%;margin:0;white-space:pre-wrap;overflow:hidden;font:bold 3.75cqw/1.229167 Trebuchet,sans-serif;color:white}
#career-stats.extended-party{font-size:3.125cqw;line-height:1.2}
.stats-tabs{position:absolute;left:70.3125%;top:53.333333%;display:flex;flex-direction:column;gap:0;align-items:flex-start}
.stats-tabs button{font:bold 5.46875cqw/1.242857 Trebuchet,sans-serif;color:white;padding:0;border:0;border-radius:0;background:none;box-shadow:none;white-space:nowrap;text-align:left}
#stats-panel button:focus-visible{outline:none}#stats-panel button:active{transform:none}
#stats-cursor{position:absolute;width:4.375%;height:5.833333%;background:url('/assets/options-cursor.png') center/100% 100%;pointer-events:none;image-rendering:pixelated}
.stats-progress-track{position:absolute;left:31.25%;top:calc(var(--y)*100%/480);width:24.6875%;height:4.166667%;background:url('/assets/stats-progress.png') center/100% 100%;image-rendering:pixelated}
.stats-progress-bar{position:absolute;left:.632911%;top:5%;height:90%;width:calc(var(--value)*98.734177%/1000);background:white}
.stats-progress-label{position:absolute;left:32.03125%;top:calc(var(--y)*100%/480);width:23.4375%;height:4.166667%;text-align:center;font:italic bold 2.5cqw/1.25 Trebuchet,sans-serif;color:white;mix-blend-mode:difference}
#help-panel{background:url('/assets/menu.png') center/100% 100%;image-rendering:pixelated}
#help-panel .menu-subtitle{left:1.40625%}
#help-art{position:absolute;left:4.375%;top:21.666667%;width:53.28125%;height:71.041667%;background:url('/assets/stats-panel.png') center/100% 100%}
#help-text{position:absolute;left:6.5625%;top:23.958333%;width:50.3125%;height:67.291667%;margin:0;white-space:pre-wrap;overflow:hidden;font:bold 2.96875cqw/1.157895 Trebuchet,sans-serif;color:white}
#help-text.help-detail{font-size:2.5cqw;line-height:1.1875}
.help-heading{display:block;height:9.6875cqw}
#help-map{position:absolute;left:7.03125%;top:48.75%;width:48.75%;height:42.083333%;background:url('/assets/help-map.png') center/100% 100%}
.help-tabs{position:absolute;left:70.3125%;top:53.333333%;display:flex;flex-direction:column;gap:0;align-items:flex-start}
.help-tabs button{font:bold 5.46875cqw/1.242857 Trebuchet,sans-serif;color:white;padding:0;border:0;border-radius:0;background:none;box-shadow:none;white-space:nowrap;text-align:left}
#help-panel button:focus-visible{outline:none}#help-panel button:active{transform:none}
#help-cursor{position:absolute;width:4.375%;height:5.833333%;background:url('/assets/options-cursor.png') center/100% 100%;pointer-events:none;image-rendering:pixelated}
.help-icon{position:absolute;left:calc(var(--x)*100%/640);top:calc(var(--y)*100%/480);width:calc(var(--w)*100%/640);height:calc(var(--h)*100%/480);padding:0;border:0;border-radius:0;box-shadow:none;background-image:url('/assets/help-icons.png');background-size:calc(var(--atlas-w)*100cqw/640) calc(var(--atlas-h)*100cqw/640);background-position:calc(var(--sprite-x)*-100cqw/640) calc(var(--sprite-y)*-100cqw/640);background-repeat:no-repeat}
#help-notes{font-size:13px;line-height:1.5;margin-top:12px}#help-controls{margin-top:12px}#help-controls table{width:100%;text-align:left;border-collapse:collapse}#help-controls th,#help-controls td{padding:4px 8px;border-bottom:1px solid #69809555}
#scores-panel{background:url('/assets/scores-background.png') center/100% 100%;image-rendering:pixelated}
#scores-decal{position:absolute;left:0;top:0;background-size:100% 100%}
#scores-fill,#scores-frame{position:absolute;left:6.875%;top:9.166667%;width:86.25%;height:63.333333%;background-size:100% 100%;pointer-events:none}
#scores-fill{background-image:url('/assets/scores-fill.png');opacity:.5625}
#scores-frame{background-image:url('/assets/scores-frame-1.png');opacity:.53125}#scores-panel[data-table="2"] #scores-frame{background-image:url('/assets/scores-frame-2.png')}
#scores-headings{position:absolute;left:9.0625%;top:19.166667%;width:82.1875%;height:3.333333%;background:url('/assets/scores-headings.png') center/100% 100%}
#scores-panel button:active{transform:none}#scores-panel button:focus-visible{outline:none}
#scores-tracks span{position:absolute;left:66.5625%;top:calc((113 + var(--row)*21)*100%/480);width:24.6875%;height:4.166667%;background:url('/assets/stats-progress.png') center/100% 100%}
.high-score-row{position:absolute;inset:0;pointer-events:none;font:italic bold 2.5cqw/1.25 Trebuchet,sans-serif;color:white}
.high-score-name,.high-score-value,.high-score-progress{position:absolute;top:calc((113 + var(--row)*21)*100%/480);height:4.166667%;overflow:hidden;white-space:nowrap}
.high-score-name{left:8.90625%;width:38.28125%}.high-score-value{left:50.9375%;width:23.4375%}
.high-score-progress{left:67.1875%;top:calc((111 + var(--row)*21)*100%/480);width:23.4375%;text-align:center;mix-blend-mode:difference}
.high-score-bar{position:absolute;left:66.71875%;top:calc((114 + var(--row)*21)*100%/480);width:calc(var(--value)*24.375%/1000);height:3.75%;background:white}
#score-name-input{position:absolute;left:8.90625%;top:calc((113 + var(--row)*21)*100%/480);width:27.03125%;height:5%;padding:0;border:0;border-radius:0;background:transparent;color:white;caret-color:white;font:inherit;pointer-events:auto;outline:none}
#scores-last-art{position:absolute;left:3.125%;top:79.791667%;width:39.375%;height:10%}
#scores-last-art::before,#scores-last-art span{position:absolute;inset:0;background:url('/assets/scores-last-fill.png') center/100% 100%;opacity:.5625}
#scores-last-art::before{content:''}#scores-last-art span{background-image:url('/assets/scores-last-frame.png');opacity:.53125}
#scores-last{position:absolute;left:4.53125%;top:81.458333%;width:51.71875%;height:6.25%;margin:0;color:white;font:3.75cqw/1.25 Trebuchet,sans-serif;white-space:nowrap}
#scores-footer-art{position:absolute;left:60.3125%;top:92.5%;width:51.5625%;height:7.708333%}
#scores-footer-art::before,#scores-footer-art span{position:absolute;inset:0;background:url('/assets/scores-footer-fill.png') center/100% 100%;opacity:.53125}
#scores-footer-art::before{content:''}#scores-footer-art span{background-image:url('/assets/scores-footer-frame.png')}
#scores-return{position:absolute;left:63.90625%;top:94.583333%;width:35.625%;height:3.958333%;padding:0;border:0;border-radius:0;box-shadow:none;background:url('/assets/scores-prompt-return.png') center/100% 100%}
#scores-return.enter-name{left:71.40625%;width:28.125%;height:4.791667%;background-image:url('/assets/scores-prompt-enter.png')}
#score-actions{display:flex;justify-content:space-between;gap:12px;margin-top:12px;flex-wrap:wrap}#score-actions button[aria-pressed="true"]{border-color:white;color:white}
#scores-decal[data-image="0"]{background-image:url('/assets/scores-decal-0.png')}
#scores-decal[data-image="1"]{background-image:url('/assets/scores-decal-1.png')}
#scores-decal[data-image="2"]{background-image:url('/assets/scores-decal-2.png')}
#scores-decal[data-image="3"]{background-image:url('/assets/scores-decal-3.png')}
#scores-decal[data-image="4"]{background-image:url('/assets/scores-decal-4.png')}
#scores-decal[data-image="5"]{background-image:url('/assets/scores-decal-5.png')}
#scores-decal[data-image="6"]{background-image:url('/assets/scores-decal-6.png')}
#scores-decal[data-image="7"]{background-image:url('/assets/scores-decal-7.png')}
#scores-decal[data-image="8"]{background-image:url('/assets/scores-decal-8.png')}
#scores-decal[data-image="9"]{background-image:url('/assets/scores-decal-9.png')}

.quick-volume{display:flex;align-items:center;gap:6px;font-size:11px;letter-spacing:0}.quick-volume input{width:80px;accent-color:#bfd9eb}.quick-volume output{min-width:3ch}header,header nav{flex-wrap:wrap}

/* Keep the original table body; replace its two-tab silhouette with four tabs. */
#scores-fill,#scores-frame{clip-path:inset(8% 0 0)}
#score-modes{position:absolute;left:8.5%;top:9.166667%;width:83%;height:6.25%;display:flex;gap:0;z-index:1}
#score-modes button{flex:1;padding:0 0 .25cqw;border:0;border-radius:0;box-shadow:none;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 124 30' preserveAspectRatio='none'%3E%3Cpath d='M0 30L18 2H106L124 30' fill='%233c4245' fill-opacity='.85' stroke='%23232323' stroke-width='4'/%3E%3C/svg%3E") center/100% 100% no-repeat;color:#aeb3b5;font:italic bold 2.5cqw/1.2 Trebuchet,sans-serif;white-space:nowrap}
#score-modes button[aria-pressed="true"]{color:white;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 124 30' preserveAspectRatio='none'%3E%3Cpath d='M0 30L18 2H106L124 30' fill='%235b6266' fill-opacity='.9' stroke='%23232323' stroke-width='4'/%3E%3C/svg%3E")}
#score-modes button:focus-visible{outline:2px solid white;outline-offset:-4px}

/* Online rooms share the game menu frame and muted controls. */
#online-panel .room-content{position:absolute;left:6%;top:19%;width:88%;max-height:77%;overflow:auto;padding:2.5cqw 3cqw;background:#252c2be8;border:2px solid #141b1a;border-radius:1cqw;color:#fff;font-size:1.9cqw;line-height:1.35}
#online-panel p{margin:0 0 1.6cqw}
#online-panel .room-field{margin:1.6cqw 0 1cqw}
#online-panel input{font:inherit;padding:1cqw;border:2px solid #111a1c;border-radius:0;background:#202b2e;color:white}
#online-panel button{font:bold 2.3cqw Trebuchet,sans-serif;padding:.65cqw 1.5cqw;border:1px solid #8a9190;border-radius:0;box-shadow:none;background:#414b4b;color:white}
#online-panel button:hover{background:#56605f}
#online-panel button:disabled{opacity:.45;cursor:default}
#online-panel button:focus-visible,#online-panel input:focus-visible{outline:2px solid white;outline-offset:2px}
#online-panel #online-status{margin:1.6cqw 0;color:#e8dcb6}
#online-panel .hint{color:#c6cccc;font-size:1.65cqw}

#help-about{position:absolute;left:6.5625%;top:23.958333%;width:48%;height:65%;overflow:auto;font:bold 2.65cqw/1.25 Trebuchet,sans-serif;color:white}
#help-about h3{font-size:3cqw;margin:0 0 2cqw}#help-about p{margin:0 0 2cqw}#help-about a{color:#e2eded;text-underline-offset:.3cqw}

.system-labels span{position:absolute;left:6.875%;top:calc(var(--y)*100%/480);font:bold 2.96875cqw/1.15 Trebuchet,sans-serif;color:white}
#scores-status{position:absolute;left:7%;top:73%;width:86%;margin:0;font:1.9cqw/1.2 Trebuchet,sans-serif;color:white}
.system-labels::after{content:'';position:absolute;left:22.8125%;top:30.833333%;width:24.21875%;border-top:.3125cqw solid #b8c0c0;pointer-events:none}
.option-page[data-option-page="3"] .option-back{color:white;font:bold 2.96875cqw/1.15 Trebuchet,sans-serif;text-align:left}