/* Phase 3.2 standalone player card - original pastel design */
.guest-body { min-height:100dvh; background: radial-gradient(circle at 10% 8%,#fff2d5 0,transparent 37%),radial-gradient(circle at 90% 58%,#e4f8ef 0,transparent 48%),#fffaf2; }
.guest-shell { margin:0 auto; max-width:780px; padding:0 18px 24px; }
.guest-topbar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px 0 9px; }
.guest-logo { font-weight:1000; font-size:clamp(18px,4.8vw,23px); letter-spacing:-.05em; white-space:nowrap; color:#505264; text-decoration:none; }
.guest-logo span { color:#ef8598; }
.guest-nav { display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-end; gap:7px; }
.guest-nav a { text-decoration:none; color:#626574; font-weight:900; font-size:11px; border:1px solid #efe9e5; background:#fff; border-radius:11px; padding:10px 12px; }
.guest-lang { color:#477d78!important; }
.guest-main { width: min(100%,620px); margin:0 auto; }
.guest-heading { text-align:center; margin:13px 0 20px; }
.guest-eyebrow { display:inline-block; border-radius:100px; background:#fff1dc; padding:7px 14px; color:#b48971; font-size:10px; font-weight:1000; letter-spacing:.075em; }
.guest-heading h1 { margin:10px 0 5px; font-size:clamp(20px,5.3vw,28px); font-weight:1000; letter-spacing:-.055em; }
.guest-heading p { color:#7e7e87; font-size:12px; line-height:1.75; margin:0; font-weight:800; }
.guest-card.mobile-play-area { width:100%; margin:0 auto; padding:clamp(12px,3.5vw,26px); border-radius:25px; }
.guest-card .mobile-number-cell { font-size:clamp(18px,5.3vw,28px); }
.guest-card .mobile-header-cell { min-height:clamp(38px,9.7vw,56px); }
.guest-card .mobile-card-board { gap:clamp(3px,.9vw,7px); }
.guest-card .mobile-number-cell { min-height:0; }
.guest-card .mobile-status { min-height:48px; }
.guest-howto { margin:15px 0 12px; background:#fff; border:1px solid #f0e7e0; border-radius:17px; padding:0 18px; font-size:12px; line-height:1.75; color:#636878; box-shadow:0 7px 20px rgba(120,100,90,.04); }
.guest-howto summary { display:flex; justify-content:space-between; align-items:center; list-style:none; padding:15px 0; font-weight:1000; cursor:pointer; color:#59636d; }
.guest-howto summary::-webkit-details-marker { display:none; }
.guest-howto summary span { font-size:18px; }
.guest-howto[open] summary span { transform:rotate(180deg); }
.guest-howto-body { padding:0 0 14px; }
.guest-howto-body p { margin:8px 0; }
.guest-warning { background:#fff1e2; padding:10px 11px; border-radius:10px; color:#8d604d; }
.guest-note { color:#8e9297; font-size:11px; }
.guest-footer { padding:18px 0; text-align:center; color:#a3a0a3; font-size:11px; font-weight:750; }
@media(max-width:420px){
  .guest-shell { padding:0 10px 12px; }
  .guest-topbar { padding:12px 4px 6px; }
  .guest-nav a { padding:8px 9px; font-size:10px; }
  .guest-heading { margin:9px 0 13px; }
  .guest-card.mobile-play-area { border-radius:16px; padding:12px; }
  .guest-card .mobile-card-board { padding:6px; gap:4px; border-radius:13px; }
  .guest-card .mobile-header-cell { min-height:36px; }
  .guest-card .mobile-number-cell { font-size:clamp(17px,5vw,23px); border-radius:7px; }
  .guest-card .mobile-status { margin-bottom:9px; }
  .guest-card .mobile-progressline { margin:12px 2px; }
  .guest-card .mobile-card-actions button { min-height:45px; }
}
@media(prefers-reduced-motion:reduce) { .guest-body * { scroll-behavior:auto; } }