#campaign-dialog{width:min(660px,calc(100% - 24px));max-height:88dvh;overflow:auto;text-align:left;padding:22px}#campaign-dialog h2{margin:0;font:28px Jua,sans-serif}.campaign-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}#campaign-dialog p{font-size:13px;line-height:1.6;color:#857566}#campaign-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.campaign-stage{display:flex;flex-direction:column;gap:8px;padding:14px 10px;text-align:left;background:#fff8eb;border:1px solid #d6c8ac;border-radius:15px;min-height:115px}.campaign-stage>b{font:26px Jua,sans-serif;color:#b46d7c}.campaign-stage>span{font-size:12px;line-height:1.4}.campaign-stage>small{font-size:10px;color:#857566}#campaign-hud{width:min(100%,540px);margin:0 auto 8px;padding:8px 12px;background:#f2f0e3;border:1px solid #cec9af;border-radius:14px}#campaign-hud>div{display:flex;justify-content:space-between;gap:10px;font-size:12px}#campaign-hud ul{list-style:none;display:flex;justify-content:center;gap:12px;margin:4px 0 0;padding:0}#campaign-hud li{display:flex;align-items:center;gap:5px;font-size:12px}#campaign-hud canvas{width:30px;height:30px}#campaign-hud .done{color:#54855d}.is-campaign .game-layout aside{display:none}.is-campaign .game-subtitle{display:none}@media(max-width:650px){#campaign-stages{grid-template-columns:repeat(2,1fr)}#campaign-hud{padding:6px 9px;margin-bottom:5px}#campaign-hud li{font-size:11px}body.is-campaign #game-screen .board{max-width:min(400px,calc((var(--play-height,100dvh) - 290px)*.625))}#campaign-open small{font-size:11px}}

@media(pointer:coarse),(max-width:650px){body.is-campaign #game-screen .game-layout:not(.duo-layout) .canvas-wrap{width:min(100%,calc((var(--play-height,100dvh) - 304px - env(safe-area-inset-bottom,0px))*.625))}body.is-campaign #game-subtitle{display:none}}

/* Three equally sized mode cards, in play order. */
#lobby .lobby-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1080px;align-items:stretch}
#lobby .lobby-modes .mode-card{width:100%;max-width:none;min-width:0;min-height:104px;margin:0}
#campaign-open{background:#dce6cf;border-color:#9ba68c;box-shadow:inset 0 3px 0 #fff6eccc,0 6px 0 #929e83,0 10px 16px #97714625}
#campaign-open strong{color:#566547}#campaign-open small{color:#677459;margin:5px 0 0}#campaign-open:hover{background:#e8eedf}
@media(min-width:651px){#lobby .lobby-modes{gap:12px}#lobby .mode-card{padding:10px 8px;gap:5px}#lobby .mode-card strong{font-size:21px}#lobby .mode-card small{font-size:10px}#lobby .mode-portrait{width:48px;height:48px}#lobby .duo-card .mode-portrait{width:58px}}
@media(max-width:650px){#lobby .lobby-modes{grid-template-columns:1fr;max-width:370px;gap:16px}#lobby .lobby-modes .mode-card{min-height:88px}#campaign-open small{font-size:12px}}