:root{color:#ede8db;font-synthesis:none;--line:#2a3039;--panel:#11151b;--panel-2:#161b22;--muted:#89919d;--gold:#f3bd42;--red:#d84a39;--green:#43d278;background:#090b10;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}*{box-sizing:border-box}body{background:linear-gradient(#ffffff06 1px,#0000 1px) 0 0/100% 32px,radial-gradient(circle at 40% -20%,#25303b 0,#0000 42rem),#090b10;min-width:320px;min-height:100vh;margin:0}button,select,input{font:inherit}button,.file-button{color:#e8e3d8;cursor:pointer;background:#191e25;border:1px solid #414955;border-radius:2px;min-height:36px;transition:border-color .12s,color .12s,background .12s}button:hover:not(:disabled),.file-button:hover{border-color:var(--gold);color:#ffd66f}button:focus-visible,select:focus-visible,input:focus-visible,.file-button:focus-within{outline:2px solid var(--gold);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.36}.app-shell{width:min(1420px,100% - 40px);margin:0 auto;padding:28px 0 38px}.masthead{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:18px;display:flex}.eyebrow,.section-kicker{color:#cc8632;letter-spacing:.17em;margin:0 0 7px;font-size:10px;display:block}h1,h2,p{margin-top:0}h1{color:#f3eddf;letter-spacing:.055em;margin-bottom:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(42px,6vw,76px);line-height:.85}h2{letter-spacing:.02em;margin-bottom:0;font-size:17px}.header-status{border:1px solid var(--line);min-width:180px;color:var(--muted);background:#11151bcc;justify-content:space-between;align-items:center;gap:18px;padding:11px 13px;font-size:11px;display:flex}.header-tools{align-items:stretch;gap:8px;display:flex}.mode-toggle{color:#f2c45e;letter-spacing:.06em;border-color:#a56e30;min-width:104px;padding:0 13px;font-size:10px}.mode-toggle[aria-pressed=true]{color:#fff2d5;background:#7d2940;border-color:#6d2536}.status-light{background:var(--green);border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #43d27888}.workspace{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:16px;display:grid}.game-column,.panel{border:1px solid var(--line);background:var(--panel);box-shadow:0 18px 55px #0005}.game-column{min-width:0;padding:12px}.stage-bar{justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding:4px 4px 12px;display:flex}.stage-bar strong{text-overflow:ellipsis;white-space:nowrap;max-width:55vw;font-size:14px;display:block;overflow:hidden}.stage-bar select{color:#e8e3d8;background:#191e25;border:1px solid #414955;border-radius:2px;width:min(260px,34vw);height:36px;padding:0 28px 0 10px}.screen-frame{background:#000;border:2px solid #545c67;position:relative;overflow:hidden;box-shadow:inset 0 0 0 5px #101318}.screen-meta{color:#a8afb8;letter-spacing:.08em;background:#0a0c10;border-bottom:1px solid #252a30;justify-content:space-between;align-items:center;height:28px;padding:0 9px;font-size:9px;display:flex}.screen-meta span:last-child{color:var(--gold)}.game-scroll{scrollbar-width:none;background:#000;place-items:start center;width:100%;min-height:min(56vw,416px);display:grid;overflow:hidden}.game-scroll::-webkit-scrollbar{display:none}#game-canvas{width:min(100%, var(--game-display-width));height:auto;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.game-overlay{text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#05070bdc;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:absolute;inset:28px 0 0}.game-overlay[hidden]{display:none}.game-overlay strong{color:#ffd35c;letter-spacing:.09em;font-size:clamp(22px,4vw,40px)}.game-overlay span{color:#aab1bb;font-size:12px}.overlay-actions{gap:8px;margin-top:8px;display:flex}.overlay-actions button{padding:0 16px}.game-actions{align-items:center;gap:8px;padding:12px 2px 0;display:flex}.game-actions button{padding:0 14px}.action-note{color:#737c87;margin-left:auto;font-size:9px}.key-guide{grid-template-columns:1.4fr repeat(4,1fr);gap:7px;margin-top:11px;display:grid}.key-guide>div{color:#737c87;background:#0c1015;border:1px solid #252c34;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:54px;font-size:9px;display:flex}.handheld-controls{display:none}kbd{color:#f3c658;font:inherit;font-size:11px}.control-column{gap:12px;display:grid}.panel{padding:15px}.panel-heading{border-bottom:1px solid #293039;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:15px;padding-bottom:13px;display:flex}.pill{color:#7f8994;border:1px solid #3e474f;padding:5px 7px;font-size:8px}.setting-row{grid-template-columns:1fr auto;gap:7px 12px;margin-bottom:14px;display:grid}.setting-row>span,.toggle-row>span{gap:4px;display:grid}.setting-row b,.toggle-row b{font-size:11px;font-weight:600}.setting-row small,.toggle-row small,.level-panel p,.mechanic-note p{color:#7f8995;font-size:9px;line-height:1.65}.setting-row output{color:var(--gold);font-size:10px}.speed-warning{color:#f2a092;background:#2a1514;border-left:2px solid #e75b49;margin:-4px 0 14px;padding:8px 9px;font-size:9px;line-height:1.55}.setting-row input[type=range]{accent-color:#d99736;grid-column:1/-1;width:100%}.toggle-row{justify-content:space-between;align-items:center;gap:12px;margin:4px 0 16px;display:flex}.toggle-row input{accent-color:#d99736;width:18px;height:18px}.primary-button{color:#11100c;background:#d49135;border-color:#d49135;font-weight:700}.primary-button:hover:not(:disabled){color:#11100c;background:#f0b94a}#apply-rules-button{width:100%}.level-panel p{margin-bottom:13px}.level-actions{gap:7px;display:grid}.mechanic-note{background:#11151b;border-left:2px solid #c94c39;padding:13px 15px}.mechanic-note p{margin-bottom:0}.editor-dialog{color:#e8e3d8;background:#0f1318;border:1px solid #4a535e;border-radius:2px;width:min(1140px,100% - 24px);max-width:none;max-height:calc(100vh - 24px);padding:0;box-shadow:0 30px 100px #000b}.editor-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#030509d9}.editor-shell{gap:13px;padding:16px;display:grid}.editor-header,.editor-footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.editor-header{border-bottom:1px solid var(--line);padding-bottom:12px}.editor-header button,.editor-footer button,.file-button{padding:0 13px}.editor-fields{grid-template-columns:1fr 90px 90px auto;align-items:end;gap:8px;display:grid}.editor-fields label{color:#8d96a1;gap:5px;font-size:9px;display:grid}.editor-fields input{color:#e8e3d8;background:#080b0f;border:1px solid #3a424c;border-radius:2px;width:100%;height:36px;padding:0 9px}.brushes{flex-wrap:wrap;gap:6px;display:flex}.brushes button{min-height:31px;padding:0 10px;font-size:9px}.brushes button.active{border-color:var(--gold);color:#ffd66f;background:#3b2b14}.editor-scroll{background:#05070a;border:1px solid #343c46;min-height:260px;max-height:calc(100vh - 330px);overflow:auto}#editor-canvas{min-width:100%;height:auto;image-rendering:pixelated;display:block}.editor-message{color:#89939e;min-height:18px;margin-bottom:0;font-size:9px}.editor-message[data-state=error]{color:#f16b5a}.editor-footer{border-top:1px solid var(--line);justify-content:flex-end;padding-top:12px}.file-button{place-items:center;font-size:11px;display:inline-grid}.file-button input{clip-path:inset(50%);width:1px;height:1px;position:absolute}.sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=1040px){.workspace{grid-template-columns:1fr}.control-column{grid-template-columns:repeat(2,minmax(0,1fr))}.mechanic-note{grid-column:1/-1}}@media (width<=680px){.app-shell{width:calc(100% - 16px);padding-top:18px}.masthead,.stage-bar{flex-direction:column;align-items:stretch}.header-tools,.header-status,.stage-bar select{width:100%}.header-tools{grid-template-columns:auto 1fr;display:grid}.stage-bar strong{max-width:90vw}.game-scroll{min-height:0}.key-guide{grid-template-columns:repeat(2,1fr)}.control-column{grid-template-columns:1fr}.mechanic-note{grid-column:auto}.editor-fields{grid-template-columns:1fr 1fr}.editor-fields label:first-child{grid-column:1/-1}.editor-footer{flex-direction:column;align-items:stretch}}.handheld-mode body{background:radial-gradient(circle at 50% -10%,#5c6164 0,#0000 35rem),repeating-linear-gradient(135deg,#202326 0 2px,#1c1f21 2px 4px)}.handheld-mode .app-shell{width:min(720px,100% - 20px);padding:18px 0 30px}.handheld-mode .masthead{align-items:center;margin-bottom:12px}.handheld-mode .masthead .eyebrow{color:#bcad8c;margin-bottom:4px}.handheld-mode h1{color:#e6dcc5;font-size:clamp(30px,7vw,48px)}.handheld-mode .workspace{display:block}.handheld-mode .control-column{display:none}.handheld-mode .game-column{background:radial-gradient(circle at 15px 15px,#716857 0 2px,#ded2b8 2px 4px,#0000 4px),radial-gradient(circle at calc(100% - 15px) 15px,#716857 0 2px,#ded2b8 2px 4px,#0000 4px),linear-gradient(145deg,#d7c9aa,#bdae91);border:3px solid #8b806c;border-radius:34px 34px 58px;padding:22px 22px 27px;position:relative;overflow:hidden;box-shadow:inset 0 2px #f3e8d0,inset 0 -7px 12px #796f5d55,0 26px 70px #0009}.handheld-mode .stage-bar{color:#2d302f;min-height:50px;padding:1px 6px 12px}.handheld-mode .stage-bar .section-kicker{color:#764052}.handheld-mode .stage-bar select{color:#f0e8d7;background:#3f4340;border-color:#756c5b;border-radius:5px}.handheld-mode .screen-frame{background:#050607;border:10px solid #303338;border-radius:17px 17px 30px;overflow:hidden;box-shadow:inset 0 0 0 2px #090a0d,0 2px #e8dcc4,0 8px 15px #665d4e88}.handheld-mode .screen-meta{color:#aeb2ae;background:#191c20}.handheld-mode .game-actions,.handheld-mode .key-guide{display:none}.handheld-mode .handheld-controls{--pad-unit:clamp(38px, 12vw, 54px);color:#403b34;touch-action:none;-webkit-user-select:none;user-select:none;grid-template-columns:1fr 1fr;align-items:center;gap:16px 24px;padding:clamp(24px,6vw,38px) 5px 0;display:grid}.d-pad{grid-template:repeat(3, var(--pad-unit)) / repeat(3, var(--pad-unit));filter:drop-shadow(0 5px 3px #5d5447aa);justify-self:start;display:grid}.d-pad-button{z-index:1;width:var(--pad-unit);min-height:0;height:var(--pad-unit);color:#666968;touch-action:none;background:linear-gradient(90deg,#0000 47%,#4b4d4c 47% 53%,#0000 53%),linear-gradient(#383a3a,#242627);border:0;border-radius:7px 7px 2px 2px;padding:0;position:relative;box-shadow:inset 2px 2px 2px #555858,inset -2px -2px 2px #111213}.d-pad-button:hover:not(:disabled){color:#777a78;border-color:#0000}.d-pad-button.is-pressed{color:#8a8c89;background:linear-gradient(90deg,#0000 47%,#454747 47% 53%,#0000 53%),linear-gradient(#252727,#1b1c1d);transform:translateY(2px);box-shadow:inset 2px 3px 5px #0d0e0f}.d-pad-button span{font-size:calc(var(--pad-unit) * .25);opacity:.72}.d-pad-up{grid-area:1/2}.d-pad-left{border-radius:7px 2px 2px 7px;grid-area:2/1}.d-pad-right{border-radius:2px 7px 7px 2px;grid-area:2/3}.d-pad-down{border-radius:2px 2px 7px 7px;grid-area:3/2}.d-pad-center{z-index:2;background:radial-gradient(circle,#343636 0 20%,#0000 21%),linear-gradient(#383a3a,#242627);grid-area:2/2;position:relative;box-shadow:inset 2px 2px 2px #555858,inset -2px -2px 2px #111213}.action-cluster{background:#a99b80aa;border-radius:999px;justify-self:end;align-items:center;gap:clamp(8px,3vw,16px);padding:12px;display:flex;transform:rotate(-10deg);box-shadow:inset 0 2px 5px #6e655588}.action-button{color:#f7dfc4;text-shadow:0 1px #54152b;touch-action:none;background:linear-gradient(145deg,#b83e61,#71243d);border:2px solid #66233a;border-radius:50%;align-content:center;place-items:center;gap:1px;width:clamp(50px,16vw,66px);height:clamp(50px,16vw,66px);min-height:0;padding:0;display:grid;transform:rotate(10deg);box-shadow:inset 3px 3px 3px #d55b79,inset -3px -4px 4px #4a1428,0 5px 5px #665947}.action-button:hover:not(:disabled){color:#fff2d9;border-color:#66233a}.action-button.is-pressed{background:linear-gradient(145deg,#7d2945,#5f1e34);transform:rotate(10deg)translateY(3px);box-shadow:inset 3px 4px 6px #421022,0 2px 2px #665947}.action-button strong{font-size:clamp(17px,5vw,24px);line-height:1}.action-button small{font-size:8px}.action-b{margin-top:18px}.action-a{margin-bottom:18px}.system-controls{grid-column:1/-1;justify-content:center;align-items:center;gap:12px;display:flex}.system-button{color:#e1d6be;letter-spacing:.08em;background:linear-gradient(#777264,#4c4b44);border:2px solid #615949;border-radius:999px;min-width:78px;min-height:28px;padding:0 13px;font-size:9px;transform:rotate(-4deg);box-shadow:inset 0 2px 1px #9b9585,0 3px 2px #746a58}.system-button:hover:not(:disabled){color:#fff2d7;border-color:#615949}.system-button:active:not(:disabled){transform:rotate(-4deg)translateY(2px);box-shadow:inset 0 3px 4px #3d3b36}.console-mark{color:#7d2940;letter-spacing:.08em;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:15px;font-style:italic}.speaker-slots{grid-column:1/-1;justify-content:flex-end;gap:7px;padding:0 12px 0 0;display:flex;transform:rotate(-12deg)}.speaker-slots i{background:#716754;border-radius:999px;width:5px;height:28px;display:block;box-shadow:inset 1px 1px 2px #4e493f}@media (width<=680px){.handheld-mode .app-shell{width:calc(100% - 10px);padding-top:8px}.handheld-mode .masthead{grid-template-columns:1fr;gap:8px;display:grid}.handheld-mode .masthead>div:first-child{display:none}.handheld-mode .header-tools{grid-template-columns:auto 1fr}.handheld-mode .game-column{border-radius:25px 25px 45px;padding:15px 13px 22px}.handheld-mode .stage-bar{grid-template-columns:minmax(0,1fr) minmax(118px,42%);align-items:center;gap:8px;display:grid}.handheld-mode .stage-bar select{width:100%}.handheld-mode .screen-frame{border-width:7px;border-radius:12px 12px 22px}.handheld-mode .handheld-controls{--pad-unit:clamp(36px, 12vw, 50px);gap:13px 16px;padding-top:23px}.action-cluster{padding:8px}.system-controls{gap:8px}.system-button{min-width:70px;padding:0 10px}}@media (width<=360px){.handheld-mode .header-status{min-width:0}.handheld-mode .stage-bar{grid-template-columns:1fr 112px}.handheld-mode .stage-bar strong{font-size:12px}.handheld-mode .handheld-controls{--pad-unit:35px;gap:10px}.action-button{width:47px;height:47px}}