/* Live interface fragments replace the physical product models. */
@media(min-width:651px){.hero{height:690px;max-height:calc(100svh - 210px);min-height:565px}}
.hero-stage{position:absolute;top:315px;bottom:145px;left:30px;right:30px;max-width:890px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;align-items:center;perspective:900px}
.hero-feature{min-width:0;padding:23px 24px;border:1px solid #ffffffed;border-radius:22px;background:linear-gradient(140deg,#ffffffcf,#ffffff70);box-shadow:inset 0 2px 3px white,0 14px 34px #0f172a08;backdrop-filter:blur(20px);transform-origin:center}
.hero-score{color:#b65e77}.hero-draw{color:#388b70}.hero-notice{color:#477fbf}
.flow-label{display:flex;align-items:center;gap:8px;font-size:12px;opacity:.8}
.flow-label svg{width:17px;height:17px}.hero-score-value{display:flex;align-items:center;gap:16px;height:87px}.hero-score-value strong{font-size:48px;font-weight:550;font-variant-numeric:tabular-nums}.avatar-dot{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;font-size:16px;color:#588fbd;background:#e5effb;border-radius:13px}.sync-symbol{margin-left:auto;color:#7bab99}
.flow-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#8190a2;font-size:10px;min-height:20px}.flow-foot>span{color:#5ba289;display:flex;align-items:center;gap:4px}.flow-foot svg{width:12px;height:12px}
.hero-draw-value{height:73px;display:flex;align-items:baseline;justify-content:center;gap:10px;padding-top:5px}.hero-draw-value strong{font-size:49px;font-weight:550}.hero-draw-value>span{font-size:9px;color:#8a9b97}.hero-number-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.hero-number-strip span{display:grid;place-items:center;min-height:29px;background:#e9f4eea6;border-radius:7px;font-size:13px;color:#669b85}
.hero-notice-title{display:block;margin:26px 0 9px;font-size:19px;font-weight:550;line-height:1.3}.hero-notice>p{font-size:11px;color:#7d91a8;margin-bottom:16px}
.feature-preview{height:264px;position:relative;margin:0 -24px;padding:22px 24px 20px;display:flex;flex-direction:column;justify-content:space-between;perspective:800px}
.preview-heading{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#7a899c}.preview-replay.icon-button{width:34px;height:34px;background:transparent;border-color:transparent;color:#93a5bd}.preview-replay svg{width:15px;height:15px}.preview-replay:hover{background:#eaf1f9;color:#0878f9}
.preview-players{display:flex;justify-content:center;align-items:center;gap:30px;margin:5px 0}.preview-players>div{display:flex;align-items:center;flex-direction:column;gap:11px}.preview-players .avatar-dot{width:42px;height:42px;font-size:18px}.rose-avatar{background:#faeaee;color:#ba7c91}.preview-players>svg{width:19px;color:#a6b6c5}.preview-players strong{font-size:33px;font-weight:550;font-variant-numeric:tabular-nums}.preview-positive{color:#458f73}.preview-negative{color:#bc7f91}
.score-track{height:4px;max-width:195px;width:100%;margin:4px auto;background:#e8eff2;border-radius:10px;overflow:hidden}.score-track span{display:block;height:100%;width:100%;background:#9ccab4;transform-origin:left;border-radius:10px}.preview-status{display:flex;gap:7px;align-items:center;justify-content:center;font-size:10px;color:#7d91a4;line-height:1.8}.preview-status svg{width:14px;height:14px}
.preview-total{display:flex;justify-content:center;align-items:baseline;gap:9px;color:#528f78}.preview-total strong{font-size:64px;line-height:1.2;font-weight:500;font-variant-numeric:tabular-nums}.preview-total>span{font-size:11px;color:#8fa89e}.preview-number-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;max-width:240px;width:100%;margin:0 auto 2px;perspective:500px}.preview-number-strip span{height:36px;display:grid;place-items:center;background:#eaf4ee;border-radius:9px;color:#6a9b86;font-size:18px}
.notice-line{display:flex;align-items:center;justify-content:center;gap:12px;margin:20px 0 14px}.notice-line>svg{width:30px;height:30px;color:#79a2ce;flex-shrink:0}.notice-line strong{display:block;font-size:14px;font-weight:500;color:#497eb9;margin-bottom:8px;line-height:1.6}.notice-line div>span{font-size:11px;color:#92a4b8}.notice-progress{display:flex;justify-content:center;align-items:center;gap:12px;color:#95a8bc;font-size:11px;margin-bottom:19px}.notice-progress>svg{width:15px;height:15px}.notice-arrived{color:#589b85;display:flex;gap:3px;align-items:center}.notice-arrived svg{width:13px;height:13px}
.project:hover,.hero-projects>a:hover,.primary-link:hover{transform:none}.project,.hero-feature,.detail-grid>div{will-change:auto}.hero-projects>a,.project,.primary-link,.project-cta{transition:background .2s,color .2s,box-shadow .2s;transform-origin:center}.hero-projects svg,.project-cta svg,.header-link svg{transition:rotate .4s cubic-bezier(.2,1.8,.3,1)}.hero-projects>a:hover>svg,.project-cta:hover>svg,.header-link:hover>svg{rotate:-12deg}
.parking-graphic{height:135px;display:flex;align-items:center;justify-content:center;color:#75a0d1}.parking-graphic svg{width:65px;height:65px;stroke-width:1.35}.parking-timeline{display:flex;justify-content:center;gap:22px;margin:24px 0 19px;font-size:10px;color:#9caabd}.parking-timeline>span{padding-bottom:9px;border-bottom:3px solid #e7edf4;min-width:45px}.parking-timeline .complete{color:#5e91c7;border-color:#9ebee4}
.abstract-dice{max-width:930px;margin:auto;padding:30px 38px}.dice-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px}.dice-modes{display:flex;padding:4px;border-radius:99px;background:#e9eef4;gap:3px}.dice-modes button{border:0;min-height:39px;padding:10px 18px;border-radius:99px;background:transparent;font-size:12px;color:#8191a4}.dice-modes button[aria-pressed=true]{background:#fff;color:#528b75;box-shadow:inset 0 1px 2px white}.draw-display{text-align:center;padding:36px 0 30px}.draw-display>span{font-size:12px;color:#8595a9}.draw-display>strong{display:block;font-size:92px;line-height:1.25;font-weight:450;color:#4e9279;margin:9px 0 13px;font-variant-numeric:tabular-nums;min-height:115px}.draw-values{display:flex;gap:12px;justify-content:center;min-height:56px;perspective:600px}.draw-number{display:grid;place-items:center;width:54px;height:54px;font-size:26px;color:#548e77;background:#e8f3ec;border:1px solid #d9ebe1;border-radius:12px;flex-shrink:0}.draw-values.is-rolling .draw-number{animation:point-bounce .62s cubic-bezier(.35,0,.3,1.4) infinite alternate}.draw-values .draw-number:nth-child(2){animation-delay:.07s}.draw-values .draw-number:nth-child(3){animation-delay:.14s}.draw-values .draw-number:nth-child(4){animation-delay:.21s}.draw-values .draw-number:nth-child(5){animation-delay:.28s}.draw-values .draw-number:nth-child(6){animation-delay:.35s}@keyframes point-bounce{0%{translate:0 5px;scale:.92 1.05}65%{translate:0 -8px;scale:1.03 .97}100%{translate:0 0;scale:1 1}}
.draw-controls{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:35px;padding-top:25px;border-top:1px solid var(--line)}.draw-count-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7d8fa5;margin-bottom:13px}.draw-count-heading>button{border:0;background:transparent;color:#718dad;font-size:10px;min-height:28px;padding:2px 0}.draw-counts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.draw-counts button{height:41px;border:1px solid #e0e9f2;background:#f1f5f9;border-radius:10px;color:#8494a8;font-size:14px}.draw-counts button[aria-pressed=true]{background:#e2f1e8;border-color:#c5e0d1;color:#46876d}.draw-counts button:disabled{opacity:.55;cursor:default}.draw-counts button[aria-pressed=true]:disabled{opacity:1}.draw-controls>.solid-button{min-height:48px;background:#438b6d}.draw-controls>.solid-button svg{width:20px;height:20px}.draw-controls>.solid-button:disabled{opacity:.65;cursor:wait}.dice-modes button:disabled{cursor:wait}.abstract-dice .form-message{min-height:35px}.draw-history-heading{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#8191a7;border-top:1px solid var(--line);padding-top:13px}.draw-history-heading .icon-button{width:33px;height:33px;background:transparent;border-color:transparent}.draw-history-heading svg{width:16px}.draw-history{list-style:none;padding:0;margin:10px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 28px;min-height:55px}.draw-history li{display:grid;grid-template-columns:55px 1fr 24px;align-items:center;gap:8px;font-size:10px;color:#8a9bad;border-bottom:1px solid #e9eef3;min-height:40px}.draw-history strong{color:#5d917b;font-size:17px;font-weight:500}.draw-history li.draw-empty{display:block;padding:16px 0;border:0;grid-column:1/-1}
@media(max-height:780px) and (min-width:801px){.hero{height:calc(100svh - 150px);max-height:none;min-height:480px}.projects{padding-top:45px}.hero-stage{top:255px;bottom:108px;max-width:820px}.hero-feature{padding:16px 22px}.hero-score-value{height:66px}.hero-score-value strong{font-size:39px}.hero-draw-value{height:60px}.hero-draw-value strong{font-size:42px}.hero-notice-title{margin-top:17px;font-size:17px}}
@media(max-width:1050px){.hero-stage{gap:20px;max-width:800px}.hero-feature{padding:20px}.hero-score-value{gap:10px}.hero-score-value strong{font-size:40px}.hero-notice-title{font-size:17px}.feature-preview{padding-left:20px;padding-right:20px}.preview-players{gap:20px}.preview-status{font-size:9px}.notice-line{gap:9px}.notice-line strong{font-size:12px}.notice-progress{gap:7px}.preview-replay.icon-button{width:36px;height:36px}.abstract-dice{padding:26px}}
@media(max-width:650px){.hero-stage{left:18px;right:18px;top:331px;bottom:141px;gap:9px}.hero-feature{border-radius:16px;padding:13px 10px;min-height:140px}.flow-label{font-size:9px;gap:5px}.flow-label svg{width:13px;height:13px}.hero-score-value{height:67px;gap:6px;justify-content:center}.hero-score-value strong{font-size:27px}.hero-score-value .avatar-dot{width:25px;height:27px;font-size:12px;border-radius:9px}.hero-score-value .sync-symbol{display:none}.flow-foot{font-size:8px;gap:3px;line-height:1.6;flex-wrap:wrap}.flow-foot svg{width:10px;height:10px}.hero-draw-value{height:67px;gap:4px;align-items:center;padding:0}.hero-draw-value strong{font-size:37px}.hero-draw-value>span{display:none}.hero-number-strip{gap:3px}.hero-number-strip span{min-height:22px;font-size:10px;border-radius:5px}.hero-notice-title{font-size:12px;line-height:1.5;margin:19px 0 9px;min-height:36px}.hero-notice>p{display:none}.hero-notice .flow-foot{font-size:8px}.feature-preview{height:262px;margin:0 -22px;padding:19px 22px}.preview-heading{font-size:11px}.preview-replay.icon-button{width:42px;height:42px}.preview-players{gap:32px}.preview-status{font-size:10px}.notice-line strong{font-size:14px}.notice-progress{gap:15px}.abstract-dice{padding:22px 16px}.dice-toolbar{display:block}.dice-modes{width:max-content;margin:15px 0 0}.dice-modes button{min-height:44px;font-size:11px;padding:10px 18px}.draw-display{padding:29px 0 24px}.draw-display>span{font-size:11px}.draw-display>strong{font-size:74px;min-height:93px}.draw-values{gap:7px;min-height:43px}.draw-number{width:36px;height:43px;font-size:21px;border-radius:9px}.draw-controls{grid-template-columns:1fr;gap:21px;padding-top:15px}.draw-counts button{height:44px}.draw-count-heading>button{min-height:36px}.draw-history{grid-template-columns:1fr;gap:0}.draw-history-heading .icon-button{width:44px;height:44px}.parking-timeline{gap:20px}}
@media(max-width:650px) and (max-height:740px){.hero-stage{top:274px;bottom:119px}.hero-feature{min-height:126px;padding:10px 9px}.hero-score-value,.hero-draw-value{height:59px}.hero-notice-title{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.draw-values.is-rolling .draw-number{animation:none!important}}

/* Keep the code intact and still after entry so it remains easy to scan. */
.miniapp-open { white-space: nowrap; }
.miniapp-band { border-block: 1px solid #fff; background: #e8f0ed66; }
.miniapp-layout { display: grid; grid-template-columns: minmax(0,1fr) 340px; gap: 72px; align-items: center; padding-block: 68px; }
.miniapp-copy h2 { font-size: 32px; font-weight: 600; line-height: 1.5; margin: 15px 0 20px; }
.miniapp-copy h2 span { display: block; color: #528775; font-weight: 450; }
.miniapp-copy > p:not(.eyebrow) { font-size: 13px; line-height: 2; color: #718579; }
.miniapp-copy > .miniapp-invitation { margin-top: 20px; color: #257858; }
.miniapp-features { list-style: none; padding: 0; margin: 25px 0; display: flex; gap: 25px; flex-wrap: wrap; }
.miniapp-features li { display: flex; align-items: center; gap: 8px; font-size: 12px; color: #697c88; }
.miniapp-features li:nth-child(1) svg { color: #b87589; }
.miniapp-features li:nth-child(2) svg { color: #58987d; }
.miniapp-features li:nth-child(3) svg { color: #6597c5; }
.miniapp-features svg { width: 18px; height: 18px; }
.miniapp-text-button { min-height: 44px; display: inline-flex; align-items: center; gap: 18px; border: 1px solid white; background: #ffffff9e; color: var(--primary); padding: 12px 20px; border-radius: 99px; box-shadow: inset 0 1px 2px white; font-size: 12px; }
.miniapp-code-block { text-align: center; min-width: 0; }
.miniapp-code-image { width: 224px; max-width: 100%; aspect-ratio: 1; position: relative; margin: 0 auto 21px; padding: 12px; background: #fff; border: 1px solid white; border-radius: 20px; box-shadow: var(--glass-shadow); }
.miniapp-code-image img { width: 100%; height: 100%; display: block; object-fit: contain; }
.miniapp-expand { position: absolute; right: -12px; bottom: -12px; width: 44px; height: 44px; background: #f7fbf9; color: #527e6d; }
.miniapp-code-block > strong { display: block; font-weight: 550; font-size: 15px; color: #3f6559; }
.miniapp-code-block > p { font-size: 11px; line-height: 1.8; color: #72877d; margin: 9px auto 3px; }
.miniapp-save { display: inline-flex; gap: 8px; align-items: center; justify-content: center; min-height: 44px; font-size: 12px; color: #257858; }
.miniapp-save svg { width: 16px; height: 16px; }
.miniapp-scan-mobile { display: none; }
.miniapp-dialog { padding: 0; width: 432px; max-width: calc(100% - 32px); max-height: calc(100dvh - 32px); border: 1px solid white; border-radius: 26px; background: #f7fbf9ed; color: var(--ink); box-shadow: inset 0 2px 3px white, 0 28px 90px #142b2330; backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); overflow: auto; overscroll-behavior: contain; }
.miniapp-dialog::backdrop { background: #263b4b45; backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); }
.miniapp-dialog-inner { position: relative; padding: 42px 30px 25px; text-align: center; }
.miniapp-close { position: absolute; right: 12px; top: 12px; width: 44px; height: 44px; background: transparent; border-color: transparent; }
.miniapp-dialog h2 { font-size: 24px; line-height: 1.5; font-weight: 550; margin: 14px 0 7px; }
.miniapp-dialog-subtitle { font-size: 12px; line-height: 1.8; color: #758d82; }
.miniapp-dialog img { display: block; width: 286px; max-width: 100%; height: auto; aspect-ratio: 1; padding: 12px; background: white; border-radius: 12px; margin: 24px auto 18px; }
#miniapp-dialog-note { font-size: 12px; line-height: 1.8; color: #4a7262; }
.miniapp-dialog small { display: block; margin-top: 4px; color: #88998f; font-size: 10px; line-height: 1.8; }
@media(max-width:800px) {
  .miniapp-layout { gap: 30px; grid-template-columns: minmax(0,1fr) 260px; }
  .miniapp-copy h2 { font-size: 27px; }
  .miniapp-features { gap: 15px; }
}
@media(max-width:650px) {
  .miniapp-open { gap: 7px; padding: 12px; min-height: 44px; }
  .miniapp-open svg { width: 16px; height: 16px; }
  .miniapp-layout { grid-template-columns: minmax(0,1fr); padding-block: 44px; gap: 32px; text-align: center; }
  .miniapp-copy h2 { font-size: 26px; margin: 14px 0; }
  .miniapp-copy > p:not(.eyebrow) { font-size: 12px; }
  .miniapp-features { justify-content: center; margin: 20px 0 0; }
  .miniapp-copy .miniapp-text-button { display: none; }
  .miniapp-code-block > p { max-width: 270px; }
  .miniapp-scan-mobile { display: block; }
  .miniapp-scan-desktop { display: none; }
  .miniapp-dialog-inner { padding: 42px 22px 22px; }
  .miniapp-dialog h2 { font-size: 22px; }
  .miniapp-dialog img { width: 260px; margin-block: 18px 14px; }
}