.qw{--q-ink:#e9e4d2;--q-muted:#a8ada6;--q-gold:#e4bc70;--q-line:#38453f;max-width:1430px;color:var(--q-ink);margin:auto;padding:28px clamp(16px,3vw,44px) 45px;font-family:system-ui,sans-serif}.qw *{box-sizing:border-box}.qw-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:25px;display:flex}.qw-back{color:var(--q-muted);font-size:12px;text-decoration:none}.qw-kicker{letter-spacing:3px;color:var(--q-gold);margin:22px 0 8px;font-size:10px}.qw h1{margin:0;font:clamp(26px,3vw,43px)/1.15 Georgia,serif}.qw-intro{color:var(--q-muted);margin:10px 0 0;font-size:14px}.qw button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--q-line);background:#202c27;border-radius:8px;padding:10px 13px;transition:background .1s}.qw button:hover{background:#314238;border-color:#859c77}.qw button:disabled{opacity:.35;cursor:default}.qw button[aria-pressed=true]{border-color:var(--q-gold);color:#f7e3ae;background:#4b422d}.qw kbd{background:#151d1a;border:1px solid #425047;border-radius:4px;padding:3px 5px;font:10px ui-monospace,monospace}.qw-mode{flex-shrink:0;gap:8px;display:flex}.qw-mode button{padding:13px 20px}.qw-workspace{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:20px;display:grid}.qw-palette,.qw-stage-panel{border:1px solid var(--q-line);background:#17211d;border-radius:14px;overflow:hidden}.qw-palette{padding:16px}.qw-panel-title{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.qw h2{margin:0;font-size:14px}.qw-panel-title span{color:var(--q-muted);font-size:10px}.qw-group-label{color:#8d9c91;letter-spacing:1.5px;text-transform:uppercase;margin:15px 0 8px;font-size:10px}.qw-piece-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.qw-piece{text-align:center;min-height:69px;padding:7px 3px!important;font-size:10px!important}.qw-piece canvas{width:32px;height:32px;image-rendering:pixelated;margin:0 auto 4px;display:block}.qw-tool-note{background:#101914;border-radius:8px;min-height:86px;margin-top:18px;padding:12px}.qw-tool-note strong{color:var(--q-gold);font-size:12px}.qw-tool-note p{color:var(--q-muted);margin:6px 0 0;font-size:12px;line-height:1.5}.qw-history,.qw-file{grid-template-columns:1fr 1fr;gap:7px;margin-top:12px;display:grid}.qw-history button,.qw-file button{padding:9px 4px;font-size:11px}.qw-stage-bar{background:#1c2923;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:14px 18px;font-size:11px;display:flex}.qw-stage-bar>span:first-child{color:var(--q-gold);letter-spacing:1.5px;white-space:nowrap}.qw-stage-bar>span:nth-child(2){color:var(--q-muted);text-align:right}.qw-stage-bar button{padding:5px 9px;font-size:11px}.qw-canvas-wrap{background:#0d1612;padding:16px}.qw-canvas-wrap canvas{width:100%;max-height:calc(100dvh - var(--header-h,0px) - 255px);aspect-ratio:4/3;object-fit:contain;image-rendering:pixelated;touch-action:none;cursor:crosshair;outline-offset:4px;background:#101813;display:block}.qw.playing .qw-canvas-wrap canvas{cursor:default}.qw-stage-foot{color:var(--q-muted);justify-content:space-between;gap:10px;padding:10px 18px;font-size:11px;display:flex}.qw-stage-foot label{white-space:nowrap}.qw-stage-foot input{accent-color:var(--q-gold)}.qw-status{border-top:1px solid var(--q-line);color:#ebd298;min-height:43px;margin:0;padding:12px 18px;font-size:12px;line-height:1.5}.qw-controls{color:var(--q-muted);background:#101914;flex-wrap:wrap;gap:12px;padding:12px 18px;font-size:10px;display:flex}.qw-controls span:last-child{margin-left:auto}.qw-bottom{grid-template-columns:1.4fr 1fr;gap:36px;margin-top:26px;display:grid}.qw-bottom p{color:var(--q-muted);margin:8px 0;font-size:12px;line-height:1.8}.qw-bottom small{color:var(--q-muted);font-size:10px;line-height:1.6}.qw-cabinet-row{letter-spacing:12px;color:#576957;margin:8px 0;font-size:30px}.qw-touch{border-top:1px solid var(--q-line);justify-content:space-between;align-items:center;padding:10px 20px;display:none}.qw-touch button{touch-action:none;-webkit-user-select:none;user-select:none;min-width:48px;min-height:48px}.qw-dpad{grid-template-columns:repeat(3,48px);gap:4px;display:grid}.qw-dpad button:first-child{grid-column:2}.qw-dpad button:nth-child(2){grid-area:2/1}.qw-dpad button:nth-child(3){grid-area:2/2}.qw-dpad button:nth-child(4){grid-area:2/3}.qw-touch-actions{gap:10px;display:flex}.qw-touch-actions button{min-width:65px;font-size:22px}.qw-touch-actions small{margin-top:4px;font-size:9px;display:block}.qw.playing .qw-touch{display:flex}@media (width>=1000px) and (pointer:fine){.qw.playing .qw-touch{display:none}}@media (width<=900px){.qw-workspace{grid-template-columns:185px minmax(0,1fr)}.qw-palette{padding:12px}.qw-stage-bar{flex-wrap:wrap}.qw-stage-bar>span:nth-child(2){text-align:left}.qw-canvas-wrap canvas{max-height:none}.qw-mode button{padding:11px}.qw-mode kbd{display:none}.qw-bottom{gap:20px}}@media (width<=620px){.qw{padding-top:18px}.qw-heading{flex-direction:column;align-items:start;gap:16px}.qw-kicker{margin-top:16px}.qw-workspace{grid-template-columns:1fr}.qw-palette{order:2}.qw.playing .qw-palette{display:none}#qw-tools{flex-wrap:wrap;gap:10px;display:flex}.qw-tool-group{flex:1;min-width:125px}.qw-group-label{margin-top:0}.qw-tool-note{min-height:0}.qw-stage-panel{order:1}.qw-bottom{grid-template-columns:1fr}.qw-canvas-wrap{padding:8px}.qw-controls span:last-child{margin-left:0}.qw-mode{width:100%}.qw-mode button{flex:1}}@media (prefers-reduced-motion:reduce){.qw button{transition:none}}.qw-heading{align-items:center;margin-bottom:16px}.qw h1{margin-top:8px;font-size:clamp(20px,3vw,28px)}.qw-stage-foot{flex-wrap:wrap;align-items:center}.qw-stage-foot>span{flex:1 0 160px}.qw-stage-foot label{align-items:center;gap:5px;min-height:36px;display:flex}.qw-stage-foot select{max-width:130px;color:var(--q-ink);border:1px solid var(--q-line);font:inherit;background:#202c27;border-radius:6px;padding:8px}.qw-channel-options{border:0;margin:0;padding:0}.qw-channel-options legend{color:var(--q-muted);margin-bottom:7px;font-size:12px}.qw-channel-options>div{gap:6px;display:flex}.qw-channel-options button{flex:1;min-width:0;min-height:44px;padding:8px}.qw-help{border-top:1px solid var(--q-line);color:var(--q-muted);padding:12px 18px;font-size:12px}.qw-help summary{cursor:pointer;min-height:32px}.qw-help p{line-height:1.6}.qw-help .qw-controls{padding:8px 0}.qw-save-note{color:var(--q-muted);margin:14px 0;font-size:12px}.qw [hidden]{display:none!important}.qw-piece,.qw-history button,.qw-file button{min-height:44px}.qw-stage-bar button{min-height:36px}.qw-canvas-wrap canvas,.qw-piece canvas{image-rendering:auto}.qw-check{width:100%;min-height:44px;margin-top:10px}.qw-issues{padding:0;font-size:12px;list-style:none}.qw-issues button{text-align:left;width:100%;margin-top:6px;line-height:1.5}@media (width<=620px){.qw-stage-bar{gap:8px;padding:10px}.qw-stage-bar>span:nth-child(2){flex-basis:100%;order:3}.qw-stage-bar button,.qw-stage-foot label{min-height:44px}.qw-touch{padding:12px 10px}.qw-touch-actions{gap:6px}.qw-touch-actions button{min-width:54px;padding:10px 6px}.qw-dpad{grid-template-rows:repeat(2,44px);grid-template-columns:repeat(3,44px);gap:4px}.qw-heading{gap:10px}.qw-status{min-height:2.5em;margin:10px}}.qw-health{color:#e9b3ae;letter-spacing:3px;white-space:nowrap;font-size:17px}.qw-stage-bar #qw-inventory{color:var(--q-muted);text-align:right;flex:1}.qw-touch-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}#qw-touch-strike{color:#ffdf99;background:#51452c;border-color:#bc9962}#qw-touch-interact{grid-column:1/-1;min-height:44px;padding:6px;font-size:15px}#qw-touch-interact small{margin-left:5px;font-size:11px;display:inline}@media (width<=620px){.qw-stage-bar #qw-health{flex-basis:auto;order:0}.qw-stage-bar #qw-inventory{text-align:left;flex-basis:100%;order:3}.qw-touch-actions{width:114px}.qw-touch-actions button{min-width:0}.qw-dpad{flex-shrink:0}}.qw.playing .qw-stage-foot .qw-maker-option{display:none}#qw-view{min-height:44px;padding:8px;font-size:11px}@media (width<=620px){.qw.playing .qw-heading>div:first-child,.qw.playing #qw-mode-label,.qw.playing #qw-inventory,.qw.playing #qw-cursor{display:none}.qw.playing .qw-heading{margin-bottom:10px}.qw.playing .qw-stage-bar{flex-wrap:nowrap;gap:5px}.qw.playing .qw-stage-bar button{padding:5px 8px}.qw.playing .qw-stage-foot{padding:4px 10px}.qw.playing .qw-status{margin:0;padding:8px 10px;font-size:11px}.qw.playing .qw-help{padding:8px 10px}.qw{padding-left:8px;padding-right:8px}.qw-dpad{grid-template-rows:repeat(2,48px);grid-template-columns:repeat(3,48px)}.qw-touch-actions{flex-shrink:0;width:108px}}.qw-touch button{background:#2d413694}#qw-touch-strike{background:#644f2994}#qw-special-prev,#qw-special-next{min-height:44px;padding:4px;font-size:22px}.qw.playing .qw-palette{display:none}.qw.playing .qw-workspace{grid-template-columns:minmax(0,1fr)}