.virtual-controls{z-index:4;pointer-events:none;-webkit-user-select:none;user-select:none;display:block;position:absolute;inset:0;overflow:hidden}.virtual-dpad,.virtual-button{pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent}.virtual-dpad{bottom:max(24px, env(safe-area-inset-bottom));left:max(24px, env(safe-area-inset-left));width:144px;height:144px;position:absolute}.virtual-dpad span{color:#ffffffb8;pointer-events:none;background:#161513ad;border:1px solid #ffffff3d;place-items:center;width:48px;height:48px;display:grid;position:absolute}.virtual-dpad span.active{color:#fff;background:#d86125d1;border-color:#ffad70cc}.virtual-dpad svg{width:24px;height:24px}.dpad-up{border-radius:8px 8px 0 0;top:0;left:48px}.dpad-right{border-radius:0 8px 8px 0;top:48px;right:0}.dpad-down{border-radius:0 0 8px 8px;bottom:0;left:48px}.dpad-left{border-radius:8px 0 0 8px;top:48px;left:0}.virtual-dpad .dpad-center{background:#161513ad;border-color:#0000;top:48px;left:48px}.virtual-actions{right:max(24px, env(safe-area-inset-right));bottom:max(28px, env(safe-area-inset-bottom));pointer-events:none;grid-template-columns:repeat(2,58px);gap:10px;display:grid;position:absolute;transform:rotate(-8deg)}.virtual-actions.count-2{grid-template-columns:repeat(2,62px);align-items:end}.virtual-actions.count-2 .virtual-button{width:62px;height:62px}.virtual-actions.count-2 .virtual-button:first-child{transform:translateY(16px)}.virtual-actions.count-6{grid-template-columns:repeat(3,50px);gap:8px}.virtual-actions.count-6 .virtual-button{width:50px;height:50px;font-size:12px}.virtual-button{color:#ffffffd1;letter-spacing:0;background:#161513ad;border:1px solid #ffffff42;border-radius:50%;place-items:center;width:56px;height:56px;padding:0;font-size:15px;font-weight:700;display:inline-grid;box-shadow:0 4px 14px #00000047}.virtual-button.active{color:#fff;background:#d86125db;border-color:#ffad70d9;transform:scale(.94)}.virtual-actions.count-2 .virtual-button:first-child.active{transform:translateY(16px)scale(.94)}.virtual-system{bottom:max(22px, env(safe-area-inset-bottom));pointer-events:none;gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.virtual-system .virtual-button{text-transform:uppercase;border-radius:15px;width:auto;min-width:54px;height:30px;padding:0 12px;font-size:10px}.virtual-shoulders{top:max(18px, env(safe-area-inset-top));right:max(24px, env(safe-area-inset-right));left:max(24px, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;display:flex;position:absolute}.virtual-shoulders .virtual-button{border-radius:8px;width:84px;height:38px}@media (width<=480px){.virtual-dpad{bottom:max(14px, env(safe-area-inset-bottom));left:max(12px, env(safe-area-inset-left));transform-origin:0 100%;transform:scale(.84)}.virtual-actions{right:max(12px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));transform-origin:100% 100%;transform:rotate(-8deg)scale(.84)}.virtual-system{bottom:max(142px, calc(env(safe-area-inset-bottom) + 122px));transform:translate(-50%)scale(.86)}.virtual-shoulders{top:max(10px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));left:max(12px, env(safe-area-inset-left))}}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{color:#f3f0eb;background:#080808;font-family:Avenir Next,Gill Sans,sans-serif;overflow:hidden}button,input,select{font:inherit}.app-shell{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;flex-direction:column;width:100%;height:100%;display:flex}.modal{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.toolbar{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:linear-gradient(90deg,#f07b3414,#0000 30%),#181715;border-bottom:1px solid #34312d;align-items:center;gap:10px;min-height:58px;padding:8px 16px;display:flex}.fullscreen-game .toolbar{z-index:10;position:absolute;top:0;left:0;right:0}.toolbar-reveal{z-index:11;color:#f2eee8;cursor:pointer;opacity:.5;background:#181715e0;border:1px solid #4a4640;border-top:0;border-radius:0 0 6px 6px;justify-content:center;align-items:center;width:48px;height:26px;padding:0;transition:opacity .12s;display:inline-flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.toolbar-reveal:hover,.toolbar-reveal:focus-visible{opacity:1;background:#373431;border-color:#777068}.toolbar-reveal svg{width:17px;height:17px}.brand-mark{background:#24211e;border:1px solid #4c463e;border-radius:6px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.game-title{color:#fffaf3;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-right:auto;font-size:17px;font-weight:650;overflow:hidden}.toolbar-actions{align-items:center;gap:8px;display:flex}.button,.icon-button{color:#f2eee8;cursor:pointer;background:#292725;border:1px solid #4a4640;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.button{gap:7px;min-height:36px;padding:7px 12px;font-size:13px;font-weight:600}.button svg,.icon-button svg{flex:none;width:17px;height:17px}.button:hover:not(:disabled),.icon-button:hover:not(:disabled){background:#373431;border-color:#777068}.button.primary{color:#fff;background:#d86125;border-color:#ee7d36}.button.primary:hover:not(:disabled){background:#ed7331;border-color:#ffad70}.button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.45}.icon-button{flex:0 0 36px;width:36px;height:36px;padding:0}.github-link{color:inherit;text-decoration:none}.canvas-container{touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#000;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}#canvas{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;outline:none;display:block}.status,.notice{background:#1b1a18f0;border:1px solid #44403a;border-radius:6px;max-width:min(480px,100% - 32px);padding:14px 18px}.status{z-index:2;position:absolute}.notice{z-index:30;align-items:center;gap:10px;font-size:13px;display:flex;position:fixed;bottom:16px;left:16px;box-shadow:0 12px 40px #00000073}.notice svg{flex:none;width:18px;height:18px}.notice.busy svg{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.notice.success{color:#d7f5df;border-color:#477a58}.notice.info{color:#d9efff;border-color:#4c718a}.notice.error{color:#ffd8d1;border-color:#a64232}.modal-backdrop{z-index:20;background:#000000c7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:#1b1a18;border:1px solid #45413b;border-radius:8px;flex-direction:column;width:min(920px,100%);max-height:min(820px,92vh);display:flex;overflow:hidden;box-shadow:0 24px 80px #00000094}.modal-header{background:#201e1b;border-bottom:1px solid #3d3934;flex:none;justify-content:space-between;align-items:center;gap:16px;min-height:62px;padding:12px 16px 12px 20px;display:flex}.modal-header h2,.library-heading h3{color:#fffaf4;margin:0}.modal-header h2{font-size:19px}.library-modal{height:min(720px,90vh)}.upload-zone{background:#22201d;border:1px dashed #5b554d;border-radius:6px;flex-direction:column;flex:none;align-items:flex-start;gap:9px;min-height:78px;margin:16px 18px 8px;padding:14px;display:flex}.upload-zone.dragging{background:#30241d;border-color:#f0803c}.upload-zone p{color:#aaa39a;margin:0;font-size:13px}.upload-zone a{color:#ffad70}.library-heading{align-items:center;gap:8px;padding:12px 20px 8px;display:flex}.library-heading h3{font-size:14px}.library-heading span{color:#c9c2b9;text-align:center;background:#34312d;border-radius:999px;min-width:24px;padding:2px 7px;font-size:11px}.library-heading .library-refresh{flex-basis:32px;width:32px;height:32px;margin-left:auto}.file-list{flex-direction:column;flex:1;gap:5px;min-height:0;padding:4px 18px 18px;display:flex;overflow-y:auto}.file-row{background:#252320;border:1px solid #0000;border-radius:6px;grid-template-columns:32px minmax(0,1fr) 36px 36px;align-items:center;gap:10px;min-height:58px;padding:7px 9px;display:grid}.file-row:hover{background:#2b2926;border-color:#4d4943}.file-row.loaded{background:#30251f;border-color:#d26a2e}.file-icon{color:#6fb4ae;width:19px}.file-load{min-width:0;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:3px;padding:4px 0;display:flex}.file-load strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;overflow:hidden}.file-load span{color:#999289;font-size:11px}.empty-state{color:#8f8981;place-items:center;min-height:180px;font-size:14px;display:grid}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cheat-modal{height:min(760px,90vh);font-size:13px}.dialog-tabs{border-bottom:1px solid #3d3934;flex:none;gap:4px;padding:12px 18px 0;display:flex}.dialog-tabs button{color:#aaa39a;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;min-height:36px;padding:7px 14px;font-weight:600}.dialog-tabs button:hover,.dialog-tabs button.active{color:#fff7ed}.dialog-tabs button.active{border-bottom-color:#ec7938}.cheat-panel{flex-direction:column;flex:1;min-height:0;padding:14px 18px 18px;display:flex}.control-stack{border-bottom:1px solid #38342f;flex-direction:column;flex:none;gap:9px;padding-bottom:12px;display:flex}.control-row{align-items:center;gap:8px;display:flex}.field-label{color:#aaa39a;font-size:12px;font-weight:650}.segmented-control{border:1px solid #4a4640;border-radius:6px;display:inline-flex;overflow:hidden}.segmented-control button{color:#aaa39a;cursor:pointer;background:#272522;border:0;border-right:1px solid #4a4640;min-width:46px;height:32px;padding:0 10px;font-family:SFMono-Regular,Consolas,monospace}.segmented-control button:last-child{border-right:0}.segmented-control button.active{color:#fff;background:#8f431f}.control-row input,.control-row select{color:#f2eee8;background:#252320;border:1px solid #4a4640;border-radius:5px;outline:none;min-width:0;height:36px;padding:0 10px}.control-row input:focus,.control-row select:focus{border-color:#db7338}.control-row input{width:min(180px,100%)}.search-summary{color:#8f8981;min-height:18px;margin:0;font-size:12px}.search-summary.active{color:#73b7b0}.candidate-list,.code-list{flex-direction:column;flex:1;gap:4px;min-height:0;padding-top:10px;display:flex;overflow-y:auto}.candidate-row{background:#252320;border-radius:5px;grid-template-columns:150px minmax(80px,1fr) auto;align-items:center;gap:12px;min-height:44px;padding:5px 8px 5px 12px;display:grid}.candidate-row code,.code-row code{color:#72b7d1;font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.candidate-row span{font-family:SFMono-Regular,Consolas,monospace;font-size:13px}.result-note{color:#8f8981;text-align:center;margin:7px 0 0;font-size:12px}.code-form{border-bottom:1px solid #38342f;flex-wrap:wrap;flex:none;padding-bottom:14px}.code-form input:first-child{width:160px}.code-form input{width:130px}.code-row{background:#252320;border-radius:5px;grid-template-columns:minmax(100px,1fr) auto 54px 36px;align-items:center;gap:10px;min-height:50px;padding:7px 8px 7px 12px;display:grid}.code-row.disabled{opacity:.5}.code-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.button.compact{min-height:32px;padding:5px 9px}.icon-button.danger{color:#ffb6a9;border-color:#743b33}.config-modal{height:min(780px,90vh)}.config-layout{flex:1;grid-template-columns:150px minmax(0,1fr);min-height:0;display:grid}.config-tabs{background:#171614;border-right:1px solid #3d3934;flex-direction:column;gap:3px;padding:12px 8px;display:flex}.config-tabs button{color:#aaa39a;cursor:pointer;text-align:left;background:0 0;border:0;border-left:2px solid #0000;border-radius:4px;min-height:38px;padding:8px 11px;font-size:13px;font-weight:600}.config-tabs button:hover{color:#eee9e2;background:#252320}.config-tabs button.active{color:#fff6ed;background:#30241d;border-left-color:#ed7b3b}.config-panel{min-height:0;padding:16px 18px;overflow-y:auto}.settings-block,.binding-group{margin:0 0 18px}.settings-block h3,.binding-group h3{color:#7cc0ba;margin:0 0 8px;font-size:12px;font-weight:700}.settings-block{background:#211f1c;border:1px solid #3e3a35;border-radius:6px;padding:13px}.setting-row{color:#bbb4ab;grid-template-columns:110px minmax(0,1fr) 48px;align-items:center;gap:10px;min-height:42px;font-size:13px;display:grid}.setting-row select{color:#f3eee8;background:#292724;border:1px solid #4a4640;border-radius:5px;width:100%;height:34px;padding:0 9px}.setting-row output{color:#f28a4a;text-align:right;font-family:SFMono-Regular,Consolas,monospace}.player-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.binding-row{color:#bbb4ab;background:#252320;border-radius:5px;grid-template-columns:minmax(0,1fr) 120px;align-items:center;gap:10px;min-height:42px;margin-bottom:4px;padding:5px 7px 5px 11px;font-size:12px;display:grid}.key-button{color:#f2eee7;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:#171614;border:1px solid #514c45;border-radius:4px;width:120px;min-height:30px;padding:5px 8px;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;overflow:hidden}.key-button:hover,.key-button.listening{border-color:#e5793a}.key-button.listening{color:#ffad79;background:#39251a}.dialog-actions{background:#201e1b;border-top:1px solid #3d3934;flex:none;justify-content:flex-end;align-items:center;gap:8px;min-height:62px;padding:12px 18px;display:flex}@media (width<=640px){.toolbar{gap:7px;min-height:52px;padding:7px 9px}.brand-mark{flex-basis:32px;width:32px;height:32px}.game-title{font-size:14px}.toolbar-actions{gap:5px}.toolbar-actions .button{width:34px;min-height:34px;padding:0}.toolbar-actions .button span{display:none}.toolbar-actions .icon-button{flex-basis:34px;width:34px;height:34px}.modal-backdrop{padding:8px}.modal,.library-modal,.cheat-modal,.config-modal{height:calc(100dvh - 16px);max-height:none}.control-row{flex-wrap:wrap}.control-row input{flex:120px}.candidate-row{grid-template-columns:1fr auto}.candidate-row span{grid-column:1}.candidate-row .button{grid-area:1/2/span 2}.code-row{grid-template-columns:minmax(100px,1fr) 54px 36px}.code-row code{grid-area:2/1/auto/-1}.config-layout{flex-direction:column;display:flex}.config-tabs{border-bottom:1px solid #3d3934;border-right:0;flex-direction:row;flex:none;padding:7px;overflow-x:auto}.config-tabs button{border-bottom:2px solid #0000;border-left:0;min-width:max-content}.config-tabs button.active{border-bottom-color:#ed7b3b;border-left:0}.config-panel{padding:12px}.player-grid{grid-template-columns:1fr;gap:0}.setting-row{grid-template-columns:82px minmax(0,1fr) 44px}.dialog-actions{min-height:58px;padding:10px 12px}}