:root{color-scheme:dark;--ink:#f3eee1;--muted:#aaa99e;--line:#343732;--panel:#171b18;--orange:#ec9b64;--mono:'Courier New',monospace;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{margin:0;background:#0e110f;color:var(--ink);font:14px var(--sans);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--orange);outline-offset:4px}a{color:#e6bd8d;text-decoration:none}a:hover{text-decoration:underline}.arcade-page{width:min(1040px,calc(100% - 48px));margin:24px auto 48px}.arcade{width:100%}.screen-stage{position:relative;width:100%;margin-inline:auto;aspect-ratio:4/3;background:#000;box-shadow:0 0 0 1px #30332f,0 16px 50px #0005;overflow:hidden}.title-screen{position:absolute;inset:0;display:grid;place-items:center;background:#000}.title-composition{position:relative;aspect-ratio:256/152;width:100%;height:auto;max-width:100%;max-height:100%;min-width:0;min-height:0}.title-art{display:block;width:100%;height:auto;image-rendering:pixelated;user-select:none;-webkit-user-drag:none}.title-menu{position:absolute;inset:0}.title-option{position:absolute;top:86.842105%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;border:0;background:#000;color:#fff;padding:0;min-height:44px;text-align:left;image-rendering:pixelated}.one-player{left:18.75%;width:25%}.two-players{left:56.25%;width:28.125%}.title-label{display:block;width:100%;height:auto;image-rendering:pixelated;pointer-events:none}.title-cursor{position:absolute;right:100%;top:50%;transform:translateY(-50%);width:12.5%;height:auto;image-rendering:pixelated;visibility:hidden}.two-players .title-cursor{width:11.111111%}.title-option.is-selected .title-cursor,.title-option:focus-visible .title-cursor{visibility:visible}.title-option[aria-disabled=true] .title-label{opacity:.48}.unavailable-label{position:absolute;top:calc(50% + 22px);font:8px var(--mono);letter-spacing:1px;color:#a7a7a7;text-transform:uppercase}.title-option:focus-visible{outline-offset:7px;outline-color:#fff}.game-pane,.game-shell{position:absolute;inset:0;background:#000}.game-shell canvas{display:block;width:100%;height:100%;image-rendering:pixelated;touch-action:none;outline-offset:-4px}.game-top-hint{position:absolute;top:15px;left:18px;right:18px;display:flex;justify-content:space-between;pointer-events:none;font:bold 15px var(--mono);color:#fff6d8;text-shadow:2px 2px 0 #152d22}#game-hearts{color:#ff9974}.game-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:17px 0 0}.button{min-height:42px;border:1px solid #4b5248;background:#20271f;color:var(--ink);padding:10px 16px;font-size:12px;font-weight:700;line-height:1.25}.button:hover{background:#303a2c}.primary-button{background:#d89761;border-color:#d89761;color:#211c15}.primary-button:hover{background:#efb27d}.title-return{margin-left:auto}.game-status{font-size:12px;line-height:1.6;color:#c5c7b9;margin:17px 0;min-height:20px}.settings-panel{margin-bottom:16px;background:var(--panel);border:1px solid var(--line)}.audio-controls{display:grid;grid-template-columns:auto 1fr 1fr;align-items:center;gap:28px;padding:20px}.sound-button{min-width:112px;font-size:11px;white-space:nowrap}.sound-button[aria-pressed=true]{border-color:#ac895c;color:#f2c998}.audio-controls label{display:grid;grid-template-columns:1fr auto;gap:7px 12px;font-size:11px;font-weight:bold;color:#d8d8c9}.audio-controls output{font:10px var(--mono);color:#adad9c}.audio-controls input{grid-column:1/-1;width:100%;margin:3px 0 0;accent-color:#d8a26e;cursor:pointer;height:18px}.game-setup{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding:14px 20px}.hero-choice{display:flex;gap:6px}.hero-choice button{padding:9px 15px;border:1px solid #464e40;background:#1b211a;color:#c2c7b4;font-size:11px;min-width:65px;min-height:38px}.hero-choice button[aria-pressed=true]{background:#d6d9bd;color:#252d21;border-color:#d6d9bd;font-weight:bold}.level-selector{display:flex;align-items:center;gap:12px;font-size:11px;min-width:0}.level-selector label{color:#b5baa7}.level-selector select{max-width:100%;border:1px solid #48513f;background:#1d251a;color:#e6e8db;min-height:38px;padding:9px 30px 9px 10px;font-size:11px;cursor:pointer}.controls-guide{display:flex;flex-wrap:wrap;gap:15px 22px;padding:21px 2px 15px;color:#b8bfab;font-size:10px;line-height:1.6}.controls-guide>span{display:flex;align-items:center;gap:5px}kbd{display:inline-block;font:10px var(--mono);min-width:20px;text-align:center;padding:3px 5px;border:1px solid #55604d;border-bottom-width:3px;color:#e3e8d5;line-height:1}.coop-note{color:#979d8e;font-size:10px;line-height:1.6;margin:7px 0 0}.touch-controls{display:none;justify-content:space-between;gap:15px;padding-top:17px}.touch-controls>div{display:flex;gap:7px}.touch-controls button{touch-action:none;user-select:none;min-width:48px;min-height:48px;border:1px solid #59674d;background:#283123;color:#e4ebd9;font-size:11px;font-weight:bold;padding:10px}.touch-controls button.pressed,.touch-controls button:active{background:#d89964;color:#241c15}.project-info{margin-top:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.project-info>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:20px 2px;color:#b0b7a5;font-size:11px;letter-spacing:.2px}.project-info>summary::-webkit-details-marker{display:none}.project-info>summary>span{font-size:18px;color:#d1b18c}.project-info[open]>summary>span{transform:rotate(45deg)}.info-content{max-width:760px;padding:8px 2px 26px}.info-content h2{font:700 20px var(--mono);letter-spacing:-1px;margin:0 0 19px}.info-content p{font-size:12px;color:#b0b5a6;line-height:1.8;margin:0 0 17px}.source-links{display:flex;gap:25px;flex-wrap:wrap;margin:23px 0;font-size:11px}.info-content .credits{font-size:10px;color:#7e8777;margin-top:25px}.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}.skip-link{position:fixed;top:-60px;left:15px;padding:12px 18px;background:#d89964;color:#171d13;z-index:5}.skip-link:focus{top:10px}@media(hover:none),(pointer:coarse){.touch-controls{display:flex}}@media(min-width:1500px){.arcade-page{margin-top:35px}}@media(max-width:760px){.arcade-page{width:calc(100% - 32px);margin-top:16px}.audio-controls{gap:18px;padding:17px}.game-setup{padding:13px 17px;gap:15px}.level-selector select{max-width:270px}.controls-guide{gap:12px 17px}.game-top-hint{top:12px;left:14px;right:14px;font-size:13px}.button{font-size:11px;padding:10px 13px}.title-return{margin-left:0}.source-links{gap:16px}}@media(max-width:520px){.arcade-page{width:100%;margin:0 auto 30px}.screen-stage{box-shadow:0 1px 0 #30332f}.game-actions,.game-status,.settings-panel,.touch-controls,.controls-guide,.coop-note,.project-info{margin-left:15px;margin-right:15px}.game-actions{gap:7px;padding-top:14px}.game-status{font-size:10px;line-height:1.65;margin-top:13px;margin-bottom:14px}.button{padding:10px 12px;min-height:39px;font-size:10px}.audio-controls{grid-template-columns:1fr 1fr;gap:18px 20px;padding:15px}.audio-controls .sound-button{grid-column:1/-1;justify-self:start;min-height:36px;min-width:100px}.audio-controls label{font-size:10px}.audio-controls output{font-size:9px}.game-setup{flex-direction:column;align-items:stretch;gap:13px;padding:13px 15px}.hero-choice button{flex:1;font-size:10px;min-height:36px}.level-selector{gap:14px}.level-selector select{flex:1;width:100%;max-width:100%;font-size:10px;min-width:0}.controls-guide{padding-top:19px;gap:11px 15px;font-size:9px}.controls-guide kbd{font-size:9px;min-width:18px}.touch-controls{display:flex;gap:10px}.touch-controls>div{gap:5px}.touch-controls button{min-width:37px;min-height:45px;padding:9px;font-size:10px}.touch-controls>div:last-child button{min-width:61px}.game-top-hint{top:10px;left:11px;right:11px;font-size:10px}.coop-note{font-size:9px}.project-info{margin-top:23px}.project-info>summary{padding:18px 0;font-size:10px}.info-content h2{font-size:17px}.info-content p{font-size:11px}.title-option{min-height:38px}.unavailable-label{font-size:5px;top:calc(50% + 7px);letter-spacing:.8px}.title-option:focus-visible{outline-offset:4px}}@media(max-width:350px){.touch-controls{flex-wrap:wrap}.touch-controls>div:last-child{margin-left:auto}.controls-guide{gap:9px 12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.title-audio-start{margin:10px 0;padding:10px 15px;color:#ead1aa;background:#24291f;border:1px solid #87704c;font:inherit;font-size:12px}.title-audio-start[hidden]{display:none}

/* Throwable controls wrap as groups on narrow screens. */
.touch-controls{flex-wrap:wrap}.touch-controls>div{flex-wrap:wrap}.touch-controls>div:last-child{margin-left:auto}

/* Backing and CSS sizes are matched to device pixels by render-grid.mjs. */
.game-shell canvas{position:relative;width:auto;height:auto;max-width:none;max-height:none}

.coop-panel{padding:16px;margin:14px 0;background:var(--panel);border:1px solid var(--line);font-size:12px;line-height:1.6}.coop-panel p{margin:0 0 10px}.coop-panel label{display:block;margin-bottom:5px}.coop-invite-controls{display:flex;gap:8px}.coop-invite-controls input{min-width:0;flex:1;border:1px solid #59674d;background:#151b13;color:#e4ebd9;padding:10px;font-size:11px}.coop-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.coop-policy{color:#adb7a3;font-size:11px}.title-option[aria-disabled=false] .title-label{opacity:1}@media(max-width:520px){.coop-panel{margin:12px 15px;padding:12px}.coop-invite-controls{flex-wrap:wrap}.coop-invite-controls input{flex-basis:100%}}

/* Static build identity remains visible outside collapsed project details. */
.game-version{display:flex;justify-content:center;gap:8px 18px;flex-wrap:wrap;margin:24px 15px 0;padding:16px 0 0;border-top:1px solid #3b4435;color:#bac3ae;font:12px/1.6 monospace;text-align:center}.game-version strong{color:#ead6b3}.game-version time{color:#acb69f}@media(max-width:520px){.game-version{font-size:11px;gap:4px 14px;margin-top:20px}}

/* Wide stage keeps the audio gesture fallback below the native menu, without overlay. */
.arcade>#title-audio-start{position:static;transform:none;max-width:calc(100% - 30px);margin:12px auto;text-align:center}

/* Game-first compact layout; gameplay remains the same800×360 logical view. */
.compact-toolbar{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;margin-bottom:10px;min-width:0}
.compact-toolbar .theme-switch{margin:0;gap:5px;font-size:11px;flex:none}.compact-toolbar .theme-switch a{min-height:32px;padding:6px 10px}.compact-toolbar .birthday-caption{font-size:10px;margin-left:5px}
.compact-toolbar .settings-panel{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin:0;padding:0;border:0;background:none;flex:1 1 auto;min-width:0}
.compact-toolbar .game-setup{display:flex;align-items:center;flex-direction:row;gap:10px;border:0;padding:0;margin:0;min-width:0}.compact-toolbar .hero-choice{gap:0;flex:none}.compact-toolbar .hero-choice button{min-height:32px;padding:6px 10px;font-size:11px}.compact-toolbar .level-selector{gap:6px;min-width:0}.compact-toolbar .level-selector label{font-size:10px}.compact-toolbar .level-selector select{width:220px;max-width:100%;min-height:32px;padding:5px 8px;font-size:10px}
.compact-toolbar .sound-button{min-height:32px;min-width:0;padding:6px 10px;font-size:10px}.audio-settings{position:relative;flex:none;font-size:10px}.audio-settings>summary{cursor:pointer;padding:8px 4px;white-space:nowrap}.audio-settings .audio-controls{position:absolute;z-index:10;right:0;top:100%;width:min(300px,calc(100vw - 32px));display:grid;grid-template-columns:1fr;gap:12px;padding:13px;background:#171b18;border:1px solid #59674b;box-shadow:0 8px 24px #0008}.audio-settings label{font-size:11px}.audio-settings input{width:100%}
.arcade-page{margin-top:16px;margin-bottom:24px}.coop-panel{margin:10px 0;padding:9px 11px;font-size:11px}.coop-header{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;margin-bottom:7px}.coop-header p{margin:0}.coop-header #coop-role{font-weight:bold}.coop-header #coop-status{color:#c4c9bb}.coop-rules{position:relative;margin-left:auto;font-size:10px}.coop-rules summary{cursor:pointer}.coop-rules .coop-policy{position:absolute;z-index:9;right:0;top:20px;margin:0;width:min(360px,calc(100vw - 45px));padding:12px;border:1px solid #59674b;background:#171b18;font-size:11px;box-shadow:0 8px 24px #0008}
.coop-room-controls{display:flex;gap:8px;align-items:center;min-width:0}#coop-invite-row{flex:1 1 280px;min-width:0}.coop-invite-controls{gap:5px}.coop-invite-controls input{padding:6px 8px;font-size:10px;min-height:32px}.coop-buttons{gap:5px;margin:0;flex:none}.coop-panel .button{padding:6px 9px;min-height:32px;font-size:10px;white-space:nowrap}
.game-actions{padding-top:9px;gap:6px}.game-actions .button{min-height:32px;padding:6px 10px;font-size:11px}.game-status{font-size:11px;margin:9px 0;line-height:1.5}.quick-controls{margin:10px 0 7px;color:#adb6a4;font-size:10px;line-height:1.5}.quick-controls kbd{font:10px monospace;color:#d6dfcc}.controls-help{margin:0 0 10px;font-size:10px;color:#acb59f}.controls-help>summary{cursor:pointer;width:fit-content;padding:4px 0}.controls-help .controls-guide{padding-top:10px;margin:0;gap:10px 16px;font-size:10px}.game-version{margin-top:15px;padding-top:12px;font-size:11px}
@media(max-width:760px){.compact-toolbar{gap:8px;margin:0 0 10px}.compact-toolbar .settings-panel{justify-content:flex-start;flex-wrap:wrap;gap:7px;flex-basis:100%}.compact-toolbar .game-setup{flex:1 1 230px;gap:8px}.compact-toolbar .level-selector{flex:1}.compact-toolbar .level-selector select{flex:1;width:100%;max-width:none}.compact-toolbar .birthday-caption{margin-left:6px}.coop-room-controls{flex-wrap:wrap}#coop-invite-row{flex-basis:100%}.coop-buttons{flex-wrap:wrap}.coop-invite-controls input{flex-basis:0}.coop-panel .coop-invite-controls{flex-wrap:nowrap}.quick-controls{font-size:9px}}
@media(max-width:520px){.compact-toolbar{margin:10px 12px}.compact-toolbar .settings-panel{margin:0}.compact-toolbar .theme-switch{margin:0}.compact-toolbar .theme-switch a{min-height:30px;padding:5px 9px}.compact-toolbar .game-setup{flex-basis:100%;width:100%}.compact-toolbar .hero-choice button{min-height:30px;padding:5px 9px;font-size:10px}.compact-toolbar .level-selector label{display:none}.compact-toolbar .level-selector select{min-height:30px;font-size:10px}.compact-toolbar .sound-button{min-height:30px;padding:5px 9px}.audio-settings>summary{padding:6px}.coop-panel{margin:9px 12px;padding:8px}.coop-header{gap:5px 10px}.coop-rules{font-size:9px}.coop-panel .button{min-height:30px;padding:5px 8px;font-size:10px}.game-actions,.game-status,.quick-controls,.controls-help{margin-left:12px;margin-right:12px}.game-actions{padding-top:7px}.game-actions .button{min-height:31px;padding:6px 8px;font-size:10px}.game-status{font-size:10px;margin-top:8px;margin-bottom:8px}.quick-controls{line-height:1.6;margin-top:8px}.controls-help .controls-guide{margin:0}.arcade-page{margin:0 auto 20px}}
@media(min-width:350px) and (max-width:520px){.compact-toolbar .settings-panel{display:contents}.compact-toolbar .game-setup{order:1;flex:1 1 100%}.compact-toolbar .theme-switch{order:0}.compact-toolbar .theme-switch .birthday-caption{display:none}.compact-toolbar .sound-button,.compact-toolbar .audio-settings{order:0}.compact-toolbar{column-gap:7px;row-gap:7px}}

.post-stage-controls{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;padding:.5rem .65rem;background:#111d2b;color:#fff;border-radius:.5rem}.post-stage-controls[hidden]{display:none}.post-stage-controls p{margin:0;font-size:.88rem}.post-stage-controls>div{display:flex;gap:.4rem;flex-wrap:wrap}.post-stage-controls button[aria-pressed="true"]{outline:2px solid #ed8250;outline-offset:1px}

.canvas-start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;min-height:44px;padding:14px 22px;border:2px solid var(--orange);border-radius:6px;background:#14221ff2;color:var(--ink);font:700 clamp(14px,2.6vw,24px) var(--mono);white-space:nowrap;box-shadow:0 4px 18px #0005}.canvas-start:hover:not(:disabled){background:#253b33}.canvas-start:focus-visible{outline:3px solid #fff;outline-offset:4px}

/* Mobile pad: independent pointers keep movement and actions simultaneous. */
.touch-controls{align-items:center;flex-wrap:nowrap;padding-top:10px;padding-bottom:8px;touch-action:none}
.touch-controls .touch-joystick{position:relative;display:block;flex:0 0 108px;width:108px;height:108px;border:1px solid #68775a;border-radius:50%;background:radial-gradient(circle,#394632 0 32%,#20291e 33% 67%,#35412d 68%);touch-action:none;user-select:none;-webkit-user-select:none}
.joystick-guide{position:absolute;inset:0;display:grid;place-items:center;color:#9aa78a;font-size:90px;line-height:1;opacity:.3;pointer-events:none}
.joystick-knob{position:absolute;left:calc(50% - 25px);top:calc(50% - 25px);width:50px;height:50px;border-radius:50%;background:#c4cda9;border:2px solid #e4ebcf;box-shadow:0 3px 7px #0008;pointer-events:none}
.touch-joystick.is-active .joystick-knob{background:#edb36f;border-color:#ffe0ac}
.touch-controls .touch-actions{display:flex;flex:0 1 auto;gap:10px;flex-wrap:nowrap;align-items:center;margin-left:auto}
.touch-controls .touch-actions button{width:76px;min-width:0;min-height:64px;padding:10px 5px;border-radius:16px;font-size:12px}
.touch-actions [data-control="jump"]{background:#415737}
@media(max-width:760px),(pointer:coarse){.quick-controls,.controls-help{display:none}}
@media(max-width:350px){.touch-controls .touch-joystick{flex-basis:94px;width:94px;height:94px}.touch-controls .touch-actions{gap:7px}.touch-controls .touch-actions button{width:65px;font-size:11px}}
