@font-face{font-family:MarioPixel;src:url('game/Fonts/pressstart2p-webfont.woff') format('woff');font-display:swap}
:root{color-scheme:dark;--bg:#10141d;--panel:#171d29;--muted:#7f8a9e;--ink:#edf0f5;--line:#2a3140;--accent:#ee6748;--accent-hover:#ff7d5e;--pixel:MarioPixel,monospace;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;background:var(--bg);color:var(--ink)}body{overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.45}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.app-shell{height:100svh;min-height:520px;display:flex;flex-direction:column;max-width:1600px;margin:0 auto;padding:0 38px;background:radial-gradient(ellipse at 50% 48%,#1c2638 0,transparent 67%)}.site-header{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(127,138,158,.14);flex-shrink:0}.brand{display:flex;align-items:center;gap:13px}.brand-mark{display:grid;grid-template-columns:repeat(2,8px);gap:3px;transform:rotate(-5deg)}.brand-mark i{height:8px;background:var(--accent)}.brand-mark i:nth-child(2){background:#f99565}.brand-mark i:nth-child(3){background:#ae4a3d}.brand-copy{display:flex;flex-direction:column;gap:9px}.brand-copy strong{font:11px/1.4 var(--pixel);letter-spacing:-.3px}.brand-copy>span{font-size:12px;letter-spacing:2px;color:#98a2b3}.brand-copy b{font-size:10px;font-weight:400;letter-spacing:1px;color:#656f80;margin-left:8px}.toolbar{display:flex;align-items:center;gap:5px}.tool-button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 11px;background:transparent;border:1px solid transparent;border-radius:5px;color:#a6afbe;font-size:12px;transition:color .15s,background .15s,border-color .15s}.tool-button:hover{background:#202838;border-color:#303c51;color:white}.tool-button:disabled{cursor:default;opacity:.38}.tool-button[aria-pressed=true]{color:#f5947e}.tool-button svg{width:18px;height:18px}.toolbar-divider{height:20px;width:1px;background:var(--line);margin:0 7px}.mute-slash,.play-symbol{display:none}.tool-button.is-muted .mute-slash{display:block}.tool-button.is-muted svg>path:first-child{opacity:.35}.tool-button.is-paused .pause-symbol{display:none}.tool-button.is-paused .play-symbol{display:block}
.play-space{min-height:0;flex:1;display:flex;flex-direction:column;padding-top:20px}.game-area{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:8px 8px 16px}.game-frame{border:1px solid #3b4353;border-radius:4px;padding:5px;background:#080a0f;box-shadow:0 20px 70px #0005,0 0 0 4px #151b27}#game-viewport{position:relative;overflow:hidden;background:#5c94fc;width:512px;height:464px}#game-mount{position:absolute;top:0;left:0;width:512px;height:464px;transform-origin:top left;overflow:hidden;image-rendering:pixelated}#game-mount>div.FullScreenMario{width:512px;height:464px}#game-mount canvas{image-rendering:pixelated}
.game-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:22px;z-index:4;background:rgba(8,15,29,.78)}.start-overlay{background:linear-gradient(180deg,rgba(6,14,30,.55),rgba(6,14,30,.88) 60%,rgba(6,14,30,.68))}.start-content{width:100%;max-width:400px;display:flex;align-items:center;flex-direction:column}.menu-eyebrow{font:7px/1.7 var(--pixel);letter-spacing:2px;color:#a8b8d4;margin:0 0 25px}.start-content h1{display:flex;flex-direction:column;gap:12px;font:clamp(15px,3.5vw,29px)/1.25 var(--pixel);letter-spacing:-1.5px;margin:0;color:#f89e61;text-shadow:3px 3px 0 #8b3528,5px 5px 0 #060e1d}.start-content h1 span:first-child{font-size:1.06em}.start-subtitle{font-size:14px;letter-spacing:4px;color:#e4d4c3;margin:25px 0 27px}.primary-button{display:flex;justify-content:center;align-items:center;gap:10px;min-height:46px;min-width:172px;padding:12px 22px;background:var(--accent);border:1px solid #f08269;border-radius:3px;box-shadow:0 3px 0 #923c2b;color:#fff;font-weight:600;font-size:14px;transition:background .15s,transform .1s;touch-action:manipulation}.primary-button:hover{background:var(--accent-hover)}.primary-button:active{transform:translateY(2px);box-shadow:0 1px 0 #923c2b}.primary-button:disabled{background:#704638;border-color:#805c4b;box-shadow:0 3px 0 #35231f}.start-arrow{font-size:10px}.start-level-button{background:none;border:0;color:#b8c7df;padding:18px 12px 7px;font-size:12px}.start-level-button:hover{color:#fff}.start-level-button span:first-child{font:9px var(--pixel);margin:0 4px}.start-level-button span:last-child{color:var(--accent);margin-left:8px}.start-hint{font-size:11px;letter-spacing:1px;color:#8295b4;margin:26px 0 0}.pause-overlay{background:rgba(8,15,29,.83)}.pause-content{display:flex;flex-direction:column;align-items:center}.pixel-label{font:20px var(--pixel);letter-spacing:1px;color:#f89e61}.pause-content p{font-size:14px;color:#c8d3e5;margin:20px 0 27px;letter-spacing:3px}.pause-content small{font-size:11px;color:var(--muted);margin-top:20px}.error-overlay{z-index:8;background:#121a2a}.error-overlay strong{font-size:18px}.error-overlay p{max-width:330px;font-size:13px;color:#c8d3e5;line-height:1.8}.error-overlay .primary-button{margin:22px auto 0}
.keyboard-help{display:flex;align-items:center;justify-content:center;gap:23px;min-height:39px;flex-shrink:0;color:#8490a3;font-size:11px}.keyboard-help>span{display:flex;align-items:center;gap:5px;white-space:nowrap}.keyboard-help .or{color:#4a5568;padding:0 3px}kbd{font-family:inherit;font-size:10px;font-weight:500;color:#b5bfce;background:#1a2231;min-height:20px;display:inline-flex;justify-content:center;align-items:center;border:1px solid #303a4c;border-bottom-color:#46526a;border-radius:3px;padding:2px 5px}.site-footer{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#58657b;font-size:10px;letter-spacing:.2px;flex-shrink:0}.site-footer>a{padding:8px 0}.site-footer>a:hover{color:#a3afc1}.site-footer>a span{color:#58657b}.site-footer>a span:last-child{margin-left:8px}
.touch-controls{display:none;align-items:center;justify-content:space-between;flex-shrink:0;padding:10px 20px 2px;user-select:none;-webkit-user-select:none;touch-action:none}.dpad{display:grid;grid-template-columns:44px 44px 44px;grid-template-rows:40px 40px 40px;gap:0;filter:drop-shadow(0 4px 0 #090d14)}.touch-button{touch-action:none;user-select:none;-webkit-user-select:none;border:1px solid #394456;background:#253045;display:flex;align-items:center;justify-content:center;color:#acb8ca;box-shadow:inset 0 1px 0 #ffffff0c;padding:0}.touch-button.is-held{background:#3b4d68;color:white;box-shadow:inset 0 3px 7px #0004}.dpad-up{grid-column:2;grid-row:1;border-radius:5px 5px 0 0;border-bottom:0}.dpad-left{grid-column:1;grid-row:2;border-radius:5px 0 0 5px;border-right:0}.dpad-right{grid-column:3;grid-row:2;border-radius:0 5px 5px 0;border-left:0}.dpad-down{grid-column:2;grid-row:3;border-radius:0 0 5px 5px;border-top:0}.dpad-center{grid-column:2;grid-row:2;background:#253045;display:grid;place-items:center}.dpad-center:after{content:"";display:block;width:10px;height:10px;border:1px solid #3c475b;border-radius:50%;background:#1c2639}.action-controls{display:flex;gap:18px;transform:rotate(-12deg);padding-top:3px}.action-control{display:flex;align-items:center;flex-direction:column;gap:11px;transform:rotate(12deg)}.action-control>span{font-size:9px;letter-spacing:1px;color:#8190a6}.action-button{width:59px;height:59px;min-height:59px;border-radius:50%;font:16px var(--pixel);color:#ffe3d6;background:#d7593e;border-color:#f88d73;box-shadow:0 4px 0 #732c25,inset 0 2px 0 #ffffff1f}.action-button.is-held{background:#f37b59;box-shadow:0 1px 0 #732c25,inset 0 3px 6px #822d26;transform:translateY(3px)}.run-control .action-button{background:#b64b3c;border-color:#de7a65}.run-control .action-button.is-held{background:#e26c55}
.modal{position:fixed;max-width:calc(100vw - 32px);max-height:calc(100svh - 36px);overflow:auto;width:430px;background:#171f2e;border:1px solid #394459;border-radius:9px;color:var(--ink);padding:27px;box-shadow:0 25px 100px #0009}.modal::backdrop{background:#040812bc;backdrop-filter:blur(5px)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.modal-eyebrow{font:7px/1.6 var(--pixel);letter-spacing:1.6px;color:#df8068}.modal h2{margin:12px 0 0;font-size:22px;letter-spacing:1px;font-weight:600}.close-button{display:flex;align-items:center;justify-content:center;width:31px;height:31px;background:#232d3e;border:1px solid #354158;color:#9ba9bd;border-radius:4px;font-size:23px;line-height:1}.close-button:hover{color:#fff;background:#34415a}.help-intro{font-size:13px;color:#9eacc2;line-height:1.9;margin:23px 0}.controls-list{margin:0}.controls-list>div{display:flex;align-items:center;justify-content:space-between;min-height:46px;border-bottom:1px solid #2b3649;gap:15px}.controls-list dt{font-size:12px;color:#ccd5e3}.controls-list dd{margin:0;display:flex;align-items:center;gap:5px}.controls-list dd span{font-size:10px;color:#687993;margin:0 3px}.controls-list kbd{font-size:10px;min-width:23px;min-height:24px;padding:3px 6px;background:#253149}.help-note{font-size:12px;color:#8f9fb6;line-height:1.9;margin:21px 0}.modal-done{width:100%;margin-top:24px}.level-modal{width:455px}.level-description{font-size:12px;color:#99a7bc;line-height:1.8;margin:22px 0}.level-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.level-choice{min-height:41px;padding:10px 5px;border:1px solid #354157;border-radius:4px;background:#222d40;color:#bfcce1;font:10px var(--pixel);transition:background .15s,border-color .15s}.level-choice:hover{background:#35425a;border-color:#667b9a;color:white}.level-choice.is-current{border-color:#ec775b;background:#5a332e;color:#ffd4b9}.level-footnote{font-size:11px;color:#7687a1;line-height:1.7;margin:18px 0 0}.status-message{position:fixed;z-index:20;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100% - 30px);padding:12px 18px;border:1px solid #4c3b39;border-radius:5px;background:#2d2527;color:#ffd9ca;font-size:12px;box-shadow:0 8px 30px #0006}
@media(min-width:1600px){.app-shell{border-inline:1px solid #202838}}
@media(max-width:1000px){.app-shell{padding-inline:24px}.site-header{min-height:82px;gap:10px}.tool-button{padding:8px}.tool-button>span{display:none}.toolbar{gap:3px}.brand-copy strong{font-size:10px}.keyboard-help{gap:15px}}
@media(max-width:650px){.app-shell{padding-inline:14px;min-height:450px}.site-header{min-height:70px;gap:9px}.brand{gap:9px}.brand-mark{grid-template-columns:repeat(2,6px);gap:2px}.brand-mark i{height:6px}.brand-copy{gap:7px}.brand-copy strong{font-size:7px;letter-spacing:-.2px}.brand-copy>span{font-size:10px;letter-spacing:1px}.brand-copy b{font-size:9px;letter-spacing:0;margin-left:4px}.toolbar{gap:1px}.tool-button{min-height:33px;width:30px;padding:6px}.tool-button svg{width:16px;height:16px}.toolbar-divider{margin-inline:3px;height:16px}.play-space{padding-top:10px}.game-area{padding:6px 2px 12px}.keyboard-help{display:none}.touch-controls{display:flex;padding-inline:17px;min-height:146px}.site-footer{min-height:36px;font-size:9px}.site-footer>span{display:none}.site-footer{justify-content:center}.game-frame{padding:3px;box-shadow:0 12px 45px #0005,0 0 0 3px #151b27}.menu-eyebrow{font-size:6px;letter-spacing:1.2px;margin-bottom:18px}.start-content h1{font-size:20px;gap:9px}.start-subtitle{font-size:12px;letter-spacing:3px;margin:20px 0 23px}.start-hint{margin-top:18px;font-size:10px}.primary-button{min-height:42px;font-size:13px;min-width:165px}.start-level-button{padding-top:15px}.modal{padding:22px}.modal h2{font-size:20px}.controls-list>div{gap:9px}.controls-list dt{font-size:11px}.controls-list dd{gap:3px}.controls-list dd span{margin-inline:1px}.controls-list kbd{font-size:9px;min-width:21px}}
@media(hover:none) and (pointer:coarse){.touch-controls{display:flex}.keyboard-help{display:none}.app-shell{padding-bottom:env(safe-area-inset-bottom)}.tool-button:hover{background:transparent;border-color:transparent}}
@media(max-width:370px){.app-shell{padding-inline:9px}.brand-mark{display:none}.brand-copy strong{font-size:6px}.toolbar-divider{margin-inline:1px}.tool-button{width:28px}.touch-controls{padding-inline:12px}.action-controls{gap:13px}.action-button{width:53px;height:53px;min-height:53px}.start-content h1{font-size:17px}.start-content .menu-eyebrow{font-size:5px}.start-hint{font-size:9px}}
@media(max-height:600px) and (min-width:651px){.site-header{min-height:62px}.play-space{padding-top:8px}.site-footer{min-height:30px}.keyboard-help{min-height:29px}.game-area{padding-bottom:8px}.touch-controls{min-height:115px;padding-block:0}.dpad{grid-template-columns:35px 35px 35px;grid-template-rows:32px 32px 32px}.action-button{width:48px;height:48px;min-height:48px}.menu-eyebrow{margin-bottom:14px;font-size:6px}.start-content h1{font-size:20px}.start-subtitle{margin:17px 0 19px;font-size:12px}.start-hint{display:none}.game-overlay{padding:15px}}
@media(max-height:500px) and (orientation:landscape) and (pointer:coarse){.app-shell{padding-inline:12px;min-height:300px}.site-header{min-height:48px}.brand-copy>span{display:none}.play-space{position:relative;padding-top:4px}.game-area{padding:6px 150px}.touch-controls{position:absolute;inset:0;pointer-events:none;padding:0 14px}.touch-controls>*{pointer-events:auto}.action-controls{gap:9px}.site-footer{min-height:24px}.menu-eyebrow,.start-hint{display:none}.start-content h1{font-size:16px;gap:6px}.start-subtitle{margin:15px 0;font-size:11px}.start-level-button{padding:12px 0 0}.primary-button{min-height:36px;padding:8px 18px;font-size:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}