body{overflow:auto!important;background:radial-gradient(ellipse at 30% 15%,#20342a,#101a1c 48%,#101315)}#game-area{display:grid;grid-template-columns:repeat(2,minmax(0,240px)) 190px;justify-content:center;align-items:start;gap:24px;padding:110px 24px 48px;min-height:100vh}.sketch-heading{grid-column:1/-1;text-align:center}.sketch-kicker{color:#a3d9ad;font-size:10px;letter-spacing:.2em;font-weight:700}.sketch-heading h2{font-size:28px;color:#fff3d4;margin:10px 0}#round-feedback{margin:0;min-height:2.4em;font-size:13px;line-height:1.6;color:#a7b5ad}#reference-panel,#draw-panel,#tools{padding:12px;background:#ffffff05;border:1px solid #d4eac315;border-radius:12px;box-shadow:0 8px 24px #0002}.panel-label{font-family:var(--font-pixel);font-size:8px;color:#c5d9b8;text-align:center;margin:3px 0 12px;line-height:1.6}#ref-canvas,#draw-canvas{display:block;width:100%;height:auto;border:2px solid #899f7055;border-radius:4px;image-rendering:pixelated}#draw-canvas{cursor:crosshair;touch-action:none;border-color:#b6dc8877;box-shadow:0 0 20px #8fd8710a}#tools{display:flex;flex-direction:column;align-items:center;gap:8px}#palette{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.color-swatch{width:40px;height:40px;border-radius:6px;cursor:pointer;border:2px solid #ffffff18;transition:transform .12s,box-shadow .12s;color:#f0ead6;font-size:23px}.color-swatch:hover{transform:translateY(-2px)}.color-swatch.active{border-color:#fff;box-shadow:0 0 0 3px #a7d28155}.color-swatch:focus-visible{outline:3px solid #f9d580;outline-offset:3px}.eraser-swatch{grid-column:span 2;width:100%;border-style:dashed}.tool-hint{font-size:10px;color:#a7b5ad;margin:4px 0}.sketch-actions{display:flex;gap:7px;flex-wrap:wrap;width:100%}.sketch-actions .btn{flex:1;padding:12px 8px;font-size:11px;min-height:44px}#clear-btn{background:#ffffff0c;color:#d6ded3}.sketch-actions .btn:disabled{opacity:.5;cursor:default;transform:none}@media(max-width:760px){#game-area{grid-template-columns:repeat(2,minmax(0,240px));gap:14px;padding:110px 14px 32px}#tools{grid-column:1/-1}#palette{grid-template-columns:repeat(6,1fr);gap:8px;max-width:100%}.eraser-swatch{grid-column:auto;width:40px}.sketch-actions{max-width:350px}#reference-panel,#draw-panel{padding:8px}.sketch-heading h2{font-size:24px}}@media(max-width:380px){#game-area{gap:10px;padding-inline:10px}.color-swatch,.eraser-swatch{width:36px;height:40px}#round-feedback{font-size:11px}}