.pxl{--accent:#6ac06a}.pxl-wrap{display:flex;gap:12px;align-items:flex-start}.pxl-palette{display:grid;grid-template-columns:repeat(2,30px);gap:6px;flex:none;padding:10px;border:1px solid var(--line);border-radius:12px;background:rgba(12,16,22,.6)}.pxl-sw{width:30px;height:30px;border-radius:7px;border:2px solid rgba(255,255,255,.08);cursor:pointer;padding:0}.pxl-sw.on{border-color:#fff;box-shadow:0 0 0 2px #ffffff4d}.pxl-board{flex:1;aspect-ratio:1/1;max-width:640px}.pxl-board canvas{cursor:crosshair;image-rendering:pixelated}.pxl-board #stage{inset:0;margin:auto;width:var(--side,100%);height:var(--side,100%)}.game-stage:fullscreen .pxl-wrap{flex:1 1 auto;min-height:0;align-items:stretch}@media (max-width:600px){.pxl-wrap{flex-direction:column;align-items:stretch;gap:8px;flex:1 1 auto;min-height:0}.pxl-palette{grid-template-columns:repeat(8,minmax(0,1fr));gap:0;padding:4px;width:100%;flex:none}.pxl-sw{width:100%;height:auto;min-height:40px;aspect-ratio:1/1;padding:3px;background-clip:content-box}.pxl-board{flex:1 1 auto;min-height:0;aspect-ratio:auto;max-width:none;width:100%}.pxl #toolSeg .g-lab,.pxl .game-hint{display:none}}@media (max-width:360px){.pxl .game-toolbar{gap:5px;padding:6px}.pxl .game-toolbar .g-btn{padding:6px 7px;font-size:11px;gap:5px}.pxl .game-toolbar .g-btn .gi{font-size:13px}}