.sketch-card,.sketch-pad-card{background:linear-gradient(145deg,#fff1a8,#92dcff)!important;border:3px solid #397fbc!important}
.sketch-game,.sketch-pad-game{padding:clamp(16px,4vw,34px);background:linear-gradient(180deg,#fffaf0,#e9f9ff)}
.sketch-shell{max-width:1120px;margin:auto}
.sketch-top,.sketch-pad-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.sketch-status,.sketch-pad-status{margin-left:auto;padding:8px 14px;border-radius:999px;background:#fff;border:2px solid #d8e3ef;font-weight:800}
.sketch-copy{text-align:center;margin:12px auto 18px}
.sketch-copy h2{font-size:clamp(2rem,6vw,4.2rem);margin:.15em 0}
.sketch-copy p{font-size:clamp(1rem,2.5vw,1.35rem);margin:.3em auto;max-width:720px}
.sketch-tools{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.sketch-colors{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.sketch-color{width:46px;height:46px;border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #172343;cursor:pointer}
.sketch-color.active{box-shadow:0 0 0 5px #2d5bd7;transform:scale(1.08)}
.sketch-tools button,.sketch-tools label,.sketch-ideas button{min-height:48px;border:2px solid #172343;border-radius:18px;background:#fff;padding:9px 15px;font:800 1rem system-ui;color:#172343;cursor:pointer}
.sketch-tools button.active{background:#172343;color:#fff}
.sketch-tools button:disabled{opacity:.45;cursor:not-allowed}
.sketch-tools label{display:flex;align-items:center;gap:8px}
.sketch-tools input{width:110px}
.sketch-canvas-wrap{max-width:1000px;margin:auto;border:7px solid #172343;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 12px 0 #b7c9d8;touch-action:none}
#sketchCanvas{display:block;width:100%;height:auto;aspect-ratio:10/7;background:#fff;cursor:crosshair;touch-action:none}
.sketch-ideas{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:24px auto 8px}
.sketch-ideas button{background:#2d5bd7;color:#fff;border-color:#2d5bd7}
@media(max-width:620px){
 .sketch-game,.sketch-pad-game{padding:12px 8px 22px}
 .sketch-status,.sketch-pad-status{margin-left:0}
 .sketch-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px}
 .sketch-colors,.sketch-tools label{grid-column:1/-1}
 .sketch-tools button,.sketch-tools label{box-sizing:border-box;width:100%;min-width:0;min-height:52px;font-size:.9rem;padding:8px 10px;touch-action:manipulation}
 .sketch-tools label{justify-content:center}
 .sketch-tools input{width:min(180px,55vw)}
 .sketch-colors{gap:10px}
 .sketch-color{width:42px!important;height:42px!important;min-height:42px!important;padding:0!important}
 .sketch-tools #sketchSave{grid-column:1/-1;background:#2d5bd7;color:#fff;border-color:#2d5bd7}
 .sketch-canvas-wrap{border-width:5px;border-radius:18px}
}