/* Boop Cake's colours; everything else is shared/game/game-ui.css (loaded first). */
:root{
    --bg: #ffd6e7;
    --title: #ffd23f;
    --panel: rgba(110, 40, 80, .82);
    --panel-center: rgba(100, 35, 75, .86);
    --panel-edge: rgba(100, 35, 75, .3);
    --dialog: #6b2a55;
}

/*
 * One tap plays: no pinch zoom, no iPhone magnifier, no page scroll. Only the windows' lists scroll
 * (like Boop Blocks and Neon Arrow).
 */
html,
body{
    touch-action: none;
}

.game-canvas{
    touch-action: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

.ranks__list,
.missions__list,
.skins__grid,
.whats-new__list{
    touch-action: pan-y;
}

/* The score stays readable over the light background. */
.hud__score{
    text-shadow: 0 2px 0 rgba(0, 0, 0, .35);
}

.panel__score small{
    font-size: .4em;
}