/* Dartava mobile pricing & direct Bot Arena — owner review Oct 17 2026.
   Identical phone-browser / Play installed content; desktop retains 3 columns. */

/* The responsive rule is based on device SURFACE as well as viewport,
   so even a phone view in a large desktop preview never uses tiny columns. */
body[data-r3-surface="mobile"] .da-pricing-page .da-price-options,
body[data-r3-surface="app"] .da-pricing-page .da-price-options{
  grid-template-columns:minmax(0,1fr)!important;
  width:100%;max-width:100%;gap:13px;
}
body[data-r3-surface="mobile"] .da-pricing-page .da-price-options article,
body[data-r3-surface="app"] .da-pricing-page .da-price-options article{
  min-width:0;width:100%;padding:19px!important;box-sizing:border-box;
}
body[data-r3-surface="mobile"] .da-pricing-page .da-price-options h2,
body[data-r3-surface="app"] .da-pricing-page .da-price-options h2{font-size:23px!important;line-height:1.2}
body[data-r3-surface="mobile"] .da-pricing-page .da-plan-price,
body[data-r3-surface="app"] .da-pricing-page .da-plan-price{font-size:clamp(22px,6vw,28px)!important;overflow-wrap:anywhere}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .da-pricing-page .da-price-options p{min-height:0!important;overflow-wrap:break-word}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .da-pricing-page{max-width:100%;min-width:0;overflow-wrap:break-word}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .da-pricing-page .da-price-options button{min-height:50px}
@media(max-width:900px){body[data-r3-surface="pc"] .da-pricing-page .da-price-options{grid-template-columns:minmax(0,1fr)}}

/* Real bot match: open directly in an Arena-style live scorer instead of
   displaying a separate room panel. One persisted R3 match & one caller. */
.r3-fullscreen-body .da-direct-bot-arena{padding:0 14px 10px;color:#effaff}
.r3-fullscreen-body .da-direct-bot-arena .da-direct-bot-head{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:9px 4px;color:#68f0dc;font-size:12px;font-weight:900;letter-spacing:.11em}
.r3-fullscreen-body .da-direct-bot-arena .da-direct-bot-head small{font-size:11px;color:#a0bdd1;letter-spacing:0;text-transform:none}
.r3-fullscreen-body .da-direct-bot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.r3-fullscreen-body .da-direct-bot-card{
 background:linear-gradient(150deg,#102a41,#071928);
 border:1px solid #32607a;border-radius:15px;padding:12px 9px 10px;
 min-width:0;display:grid;gap:7px;text-align:center
}
.r3-fullscreen-body .da-direct-bot-card>strong{font-size:clamp(12px,3vw,16px);color:#eaffff}
.r3-fullscreen-body .da-direct-bot-card>small{font-size:11px;color:#a8c3d2;overflow-wrap:anywhere}
.r3-fullscreen-body .da-direct-bot-card .da-direct-virtual-board{
 height:105px;width:105px;max-width:100%;margin:0 auto;border-radius:50%;
 border:3px solid #9ab4bc;box-shadow:0 0 0 4px #12222d,0 0 15px #0009;
 background:radial-gradient(circle at center,#ba343c 0 5%,#1b6536 5% 11%,#d4e0c8 11% 18%,#17252a 18% 39%,#bcd0ad 39% 45%,#8a3835 45% 51%,#253536 51% 68%,#d8e7ce 68% 74%,#16532c 74% 77%,#24332e 77% 100%)
}
.r3-fullscreen-body .da-direct-bot-card .da-direct-camera-off{
 display:grid;place-items:center;height:105px;width:105px;max-width:100%;margin:0 auto;border:1px dashed #4c8994;
 border-radius:12px;font-size:30px;color:#66d6d8;background:#092538
}
.r3-fullscreen-body .da-direct-bot-note{margin:10px 1px 0;color:#afd0db;font-size:12px;line-height:1.4}
@media(max-width:430px){
 .r3-fullscreen-body .da-direct-bot-grid{gap:7px}
 .r3-fullscreen-body .da-direct-bot-arena{padding:0 10px 9px}
 .r3-fullscreen-body .da-direct-bot-card{padding:9px 6px}
 .r3-fullscreen-body .da-direct-bot-card .da-direct-camera-off,
 .r3-fullscreen-body .da-direct-bot-card .da-direct-virtual-board{width:86px;height:86px}
}