*{box-sizing:border-box}body{margin:0;font-family:Arial,"Noto Nastaliq Urdu",sans-serif;background:linear-gradient(135deg,#eef3f8,#dce7f2);color:#172033;min-height:100vh}.page-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:430px;background:#fff;border-radius:22px;padding:34px;box-shadow:0 24px 70px rgba(20,35,60,.18);border:1px solid rgba(255,255,255,.8)}.brand-mark{width:64px;height:64px;border-radius:18px;background:#1f4e79;color:#fff;display:grid;place-items:center;font-weight:800;font-size:22px;margin:0 auto 18px}h1{margin:0;text-align:center;font-size:28px}.subtitle{text-align:center;color:#667085;margin:8px 0 24px}.login-form{display:grid;gap:10px}.login-form label{font-weight:700;margin-top:8px}.login-form input{width:100%;padding:13px 14px;border:1px solid #cbd5e1;border-radius:11px;font-size:16px;outline:none}.login-form input:focus{border-color:#1f4e79;box-shadow:0 0 0 3px rgba(31,78,121,.12)}button{margin-top:12px;padding:13px;border:0;border-radius:11px;background:#1f4e79;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.alert{background:#fee2e2;color:#991b1b;padding:12px;border-radius:10px;margin-bottom:14px}.footnote{text-align:center;color:#98a2b3;font-size:12px;margin:18px 0 0}.dashboard-shell{max-width:1050px;margin:0 auto;padding:34px}.dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;padding:24px;border-radius:18px;box-shadow:0 12px 35px rgba(20,35,60,.1)}.dashboard-header h1{text-align:right}.dashboard-header p{margin:7px 0 0;color:#667085}.logout{background:#7f1d1d;color:#fff;text-decoration:none;padding:11px 18px;border-radius:10px;font-weight:700}.welcome-panel{margin-top:24px;background:#fff;padding:28px;border-radius:18px;box-shadow:0 12px 35px rgba(20,35,60,.08)}.welcome-panel h2{margin-top:0}@media(max-width:600px){.dashboard-header{align-items:flex-start;flex-direction:column}.dashboard-shell{padding:18px}.login-card{padding:26px}}


.choice-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  margin-top: 34px;
}
.choice-card {
  display: flex;
  min-height: 220px;
  padding: 30px;
  border-radius: 22px;
  text-decoration: none;
  color: #fff;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
  box-shadow: 0 18px 45px rgba(15, 23, 42, .18);
  transition: transform .18s ease, box-shadow .18s ease;
}
.choice-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 24px 55px rgba(15, 23, 42, .24);
}
.prize-card { background: linear-gradient(135deg, #0f766e, #14b8a6); }
.thai-card { background: linear-gradient(135deg, #7c3aed, #a855f7); }
.choice-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: rgba(255,255,255,.18);
  font-weight: 800;
  direction: ltr;
}
.choice-title { font-size: 30px; font-weight: 800; }
.choice-copy { font-size: 16px; line-height: 1.8; opacity: .94; }
.eyebrow { letter-spacing: .16em; font-size: 12px; font-weight: 800; direction: ltr; }
.page-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.back-link {
  display: inline-flex;
  padding: 10px 16px;
  border-radius: 10px;
  background: #e2e8f0;
  color: #0f172a;
  text-decoration: none;
  font-weight: 700;
}
.page-panel {
  margin-top: 28px;
  background: #fff;
  border-radius: 20px;
  padding: 34px;
  box-shadow: 0 14px 40px rgba(15, 23, 42, .10);
}
.empty-state { min-height: 260px; display: grid; align-content: center; text-align: center; }
.empty-state h2 { margin-bottom: 10px; font-size: 28px; }
.empty-state p { color: #64748b; line-height: 1.9; }
@media (max-width: 760px) {
  .choice-grid { grid-template-columns: 1fr; }
  .dashboard-header { align-items: flex-start; gap: 18px; }
  .choice-card { min-height: 180px; padding: 24px; }
}

/* THAI LOTTERY MOBILE 3D ACTIONS */
.thai-mobile-shell {
  width: min(100%, 460px);
  margin: 0 auto;
  padding: 20px 14px 32px;
  box-sizing: border-box;
}

.thai-page-head {
  text-align: center;
  margin-bottom: 22px;
}

.thai-page-kicker {
  display: inline-block;
  margin-bottom: 6px;
  padding: 5px 12px;
  border-radius: 999px;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  color: #4b2a00;
  background: linear-gradient(180deg, #ffe8a3, #ffc94d);
  box-shadow: 0 4px 0 #d99b00;
}

.thai-page-head h1 {
  margin: 10px 0 4px;
  font-size: clamp(1.7rem, 8vw, 2.25rem);
  line-height: 1.25;
}

.thai-page-head p {
  margin: 0;
  opacity: 0.78;
  font-size: 0.98rem;
}

.thai-action-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
}

.thai-3d-btn {
  min-height: 92px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 14px;
  padding: 18px 20px;
  border: 1px solid rgba(255,255,255,0.24);
  border-radius: 22px;
  color: #fff;
  text-decoration: none;
  font-weight: 900;
  font-size: clamp(1.05rem, 5vw, 1.28rem);
  line-height: 1.45;
  text-align: right;
  box-shadow:
    0 10px 0 rgba(28, 22, 58, 0.48),
    0 16px 28px rgba(17, 12, 37, 0.28),
    inset 0 1px 0 rgba(255,255,255,0.35);
  transform: translateY(0);
  transition: transform 150ms ease, box-shadow 150ms ease, filter 150ms ease;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

.thai-3d-btn:active {
  transform: translateY(7px);
  box-shadow:
    0 3px 0 rgba(28, 22, 58, 0.48),
    0 8px 16px rgba(17, 12, 37, 0.22),
    inset 0 1px 0 rgba(255,255,255,0.3);
}

.thai-3d-btn:focus-visible {
  outline: 4px solid rgba(255, 214, 82, 0.75);
  outline-offset: 4px;
}

.thai-btn-icon {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  display: grid;
  place-items: center;
  border-radius: 15px;
  font-size: 1.55rem;
  background: rgba(255,255,255,0.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.32);
}

.thai-btn-text {
  flex: 1;
}

.thai-record-btn {
  background: linear-gradient(145deg, #2563eb, #1e40af);
}

.thai-first-second-btn {
  background: linear-gradient(145deg, #8b5cf6, #5b21b6);
}

.thai-formula-btn {
  background: linear-gradient(145deg, #059669, #047857);
}

@media (hover: hover) {
  .thai-3d-btn:hover {
    transform: translateY(-3px);
    filter: brightness(1.06);
    box-shadow:
      0 13px 0 rgba(28, 22, 58, 0.48),
      0 22px 34px rgba(17, 12, 37, 0.30),
      inset 0 1px 0 rgba(255,255,255,0.38);
  }
}

@media (min-width: 700px) {
  .thai-mobile-shell {
    width: min(100%, 920px);
    padding-inline: 20px;
  }

  .thai-action-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .thai-3d-btn {
    min-height: 150px;
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
}

/* Formula-highlight record button */
.thai-highlight-record-btn{
  background:linear-gradient(145deg,#7c3aed,#4c1d95);
  box-shadow:0 10px 0 #35136d,0 16px 26px rgba(76,29,149,.28);
}
.thai-highlight-record-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 0 #35136d,0 20px 30px rgba(76,29,149,.32);
}
.thai-highlight-record-btn:active{
  transform:translateY(5px);
  box-shadow:0 5px 0 #35136d,0 10px 18px rgba(76,29,149,.24);
}

/* Compact free-formula choice cards */
.choice-grid{grid-template-columns:1fr!important;max-width:620px!important;margin-left:auto!important;margin-right:auto!important;gap:14px!important}
.choice-card{min-height:150px!important;padding:18px 20px!important}
.choice-icon{width:64px!important;height:64px!important;font-size:22px!important}
.choice-title{font-size:25px!important;margin-top:8px!important}
.choice-copy{font-size:14px!important;line-height:1.5!important}
@media(max-width:600px){
  .choice-grid{gap:12px!important}
  .choice-card{min-height:128px!important;padding:14px 16px!important;border-radius:20px!important}
  .choice-icon{width:54px!important;height:54px!important;font-size:19px!important}
  .choice-title{font-size:22px!important;margin-top:6px!important}
  .choice-copy{font-size:12px!important;line-height:1.4!important}
}