/* MADETOTO final production stylesheet | single source */

:root{
  --brand:#1f5b32;
  --brand-rgb:31,91,50;
  --brand-deep:#0a2816;
  --brand-deep-rgb:10,40,22;
  --brand-soft:#2c7040;
  --brand-soft-rgb:44,112,64;
  --brand-readable:#bfe7b8;
  --brand-readable-rgb:191,231,184;
  --bg-0:#06110a;
  --bg-0-rgb:6,17,10;
  --bg-1:#0b1f12;
  --bg-1-rgb:11,31,18;
  --bg-2:#163c22;
  --bg-2-rgb:22,60,34;
  --bg-deep:#06170f;
  --bg-deep-rgb:6,23,15;
  --white:#ffffff;
  --white-rgb:255,255,255;
  --black:#000000;
  --black-rgb:0,0,0;
  --text:#f4fff2;
  --text-rgb:244,255,242;
  --text-strong:#ffffff;
  --text-strong-rgb:255,255,255;
  --text-soft:#f6fff4;
  --text-soft-rgb:246,255,244;
  --text-subtle:#f2fff1;
  --text-subtle-rgb:242,255,241;
  --text-muted-rgb:213,238,212;
  --muted:rgba(var(--muted-rgb),.76);
  --muted-rgb:235,250,230;
  --muted-2:rgba(var(--muted-2-rgb),.58);
  --muted-2-rgb:216,238,207;
  --shadow-rgb:10,35,14;
  --shadow-deep-rgb:2,18,8;
  --line-rgb:222,244,222;
  --line-soft-rgb:255,255,255;
  --panel-rgb:25,61,36;
  --panel-mid-rgb:21,60,35;
  --panel-accent-rgb:25,67,39;
  --panel-deep-rgb:9,31,18;
  --panel-dark-rgb:10,18,15;
  --panel-ink-rgb:8,16,13;
  --panel-flat-rgb:10,22,17;
  --nav-start-rgb:18,55,32;
  --nav-end-rgb:7,28,16;
  --green-glow-rgb:15,55,20;
  --soft-copy-rgb:212,238,211;
  --placeholder-rgb:210,238,208;
  --accent-soft-rgb:201,230,194;
  --lime-glow-rgb:183,255,138;
  --surface-1:rgba(var(--white-rgb),.092);
  --surface-2:rgba(var(--white-rgb),.052);
  --surface-3:rgba(var(--white-rgb),.038);
  --surface-4:rgba(var(--panel-rgb),.72);
  --surface-5:rgba(var(--panel-deep-rgb),.78);
  --surface-6:rgba(var(--white-rgb),.060);
  --surface-glass:linear-gradient(180deg, rgba(var(--white-rgb),.048), rgba(var(--white-rgb),.024)), linear-gradient(145deg, rgba(var(--panel-rgb),.58), rgba(var(--panel-deep-rgb),.70));
  --surface-strong:linear-gradient(180deg, rgba(var(--panel-accent-rgb),.68), rgba(var(--panel-deep-rgb),.74)), linear-gradient(145deg, rgba(var(--white-rgb),.034), rgba(var(--white-rgb),.015));
  --green:var(--brand);
  --green-rgb:var(--brand-rgb);
  --green-deep:var(--brand-deep);
  --green-soft:var(--brand-soft);
  --green-glass:rgba(var(--brand-rgb),.18);
  --green-border:rgba(var(--brand-rgb),.28);
  --green-2:var(--brand);
  --green-readable:var(--brand-readable);
  --green-readable-rgb:var(--brand-readable-rgb);
  --lime:var(--brand);
  --teal:var(--brand);
  --yellow:var(--brand);
  --blue:var(--brand);
  --white-03:rgba(var(--white-rgb),.03);
  --white-04:rgba(var(--white-rgb),.04);
  --white-05:rgba(var(--white-rgb),.05);
  --white-06:rgba(var(--white-rgb),.06);
  --white-08:rgba(var(--white-rgb),.08);
  --white-10:rgba(var(--white-rgb),.10);
  --white-12:rgba(var(--white-rgb),.12);
  --app-bg:linear-gradient(180deg, var(--bg-0) 0%, var(--bg-1) 42%, var(--bg-2) 100%);
  --body-bg:radial-gradient(circle at 10% 8%, rgba(var(--brand-rgb),.055), transparent 22%), radial-gradient(circle at 90% 10%, rgba(var(--brand-rgb),.045), transparent 18%), radial-gradient(circle at 50% 60%, rgba(var(--brand-rgb),.028), transparent 24%), var(--app-bg);
  --nav-bg:linear-gradient(180deg, rgba(var(--nav-start-rgb),.78), rgba(var(--nav-end-rgb),.70));
  --panel-bg:linear-gradient(180deg, rgba(var(--panel-rgb),.70), rgba(var(--panel-deep-rgb),.70));
  --panel-bg-soft:linear-gradient(180deg, rgba(var(--white-rgb),.064), rgba(var(--white-rgb),.034));
  --card-bg:radial-gradient(circle at top right, rgba(var(--brand-rgb),.05), transparent 36%), linear-gradient(180deg, rgba(var(--white-rgb),.062), rgba(var(--white-rgb),.034));
  --button-ghost-bg:linear-gradient(180deg, rgba(var(--white-rgb),.064), rgba(var(--white-rgb),.032));
  --button-primary-bg:linear-gradient(135deg, var(--brand-deep) 0%, var(--brand) 48%, var(--brand) 100%);
  --button-active-bg:linear-gradient(135deg, var(--brand), var(--lime));
  --focus-ring:0 0 0 3px rgba(var(--brand-rgb),.22);
  --modal-overlay-bg:linear-gradient(180deg, rgba(var(--bg-0-rgb),.88), rgba(var(--bg-1-rgb),.94));
  --modal-overlay-blur:8px;
  --modal-card-bg:linear-gradient(180deg, rgba(var(--panel-rgb),.98), rgba(var(--panel-deep-rgb),.99));
  --modal-card-border:rgba(var(--line-rgb),.12);
  --modal-card-shadow:0 18px 48px rgba(var(--shadow-deep-rgb),.26), 0 1px 0 rgba(var(--white-rgb),.052) inset;
  --status-positive:#4ade80;
  --status-positive-rgb:74,222,128;
  --shadow-soft:0 8px 22px rgba(var(--shadow-deep-rgb),.18), 0 1px 0 rgba(var(--white-rgb),.046) inset;
  --shadow-md:0 10px 26px rgba(var(--shadow-deep-rgb),.20), 0 1px 0 rgba(var(--white-rgb),.050) inset;
  --shadow-lg:0 14px 34px rgba(var(--shadow-deep-rgb),.22), 0 1px 0 rgba(var(--white-rgb),.054) inset;
  --shadow-glow:0 0 0 1px rgba(var(--brand-rgb),.14) inset;
  --shadow-green:0 8px 20px rgba(var(--brand-rgb),.18);
  --guard-overlay-bg:radial-gradient(circle at top, rgba(var(--brand-rgb),.30), rgba(var(--bg-1-rgb),.88) 54%, rgba(var(--bg-0-rgb),.96));
  --guard-card-bg:linear-gradient(180deg, rgba(var(--panel-rgb),.88), rgba(var(--bg-1-rgb),.94));
  --guard-icon-bg:rgba(var(--brand-rgb),.16);
  --guard-icon-color:var(--brand-readable);
  --guard-text:var(--text-soft);
  --guard-muted:rgba(var(--muted-rgb),.78);
  --guard-border:rgba(var(--brand-readable-rgb),.24);
  --glass-blur:10px;
  --glass-blur-strong:12px;
  --ease:cubic-bezier(.22,.84,.24,1);
  --dur-fast:.16s;
  --dur-mid:.24s;
  --dur-slow:.38s;
  --safe-top:env(safe-area-inset-top);
  --safe-bottom:env(safe-area-inset-bottom);
  --shell-max:1460px;
  --shell-pad:clamp(14px, 2.2vw, 28px);
  --shell-width:min(var(--shell-max), calc(100% - (var(--shell-pad) * 2)));
  --nav-offset:92px;
  --radius-sm:16px;
  --radius-md:20px;
  --radius-lg:24px;
  --radius-xl:28px;
  --radius-2xl:34px;
  --radius-pill:999px;
  --font-ui:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue",Helvetica,Arial,"Inter","Segoe UI",Roboto,sans-serif;
  --font-display:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Helvetica,Arial,"Inter","Segoe UI",Roboto,sans-serif;
}

*, *::before, *::after{
  box-sizing:border-box;
}

img{
  max-width:100%;
  display:block;
}

a{
  color:inherit;
}

button,input{
  font:inherit;
  touch-action:manipulation;
}

body::before, body::after{
  content:"";
  position:fixed;
  pointer-events:none;
  z-index:0;
  border-radius:999px;
  filter:blur(10px);
  opacity:.26;
  transform:translateZ(0);
  backface-visibility:hidden;
}

@keyframes floatA{
    0%,100%{transform:translate3d(0,0,0) scale(1)}
    50%{transform:translate3d(-8px,8px,0) scale(1.03)}
  }

@keyframes floatB{
    0%,100%{transform:translate3d(0,0,0) scale(1)}
    50%{transform:translate3d(8px,-6px,0) scale(1.02)}
  }

@keyframes pulseDot{
    0%,100%{
      transform:scale(.92);
      box-shadow:0 0 0 0 rgba(var(--status-positive-rgb),.42), 0 0 8px rgba(var(--status-positive-rgb),.20);
    }
    48%{
      transform:scale(1.08);
      box-shadow:0 0 0 5px rgba(var(--status-positive-rgb),.16), 0 0 14px rgba(var(--status-positive-rgb),.30);
    }
    76%{
      transform:scale(1);
      box-shadow:0 0 0 9px rgba(var(--status-positive-rgb),0), 0 0 10px rgba(var(--status-positive-rgb),.18);
    }
  }

@keyframes pulseSoftGreen{
    0%,100%{
      transform:scale(.9);
      box-shadow:0 0 0 0 rgba(var(--status-positive-rgb),.44), 0 0 8px rgba(var(--status-positive-rgb),.18);
    }
    45%{
      transform:scale(1.1);
      box-shadow:0 0 0 5px rgba(var(--status-positive-rgb),.18), 0 0 15px rgba(var(--status-positive-rgb),.32);
    }
    78%{
      transform:scale(1);
      box-shadow:0 0 0 9px rgba(var(--status-positive-rgb),0), 0 0 10px rgba(var(--status-positive-rgb),.18);
    }
  }

@keyframes pulseMintGreen{
    0%,100%{
      transform:scale(.92);
      box-shadow:0 0 0 0 rgba(var(--status-positive-rgb),.36), 0 0 7px rgba(var(--status-positive-rgb),.16);
    }
    52%{
      transform:scale(1.06);
      box-shadow:0 0 0 5px rgba(var(--status-positive-rgb),.14), 0 0 12px rgba(var(--status-positive-rgb),.26);
    }
    82%{
      transform:scale(1);
      box-shadow:0 0 0 9px rgba(var(--status-positive-rgb),0), 0 0 9px rgba(var(--status-positive-rgb),.16);
    }
  }

@keyframes floatHero{
    0%,100%{transform:translate3d(0,0,0) scale(1)}
    50%{transform:translate3d(-6px,6px,0) scale(1.02)}
  }

@keyframes sheen{
    0%{transform:translateX(-120%);opacity:0}
    10%{opacity:.22}
    100%{transform:translateX(120%);opacity:0}
  }

@keyframes toastIn{
    to{
      transform:translateY(0) translateX(-50%);
      opacity:1;
    }
  }

body.modal-open{
  overflow:hidden;
}

button:focus-visible, input:focus-visible, a:focus-visible, .banner-stage:focus-visible, .market-card:focus-visible{
  outline:none;
  box-shadow:var(--focus-ring);
}

.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

.title-font{
  font-family:var(--font-display);
  font-weight:700;
  letter-spacing:-.028em;
  font-feature-settings:"kern" 1,"liga" 1,"calt" 1;
}

.app-root{
  position:relative;
  z-index:1;
  min-height:100dvh;
  display:flex;
  flex-direction:column;
  isolation:isolate;
  overflow-x:hidden;
}

html.is-zendesk-force-hidden .zEWidget-launcher, html.is-zendesk-force-hidden .zEWidget-webWidget, html.is-zendesk-force-hidden iframe[id^="launcher"], html.is-zendesk-force-hidden iframe[id^="webWidget"], html.is-zendesk-force-hidden iframe[title*="Zendesk"], html.is-zendesk-force-hidden iframe[title*="widget"]{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

main{
  flex:1 0 auto;
  padding-bottom:0;
  overflow-x:hidden;
}

.glass, .glass-strong, .search-panel, .footer-card, .modal-card, .nav-dropdown, .market-card{
  border:1px solid var(--white-08);
}

.glass{
  background:linear-gradient(180deg,var(--surface-1),var(--surface-2));
  box-shadow:var(--shadow-soft);
  backdrop-filter:blur(var(--glass-blur)) saturate(125%);
  -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(125%);
}

.glass-strong{
  background:linear-gradient(180deg, rgba(var(--panel-rgb),.64), rgba(var(--panel-deep-rgb),.66));
  box-shadow:var(--shadow-md);
  backdrop-filter:blur(var(--glass-blur-strong)) saturate(132%);
  -webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(132%);
}

.nav-shell{
  position:relative;
  overflow:visible;
}

.brand-wrap{
  grid-area:brand;
  display:flex;
  align-items:center;
  min-width:0;
  flex:1 1 auto;
  overflow:visible;
}

.brand-logo-link{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  width:100%;
  min-width:0;
  text-decoration:none;
}

.nav-link:hover, .nav-link:focus-visible{
  color:var(--text-strong);
  transform:translateY(-1px);
}

.menu-toggle-box{
  position:relative;
  width:18px;
  height:14px;
  display:block;
}

.menu-toggle-box span{
  position:absolute;
  left:0;
  width:100%;
  height:2px;
  border-radius:999px;
  background:currentColor;
  transition:transform var(--dur-mid) var(--ease), top var(--dur-mid) var(--ease), opacity var(--dur-fast) ease, width var(--dur-mid) ease;
  transform-origin:center;
}

.menu-toggle-box span:nth-child(1){
  top:0;
}

.menu-toggle-box span:nth-child(2){
  top:6px;
}

.menu-toggle-box span:nth-child(3){
  top:12px;
}

.menu-toggle.is-open .menu-toggle-box span:nth-child(1){
  top:6px;
  transform:rotate(45deg);
}

.menu-toggle.is-open .menu-toggle-box span:nth-child(2){
  opacity:0;
  width:0;
}

.menu-toggle.is-open .menu-toggle-box span:nth-child(3){
  top:6px;
  transform:rotate(-45deg);
}

.nav-dropdown::before{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  top:0;
  height:1px;
  background:linear-gradient(90deg, rgba(var(--green-rgb),0), rgba(var(--green-rgb),.8), rgba(var(--green-rgb),0));
  pointer-events:none;
}

.nav-dropdown.is-open{
  opacity:1;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}

.nav-dropdown-link + .nav-dropdown-link{
  margin-top:8px;
}

.nav-dropdown-link:hover, .nav-dropdown-link:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(var(--green-rgb),.085);
  background:rgba(var(--white-rgb),.042);
  color:var(--text-strong);
}

.nav-dropdown-link i{
  color:rgba(var(--green-rgb),.85);
  font-size:12px;
  flex:0 0 auto;
}

.hero-chip, .mini-chip, .stat-chip, .state-chip{
  --chip-bg:rgba(var(--white-rgb),.055);
  --chip-border:rgba(var(--white-rgb),.08);
  --chip-text:var(--muted);
  display:inline-flex;
  align-items:center;
  gap:10px;
  border-radius:999px;
  border:1px solid var(--chip-border);
  background:var(--chip-bg);
  color:var(--chip-text);
  box-shadow:inset 0 1px 0 rgba(var(--white-rgb),.042);
}

.hero-chip{
  padding:11px 15px;
  color:var(--text-soft);
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  width:fit-content;
  backdrop-filter:blur(var(--glass-blur)) saturate(125%);
  -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(125%);
}

.mini-chip, .stat-chip{
  padding:8px 12px;
  font-size:12px;
  font-weight:700;
  width:fit-content;
  backdrop-filter:blur(var(--glass-blur)) saturate(125%);
  -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(125%);
}

.stat-chip:active{
  transform:translateY(1px) scale(.99);
}

.stat-chip.is-active{
  color:var(--text-soft);
  background:linear-gradient(135deg,var(--green),var(--lime));
  border-color:transparent;
  box-shadow:0 10px 20px rgba(var(--green-rgb),.07);
}

.badge-open, .state-open, .badge-wait, .state-wait, .badge-cycle, .state-cycle, .badge-done, .state-done{
  --chip-text:var(--text-subtle);
  --chip-border:var(--green-border);
  --chip-bg:linear-gradient(135deg, rgba(var(--green-rgb),.24), rgba(var(--green-rgb),.10));
}

.mini-chip.badge-neutral{
  --chip-text:var(--text-subtle);
  --chip-bg:rgba(var(--white-rgb),.042);
  --chip-border:rgba(var(--white-rgb),.062);
}

.live-dot{
  position:relative;
  display:inline-block;
  width:10px;
  height:10px;
  border-radius:999px;
  background:radial-gradient(circle at 35% 30%, rgba(var(--white-rgb),.72) 0 16%, var(--status-positive) 17% 100%);
  box-shadow:0 0 0 0 rgba(var(--status-positive-rgb),.56), 0 0 10px rgba(var(--status-positive-rgb),.22);
  animation:pulseDot 2.05s cubic-bezier(.4,0,.2,1) infinite;
  transform-origin:center;
  will-change:transform, box-shadow;
  flex:0 0 auto;
}

.state-open .live-dot, .badge-open .live-dot{
  background:radial-gradient(circle at 35% 30%, rgba(var(--white-rgb),.72) 0 16%, var(--status-positive) 17% 100%);
  box-shadow:0 0 0 0 rgba(var(--status-positive-rgb),.58), 0 0 10px rgba(var(--status-positive-rgb),.22);
  animation:pulseDot 1.95s cubic-bezier(.4,0,.2,1) infinite;
}

.state-wait .live-dot, .badge-wait .live-dot{
  background:radial-gradient(circle at 35% 30%, rgba(var(--white-rgb),.72) 0 16%, var(--status-positive) 17% 100%);
  box-shadow:0 0 0 0 rgba(var(--status-positive-rgb),.62), 0 0 11px rgba(var(--status-positive-rgb),.24);
  animation:pulseSoftGreen 1.72s cubic-bezier(.4,0,.2,1) infinite;
}

.state-cycle .live-dot, .badge-cycle .live-dot{
  background:radial-gradient(circle at 35% 30%, rgba(var(--white-rgb),.72) 0 16%, var(--status-positive) 17% 100%);
  box-shadow:0 0 0 0 rgba(var(--status-positive-rgb),.54), 0 0 9px rgba(var(--status-positive-rgb),.20);
  animation:pulseDot 2.25s cubic-bezier(.4,0,.2,1) infinite;
}

.state-done .live-dot, .badge-done .live-dot{
  background:radial-gradient(circle at 35% 30%, rgba(var(--white-rgb),.72) 0 16%, var(--status-positive) 17% 100%);
  box-shadow:0 0 0 0 rgba(var(--status-positive-rgb),.48), 0 0 9px rgba(var(--status-positive-rgb),.18);
  animation:pulseMintGreen 2.55s cubic-bezier(.4,0,.2,1) infinite;
}

:is( .btn-primary, .btn-secondary, .btn-login, .btn-register, .ghost-btn, .filter-btn, .market-detail-btn, .copy-mini-btn, .banner-dot, .schedule-jump-btn, .menu-toggle ){
  border:0;
  cursor:pointer;
  transition:transform var(--dur-fast) var(--ease), box-shadow var(--dur-fast) ease, background-color var(--dur-fast) ease, border-color var(--dur-fast) ease, opacity var(--dur-fast) ease, color var(--dur-fast) ease;
  -webkit-tap-highlight-color:transparent;
}

:is( .btn-primary, .btn-secondary, .btn-login, .btn-register, .ghost-btn, .filter-btn, .market-detail-btn, .copy-mini-btn, .banner-dot, .schedule-jump-btn, .menu-toggle ):active{
  transform:translateY(1px) scale(.99);
}

:is( .btn-register, .btn-login, .btn-primary, .btn-secondary, .ghost-btn, .market-detail-btn, .copy-mini-btn, .schedule-jump-btn, .menu-toggle ):hover, :is( .btn-register, .btn-login, .btn-primary, .btn-secondary, .ghost-btn, .market-detail-btn, .copy-mini-btn, .schedule-jump-btn, .menu-toggle ):focus-visible{
  transform:translateY(-1px);
}

.btn-register, .btn-secondary, .ghost-btn, .copy-mini-btn, .schedule-jump-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:var(--text-subtle);
  border:1px solid var(--white-10);
  background:var(--white-06);
  box-shadow:inset 0 1px 0 var(--white-05);
}

.btn-register{
  min-height:46px;
  padding:0 20px;
  border-radius:999px;
  font-size:12px;
  font-weight:850;
  letter-spacing:.018em;
  white-space:nowrap;
  min-width:0;
  flex:0 0 auto;
}

.btn-login, .btn-primary, .market-detail-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--text-soft);
  background:linear-gradient(135deg,var(--green) 0%, var(--green-2) 46%, var(--lime) 100%);
  box-shadow:var(--shadow-green), inset 0 1px 0 rgba(var(--white-rgb),.22);
}

.btn-login{
  min-height:46px;
  padding:0 22px;
  border-radius:999px;
  font-size:12px;
  font-weight:850;
  letter-spacing:.018em;
  white-space:nowrap;
  min-width:0;
  flex:0 0 auto;
}

.btn-secondary, .ghost-btn{
  min-height:50px;
  padding:0 18px;
  border-radius:999px;
  font-weight:800;
}

.banner-section{
  padding:calc(var(--nav-offset) + 14px) 0 8px;
}

.banner-shell{
  position:relative;
  width:100%;
  max-width:100%;
  border-radius:var(--radius-2xl);
  overflow:hidden;
  padding:0;
  box-shadow:var(--shadow-lg);
}

.banner-stage.is-single{
  cursor:default;
}

.banner-stage.is-dragging{
  cursor:grabbing;
}

.banner-track{
  position:relative;
  z-index:1;
  display:flex;
  width:100%;
  height:100%;
  transform:translate3d(0,0,0);
  transition:transform .44s var(--ease);
  will-change:auto;
}

.banner-stage.is-dragging .banner-track{
  will-change:transform;
}

.banner-slide{
  min-width:100%;
  height:100%;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px;
  isolation:isolate;
}

.banner-frame{
  position:relative;
  width:100%;
  height:100%;
  border-radius:24px;
  overflow:hidden;
  border:1px solid var(--white-08);
  box-shadow:0 10px 22px rgba(var(--shadow-rgb),.095), inset 0 1px 0 rgba(var(--white-rgb),.034);
  background:rgba(var(--white-rgb),.026);
}

.banner-frame::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(var(--white-rgb),.018), rgba(var(--white-rgb),0) 30%, rgba(var(--green-glow-rgb),.025)), linear-gradient(90deg, rgba(var(--green-glow-rgb),.018), rgba(var(--black-rgb),0) 18%, rgba(var(--black-rgb),0) 82%, rgba(var(--green-glow-rgb),.018));
}

.banner-picture, .banner-picture img{
  width:100%;
  height:100%;
  display:block;
}

.banner-picture img{
  object-fit:cover;
  object-position:center;
  user-select:none;
  -webkit-user-drag:none;
  background:var(--bg-deep);
}

.banner-empty{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  text-align:center;
  padding:24px;
  color:rgba(var(--muted-rgb),.74);
  font-weight:700;
  line-height:1.7;
  background:radial-gradient(circle at 20% 18%, rgba(var(--green-rgb),.055), transparent 24%), radial-gradient(circle at 78% 22%, rgba(var(--green-rgb),.04), transparent 22%), linear-gradient(135deg, rgba(var(--panel-flat-rgb),.94), rgba(var(--panel-ink-rgb),.96));
}

.banner-empty strong{
  display:block;
  color:var(--text-strong);
  font-family:var(--font-display);
  font-size:clamp(1.3rem, 3vw, 2rem);
  letter-spacing:-.028em;
  margin-bottom:8px;
  font-weight:700;
}

.banner-controls{
  position:absolute;
  left:50%;
  bottom:14px;
  z-index:4;
  display:flex;
  align-items:center;
  justify-content:center;
  transform:translateX(-50%);
  pointer-events:none;
}

.banner-dots{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(var(--panel-ink-rgb),.46);
  border:1px solid var(--white-08);
  box-shadow:inset 0 1px 0 rgba(var(--white-rgb),.034);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  pointer-events:auto;
}

.banner-dot{
  width:9px;
  height:9px;
  padding:0;
  border-radius:999px;
  background:rgba(var(--white-rgb),.24);
  box-shadow:none;
  transition:transform var(--dur-fast) ease, background-color var(--dur-fast) ease, width var(--dur-fast) ease;
}

.banner-dot.is-active{
  width:26px;
  background:linear-gradient(135deg,var(--green),var(--lime));
}

.hero-copy::before, .hero-panel::before{
  content:"";
  position:absolute;
  inset:auto auto 0 0;
  width:220px;
  height:220px;
  background:radial-gradient(circle, rgba(var(--green-rgb),.055), transparent 70%);
  pointer-events:none;
}

.hero-copy::after{
  content:"";
  position:absolute;
  right:-60px;
  top:-60px;
  width:210px;
  height:210px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(var(--green-rgb),.06), rgba(var(--green-rgb),0) 72%);
  filter:blur(6px);
  pointer-events:none;
  animation:floatHero 12s ease-in-out infinite;
}

.hero-copy__content .hero-chip{
  margin-bottom:6px;
}

.hero-copy__content .hero-desc{
  margin-top:18px;
}

.hero-next::after{
  content:"";
  position:absolute;
  inset:auto -10% -35% auto;
  width:170px;
  height:170px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(var(--green-rgb),.07), transparent 72%);
  pointer-events:none;
}

.hero-next-top{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  gap:16px;
}

.hero-next-header-copy{
  min-width:0;
  flex:1 1 auto;
}

.hero-next-phase{
  font-size:.9rem;
  line-height:1.55;
  color:rgba(var(--text-muted-rgb),.68);
}

.hero-next-metric-label{
  font-size:.68rem;
  line-height:1.2;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:rgba(var(--text-muted-rgb),.46);
  font-weight:700;
}

.hero-next-site-link{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-width:0;
  max-width:100%;
  color:var(--text);
  text-decoration:none;
  font-weight:800;
  line-height:1.25;
}

.hero-next-site-link i{
  flex:0 0 auto;
  font-size:.86em;
  color:var(--teal);
}

.hero-next-site-link span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hero-next-site-link:hover, .hero-next-site-link:focus-visible{
  color:var(--text-strong);
}

.hero-next-site-link.is-disabled{
  opacity:.58;
  pointer-events:none;
}

.hero-next-about .section-label{
  margin-bottom:4px;
}

.hero-next-about-copy{
  font-size:.93rem;
  line-height:1.8;
  color:rgba(var(--text-muted-rgb),.76);
}

.search-wrap{
  position:relative;
  display:block;
  margin:0;
}

.search-wrap i{
  position:absolute;
  left:18px;
  top:50%;
  transform:translateY(-50%);
  color:rgba(var(--placeholder-rgb),.55);
  pointer-events:none;
}

.input-premium::placeholder{
  color:rgba(var(--placeholder-rgb),.45);
}

.input-premium:focus{
  border-color:rgba(var(--green-rgb),.4);
  background:rgba(var(--white-rgb),.062);
  box-shadow:0 0 0 4px rgba(var(--green-rgb),.04);
}

.market-grid > *{
  min-width:0;
  max-width:100%;
  overflow:visible;
}

.market-card > *{
  min-width:0;
}

.market-card[data-state="open"]::after{
  background:linear-gradient(90deg, rgba(var(--green-rgb),0), rgba(var(--green-rgb),.86), rgba(var(--green-rgb),0));
}

.market-card[data-state="wait"]::after{
  background:linear-gradient(90deg, rgba(var(--green-rgb),0), rgba(var(--green-rgb),.92), rgba(var(--green-rgb),0));
}

.market-card[data-state="cycle"]::after{
  background:linear-gradient(90deg, rgba(var(--green-rgb),0), rgba(var(--green-rgb),.86), rgba(var(--green-rgb),0));
}

.market-card[data-state="done"]::after{
  background:linear-gradient(90deg, rgba(var(--green-rgb),0), rgba(var(--green-rgb),.92), rgba(var(--green-rgb),0));
}

.market-card.is-spotlight{
  border-color:rgba(var(--green-rgb),.22);
  box-shadow:0 10px 22px rgba(var(--shadow-rgb),.10), 0 0 0 1px rgba(var(--green-rgb),.04) inset, 0 0 18px rgba(var(--green-rgb),.04);
}

.market-card.is-spotlight::before{
  background:radial-gradient(circle at top right, rgba(var(--green-rgb),.07), transparent 36%), radial-gradient(circle at bottom left, rgba(var(--green-rgb),.04), transparent 42%);
}

.market-card .mini-chip, .market-card .badge-open, .market-card .badge-wait, .market-card .badge-cycle, .market-card .badge-done, .market-card .badge-neutral{
  display:none;
}

.market-head > *:first-child{
  min-width:0;
  width:100%;
  display:block;
}

.countdown-pill, .countdown-label, .countdown-value{
  display:none;
}

.state-chip{
  position:relative;
  min-height:38px;
  padding:0 12px;
  width:fit-content;
  font-size:12px;
  font-weight:800;
  letter-spacing:.01em;
  overflow:hidden;
}

.state-chip::after{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:inherit;
  background:radial-gradient(circle at 28% 18%, rgba(var(--white-rgb),.12), transparent 42%);
  opacity:.65;
  pointer-events:none;
}

.state-chip > *{
  position:relative;
  z-index:1;
}

.state-open .live-dot, .state-wait .live-dot, .state-cycle .live-dot, .state-done .live-dot{
  background:radial-gradient(circle at 35% 30%, rgba(var(--white-rgb),.72) 0 16%, var(--status-positive) 17% 100%);
}

.number-box{
  position:relative;
  overflow:hidden;
  background:linear-gradient(145deg, rgba(var(--panel-dark-rgb),.96), rgba(var(--panel-dark-rgb),.90)), radial-gradient(circle at top right, rgba(var(--green-rgb),.05), transparent 46%);
}

.number-box::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg, transparent 0%, rgba(var(--white-rgb),.048) 22%, transparent 44%);
  transform:translateX(-120%);
  opacity:0;
  pointer-events:none;
}

.number-box::after{
  content:"";
  position:absolute;
  inset:auto -16px -26px auto;
  width:96px;
  height:96px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(var(--white-rgb),.12), transparent 68%);
  opacity:.22;
  pointer-events:none;
}

.schedule-row span,.schedule-row strong, .compact-row span,.compact-row strong, .info-row span,.info-row strong{
  min-width:0;
  overflow-wrap:anywhere;
}

.schedule-row:last-child, .compact-row:last-child, .info-row:last-child{
  border-bottom:0;
  padding-bottom:0;
}

.compact-row strong, .info-row strong{
  text-align:right;
  font-weight:800;
  line-height:1.45;
  color:var(--text-strong);
}

.schedule-row strong{
  text-align:right;
  font-weight:800;
  line-height:1.45;
  color:var(--text-strong);
}

.compact-row-info{
  grid-template-columns:minmax(0, 1fr);
  gap:4px;
  align-items:flex-start;
}

.compact-row-info strong, .compact-row-info .market-site-link{
  max-width:100%;
  line-height:1.55;
  overflow-wrap:anywhere;
  word-break:break-word;
  justify-self:start;
  text-align:left;
  justify-content:flex-start;
}

.compact-row-top{
  padding-top:0;
}

.compact-row-multi strong{
  letter-spacing:.01em;
}

.market-site-link{
  display:inline-flex;
  max-width:100%;
  color:var(--text-soft);
  text-decoration:none;
  font-weight:800;
  text-align:right;
  justify-content:flex-end;
  border-bottom:1px dashed rgba(var(--green-rgb),.28);
  transition:color var(--dur-fast) ease, border-color var(--dur-fast) ease, opacity var(--dur-fast) ease;
}

.market-site-link:hover, .market-site-link:focus-visible{
  color:var(--text-strong);
  border-color:rgba(var(--green-rgb),.55);
}

.market-site-link.is-disabled{
  opacity:.56;
  pointer-events:none;
  border-bottom-color:transparent;
}

.market-site-cell{
  min-width:0;
  display:flex;
  justify-content:flex-end;
  text-align:right;
}

.market-site-cell .market-site-link{
  min-width:0;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.market-card-site-link{
  font-size:inherit;
}

.market-info-box{
  flex:1 1 auto;
}

.digit-wrap{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:12px;
}

.pair-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(56px,1fr));
  gap:10px;
  margin-top:14px;
}

.digit-pill, .pair-chip{
  display:grid;
  place-items:center;
  border-radius:15px;
  font-weight:800;
  color:var(--text-soft);
  border:1px solid var(--green-border);
  background:linear-gradient(145deg, rgba(var(--green-rgb),.24), rgba(var(--green-rgb),.12));
  box-shadow:inset 0 1px 0 rgba(var(--white-rgb),.055), 0 0 0 1px rgba(var(--green-rgb),.055);
}

.digit-pill{
  width:46px;
  height:46px;
  font-size:1.05rem;
  background:linear-gradient(145deg, rgba(var(--panel-mid-rgb),.96), rgba(var(--panel-dark-rgb),.92));
}

.pair-chip{
  min-height:42px;
  padding:0 10px;
  font-size:.95rem;
  background:linear-gradient(145deg, rgba(var(--green-rgb),.26), rgba(var(--green-rgb),.12));
}

.stat-inline i{
  margin-top:1px;
  font-size:11px;
  color:var(--status-positive);
  flex:0 0 auto;
}

.stat-inline span{
  min-width:0;
  overflow-wrap:anywhere;
  white-space:normal;
  line-height:1.42;
}

.label-with-icon{
  display:inline-flex;
  align-items:center;
  gap:6px;
}

.label-with-icon i{
  color:var(--status-positive);
  font-size:.92em;
  flex:0 0 auto;
}

.copy-mini-btn span, .market-detail-btn span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}

.copy-mini-btn{
  min-height:38px;
  padding:0 12px;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  box-shadow:inset 0 1px 0 rgba(var(--white-rgb),.042), 0 8px 18px rgba(var(--shadow-rgb),.08);
}

.footer-wrap::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:1px;
  background:linear-gradient(90deg, rgba(var(--white-rgb),0), rgba(var(--white-rgb),.064), rgba(var(--white-rgb),0));
  pointer-events:none;
}

.footer-card::before{
  content:"";
  position:absolute;
  left:clamp(14px, 2vw, 18px);
  right:clamp(14px, 2vw, 18px);
  top:0;
  height:1px;
  background:linear-gradient(90deg, rgba(var(--green-rgb),0), rgba(var(--green-rgb),.75), rgba(var(--green-rgb),0));
  pointer-events:none;
}

.modal{
  position:fixed;
  inset:0;
  z-index:90;
  display:none;
  align-items:center;
  justify-content:center;
  overflow:auto;
  padding:max(16px, var(--safe-top)) 16px max(16px, var(--safe-bottom)) 16px;
  background:var(--modal-overlay-bg);
  backdrop-filter:blur(var(--modal-overlay-blur)) saturate(116%);
  -webkit-backdrop-filter:blur(var(--modal-overlay-blur)) saturate(116%);
  overscroll-behavior:contain;
  scrollbar-width:none;
  -ms-overflow-style:none;
}

.modal.is-open{
  display:flex;
}

.modal-card{
  position:relative;
  width:min(680px, calc(100vw - 20px));
  max-height:min(88dvh, 760px);
  margin:auto;
  overflow:auto;
  padding:14px;
  border:1px solid var(--modal-card-border);
  border-radius:24px;
  color:var(--text);
  background:var(--modal-card-bg);
  box-shadow:var(--modal-card-shadow);
  backdrop-filter:blur(var(--glass-blur-strong)) saturate(124%);
  -webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(124%);
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  -ms-overflow-style:none;
}

.modal::-webkit-scrollbar, .modal-card::-webkit-scrollbar{
  width:0;
  height:0;
  display:none;
}

.schedule-modal-row:last-child{
  border-bottom:0;
}

.toast-stack{
  position:fixed;
  left:50%;
  bottom:max(16px, var(--safe-bottom));
  z-index:95;
  display:grid;
  gap:10px;
  width:auto;
  max-width:calc(100% - 24px);
  pointer-events:none;
}

.section-label, .box-label{
  font-size:10px;
  font-weight:800;
  color:var(--muted-2);
  letter-spacing:.11em;
  text-transform:uppercase;
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
.glass, .glass-strong, .hero-chip, .mini-chip, .stat-chip, .btn-register, .btn-secondary, .ghost-btn, .modal, .banner-dots, .footer-card, .nav-wrap::before, .toast, .market-card, .search-panel, .modal-card, .nav-dropdown{
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
}

.hero-copy__content .hero-chip, .hero-next-state-wrap, .market-card > .state-chip{
  display:none;
}

.hero-copy__content .hero-title{
  max-width:12ch;
  margin-top:0;
}

html{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
  scroll-behavior:auto;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  scrollbar-gutter:auto;
  scroll-padding-top:calc(var(--nav-offset) + 18px);
}

.shell{
  position:relative;
  z-index:1;
  width:var(--shell-width);
  max-width:var(--shell-width);
  margin-inline:auto;
}

.nav-link::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-10px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(var(--green-rgb),0), rgba(var(--green-rgb),.92), rgba(var(--green-rgb),.92), rgba(var(--green-rgb),0));
  transform:scaleX(.25);
  opacity:0;
  transition:transform .22s ease, opacity .22s ease;
}

.nav-link:hover::after, .nav-link:focus-visible::after{
  transform:scaleX(1);
  opacity:1;
}

.menu-toggle{
  display:none;
  position:relative;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  border-radius:18px;
  color:var(--text-subtle);
  border:1px solid var(--white-10);
  background:var(--white-06);
  box-shadow:inset 0 1px 0 var(--white-05);
  flex:0 0 auto;
}

.nav-dropdown-wrap{
  position:absolute;
  top:calc(100% - 2px);
  right:0;
  width:min(290px, calc(100vw - 28px));
  padding-top:12px;
  z-index:85;
  pointer-events:none;
}

.nav-dropdown{
  position:relative;
  overflow:hidden;
  border-radius:26px;
  padding:12px;
  opacity:0;
  transform:translateY(-10px) scale(.98);
  transition:opacity var(--dur-fast) ease, transform var(--dur-mid) var(--ease);
  pointer-events:none;
  box-shadow:0 12px 26px rgba(var(--shadow-rgb),.085);
  background:linear-gradient(180deg, rgba(var(--panel-rgb),.70), rgba(var(--panel-deep-rgb),.70));
}

.nav-dropdown-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:54px;
  padding:0 16px;
  border-radius:16px;
  text-decoration:none;
  color:var(--text-soft);
  font-size:13px;
  font-weight:800;
  letter-spacing:.01em;
  border:1px solid transparent;
  transition:transform var(--dur-fast) var(--ease), border-color var(--dur-fast) ease, background-color var(--dur-fast) ease, color var(--dur-fast) ease;
}

.hero-copy__content{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:clamp(4px, .8vw, 10px) clamp(2px, .5vw, 6px) 0;
}

.hero-copy .banner-shell{
  position:relative;
  z-index:1;
  width:100%;
  margin:0;
  border-radius:30px;
}

.banner-shell, .banner-stage, .banner-frame{
  border-radius:30px;
}

.banner-stage{
  position:relative;
  width:100%;
  aspect-ratio:16 / 5.4;
  min-height:184px;
  max-height:430px;
  overflow:hidden;
  border-radius:var(--radius-2xl);
  background:radial-gradient(circle at 12% 20%, rgba(var(--green-rgb),.05), transparent 24%), radial-gradient(circle at 88% 24%, rgba(var(--green-rgb),.035), transparent 20%), linear-gradient(135deg, rgba(var(--panel-flat-rgb),.94), rgba(var(--panel-ink-rgb),.92));
  touch-action:pan-y;
  cursor:grab;
  user-select:none;
  isolation:isolate;
}

.btn-primary, .btn-secondary, .ghost-btn{
  min-height:52px;
  padding-inline:20px;
}

.btn-primary{
  gap:12px;
  min-height:54px;
  padding:0 22px;
  border-radius:999px;
  font-weight:800;
  min-width:min(100%, 220px);
}

.btn-secondary{
  min-width:min(100%, 196px);
}

.hero-next-name{
  margin-top:4px;
  font-family:var(--font-display);
  font-size:clamp(2rem, 2.3vw, 2.85rem);
  line-height:.95;
  letter-spacing:-.04em;
  font-weight:700;
  text-wrap:balance;
}

.hero-next-meta{
  margin-top:10px;
  font-size:.96rem;
  line-height:1.7;
  color:rgba(var(--text-muted-rgb),.68);
}

.hero-next-count-wrap{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:20px 20px 18px;
  border-radius:24px;
  border:1px solid var(--green-border);
  background:linear-gradient(145deg, rgba(var(--green-rgb),.24), rgba(var(--green-rgb),.10));
  box-shadow:inset 0 1px 0 rgba(var(--white-rgb),.04), 0 0 0 1px rgba(var(--green-rgb),.05);
}

.big-count{
  color:var(--text-soft);
  font-family:var(--font-display);
  font-size:clamp(2rem, 3.6vw, 3.25rem);
  line-height:.98;
  letter-spacing:-.03em;
  font-variant-numeric:tabular-nums;
  font-weight:700;
}

.hero-next-metric{
  min-width:0;
  padding:16px;
  border-radius:20px;
  border:1px solid rgba(var(--white-rgb),.07);
  background:linear-gradient(145deg, rgba(var(--white-rgb),.032), rgba(var(--white-rgb),.018));
  box-shadow:inset 0 1px 0 rgba(var(--white-rgb),.018);
}

.hero-next-about{
  position:relative;
  z-index:1;
  margin-top:auto;
  padding:20px;
  border-radius:24px;
  min-height:132px;
  background:linear-gradient(145deg, rgba(var(--panel-rgb),.62), rgba(var(--panel-deep-rgb),.62));
  border:1px solid rgba(var(--white-rgb),.062);
  display:flex;
  flex-direction:column;
  justify-content:center;
}

#pasaran{
  padding-top:10px;
  padding-bottom:4px;
}

.section-title{
  margin:0;
  font-family:var(--font-display);
  font-size:clamp(1.9rem, 3.2vw, 3rem);
  line-height:1.02;
  letter-spacing:-.04em;
  font-weight:700;
  text-wrap:balance;
}

.filter-shell{
  display:block;
}

.filter-row, #filter-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.filter-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 15px;
  border-radius:999px;
  border:1px solid rgba(var(--white-rgb),.08);
  background:rgba(var(--white-rgb),.042);
  color:var(--muted);
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
  transition:transform var(--dur-fast) var(--ease), border-color var(--dur-fast) ease, background-color var(--dur-fast) ease, color var(--dur-fast) ease, box-shadow var(--dur-fast) ease;
}

.filter-btn:hover, .filter-btn:focus-visible{
  color:var(--text-strong);
  transform:translateY(-1px);
  border-color:rgba(var(--green-rgb),.24);
  background:rgba(var(--white-rgb),.062);
}

.filter-btn.is-active{
  color:var(--text-soft);
  background:linear-gradient(135deg, var(--green), var(--lime));
  border-color:transparent;
  box-shadow:0 10px 18px rgba(var(--green-rgb),.055);
}

.stats-strip, #stats-strip{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:10px;
}

.stat-chip{
  width:100%;
  justify-content:center;
  text-align:center;
  cursor:pointer;
  transition:transform var(--dur-fast) var(--ease), box-shadow var(--dur-fast) ease, border-color var(--dur-fast) ease, background-color var(--dur-fast) ease, color var(--dur-fast) ease;
  -webkit-tap-highlight-color:transparent;
  min-height:46px;
  border-radius:16px;
  font-size:12px;
  font-weight:800;
}

.schedule-box, .number-box, .detail-box{
  min-width:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:15px;
  border-radius:20px;
  background:linear-gradient(145deg, rgba(var(--panel-flat-rgb),.92), rgba(var(--panel-dark-rgb),.86));
  border:1px solid rgba(var(--green-rgb),.05);
  box-shadow:inset 0 1px 0 rgba(var(--white-rgb),.042);
}

.number-value{
  margin-top:10px;
  margin-right:0;
  font-family:var(--font-display);
  font-size:clamp(1.45rem, 1.75vw, 1.95rem);
  line-height:1.02;
  letter-spacing:clamp(.045em, .16vw, .08em);
  color:var(--text-strong);
  font-variant-numeric:tabular-nums;
  font-weight:700;
  text-shadow:0 0 10px rgba(var(--green-rgb),.04);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.schedule-list{
  display:grid;
  gap:8px;
  margin-top:10px;
  align-content:start;
}

.schedule-row, .compact-row, .info-row{
  display:grid;
  grid-template-columns:minmax(84px, .9fr) minmax(0, 1.1fr);
  align-items:start;
  gap:8px 12px;
  min-width:0;
  padding:10px 0;
  border-bottom:1px dashed rgba(var(--white-rgb),.062);
}

.schedule-row > span, .compact-row > span, .info-row > span{
  min-width:0;
  font-size:11px;
  line-height:1.42;
  color:rgba(var(--text-muted-rgb),.68);
}

.schedule-row > strong, .compact-row > strong, .info-row > strong, .compact-row > a, .info-row > a{
  min-width:0;
  margin-left:0;
  justify-self:end;
  font-size:12.5px;
  line-height:1.42;
}

.market-detail-btn{
  flex:1 1 auto;
  box-shadow:0 8px 18px rgba(var(--green-rgb),.055);
  letter-spacing:.01em;
}

.market-empty{
  padding:36px 24px;
  border-radius:28px;
  text-align:center;
  color:var(--muted);
  background:rgba(var(--white-rgb),.034);
  border:1px dashed rgba(var(--white-rgb),.12);
}

.modal-card .countdown-pill{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:center;
  gap:6px;
  min-width:184px;
  padding:14px 16px;
  border-radius:22px;
  border:1px solid rgba(var(--white-rgb),.062);
  background:linear-gradient(145deg, rgba(var(--green-rgb),.68), rgba(var(--panel-dark-rgb),.86));
  box-shadow:inset 0 1px 0 rgba(var(--white-rgb),.034);
}

.modal-card .countdown-label, .modal-card .countdown-value{
  display:block;
}

.modal-card .countdown-label{
  font-size:11px;
  color:rgba(var(--text-muted-rgb),.62);
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:800;
}

.modal-card .countdown-value{
  font-family:var(--font-display);
  font-size:clamp(1.5rem, 2.4vw, 2.1rem);
  line-height:1;
  font-weight:800;
  color:var(--text-strong);
  letter-spacing:.03em;
}

.modal-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  gap:16px;
  margin-top:18px;
}

.modal-stat-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:14px;
  margin-top:18px;
}

.modal-stat{
  min-width:0;
  padding:18px;
  border-radius:22px;
  background:rgba(var(--white-rgb),.042);
  border:1px solid var(--white-08);
  box-shadow:inset 0 1px 0 rgba(var(--white-rgb),.034);
}

.modal-actions{
  display:flex;
  gap:12px;
  margin-top:18px;
  flex-wrap:wrap;
}

.toast{
  padding:13px 18px;
  border-radius:999px;
  background:rgba(var(--panel-ink-rgb),.92);
  border:1px solid rgba(var(--white-rgb),.064);
  box-shadow:var(--shadow-md);
  color:var(--text-subtle);
  transform:translateY(8px) translateX(-50%);
  opacity:0;
  animation:toastIn .22s ease forwards;
  white-space:nowrap;
  font-size:12.5px;
  font-weight:800;
  letter-spacing:.01em;
  backdrop-filter:blur(10px) saturate(125%);
  -webkit-backdrop-filter:blur(10px) saturate(125%);
}

.modal-market-shell{
  display:grid;
  gap:clamp(10px, 1.35vw, 14px);
}

.modal-market-header{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  align-items:start;
  gap:clamp(10px, 1.35vw, 14px);
  min-width:0;
}

.modal-market-title-wrap{
  min-width:0;
}

.modal-kicker{
  margin-bottom:4px;
}

.modal-market-title{
  font-size:clamp(1.18rem, 3.4vw, 1.82rem);
  line-height:1.02;
  letter-spacing:-.045em;
  overflow-wrap:anywhere;
}

.modal-time-box{
  width:min(152px, 30vw);
  min-width:112px;
  margin:0;
  justify-self:end;
  align-self:start;
  gap:7px;
}

.modal-time-box .modal-box-head{
  align-items:center;
  justify-content:flex-start;
  gap:0;
}

.modal-time-box .section-label{
  min-width:0;
  line-height:1.25;
}

.modal-time-value{
  font-family:var(--font-display);
  font-size:clamp(1rem, 2.8vw, 1.28rem);
  line-height:1;
  letter-spacing:-.035em;
  color:var(--text-soft);
  font-weight:900;
  font-variant-numeric:tabular-nums;
  text-align:left;
}

.modal-number-box, .modal-lite-box{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:clamp(11px, 1.45vw, 14px);
  border-radius:18px;
  background:linear-gradient(145deg, rgba(var(--white-rgb),.070), rgba(var(--white-rgb),.038));
  border:1px solid rgba(var(--line-rgb),.075);
  box-shadow:inset 0 1px 0 rgba(var(--white-rgb),.035);
}

.modal-box-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-width:0;
}

.modal-summary-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:8px;
  margin-top:10px;
}

.modal-summary-card{
  min-width:0;
  padding:10px 8px;
  border-radius:14px;
  background:rgba(var(--white-rgb),.032);
  border:1px solid rgba(var(--white-rgb),.045);
}

.modal-summary-value{
  margin-top:6px;
  font-size:clamp(1rem, 2.7vw, 1.28rem);
  line-height:1;
  letter-spacing:.075em;
  color:var(--text-soft);
  overflow-wrap:anywhere;
}

.modal-duo-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  align-items:stretch;
  gap:10px;
}

.modal-prediction-box, .modal-market-info-box{
  height:100%;
}

.modal-inline-metrics{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:7px;
  margin-top:10px;
}

.modal-inline-metric{
  min-width:0;
  padding:7px 5px;
  border-radius:12px;
  text-align:center;
  background:rgba(var(--white-rgb),.030);
  border:1px solid rgba(var(--white-rgb),.044);
}

.modal-inline-metric-label{
  font-size:8.5px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(var(--text-muted-rgb),.50);
  font-weight:800;
}

.modal-inline-metric-value{
  margin-top:5px;
  font-size:12.5px;
  line-height:1.2;
  font-weight:800;
  color:var(--text-strong);
  overflow:hidden;
  text-overflow:ellipsis;
}

.modal-compact-list{
  gap:0;
  margin-top:8px;
}

.modal-lite-box .schedule-row, .modal-lite-box .info-row, .modal-lite-box .compact-row, .modal-lite-box .compact-row-info{
  grid-template-columns:minmax(76px, .78fr) minmax(0, 1.22fr);
  align-items:start;
  gap:6px 10px;
  padding:7px 0;
}

.modal-lite-box .schedule-row > span, .modal-lite-box .info-row > span, .modal-lite-box .compact-row > span, .modal-lite-box .compact-row-info > span{
  font-size:10px;
  line-height:1.45;
  color:rgba(var(--text-muted-rgb),.62);
}

.modal-lite-box .schedule-row > strong, .modal-lite-box .info-row > strong, .modal-lite-box .compact-row > strong, .modal-lite-box .compact-row-info > strong, .modal-lite-box .market-site-link{
  justify-self:end;
  max-width:100%;
  font-size:11.5px;
  line-height:1.42;
  text-align:right;
  overflow-wrap:anywhere;
  word-break:break-word;
}

.modal-note-row strong{
  font-weight:700;
  color:rgba(var(--text-rgb),.88);
}

.modal-top2d-box{
  padding-top:clamp(11px, 1.45vw, 14px);
}

.modal-top2d-flow{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:7px;
  margin-top:10px;
}

.modal-top2d-flow .pair-chip{
  min-height:36px;
  padding:0 6px;
  border-radius:12px;
  font-size:.82rem;
  font-weight:800;
  color:var(--text-soft);
  border-color:rgba(var(--green-rgb),.18);
  background:linear-gradient(145deg, rgba(var(--green-rgb),.22), rgba(var(--green-rgb),.10));
  box-shadow:inset 0 1px 0 rgba(var(--white-rgb),.045);
}

.modal-actions-compact{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  justify-content:stretch;
  align-items:stretch;
  gap:8px;
  width:100%;
  margin-top:2px;
  padding-top:0;
}

.modal-actions-compact .btn-primary, .modal-actions-compact .btn-secondary{
  width:100%;
  min-width:0;
  max-width:none;
  min-height:42px;
  justify-content:center;
  padding:0 clamp(12px, 2vw, 18px);
  text-align:center;
  white-space:nowrap;
  font-size:12px;
}

.modal-actions-compact .btn-primary span, .modal-actions-compact .btn-secondary span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}

.market-head{
  display:grid;
  grid-template-columns:minmax(0, 1fr);
  gap:8px;
  min-width:0;
  width:100%;
  margin-bottom:2px;
  align-content:start;
}

.market-code{
  display:none;
  margin-bottom:4px;
  font-size:9px;
  letter-spacing:.12em;
}

.market-name{
  display:-webkit-box;
  width:100%;
  max-width:none;
  margin-top:0;
  padding-right:0;
  min-height:auto;
  font-family:var(--font-display);
  font-size:clamp(1rem, 1.08vw, 1.16rem);
  line-height:1.08;
  letter-spacing:-.022em;
  overflow:hidden;
  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
  font-weight:800;
  text-wrap:balance;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

.market-info-minimal, .market-info-box{
  padding:12px;
  border-radius:18px;
}

.market-info-box .schedule-list{
  margin-top:8px;
  gap:2px;
}

.market-info-box .schedule-row, .market-info-box .compact-row, .market-info-box .info-row{
  grid-template-columns:minmax(74px, .82fr) minmax(0, 1.18fr);
  gap:6px 10px;
  padding:7px 0;
}

.market-info-box .schedule-row > span, .market-info-box .compact-row > span, .market-info-box .info-row > span{
  font-size:10px;
}

.market-info-box .schedule-row > strong, .market-info-box .compact-row > strong, .market-info-box .info-row > strong, .market-info-box .market-site-link{
  font-size:11px;
  line-height:1.42;
}

.market-note-row strong, .modal-note-row strong{
  font-weight:700;
  color:rgba(var(--text-rgb),.88);
}

.card-foot{
  display:grid;
  grid-template-columns:minmax(0, 1fr);
  align-items:stretch;
  gap:8px;
  margin-top:auto;
  min-width:0;
  padding-top:2px;
}

.stat-inline{
  display:inline-flex;
  align-items:flex-start;
  gap:7px;
  width:100%;
  min-width:0;
  padding:10px 12px;
  border-radius:14px;
  color:var(--muted);
  font-size:10.5px;
  font-weight:700;
  line-height:1.45;
  white-space:normal;
  background:rgba(var(--white-rgb),.026);
  border:1px solid rgba(var(--white-rgb),.048);
}

.card-info-core{
  background:linear-gradient(180deg, rgba(var(--white-rgb),.082), rgba(var(--white-rgb),.045));
  border-color:rgba(var(--lime-glow-rgb),.10);
}

.market-card .box-label{
  letter-spacing:.13em;
}

.market-card .card-foot{
  margin-top:2px;
}

.market-card .stat-inline{
  background:rgba(var(--white-rgb),.025);
  border-color:rgba(var(--white-rgb),.032);
}

body{
  width:100%;
  max-width:100%;
  margin:0;
  min-height:100dvh;
  overflow-x:hidden;
  position:relative;
  font-family:var(--font-ui);
  color:var(--text);
  background:radial-gradient(circle at 12% 10%, rgba(var(--green-rgb),.085), transparent 24%), radial-gradient(circle at 88% 10%, rgba(var(--lime-glow-rgb),.06), transparent 20%), radial-gradient(circle at 50% 66%, rgba(var(--white-rgb),.035), transparent 26%), linear-gradient(180deg, var(--bg-0) 0%, var(--bg-1) 48%, var(--bg-2) 100%);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-kerning:normal;
  font-synthesis-weight:none;
  overscroll-behavior-x:none;
  overscroll-behavior-y:auto;
}

body::before{
  top:8%;
  right:-88px;
  width:220px;
  height:220px;
  background:radial-gradient(circle, rgba(var(--green-rgb),.065), transparent 72%);
  animation:floatA 18s ease-in-out infinite;
  opacity:.24;
}

body::after{
  left:-58px;
  bottom:10%;
  width:200px;
  height:200px;
  background:radial-gradient(circle, rgba(var(--lime-glow-rgb),.04), transparent 72%);
  animation:floatB 20s ease-in-out infinite;
  opacity:.20;
}

.app-root, main, .shell, .hero-grid, .market-grid, .footer-wrap, .section-head, .header-actions, .market-card, .hero-copy, .hero-panel, .modal-card, .modal-market-header{
  min-width:0;
}

.hero-grid > *, .market-grid > *, .section-head > *, .modal-market-header > *{
  min-width:0;
}

.nav-wrap{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:80;
  isolation:isolate;
  overflow:visible;
  border-bottom:1px solid rgba(var(--line-rgb),.08);
  background:linear-gradient(180deg, rgba(var(--nav-start-rgb),.78), rgba(var(--nav-end-rgb),.70));
  box-shadow:0 1px 0 rgba(var(--white-rgb),.035), 0 10px 22px rgba(var(--shadow-rgb),.075);
  transform:translateZ(0);
  backface-visibility:hidden;
}

.nav-wrap::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  backdrop-filter:blur(12px) saturate(124%);
  -webkit-backdrop-filter:blur(12px) saturate(124%);
}

.nav-row{
  min-height:clamp(86px, 6.1vw, 98px);
  display:grid;
  grid-template-columns:minmax(220px,1fr) auto auto;
  grid-template-areas:"brand links actions";
  align-items:center;
  gap:clamp(14px, 1.6vw, 22px);
  padding:calc(12px + (var(--safe-top) * .16)) 0 12px;
  overflow:visible;
}

.brand-logo-frame{
  display:flex;
  align-items:center;
  max-width:min(100%, 360px);
  min-width:0;
  overflow:visible;
}

.brand-logo-img{
  display:block;
  width:auto;
  height:clamp(54px, 4.6vw, 72px);
  max-width:100%;
  object-fit:contain;
  object-position:left center;
  filter:drop-shadow(0 5px 12px rgba(var(--shadow-rgb),.12));
  transform-origin:left center;
}

.header-actions{
  grid-area:actions;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  flex-wrap:nowrap;
  min-width:0;
  max-width:100%;
  overflow:visible;
  flex:0 0 auto;
}

.btn-register, .btn-login{
  min-height:46px;
  padding-inline:20px;
  border-radius:999px;
  font-size:12px;
  font-weight:850;
  letter-spacing:.02em;
  max-width:100%;
  min-width:0;
}

.hero-copy, .hero-panel{
  position:relative;
  width:100%;
  max-width:100%;
  overflow:hidden;
  border-radius:32px;
}

.hero-copy{
  display:flex;
  flex-direction:column;
  gap:22px;
  padding:clamp(18px, 2vw, 24px);
  min-height:clamp(520px, 70vh, 620px);
  isolation:isolate;
}

.hero-copy .banner-stage{
  min-height:220px;
  max-height:400px;
  aspect-ratio:16 / 7.6;
  border-radius:30px;
}

.hero-title{
  margin:0;
  max-width:12ch;
  font-family:var(--font-display);
  font-size:clamp(2.4rem, 4.7vw, 4.9rem);
  line-height:.94;
  letter-spacing:-.055em;
  font-weight:700;
  text-wrap:balance;
  text-shadow:0 0 14px rgba(var(--green-rgb),.04);
  margin-top:0;
}

.hero-desc{
  max-width:62ch;
  font-size:clamp(1rem, 1.28vw, 1.08rem);
  line-height:1.9;
  color:var(--muted);
  font-weight:500;
  margin-top:10px;
}

.btn-primary, .btn-secondary{
  min-width:0;
}

.section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:18px;
  flex-wrap:wrap;
}

.section-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
  margin-left:auto;
  width:fit-content;
  min-width:0;
}

.input-premium{
  width:100%;
  min-height:58px;
  padding:0 18px 0 48px;
  border-radius:20px;
  border:1px solid var(--white-10);
  background:rgba(var(--white-rgb),.034);
  color:var(--text-strong);
  outline:none;
  transition:border-color var(--dur-fast) ease, background-color var(--dur-fast) ease, box-shadow var(--dur-fast) ease;
  box-shadow:inset 0 1px 0 rgba(var(--white-rgb),.034);
  font-weight:600;
  font-size:14px;
  min-width:0;
}

.market-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 270px), 1fr));
  gap:14px;
  align-items:stretch;
  grid-auto-rows:1fr;
  overflow:visible;
  padding:8px 2px 10px;
}

.market-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at top right, rgba(var(--green-rgb),.07), transparent 38%);
  pointer-events:none;
  z-index:-1;
}

.market-card::after{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  top:0;
  height:2px;
  border-radius:999px;
  background:transparent;
  transition:background var(--dur-fast) ease;
  opacity:.84;
}

.market-head, .market-info-box, .card-foot, .market-action-row{
  min-width:0;
}

.market-title-wrap{
  min-width:0;
  width:100%;
}

.market-name, .number-value, .schedule-row > strong, .compact-row > strong, .info-row > strong, .market-site-link, .stat-inline span, .copy-mini-btn span, .market-detail-btn span, .hero-next-name, .hero-next-metric-value, .modal-market-title, .modal-summary-value{
  overflow-wrap:anywhere;
  word-break:break-word;
}

.market-action-row{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:8px;
  width:100%;
  min-width:0;
  align-items:stretch;
}

.copy-mini-btn, .market-detail-btn{
  min-height:40px;
  width:100%;
  min-width:0;
  padding:0 12px;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.hero-grid, .hero-panel, .hero-next, .hero-next-top, .hero-next-header, .hero-next-header-copy, .hero-next-metrics, .hero-next-metric, .hero-next-about, .hero-next-about-copy{
  min-width:0;
}

.hero-next-name, .hero-next-meta, .hero-next-metric-value, .hero-next-about-copy, .schedule-modal-meta, .market-site-link{
  overflow-wrap:anywhere;
  word-break:break-word;
}

.hero-next-metric-value{
  margin-top:8px;
  font-size:clamp(.94rem, 1.15vw, 1.04rem);
  line-height:1.38;
  font-weight:700;
  color:var(--text);
  text-wrap:balance;
  word-break:break-word;
}

.card-info-core .schedule-list{
  margin-top:6px;
  gap:6px;
}

.card-info-core .schedule-row{
  grid-template-columns:minmax(78px, .88fr) minmax(0, 1.12fr);
  align-items:center;
  gap:8px 12px;
  padding:10px 0;
}

.card-info-core .schedule-row > span{
  font-size:11px;
  color:rgba(var(--text-muted-rgb),.58);
  letter-spacing:.01em;
}

.card-info-core .schedule-row > strong, .card-info-core .market-site-cell .market-site-link{
  font-size:12.5px;
  font-weight:800;
  line-height:1.42;
  text-align:right;
}

.hero-panel{
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:clamp(18px, 2vw, 24px);
  min-height:620px;
  padding-top:clamp(16px, 2.2vw, 22px);
}

.hero-grid{
  display:grid;
  grid-template-columns:minmax(0, 1.08fr) minmax(300px, .92fr);
  gap:clamp(16px, 2vw, 22px);
  align-items:stretch;
}

.hero-next{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:18px;
  min-height:100%;
  overflow:hidden;
  padding:24px;
  border-radius:30px;
  background:radial-gradient(circle at top right, rgba(var(--green-rgb),.055), transparent 34%), linear-gradient(180deg, rgba(var(--green-rgb),.68), rgba(var(--panel-deep-rgb),.72));
  border:1px solid rgba(var(--white-rgb),.062);
  box-shadow:inset 0 1px 0 rgba(var(--white-rgb),.026);
  margin-top:2px;
  padding-top:clamp(18px, 2.1vw, 22px);
}

.hero-next-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  position:relative;
  padding-right:112px;
  min-height:42px;
}

.hero-next-state-wrap{
  flex:0 0 auto;
  display:flex;
  align-items:flex-start;
  justify-content:flex-end;
  position:absolute;
  top:0;
  right:0;
  width:auto;
}

.hero-next-state-wrap .mini-chip{
  min-height:32px;
  padding:0 10px;
  border-radius:999px;
  white-space:nowrap;
  box-shadow:none;
  font-size:11px;
  font-weight:800;
  letter-spacing:.01em;
}

.hero-next-state-wrap .mini-chip i{
  font-size:10px;
}

#hero-next-meta{
  margin-top:8px;
}

.hero-next-metrics{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}

.hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:26px;
  width:100%;
  align-items:stretch;
}

.hero-actions .btn-primary, .hero-actions .btn-secondary{
  flex:1 1 0;
  width:auto;
  max-width:100%;
  min-width:0;
  min-height:clamp(48px, 10vw, 56px);
  padding:0 clamp(16px, 4vw, 22px);
  border-radius:30px;
}

.hero-actions .btn-primary span, .hero-actions .btn-secondary span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}

.market-card{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:10px;
  min-width:0;
  min-height:100%;
  height:100%;
  width:100%;
  max-width:100%;
  padding:14px;
  border-radius:24px;
  overflow:hidden;
  isolation:isolate;
  cursor:default;
  align-self:stretch;
  transform:translateZ(0);
  background:radial-gradient(circle at top right, rgba(var(--green-rgb),.07), transparent 34%), linear-gradient(180deg, rgba(var(--white-rgb),.058), rgba(var(--white-rgb),.026));
  box-shadow:0 6px 14px rgba(var(--shadow-rgb),.08);
  backdrop-filter:blur(calc(var(--glass-blur) + 1px)) saturate(128%);
  -webkit-backdrop-filter:blur(calc(var(--glass-blur) + 1px)) saturate(128%);
  transition:border-color var(--dur-fast) ease, box-shadow var(--dur-fast) ease, transform var(--dur-fast) var(--ease);
}

.market-card .market-head{
  position:relative;
  padding-right:104px;
  min-height:40px;
}

.market-card .market-code{
  display:none;
}

.market-card > .state-chip{
  display:inline-flex;
  align-self:flex-start;
  min-height:30px;
  padding:0 10px;
  font-size:9.5px;
  border-radius:999px;
  position:absolute;
  top:16px;
  right:16px;
  z-index:4;
  align-items:center;
  justify-content:center;
  max-width:calc(100% - 32px);
  margin:0;
  gap:7px;
  box-shadow:0 0 0 1px rgba(var(--green-rgb),.045) inset, 0 8px 18px rgba(var(--green-rgb),.06);
  white-space:nowrap;
}

.market-card > .state-chip span:last-child{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}

.market-card > .state-chip .live-dot{
  width:7px;
  height:7px;
}

.banner-controls, .banner-dots{
  display:none;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

.nav-link-row{
  grid-area:links;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(14px, 1.35vw, 20px);
  min-width:0;
}

.nav-link{
  color:var(--muted);
  text-decoration:none;
  transition:color var(--dur-fast) ease, transform var(--dur-fast) var(--ease), background-color var(--dur-fast) ease, border-color var(--dur-fast) ease;
  font-size:14px;
  font-weight:700;
  position:relative;
  letter-spacing:.01em;
  white-space:nowrap;
}

.nav-link-rtp, .nav-dropdown-link-rtp, .footer-link-rtp{
  position:relative;
}

.footer-link-rtp::before{
  content:"";
  display:inline-block;
  width:7px;
  height:7px;
  border-radius:999px;
  margin-right:8px;
  background:linear-gradient(135deg,var(--green),var(--lime));
  box-shadow:0 0 0 4px rgba(var(--green-rgb),.055);
  vertical-align:middle;
}

.togel-result-section{
  position:relative;
  z-index:1;
  width:var(--shell-width);
  max-width:var(--shell-width);
  margin:18px auto 8px;
  scroll-margin-top:calc(var(--nav-offset) + 18px);
}

.togel-result-card{
  position:relative;
  overflow:hidden;
  border-radius:28px;
  border:1px solid rgba(var(--line-rgb),.075);
  background:radial-gradient(circle at 12% 0%, rgba(var(--green-rgb),.075), transparent 30%), linear-gradient(180deg, rgba(var(--white-rgb),.095), rgba(var(--white-rgb),.050));
  box-shadow:0 10px 26px rgba(var(--shadow-rgb),.075), inset 0 1px 0 rgba(var(--white-rgb),.065);
  backdrop-filter:blur(var(--glass-blur)) saturate(140%);
  -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(140%);
}

.togel-result-card::before{
  content:"";
  position:absolute;
  left:clamp(14px, 2vw, 18px);
  right:clamp(14px, 2vw, 18px);
  top:0;
  height:1px;
  background:linear-gradient(90deg, rgba(var(--green-rgb),0), rgba(var(--green-rgb),.62), rgba(var(--green-rgb),.08), rgba(var(--green-rgb),0));
  pointer-events:none;
}

.togel-result-head{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  padding:18px clamp(16px, 2vw, 22px) 0;
}

.togel-result-title-wrap{
  min-width:0;
}

.togel-result-eyebrow{
  margin-bottom:6px;
  font-size:10px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(var(--soft-copy-rgb),.48);
}

.togel-result-title{
  margin:0;
  font-family:var(--font-display);
  font-size:clamp(1.26rem, 2.6vw, 1.9rem);
  line-height:1.02;
  letter-spacing:-.04em;
  font-weight:900;
  color:var(--text);
  text-wrap:balance;
}

.togel-result-status{
  display:none;
}

.togel-result-status[hidden]{
  display:none;
}

.togel-result-content{
  position:relative;
  z-index:1;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:flex-start;
  gap:10px 8px;
  padding:16px clamp(14px, 2vw, 22px) 18px;
}

.togel-result-entry{
  position:relative;
  display:block;
  width:clamp(88px, 8vw, 104px);
  min-width:0;
  overflow:hidden;
  border-radius:16px;
  border:1px solid rgba(var(--line-rgb),.08);
  text-decoration:none;
  color:inherit;
  background:radial-gradient(circle at 70% 0%, rgba(var(--green-rgb),.075), transparent 44%), linear-gradient(180deg, rgba(var(--white-rgb),.085), rgba(var(--white-rgb),.044));
  box-shadow:0 8px 20px rgba(var(--shadow-rgb),.065), inset 0 1px 0 rgba(var(--white-rgb),.060);
  -webkit-tap-highlight-color:transparent;
  transition:transform var(--dur-fast) var(--ease), border-color var(--dur-fast) ease, box-shadow var(--dur-fast) ease, width var(--dur-fast) ease;
}

.togel-result-entry:hover, .togel-result-entry:focus-visible, .togel-result-entry:focus-within{
  transform:translateY(-2px);
  border-color:rgba(var(--green-rgb),.055);
  box-shadow:0 8px 18px rgba(var(--shadow-rgb),.095), 0 0 0 1px rgba(var(--green-rgb),.055) inset;
  outline:none;
}

.togel-result-main{
  display:grid;
  grid-template-rows:24px 1fr 30px;
  grid-template-areas:"pasaran" "keluaran" "tanggal";
  width:100%;
  height:112px;
  min-width:0;
  padding:0;
  list-style:none;
  cursor:pointer;
  text-decoration:none;
  color:inherit;
}

.togel-result-main::-webkit-details-marker{
  display:none;
}

.togel-result-link{
  cursor:pointer;
}

.togel-result-market{
  grid-area:pasaran;
  display:grid;
  place-items:center;
  min-width:0;
  padding:9px 7px 0;
  color:rgba(var(--soft-copy-rgb),.62);
  font-size:10px;
  line-height:1.1;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.togel-result-number{
  grid-area:keluaran;
  display:grid;
  place-items:center;
  min-width:0;
  padding:2px 6px 6px;
  font-family:var(--font-display);
  font-size:clamp(1.78rem, 2.6vw, 2.26rem);
  line-height:1;
  letter-spacing:-.035em;
  font-weight:950;
  color:var(--green-readable);
  font-variant-numeric:tabular-nums;
  text-shadow:0 1px 6px rgba(var(--bg-0-rgb),.22);
}

.togel-result-date{
  grid-area:tanggal;
  display:grid;
  place-items:center;
  width:100%;
  min-width:0;
  padding:0 6px;
  background:linear-gradient(180deg, rgba(var(--green-rgb),.13), rgba(var(--green-rgb),.075));
  color:rgba(var(--muted-2-rgb),.68);
  font-size:11px;
  line-height:1.1;
  font-weight:800;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}

.togel-result-entry[open]{
  width:min(220px, 100%);
}

.togel-result-entry[open] .togel-result-main{
  height:96px;
}

.togel-result-history{
  display:grid;
  gap:5px;
  padding:8px;
  border-top:1px solid rgba(var(--line-rgb),.065);
  background:rgba(var(--shadow-rgb),.08);
}

.togel-result-history-title{
  font-size:9px;
  line-height:1.1;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(var(--soft-copy-rgb),.42);
  padding:1px 2px 3px;
}

.togel-result-history-row{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  align-items:center;
  gap:8px;
  min-height:22px;
  padding:3px 6px;
  border-radius:8px;
  background:rgba(var(--white-rgb),.035);
  color:rgba(var(--soft-copy-rgb),.68);
  font-size:10px;
  line-height:1.15;
  font-weight:750;
  font-variant-numeric:tabular-nums;
}

.togel-result-history-row strong{
  color:var(--green-readable);
  font-size:12px;
  font-weight:950;
  letter-spacing:.02em;
}

.togel-result-empty{
  width:100%;
  min-height:86px;
  display:grid;
  place-items:center;
  text-align:center;
  padding:18px;
  border-radius:18px;
  border:1px dashed rgba(var(--line-rgb),.10);
  color:rgba(var(--soft-copy-rgb),.68);
  background:rgba(var(--white-rgb),.025);
  font-weight:750;
}

.togel-winner-panel{
  position:relative;
  z-index:1;
  contain:layout paint;
  content-visibility:auto;
  margin:0 clamp(14px, 2vw, 22px) clamp(14px, 2vw, 20px);
  overflow:hidden;
  border-radius:20px;
  border:1px solid rgba(var(--line-rgb),.075);
  background:linear-gradient(180deg, rgba(var(--white-rgb),.058), rgba(var(--white-rgb),.032));
  box-shadow:inset 0 1px 0 rgba(var(--white-rgb),.045);
}

.togel-winner-panel[hidden]{
  display:none;
}

.togel-winner-head{
  display:block;
  padding:14px 14px 10px;
  border-bottom:1px solid rgba(var(--line-rgb),.06);
}

.togel-winner-title{
  margin:0;
  color:var(--text);
  font-family:var(--font-display);
  font-size:clamp(1rem, 1.7vw, 1.22rem);
  line-height:1.04;
  font-weight:900;
  letter-spacing:-.035em;
}

.togel-winner-table-wrap{
  width:100%;
  overflow:auto;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scrollbar-color:rgba(var(--green-rgb),.22) transparent;
}

.togel-winner-table-wrap:focus-visible{
  outline:2px solid rgba(var(--green-rgb),.42);
  outline-offset:-2px;
}

.togel-winner-table{
  width:100%;
  min-width:1110px;
  table-layout:fixed;
  border-collapse:collapse;
  color:rgba(var(--soft-copy-rgb),.75);
  font-size:11px;
  line-height:1.25;
  font-weight:780;
  font-variant-numeric:tabular-nums;
}

.togel-winner-table th,
.togel-winner-table td{
  padding:10px 11px;
  border-bottom:1px solid rgba(var(--line-rgb),.052);
  text-align:left;
  white-space:nowrap;
}

.togel-winner-table th{
  background:rgba(var(--bg-0-rgb),.72);
  color:rgba(var(--soft-copy-rgb),.48);
  font-size:9px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.togel-winner-table tbody tr:nth-child(odd){
  background:rgba(var(--white-rgb),.018);
}

.togel-winner-table td strong{
  color:var(--green-readable);
  font-weight:950;
}

.winner-username{
  display:inline-flex;
  align-items:center;
  color:rgba(var(--soft-copy-rgb),.76);
  font-family:var(--font-body);
  font-size:10.5px;
  font-weight:900;
  letter-spacing:.015em;
}

html.runtime-performance.performance-lite-device .togel-result-card{
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

html.runtime-performance.performance-lite-device .togel-result-entry:hover, html.runtime-performance.performance-lite-device .togel-result-entry:focus-visible, html.runtime-performance.performance-lite-device .togel-result-entry:focus-within{
  transform:none;
}

.home-banner-section{
  padding:calc(var(--nav-offset) + 10px) 0 14px;
}

.home-banner-section + .hero{
  padding-top:0;
}

.banner-shell-outer{
  width:var(--shell-width);
  max-width:var(--shell-width);
}

.banner-shell-standalone, .home-banner-section .banner-stage, .home-banner-section .banner-frame, .home-banner-section .banner-picture, .home-banner-section .banner-picture img{
  border-radius:var(--radius-2xl);
}

.banner-shell-standalone{
  display:block;
  padding:0;
  overflow:visible;
  border:0;
  background:transparent;
  box-shadow:none;
}

.home-banner-section .banner-stage{
  aspect-ratio:2000 / 810;
  min-height:0;
  max-height:none;
  overflow:hidden;
  border:0;
  background:transparent;
  box-shadow:none;
}

.home-banner-section .banner-slide{
  padding:0;
}

.home-banner-section .banner-frame{
  overflow:hidden;
  border:0;
  background:transparent;
  box-shadow:none;
}

.home-banner-section .banner-frame::after{
  display:none;
}

.home-banner-section .banner-picture, .home-banner-section .banner-picture img{
  background:transparent;
}

.hero{
  position:relative;
  padding:calc(var(--nav-offset) + 18px) 0 26px;
  scroll-margin-top:calc(var(--nav-offset) + 18px);
  padding-bottom:clamp(14px, 2vw, 24px);
}

.hero-unified{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0, .94fr) minmax(390px, 1.06fr);
  align-items:center;
  gap:0;
  min-height:0;
  padding:clamp(18px, 2vw, 24px);
  overflow:hidden;
  border:1px solid rgba(var(--line-rgb),.085);
  border-radius:var(--radius-2xl);
  background:radial-gradient(circle at 14% 0%, rgba(var(--green-rgb),.105), transparent 30%), radial-gradient(circle at 90% 18%, rgba(var(--green-rgb),.060), transparent 26%), linear-gradient(160deg, rgba(var(--panel-rgb),.70), rgba(var(--nav-end-rgb),.82));
  box-shadow:0 10px 24px rgba(var(--shadow-rgb),.075), inset 0 1px 0 rgba(var(--white-rgb),.045);
}

.hero-unified::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg, rgba(var(--green-rgb),0), rgba(var(--green-rgb),.070) 48%, rgba(var(--green-rgb),0));
  opacity:.62;
}

.hero-unified .hero-copy, .hero-unified .hero-panel{
  position:relative;
  z-index:1;
  min-width:0;
  min-height:0;
  padding:0;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

.hero-unified .hero-copy::before, .hero-unified .hero-copy::after, .hero-unified .hero-panel::before{
  display:none;
}

.hero-unified .hero-copy{
  display:flex;
  align-items:center;
  padding-right:clamp(18px, 2.2vw, 30px);
}

.hero-unified .hero-copy__content{
  min-height:0;
  width:100%;
  max-width:560px;
  padding:0;
  justify-content:center;
}

.hero-unified .hero-chip{
  display:none;
}

.hero-unified .hero-title{
  max-width:none;
  width:100%;
  margin-top:0;
  white-space:normal;
  text-wrap:balance;
  overflow-wrap:anywhere;
  font-size:clamp(1.9rem, 2.25vw, 2.78rem);
  line-height:1.02;
  letter-spacing:-.058em;
}

.hero-unified .hero-desc{
  max-width:58ch;
  margin-top:14px;
  line-height:1.68;
}

.hero-unified .hero-actions{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  width:min(100%, 520px);
  gap:12px;
  margin-top:20px;
}

.hero-unified .hero-actions .btn-primary, .hero-unified .hero-actions .btn-secondary{
  width:100%;
  min-width:0;
  min-height:46px;
  justify-content:center;
  padding:0 16px;
  white-space:nowrap;
}

.hero-unified .hero-panel{
  display:flex;
  align-items:center;
  padding-left:clamp(18px, 2.2vw, 30px);
  border-left:1px solid rgba(var(--line-rgb),.075);
}

.hero-unified .hero-next{
  display:grid;
  grid-template-columns:minmax(150px, .82fr) minmax(180px, 1fr);
  grid-template-areas:"head count" "metrics metrics";
  align-items:stretch;
  width:100%;
  min-width:0;
  min-height:0;
  margin:0;
  padding:clamp(14px, 1.45vw, 18px);
  gap:10px;
  overflow:hidden;
  border-radius:var(--radius-lg);
  border:1px solid rgba(var(--line-rgb),.075);
  background:linear-gradient(160deg, rgba(var(--nav-start-rgb),.66), rgba(var(--brand-deep-rgb),.58));
  box-shadow:inset 0 1px 0 rgba(var(--white-rgb),.035);
}

.hero-unified .hero-next::after{
  display:none;
}

.hero-unified .hero-next-top{
  display:contents;
}

.hero-unified .hero-next-header{
  grid-area:head;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  min-width:0;
  min-height:0;
  padding:0;
}

.hero-unified .hero-next-name{
  min-width:0;
  max-width:100%;
  font-size:clamp(1.38rem, 2vw, 2rem);
  line-height:1;
  overflow-wrap:anywhere;
}

.hero-unified .hero-next-meta{
  margin-top:6px;
  font-size:.78rem;
  line-height:1.45;
  color:var(--muted);
}

.hero-unified .hero-next-state-wrap{
  display:none;
}

.hero-unified .hero-next-count-wrap{
  grid-area:count;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  min-height:82px;
  padding:12px 14px;
  border-radius:18px;
}

.hero-unified .big-count{
  font-size:clamp(1.95rem, 3.05vw, 2.9rem);
  line-height:1;
  word-break:normal;
}

.hero-unified .hero-next-phase{
  margin-top:7px;
}

.hero-unified .hero-next-metrics{
  grid-area:metrics;
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:8px;
  min-width:0;
}

.hero-unified .hero-next-metric{
  min-width:0;
  min-height:62px;
  padding:10px 12px;
  border-radius:16px;
}

.hero-unified .hero-next-metric-label{
  font-size:.62rem;
}

.hero-unified .hero-next-metric-value{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:.9rem;
  line-height:1.34;
}

.hero-unified .hero-next-site-link{
  max-width:100%;
  min-width:0;
}

.hero-unified .hero-next-site-link span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hero-unified .hero-next-about{
  display:none;
}

.filter-shell, .filter-row, #filter-row, .stats-strip, #stats-strip{
  display:none;
}

.tool-stack{
  display:grid;
  gap:14px;
  margin-bottom:22px;
  grid-template-columns:minmax(0, 1fr);
}

.search-panel{
  width:100%;
  max-width:100%;
  padding:14px;
  border-radius:26px;
  background:linear-gradient(180deg, rgba(var(--white-rgb),.07), rgba(var(--white-rgb),.035));
  box-shadow:var(--shadow-soft);
  backdrop-filter:blur(var(--glass-blur)) saturate(125%);
  -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(125%);
  grid-column:auto;
}

.footer-wrap{
  position:relative;
  width:100%;
  margin:18px 0 0;
  padding:16px 0 calc(18px + var(--safe-bottom));
  scroll-margin-top:calc(var(--nav-offset) + 18px);
  margin-top:22px;
  padding-bottom:calc(18px + var(--safe-bottom));
}

.footer-card{
  position:relative;
  width:100%;
  max-width:100%;
  margin-inline:auto;
  overflow:hidden;
  border-radius:30px;
  background:linear-gradient(180deg, rgba(var(--white-rgb),.042), rgba(var(--white-rgb),.018));
  box-shadow:var(--shadow-soft);
  backdrop-filter:blur(10px) saturate(125%);
  -webkit-backdrop-filter:blur(10px) saturate(125%);
}

.footer-core{
  width:100%;
  margin-inline:auto;
  max-width:100%;
}

.footer-inner{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  gap:12px;
  padding:26px clamp(18px, 2.4vw, 28px);
  text-align:left;
}

.footer-topline{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(var(--text-muted-rgb),.52);
}

.footer-topline::before{
  content:none;
  display:none;
}

.footer-brand{
  font-size:clamp(1.5rem, 2.2vw, 1.82rem);
  line-height:1;
  letter-spacing:-.03em;
  font-weight:700;
  margin:0;
}

.footer-note{
  width:100%;
  max-width:760px;
  margin:0;
  color:var(--muted);
  font-size:13.5px;
  line-height:1.82;
  font-weight:500;
  display:block;
}

.footer-links{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
}

.footer-link{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 14px;
  border-radius:999px;
  text-decoration:none;
  color:var(--text-subtle);
  font-size:12px;
  font-weight:800;
  border:1px solid var(--green-border);
  background:linear-gradient(135deg, rgba(var(--green-rgb),.26), rgba(var(--green-rgb),.10));
  box-shadow:inset 0 1px 0 rgba(var(--white-rgb),.045), 0 0 0 1px rgba(var(--green-rgb),.045);
  transition:transform var(--dur-fast) var(--ease), border-color var(--dur-fast) ease, background-color var(--dur-fast) ease;
}

.footer-link:hover, .footer-link:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(var(--green-rgb),.42);
  background:linear-gradient(135deg, rgba(var(--green-rgb),.34), rgba(var(--green-rgb),.16));
}

.footer-copy{
  width:100%;
  color:rgba(var(--text-muted-rgb),.52);
  font-size:12px;
  line-height:1.6;
  font-weight:600;
  letter-spacing:.02em;
  text-align:left;
}

.schedule-modal-shell{
  display:grid;
  gap:14px;
}

.schedule-modal-head{
  display:grid;
  gap:6px;
}

.schedule-modal-subtitle{
  font-size:12px;
  line-height:1.45;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(var(--text-muted-rgb), .74);
}

.schedule-modal-panel{
  margin-top:0;
  padding:12px;
  gap:0;
  border-radius:20px;
  background:linear-gradient(180deg, rgba(var(--green-rgb), .18), rgba(var(--green-rgb), .11)), linear-gradient(180deg, rgba(var(--white-rgb), .04), rgba(var(--white-rgb), .02));
  border:1px solid rgba(var(--green-rgb), .18);
  box-shadow:inset 0 1px 0 rgba(var(--white-rgb), .05);
}

.schedule-modal-panel .schedule-list{
  margin-top:0;
  gap:10px;
}

.schedule-modal-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px;
  border-bottom:0;
  border-radius:16px;
  border:1px solid rgba(var(--green-rgb), .14);
  background:linear-gradient(180deg, rgba(var(--green-rgb), .14), rgba(var(--green-rgb), .09)), linear-gradient(180deg, rgba(var(--white-rgb), .03), rgba(var(--white-rgb), .015));
  box-shadow:inset 0 1px 0 rgba(var(--white-rgb), .032);
}

.schedule-modal-name{
  font-weight:800;
  color:var(--text-soft);
  letter-spacing:.01em;
  font-size:clamp(1rem, 3vw, 1.08rem);
  line-height:1.08;
}

.schedule-modal-meta{
  color:rgba(var(--text-muted-rgb), .82);
  font-size:12.5px;
  line-height:1.5;
}

.schedule-jump-btn:hover, .schedule-jump-btn:focus-visible{
  border-color:rgba(var(--green-rgb), .30);
  background:linear-gradient(180deg, rgba(var(--green-rgb), .20), rgba(var(--green-rgb), .13));
}

.modal-actions-schedule{
  justify-content:center;
  margin-top:2px;
  align-items:stretch;
  display:flex;
  width:100%;
  padding-top:0;
}

.modal-actions-schedule .btn-secondary{
  width:100%;
  min-width:0;
  min-height:42px;
  padding:0 clamp(16px, 2.2vw, 22px);
  margin-inline:0;
  border-radius:999px;
  flex:0 0 auto;
  max-width:none;
  height:auto;
  aspect-ratio:auto;
  justify-content:center;
  text-align:center;
  white-space:nowrap;
  border-color:rgba(var(--green-rgb), .18);
  background:linear-gradient(180deg, rgba(var(--green-rgb), .14), rgba(var(--green-rgb), .09));
}

.schedule-modal-info{
  min-width:0;
  display:grid;
  gap:4px;
  width:100%;
  justify-items:start;
  text-align:left;
}

.schedule-modal-name, .schedule-modal-meta{
  width:100%;
  text-align:left;
  justify-self:start;
}

.schedule-jump-btn{
  min-height:42px;
  padding:0 14px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
  flex:0 0 auto;
  padding-inline:16px;
  min-width:110px;
  border:1px solid rgba(var(--green-rgb), .18);
  background:linear-gradient(180deg, rgba(var(--green-rgb), .16), rgba(var(--green-rgb), .10));
  color:var(--text-soft);
  box-shadow:inset 0 1px 0 rgba(var(--white-rgb), .05);
  justify-content:center;
  text-align:center;
}

.text-white{
  color:var(--text-strong);
}

.text-emerald-300{
  color:var(--green);
}

.text-emerald-100\/65{
  color:rgba(var(--accent-soft-rgb),.65);
}

.text-emerald-100\/70{
  color:rgba(var(--accent-soft-rgb),.70);
}

.text-yellow-300{
  color:var(--green);
}

.text-teal-300{
  color:var(--green);
}

.text-blue-300{
  color:var(--green);
}

.text-sm{
  font-size:.875rem;
  line-height:1.25rem;
}

.text-2xl{
  font-size:1.5rem;
  line-height:2rem;
}

.text-4xl{
  font-size:2.25rem;
  line-height:2.5rem;
}

.text-5xl{
  font-size:3rem;
  line-height:1;
}

.mt-2{
  margin-top:.5rem;
}

.mt-3{
  margin-top:.75rem;
}

.mt-5{
  margin-top:1.25rem;
}

.mt-6{
  margin-top:1.5rem;
}

html.runtime-performance, html.runtime-performance body{
  text-rendering:optimizeLegibility;
}

html.runtime-performance .market-grid{
  contain:layout style;
  overflow:visible;
  padding-block:8px 10px;
  padding-inline:2px;
}

html.runtime-performance .market-card, html.runtime-performance .search-panel, html.runtime-performance .footer-card{
  contain:layout style;
  content-visibility:auto;
}

html.runtime-performance .market-card{
  contain-intrinsic-size:150px 238px;
}

html.runtime-performance .search-panel, html.runtime-performance .footer-card{
  contain-intrinsic-size:300px 96px;
}

html.runtime-performance .banner-picture img, html.runtime-performance .brand-logo-img, html.runtime-performance .market-card, html.runtime-performance .modal-card, html.runtime-performance .banner-track{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

html.runtime-performance .banner-picture img{
  transform:translateZ(0);
}

html.runtime-performance .hero-copy, html.runtime-performance .hero-panel, html.runtime-performance .market-card, html.runtime-performance .search-panel, html.runtime-performance .footer-card, html.runtime-performance .modal-card{
  will-change:auto;
}

html.runtime-performance .market-card::before, html.runtime-performance .number-box::before, html.runtime-performance .hero-copy::before, html.runtime-performance .hero-panel::before, html.runtime-performance .hero-next::after, html.runtime-performance body::before, html.runtime-performance body::after, html.runtime-performance .hero-copy::after{
  pointer-events:none;
}

html.runtime-performance.performance-lite-device{
  --glass-blur:0px;
  --glass-blur-strong:0px;
  --shadow-soft:0 6px 14px rgba(var(--shadow-rgb),.08);
  --shadow-md:0 7px 16px rgba(var(--shadow-rgb),.09);
  --shadow-lg:0 9px 20px rgba(var(--shadow-rgb),.095);
  --shadow-green:0 8px 18px rgba(var(--green-rgb),.10);
}

html.runtime-performance.performance-lite-device .glass, html.runtime-performance.performance-lite-device .glass-strong, html.runtime-performance.performance-lite-device .hero-chip, html.runtime-performance.performance-lite-device .mini-chip, html.runtime-performance.performance-lite-device .stat-chip, html.runtime-performance.performance-lite-device .btn-register, html.runtime-performance.performance-lite-device .btn-secondary, html.runtime-performance.performance-lite-device .ghost-btn, html.runtime-performance.performance-lite-device .modal, html.runtime-performance.performance-lite-device .modal-card, html.runtime-performance.performance-lite-device .banner-dots, html.runtime-performance.performance-lite-device .footer-card, html.runtime-performance.performance-lite-device .search-panel, html.runtime-performance.performance-lite-device .market-card, html.runtime-performance.performance-lite-device .schedule-box, html.runtime-performance.performance-lite-device .number-box, html.runtime-performance.performance-lite-device .detail-box, html.runtime-performance.performance-lite-device .nav-wrap::before, html.runtime-performance.performance-lite-device .nav-dropdown, html.runtime-performance.performance-lite-device .toast{
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

html.runtime-performance.performance-lite-device body::before, html.runtime-performance.performance-lite-device body::after, html.runtime-performance.performance-lite-device .hero-copy::after, html.runtime-performance.performance-lite-device .hero-next::after, html.runtime-performance.performance-lite-device .number-box::after{
  display:none;
}

html.runtime-performance.performance-lite-device .market-card, html.runtime-performance.performance-lite-device .hero-copy, html.runtime-performance.performance-lite-device .hero-panel, html.runtime-performance.performance-lite-device .search-panel, html.runtime-performance.performance-lite-device .footer-card, html.runtime-performance.performance-lite-device .modal-card{
  box-shadow:0 6px 14px rgba(var(--shadow-rgb),.08);
}

html.runtime-performance.performance-lite-device .market-card:hover, html.runtime-performance.performance-lite-device .market-card:focus-within, html.runtime-performance.performance-lite-device .btn-primary:hover, html.runtime-performance.performance-lite-device .btn-secondary:hover, html.runtime-performance.performance-lite-device .btn-login:hover, html.runtime-performance.performance-lite-device .btn-register:hover, html.runtime-performance.performance-lite-device .ghost-btn:hover, html.runtime-performance.performance-lite-device .copy-mini-btn:hover, html.runtime-performance.performance-lite-device .market-detail-btn:hover, html.runtime-performance.performance-lite-device .schedule-jump-btn:hover{
  transform:none;
  box-shadow:0 6px 14px rgba(var(--shadow-rgb),.08);
}

/* Responsive system | final single source */
@media (hover:hover) and (pointer:fine){
  .togel-result-table tbody tr:hover,
  .togel-winner-table tbody tr:hover{
    background:rgba(var(--green-rgb),.05);
  }

  .market-card:hover .number-box::before,
  .market-card:focus-within .number-box::before{
    opacity:1;
    animation:sheen 1.2s linear 1;
  }

  .market-card:hover,
  .market-card:focus-within{
    border-color:rgba(var(--green-rgb),.22);
    box-shadow:0 8px 18px rgba(var(--shadow-rgb),.08), 0 0 0 1px rgba(var(--green-rgb),.055) inset;
    transform:translateY(-2px);
  }

  .btn-primary:hover,
  .btn-secondary:hover,
  .btn-login:hover,
  .btn-register:hover,
  .ghost-btn:hover,
  .copy-mini-btn:hover,
  .market-detail-btn:hover,
  .schedule-jump-btn:hover{
    transform:translateY(-1px);
    box-shadow:0 6px 14px rgba(var(--shadow-rgb),.08), inset 0 1px 0 rgba(var(--white-rgb),.18);
  }
}

@media (min-width:1180px){
  .hero-grid{
    grid-template-columns:minmax(0, 1.08fr) minmax(320px, .92fr);
  }

  .tool-stack{
    grid-template-columns:minmax(0, 1fr) auto;
    align-items:start;
  }

  .search-panel{
    grid-column:1 / -1;
  }

  .filter-shell{
    grid-column:1 / 2;
  }

  .stats-strip,
  #stats-strip{
    grid-column:2 / 3;
    align-self:stretch;
    min-width:360px;
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width:1280px){
  :root{
    --shell-pad:clamp(12px, 2vw, 22px);
  }

  .market-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:13px;
  }
}

@media (max-width:1180px){
  :root{
    --nav-offset:86px;
  }

  .nav-row{
    gap:10px;
    grid-template-columns:minmax(180px, 1fr) auto auto;
  }

  .brand-logo-frame{
    max-width:min(100%, 300px);
  }

  .brand-logo-img{
    height:clamp(48px, 5.4vw, 62px);
  }

  .nav-link-row{
    gap:14px;
  }

  .nav-link{
    font-size:13px;
  }

  .btn-register,
  .btn-login{
    min-height:42px;
    padding-inline:15px;
    font-size:11px;
  }

  .hero-grid,
  .hero-unified{
    grid-template-columns:minmax(0, 1fr);
    gap:16px;
    align-items:start;
  }

  .hero-copy,
  .hero-panel{
    min-height:auto;
  }

  .hero-panel{
    padding-top:0;
  }

  .hero-title{
    max-width:14ch;
  }
}

@media (max-width:1080px){
  .hero-unified{
    padding:16px;
  }

  .hero-unified .hero-copy,
  .hero-unified .hero-panel{
    padding:0;
    border-left:0;
  }

  .hero-unified .hero-copy__content{
    max-width:100%;
  }

  .market-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width:1000px){
  .togel-result-section{
    margin:14px auto 6px;
  }

  .togel-result-card{
    border-radius:22px;
  }

  .togel-result-head{
    align-items:flex-start;
    padding:15px 14px 0;
  }

  .togel-result-title{
    font-size:clamp(1.12rem, 5.4vw, 1.46rem);
  }

  .togel-result-content{
    display:grid;
    grid-template-columns:minmax(0, 1fr);
    gap:0;
    padding:13px 12px 14px;
  }

  .togel-result-entry,
  .togel-result-entry[open]{
    width:100%;
    border-radius:0;
    border:0;
    border-bottom:1px solid rgba(var(--line-rgb),.055);
    background:transparent;
    box-shadow:none;
  }

  .togel-result-entry:nth-child(odd){
    background:rgba(var(--white-rgb),.030);
  }

  .togel-result-entry:first-child{
    border-top-left-radius:14px;
    border-top-right-radius:14px;
  }

  .togel-result-entry:last-child{
    border-bottom:0;
    border-bottom-left-radius:14px;
    border-bottom-right-radius:14px;
  }

  .togel-result-entry:hover,
  .togel-result-entry:focus-visible,
  .togel-result-entry:focus-within{
    transform:none;
    box-shadow:none;
    background:rgba(var(--green-rgb),.075);
  }

  .togel-result-main,
  .togel-result-entry[open] .togel-result-main{
    width:100%;
    height:auto;
    min-height:42px;
    display:grid;
    grid-template-columns:minmax(0, 1fr) minmax(80px, .62fr) minmax(68px, .46fr);
    grid-template-areas:"pasaran tanggal keluaran";
    align-items:center;
    padding:0 6px;
  }

  .togel-result-market,
  .togel-result-date,
  .togel-result-number{
    display:flex;
    align-items:center;
    min-width:0;
    padding:8px 6px;
    background:transparent;
    line-height:1.2;
  }

  .togel-result-market{
    justify-content:flex-start;
    font-size:12px;
    color:rgba(var(--soft-copy-rgb),.72);
    letter-spacing:.01em;
  }

  .togel-result-date{
    justify-content:center;
    color:rgba(var(--soft-copy-rgb),.58);
    font-size:11px;
  }

  .togel-result-number{
    justify-content:flex-end;
    font-size:1.02rem;
    color:var(--green-readable);
    text-shadow:0 1px 5px rgba(var(--bg-0-rgb),.20);
  }

  .togel-result-history{
    padding:4px 8px 8px;
    background:rgba(var(--white-rgb),.048);
  }

  .togel-winner-panel{
    margin:0 12px 12px;
    border-radius:16px;
  }

  .togel-winner-head{
    padding:12px;
  }

  .togel-winner-table{
    min-width:980px;
    font-size:10.5px;
  }

  .togel-winner-table th,
  .togel-winner-table td{
    padding:9px 10px;
  }
}

@media (max-width:980px){
  :root{
    --nav-offset:82px;
    --shell-pad:16px;
    --shell-width:min(var(--shell-max), calc(100% - (var(--shell-pad) * 2)));
  }

  .nav-link-row{
    display:none;
  }

  .menu-toggle{
    display:inline-flex;
  }

  .nav-row{
    grid-template-columns:minmax(0, 1fr) auto;
    grid-template-areas:"brand actions";
    min-height:78px;
    gap:10px;
    padding:calc(10px + (var(--safe-top) * .14)) 0 10px;
  }

  .brand-logo-frame{
    max-width:min(100%, 250px);
  }

  .brand-logo-img{
    height:44px;
  }

  .header-actions{
    gap:8px;
    flex:0 0 auto;
  }

  .hero{
    padding-top:calc(var(--nav-offset) + 14px);
  }

  .home-banner-section{
    padding:calc(var(--nav-offset) + 8px) 0 12px;
  }

  .home-banner-section + .hero{
    padding-top:0;
  }

  .banner-stage,
  .home-banner-section .banner-stage{
    aspect-ratio:2000 / 810;
    min-height:0;
    max-height:none;
  }

  .banner-shell-standalone,
  .home-banner-section .banner-stage,
  .home-banner-section .banner-frame,
  .home-banner-section .banner-picture,
  .home-banner-section .banner-picture img{
    border-radius:var(--radius-lg);
  }

  .hero-copy,
  .hero-panel,
  .banner-shell,
  .banner-stage,
  .banner-frame,
  .market-card,
  .search-panel,
  .footer-card,
  .modal-card{
    border-radius:22px;
  }

  .hero-copy,
  .hero-panel{
    padding:14px;
    gap:14px;
  }

  .hero-copy__content{
    padding:4px 2px 0;
  }

  .hero-title{
    max-width:14ch;
    font-size:clamp(2rem, 7vw, 3.4rem);
  }

  .hero-desc{
    font-size:.97rem;
    line-height:1.78;
  }

  .hero-actions{
    width:100%;
    gap:10px;
  }

  .hero-actions .btn-primary,
  .hero-actions .btn-secondary{
    flex:1 1 220px;
  }

  .hero-next{
    padding:16px;
    gap:14px;
    border-radius:20px;
  }

  .hero-next-metrics{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px;
  }

  .hero-next-name{
    font-size:clamp(1.55rem, 5vw, 2.2rem);
  }

  .market-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:12px;
    grid-auto-rows:auto;
    padding:8px 0 10px;
  }

  .market-card{
    height:auto;
    min-height:0;
    padding:13px;
  }

  .section-head{
    gap:12px;
    margin-bottom:14px;
  }

  .section-actions{
    width:fit-content;
  }

  .modal-card{
    width:min(680px, calc(100vw - 18px));
    max-height:min(90dvh, 760px);
  }

  .footer-inner{
    padding:22px 18px;
  }
}

@media (max-width:820px){
  :root{
    --nav-offset:80px;
    --shell-pad:12px;
    --shell-width:min(var(--shell-max), calc(100% - (var(--shell-pad) * 2)));
  }

  .shell,
  .banner-shell-outer,
  .togel-result-section{
    width:var(--shell-width);
    max-width:var(--shell-width);
  }

  .section-head{
    align-items:stretch;
  }

  .section-actions,
  .section-actions > *,
  .section-actions .ghost-btn{
    width:100%;
    margin-left:0;
  }

  .hero-copy,
  .hero-panel{
    padding:12px;
  }

  .hero-title{
    font-size:clamp(1.72rem, 6.8vw, 2.65rem);
    line-height:.98;
  }

  .hero-desc{
    margin-top:12px;
    font-size:.92rem;
    line-height:1.68;
  }

  .hero-actions{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    align-items:stretch;
    gap:9px;
    margin-top:18px;
  }

  .hero-actions .btn-primary,
  .hero-actions .btn-secondary{
    width:100%;
    min-width:0;
    min-height:48px;
    padding-inline:12px;
    font-size:12px;
  }

  .hero-actions .btn-primary span,
  .hero-actions .btn-secondary span{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .hero-next-header{
    padding-right:100px;
    gap:12px;
  }

  .hero-next-metric{
    padding:12px;
    border-radius:16px;
  }

  .market-card .market-head{
    padding-right:92px;
  }

  .card-info-core .schedule-row{
    grid-template-columns:minmax(58px, .72fr) minmax(0, 1.28fr);
  }

  .modal-duo-grid{
    grid-template-columns:minmax(0, 1fr);
  }

  .modal-inline-metrics,
  .modal-top2d-flow{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }

  .schedule-modal-row{
    flex-direction:column;
    align-items:stretch;
  }

  .schedule-jump-btn{
    width:100%;
  }

  .footer-note{
    max-width:100%;
  }
}

@media (max-width:640px){
  :root{
    --glass-blur:7px;
    --glass-blur-strong:9px;
    --shell-pad:8px;
    --shell-width:min(var(--shell-max), calc(100% - (var(--shell-pad) * 2)));
    --nav-offset:72px;
    --radius-sm:10px;
    --radius-md:12px;
    --radius-lg:16px;
    --radius-xl:18px;
    --radius-2xl:20px;
  }

  body::before,
  body::after{
    display:none;
  }

  .nav-wrap{
    background:linear-gradient(180deg, rgba(var(--bg-0-rgb),.95), rgba(var(--bg-0-rgb),.90));
  }

  .nav-row{
    min-height:66px;
    gap:6px;
    padding:8px 0;
  }

  .brand-wrap{
    min-width:0;
  }

  .brand-logo-frame{
    max-width:clamp(118px, 34vw, 168px);
  }

  .brand-logo-img{
    height:34px;
  }

  .header-actions{
    width:auto;
    flex:0 0 auto;
    flex-wrap:nowrap;
    gap:5px;
    justify-content:flex-end;
  }

  .btn-register,
  .btn-login{
    min-height:34px;
    padding:0 9px;
    border-radius:14px;
    font-size:8.6px;
    letter-spacing:.02em;
    white-space:nowrap;
  }

  .menu-toggle{
    width:34px;
    height:34px;
    border-radius:14px;
  }

  .menu-toggle-box{
    width:14px;
    height:11px;
  }

  .nav-dropdown-wrap{
    width:min(250px, calc(100vw - 24px));
    padding-top:8px;
  }

  .nav-dropdown{
    border-radius:18px;
    padding:8px;
  }

  .nav-dropdown-link{
    min-height:44px;
    padding:0 13px;
    border-radius:13px;
    font-size:12px;
  }

  .shell,
  .banner-shell-outer,
  .togel-result-section{
    width:var(--shell-width);
    max-width:var(--shell-width);
  }

  .home-banner-section{
    padding:calc(var(--nav-offset) + 6px) 0 8px;
  }

  .banner-section{
    padding:calc(var(--nav-offset) + 8px) 0 6px;
  }

  .banner-shell,
  .banner-stage,
  .banner-frame,
  .home-banner-section .banner-stage,
  .banner-shell-standalone,
  .home-banner-section .banner-frame,
  .home-banner-section .banner-picture,
  .home-banner-section .banner-picture img{
    border-radius:18px;
  }

  .banner-slide{
    padding:6px;
  }

  .hero{
    padding-top:0;
    padding-bottom:10px;
  }

  .hero-grid,
  .hero-unified{
    gap:10px;
  }

  .hero-unified{
    padding:10px;
    border-radius:18px;
    box-shadow:0 6px 14px rgba(var(--shadow-rgb),.08), inset 0 1px 0 rgba(var(--white-rgb),.035);
  }

  .hero-copy,
  .hero-panel,
  .search-panel,
  .footer-card,
  .market-card,
  .modal-card{
    border-radius:16px;
    box-shadow:0 6px 14px rgba(var(--shadow-rgb),.09);
  }

  .hero-copy,
  .hero-panel{
    padding:10px;
    gap:10px;
    min-height:0;
  }

  .hero-copy::before,
  .hero-panel::before,
  .hero-copy::after,
  .hero-next::after{
    display:none;
  }

  .hero-chip{
    width:100%;
    justify-content:center;
    text-align:center;
    padding:7px 9px;
    gap:6px;
    font-size:9px;
    letter-spacing:.045em;
  }

  .hero-title,
  .hero-unified .hero-title{
    max-width:13ch;
    font-size:clamp(1.18rem, 5.8vw, 1.78rem);
    line-height:1.02;
    letter-spacing:-.045em;
  }

  .hero-desc,
  .hero-unified .hero-desc{
    margin-top:9px;
    font-size:.78rem;
    line-height:1.54;
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }

  .hero-actions,
  .hero-unified .hero-actions{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:8px;
    margin-top:12px;
    width:100%;
  }

  .hero-actions .btn-primary,
  .hero-actions .btn-secondary,
  .hero-unified .hero-actions .btn-primary,
  .hero-unified .hero-actions .btn-secondary{
    width:100%;
    min-width:0;
    min-height:36px;
    padding:0 8px;
    font-size:9px;
    gap:5px;
  }

  .hero-next,
  .hero-unified .hero-next{
    padding:10px;
    gap:8px;
    min-height:0;
    border-radius:15px;
    overflow:hidden;
  }

  .hero-next-top{
    gap:8px;
  }

  .hero-next-header{
    gap:8px;
    align-items:flex-start;
    padding-right:78px;
  }

  .hero-next-name,
  .hero-unified .hero-next-name{
    margin-top:1px;
    font-size:clamp(1rem, 5vw, 1.32rem);
    line-height:1;
    letter-spacing:-.035em;
  }

  .hero-next-meta,
  .hero-unified .hero-next-meta{
    margin-top:5px;
    font-size:.72rem;
    line-height:1.35;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }

  .hero-next-state-wrap .mini-chip{
    min-height:24px;
    padding:0 8px;
    gap:5px;
    font-size:8.5px;
    box-shadow:none;
  }

  .hero-next-count-wrap,
  .hero-unified .hero-next-count-wrap{
    min-height:60px;
    padding:9px 10px;
    gap:4px;
    border-radius:13px;
  }

  .big-count,
  .hero-unified .big-count{
    font-size:clamp(1.42rem, 8.8vw, 1.9rem);
    line-height:1;
    letter-spacing:.015em;
  }

  .hero-next-phase,
  .hero-unified .hero-next-phase{
    margin-top:5px;
    font-size:.66rem;
    line-height:1.25;
  }

  .hero-next-about{
    display:none;
  }

  .hero-next-metrics,
  .hero-unified .hero-next-metrics{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:6px;
  }

  .hero-next-metric,
  .hero-unified .hero-next-metric{
    min-height:48px;
    padding:7px 8px;
    border-radius:11px;
  }

  .hero-next-metric-label,
  .hero-unified .hero-next-metric-label{
    font-size:.49rem;
    letter-spacing:.08em;
  }

  .hero-next-metric-value,
  .hero-unified .hero-next-metric-value{
    margin-top:3px;
    font-size:.68rem;
    line-height:1.25;
  }

  #pasaran{
    padding-top:6px;
  }

  .section-head{
    gap:10px;
    margin-bottom:12px;
    align-items:flex-start;
  }

  .section-label,
  .box-label{
    font-size:8.5px;
  }

  .section-title{
    font-size:clamp(1.22rem, 6.4vw, 1.55rem);
    letter-spacing:-.035em;
  }

  .ghost-btn{
    min-height:42px;
    border-radius:16px;
    font-size:11px;
  }

  .tool-stack{
    gap:8px;
    margin-bottom:10px;
  }

  .search-panel{
    padding:7px;
    min-height:0;
  }

  .input-premium{
    min-height:40px;
    padding:0 12px 0 34px;
    border-radius:12px;
    font-size:12px;
  }

  .search-wrap i{
    left:12px;
    font-size:10px;
  }

  .market-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:8px;
    grid-auto-rows:auto;
    overflow:visible;
    padding:4px 0 8px;
  }

  .market-card{
    height:auto;
    min-height:0;
    padding:9px;
    border-radius:15px;
    gap:7px;
    box-shadow:0 7px 16px rgba(var(--shadow-rgb),.09);
  }

  .market-card::after{
    left:10px;
    right:10px;
    height:1px;
  }

  .market-card .market-head{
    min-height:28px;
    padding-right:78px;
    gap:5px;
    margin:0;
  }

  .market-name{
    min-height:0;
    font-size:.76rem;
    line-height:1.08;
    letter-spacing:-.018em;
    -webkit-line-clamp:2;
  }

  .market-card > .state-chip{
    min-height:22px;
    padding:0 6px;
    gap:4px;
    border-radius:999px;
    font-size:7.4px;
    top:9px;
    right:9px;
    max-width:74px;
  }

  .market-card > .state-chip .live-dot{
    width:5.5px;
    height:5.5px;
  }

  .card-info-core,
  .market-info-box,
  .market-info-minimal{
    display:block;
    min-height:70px;
    padding:8px;
    border-radius:12px;
  }

  .card-info-core .box-label{
    margin-bottom:3px;
    font-size:7.4px;
    letter-spacing:.12em;
  }

  .card-info-core .schedule-list{
    margin-top:2px;
    gap:0;
  }

  .card-info-core .schedule-row{
    grid-template-columns:minmax(38px, .72fr) minmax(0, 1fr);
    gap:4px;
    padding:4px 0;
    align-items:center;
  }

  .card-info-core .schedule-row > span{
    font-size:7.2px;
    line-height:1.15;
    white-space:nowrap;
  }

  .card-info-core .schedule-row > strong,
  .card-info-core .market-site-cell .market-site-link{
    justify-self:end;
    text-align:right;
    font-size:8.3px;
    line-height:1.2;
    white-space:normal;
  }

  .market-card .stat-inline{
    display:inline-flex;
    min-height:27px;
    padding:0 8px;
    border-radius:999px;
    font-size:7.8px;
    line-height:1;
    white-space:nowrap;
  }

  .market-card .stat-inline i{
    font-size:7.8px;
  }

  .card-foot{
    gap:6px;
    padding-top:0;
  }

  .market-action-row{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:5px;
    width:100%;
  }

  .copy-mini-btn,
  .market-detail-btn{
    min-height:28px;
    font-size:7.8px;
    padding:0 6px;
    border-radius:999px;
    gap:4px;
  }

  .copy-mini-btn i{
    display:none;
  }

  .modal{
    padding:max(10px, var(--safe-top)) 8px max(10px, var(--safe-bottom));
  }

  .modal-card{
    width:min(100%, calc(100vw - 12px));
    max-height:min(92dvh, 760px);
    padding:10px;
    border-radius:18px;
  }

  .modal-market-shell{
    gap:9px;
  }

  .modal-market-header{
    grid-template-columns:minmax(0, 1fr) auto;
    gap:8px;
  }

  .modal-market-title{
    font-size:clamp(1rem, 5vw, 1.32rem);
  }

  .modal-time-box{
    width:min(112px, 34vw);
    min-width:96px;
    padding:9px;
    border-radius:13px;
  }

  .modal-time-value{
    font-size:.92rem;
  }

  .modal-number-box,
  .modal-lite-box{
    padding:10px;
    border-radius:14px;
  }

  .modal-summary-grid{
    gap:6px;
  }

  .modal-summary-card{
    padding:8px 6px;
    border-radius:12px;
  }

  .modal-summary-value{
    font-size:.95rem;
  }

  .modal-inline-metrics,
  .modal-top2d-flow{
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:6px;
  }

  .modal-lite-box .schedule-row,
  .modal-lite-box .info-row,
  .modal-lite-box .compact-row,
  .modal-lite-box .compact-row-info{
    grid-template-columns:minmax(68px, .78fr) minmax(0, 1.22fr);
    gap:6px 8px;
  }

  .modal-top2d-flow .pair-chip{
    min-height:34px;
    font-size:.76rem;
    padding:0 4px;
  }

  .modal-actions-compact,
  .modal-actions-schedule{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:7px;
  }

  .modal-actions-compact .btn-primary,
  .modal-actions-compact .btn-secondary,
  .modal-actions-schedule .btn-secondary{
    min-height:40px;
    padding:0 10px;
    font-size:11px;
  }

  .schedule-modal-panel{
    padding:9px;
  }

  .schedule-modal-row{
    padding:10px;
    border-radius:14px;
  }

  .footer-wrap{
    margin-top:10px;
    padding-top:6px;
    padding-bottom:calc(8px + var(--safe-bottom));
  }

  .footer-card{
    border-radius:16px;
  }

  .footer-inner{
    padding:12px 10px;
    gap:7px;
  }

  .footer-topline{
    font-size:8px;
    letter-spacing:.18em;
  }

  .footer-brand{
    font-size:1rem;
    line-height:1.05;
  }

  .footer-note{
    font-size:.72rem;
    line-height:1.45;
  }

  .footer-links{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:6px;
    width:100%;
    max-width:280px;
    align-items:stretch;
  }

  .footer-link{
    justify-content:center;
    min-width:0;
    min-height:28px;
    padding:0 7px;
    font-size:8.6px;
  }

  .footer-copy{
    font-size:.68rem;
    line-height:1.35;
  }
}

@media (max-width:420px){
  :root{
    --shell-pad:5px;
    --shell-width:min(var(--shell-max), calc(100% - 10px));
    --nav-offset:68px;
  }

  .nav-row{
    min-height:60px;
    gap:5px;
    padding:7px 0;
  }

  .brand-logo-frame{
    max-width:clamp(88px, 30vw, 128px);
  }

  .brand-logo-img{
    height:30px;
  }

  .header-actions{
    gap:4px;
  }

  .btn-register,
  .btn-login{
    min-height:30px;
    padding-inline:6px;
    border-radius:12px;
    font-size:7.5px;
  }

  .menu-toggle{
    width:30px;
    height:30px;
    border-radius:12px;
  }

  .menu-toggle-box{
    width:13px;
    height:10px;
  }

  .hero-unified{
    padding:8px;
    gap:8px;
    border-radius:15px;
  }

  .hero-copy,
  .hero-panel{
    padding:8px;
    border-radius:14px;
  }

  .hero-title,
  .hero-unified .hero-title{
    font-size:clamp(1rem, 5.4vw, 1.26rem);
  }

  .hero-desc,
  .hero-unified .hero-desc{
    font-size:.72rem;
    line-height:1.48;
    -webkit-line-clamp:3;
  }

  .hero-actions,
  .hero-unified .hero-actions{
    gap:6px;
  }

  .hero-actions .btn-primary,
  .hero-actions .btn-secondary,
  .hero-unified .hero-actions .btn-primary,
  .hero-unified .hero-actions .btn-secondary{
    min-height:32px;
    padding:0 7px;
    font-size:7.8px;
  }

  .hero-next,
  .hero-unified .hero-next{
    padding:8px;
    border-radius:13px;
  }

  .hero-next-header{
    padding-right:70px;
  }

  .hero-next-name,
  .hero-unified .hero-next-name{
    font-size:1rem;
  }

  .hero-next-meta,
  .hero-unified .hero-next-meta{
    display:none;
  }

  .big-count,
  .hero-unified .big-count{
    font-size:1.42rem;
  }

  .hero-next-metric,
  .hero-unified .hero-next-metric{
    min-height:44px;
    padding:6px;
  }

  .hero-next-metric-value,
  .hero-unified .hero-next-metric-value{
    font-size:.64rem;
  }

  .section-title{
    font-size:clamp(1.12rem, 6vw, 1.42rem);
  }

  .market-grid{
    gap:6px;
  }

  .market-card{
    padding:8px;
    border-radius:13px;
    gap:6px;
  }

  .market-card .market-head{
    min-height:26px;
    padding-right:68px;
  }

  .market-name{
    font-size:.70rem;
  }

  .market-card > .state-chip{
    top:8px;
    right:8px;
    min-height:20px;
    padding:0 5px;
    gap:4px;
    font-size:6.8px;
    max-width:64px;
  }

  .card-info-core,
  .market-info-box,
  .market-info-minimal{
    min-height:66px;
    padding:7px;
    border-radius:10px;
  }

  .card-info-core .schedule-row{
    grid-template-columns:minmax(34px, .66fr) minmax(0, 1fr);
    gap:3px;
    padding:3.5px 0;
  }

  .card-info-core .schedule-row > span{
    font-size:6.8px;
  }

  .card-info-core .schedule-row > strong,
  .card-info-core .market-site-cell .market-site-link{
    font-size:7.8px;
  }

  .market-card .stat-inline{
    min-height:25px;
    padding:0 7px;
    font-size:7.1px;
  }

  .copy-mini-btn,
  .market-detail-btn{
    min-height:26px;
    font-size:7.1px;
    padding:0 5px;
  }

  .modal-card{
    padding:8px;
  }

  .modal-market-header{
    gap:6px;
  }

  .modal-time-box{
    width:min(98px, 32vw);
    min-width:88px;
    padding:8px;
  }

  .modal-time-box .section-label{
    font-size:7.4px;
  }

  .modal-time-value{
    font-size:.84rem;
  }

  .modal-summary-card{
    padding:7px 5px;
  }

  .modal-summary-value{
    font-size:.88rem;
  }

  .modal-inline-metric-label{
    font-size:7.4px;
  }

  .modal-inline-metric-value{
    font-size:10.5px;
  }

  .modal-lite-box .schedule-row,
  .modal-lite-box .info-row,
  .modal-lite-box .compact-row,
  .modal-lite-box .compact-row-info{
    grid-template-columns:minmax(58px, .76fr) minmax(0, 1.24fr);
    gap:5px 7px;
  }

  .modal-lite-box .schedule-row > span,
  .modal-lite-box .info-row > span,
  .modal-lite-box .compact-row > span,
  .modal-lite-box .compact-row-info > span{
    font-size:8.7px;
  }

  .modal-lite-box .schedule-row > strong,
  .modal-lite-box .info-row > strong,
  .modal-lite-box .compact-row > strong,
  .modal-lite-box .compact-row-info > strong,
  .modal-lite-box .market-site-link{
    font-size:10px;
  }

  .modal-top2d-flow .pair-chip{
    min-height:32px;
    font-size:.72rem;
  }

  .togel-result-main,
  .togel-result-entry[open] .togel-result-main{
    grid-template-columns:minmax(0, 1fr) 72px 58px;
    min-height:38px;
    padding-inline:4px;
  }

  .togel-result-market{
    font-size:10.6px;
  }

  .togel-result-date{
    font-size:9.6px;
  }

  .togel-result-number{
    font-size:.94rem;
  }

  .togel-winner-table{
    min-width:900px;
  }
}

@media (max-width:360px){
  :root{
    --shell-pad:4px;
    --shell-width:min(var(--shell-max), calc(100% - 8px));
    --nav-offset:62px;
  }

  .nav-dropdown-wrap{
    width:min(236px, calc(100vw - 18px));
  }

  .brand-logo-frame{
    max-width:clamp(74px, 27vw, 96px);
  }

  .brand-logo-img{
    height:26px;
  }

  .btn-register,
  .btn-login{
    min-height:28px;
    padding-inline:5px;
    font-size:6.9px;
    border-radius:11px;
  }

  .menu-toggle{
    width:28px;
    height:28px;
    border-radius:11px;
  }

  .hero-actions .btn-primary,
  .hero-actions .btn-secondary,
  .hero-unified .hero-actions .btn-primary,
  .hero-unified .hero-actions .btn-secondary{
    min-height:32px;
    padding:0 6px;
    font-size:7.4px;
  }

  .market-grid{
    gap:5px;
  }

  .market-card{
    padding:7px;
    gap:5px;
  }

  .market-card .market-head{
    padding-right:62px;
  }

  .market-name{
    font-size:.66rem;
  }

  .market-card > .state-chip{
    max-width:58px;
    font-size:6.3px;
  }

  .card-info-core,
  .market-info-box,
  .market-info-minimal{
    min-height:62px;
    padding:6px;
  }

  .card-info-core .schedule-row > span{
    font-size:6.4px;
  }

  .card-info-core .schedule-row > strong,
  .card-info-core .market-site-cell .market-site-link{
    font-size:7.3px;
  }

  .market-card .stat-inline{
    min-height:24px;
    font-size:6.8px;
    padding:0 6px;
  }

  .copy-mini-btn,
  .market-detail-btn{
    min-height:25px;
    font-size:6.8px;
  }

  .footer-links{
    max-width:none;
    gap:5px;
  }

  .footer-link{
    min-height:22px;
    padding:0 4px;
    font-size:7.7px;
  }
}

@media (max-width:340px){
  .market-grid{
    grid-template-columns:minmax(0, 1fr);
  }

  .market-card .market-head{
    padding-right:78px;
  }

  .market-name{
    font-size:.82rem;
  }

  .market-card > .state-chip{
    max-width:74px;
  }
}

@media (hover:none), (pointer:coarse){
  body::before,
  body::after,
  .hero-copy::after{
    animation:none;
    transform:none;
  }

  .glass,
  .glass-strong,
  .hero-chip,
  .mini-chip,
  .stat-chip,
  .btn-register,
  .btn-secondary,
  .ghost-btn,
  .modal,
  .modal-card,
  .banner-dots,
  .footer-card,
  .search-panel,
  .market-card,
  .schedule-box,
  .number-box,
  .detail-box,
  .nav-wrap::before,
  .nav-dropdown,
  .toast{
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }

  .market-card,
  .footer-card,
  .hero-copy,
  .hero-panel,
  .search-panel{
    box-shadow:0 8px 18px rgba(var(--shadow-rgb),.09);
  }
}

@media (prefers-reduced-motion:reduce){
  html{
    scroll-behavior:auto;
  }

  *,
  *::before,
  *::after{
    animation:none !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }

  body::before,
  body::after,
  .hero-copy::after,
  .market-card,
  .btn-primary,
  .btn-secondary,
  .btn-login,
  .btn-register,
  .copy-mini-btn,
  .market-detail-btn,
  .nav-link,
  .nav-dropdown,
  .banner-track,
  .banner-dot{
    animation:none !important;
    transition:none !important;
  }
}