/* Artwork and palette for this game. Layout, controls and code display are V4. */
.wanchan-game .cover-hero.runner-hero { width:180px; bottom:24px; }
.wanchan-game .cover-detail { max-width:360px; }
.wanchan-game .draw-canvas.is-sprite > img { width:100%; max-width:100%; max-height:100%; height:auto; object-fit:contain; }
.wanchan-game .visual-image { min-height:0; }
.wanchan-game a.asset-link { color:#2457d6; font-weight:800; text-decoration:underline; }
.wanchan-game .mission-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.wanchan-game .mission-item { padding:16px; }
/* All split pages: half for the overview, half for equal-height edit panes. */
.wanchan-game .detail-pane .program-workspace { padding-left:14px; }

.draw-canvas.has-examples { padding:8px; }
.drawing-examples { position:absolute; inset:8px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:repeat(3,minmax(0,1fr)); gap:8px; }
.drawing-example { display:flex; flex-direction:column; align-items:center; min-width:0; min-height:0; border:2px solid #b7c5e0; border-radius:9px; background:white; color:#17254c; text-decoration:none; overflow:hidden; }
.draw-canvas .drawing-example img { position:static; transform:none; width:100%; height:0; min-height:0; flex:1; object-fit:contain; }
.drawing-example span { flex:none; font-size:13px; line-height:22px; }

/* Enlarge only split program cards; ordinary cards retain the shared scale. */
.wanchan-game .is-split-code { --program-fit-width: 1; --program-fit-blocks: 1; }
.wanchan-game .is-split-code .program-workspace { flex-direction:column; align-items:stretch; width:100%; box-sizing:border-box; padding-left:12px; padding-right:12px; }
.wanchan-game .is-split-code .overview-pane .program-workspace { padding-left:2px; }
.wanchan-game .overview-pane .program-label { margin-left:0; }
.wanchan-game .fit-program-width { width:100% !important; min-width:0; }
.wanchan-game .fit-program-width > svg { width:100%; height:auto; }