/* Doodle Boom — draw-a-line-and-watch-it-transform toy, KidSafe Play pastel theme.
   Scoped under .gw so the generic class names don't clobber the site nav/buttons. */

.game-page{width:min(96vw,920px);margin:0 auto}
.game-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.game-thumb{border-radius:16px;flex:none;box-shadow:0 6px 14px rgba(255,150,180,.25)}
.game-head h1{margin:0;font-size:26px;color:#5a4a6a;text-shadow:0 2px 0 #fff}
.game-head .sub{margin:2px 0 0;color:#9a86ad;font-size:14px}

.gw{user-select:none}
.gw *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.gw .app{display:flex;flex-direction:column;align-items:center;gap:12px;padding:6px 0;max-width:min(96vw,560px);margin:0 auto}

.gw .toprow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center}
.gw .iconbtn{cursor:pointer;border:none;border-radius:999px;padding:9px 18px;font-size:14px;font-weight:800;color:#fff;background:linear-gradient(180deg,#ffa9cf,#ff7eb3);box-shadow:0 4px 0 #ef5e98}
.gw .iconbtn:active{transform:translateY(2px);box-shadow:0 2px 0 #ef5e98}
.gw .iconbtn.blue{background:linear-gradient(180deg,#9bd0ff,#5fb8ff);box-shadow:0 4px 0 #3a93dd}
.gw .iconbtn.blue:active{box-shadow:0 2px 0 #3a93dd}
.gw .iconbtn.ghost{background:linear-gradient(180deg,#e9dff3,#d9c8ec);color:#6a5a7a;box-shadow:0 4px 0 #c3b0dd}
.gw .iconbtn.ghost:active{box-shadow:0 2px 0 #c3b0dd}
.gw .iconbtn.cam{background:linear-gradient(180deg,#a0e8a0,#57c65f);box-shadow:0 4px 0 #3ea648}
.gw .iconbtn.cam:active{box-shadow:0 2px 0 #3ea648}
.gw .iconbtn.cam.on{background:linear-gradient(180deg,#ff9db1,#ff6f91);box-shadow:0 4px 0 #e0517a}

/* keep the fullscreen button inline in the row (overrides fullscreen.css absolute) */
.gw .fs-btn{position:static;top:auto;right:auto;width:38px;height:38px;flex:none}

.gw .board-wrap{position:relative;padding:4px;width:100%;display:flex;justify-content:center}
.gw .db-stage{position:relative;width:min(94vw,520px);aspect-ratio:5/4;background:var(--db-pad,#fff5fb);border:3px solid #ffe1ee;border-radius:18px;overflow:hidden;touch-action:none}
.gw #dbCanvas{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none}
.gw #dbHint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:18px;font-weight:800;color:#c9a7d0;text-align:center;padding:22px}
.gw #dbTag{position:absolute;top:10px;left:0;right:0;text-align:center;font-size:16px;font-weight:900;color:#8a6db0;pointer-events:none;text-shadow:0 1px 0 #fff}

.gw .hint{margin:0;font-size:12.5px;color:#9a86ad;text-align:center;max-width:440px;line-height:1.5}
.gw .privacy{margin:2px 0 0;font-size:11.5px;color:#a99cbf;text-align:center;max-width:440px}