/* Preview: shared app surfaces, actions, typography and spacing. */
:root[data-theme]{
 --zug-radius:16px;--zug-control-radius:11px;--zug-gap:14px;
 --zug-action:linear-gradient(115deg,#0879d7,#3359dc 50%,#853bd1);
 --zug-action-border:#50c9ff;--zug-shadow:0 4px 16px #0000001f,0 0 12px #1a8be512;
 --zug-panel:linear-gradient(135deg,#081c37,#081329);
 --zug-border:#24557d;--zug-inset:#091e39;--zug-focus:#57deff;
}
:root[data-theme=ocean]{--canvas:#030c1b;--surface:#08182e;--surface-muted:#0d2340;--surface-strong:#143454;--ink:#eef7ff;--muted:#9fbad1;--line:#285374;--primary:#55d9ff;--nav-bg:#08182e;}
:root[data-theme=clean]{
 --zug-panel:linear-gradient(135deg,#fff,#f5f9ff);--zug-border:#b3cede;--zug-inset:#eff6fc;
 --zug-shadow:0 4px 15px #24475f0c;--zug-focus:#0876b9;
}
:root[data-theme] .neon-member::before{opacity:.18;}
:root[data-theme] .neon-member .app-page-main{padding-left:14px;padding-right:14px;padding-bottom:calc(112px + var(--safe-bottom));}
:root[data-theme] .neon-member :is(.member-summary,.time-section,.reservation-section,.settings-section,.package-wallet){
 border:1px solid var(--zug-border);border-radius:var(--zug-radius);background:var(--zug-panel);
 box-shadow:var(--zug-shadow);color:var(--ink);
}
:root[data-theme] .neon-member .member-summary::before{opacity:.22;}
:root[data-theme] .neon-member .member-summary :is(.profile-wallet-value,.profile-member-points){border:0;background:transparent;box-shadow:none;padding:4px 0;border-radius:0;}
:root[data-theme] .neon-member .member-summary .wallet-summary{column-gap:10px;}
:root[data-theme] .neon-member .member-summary :is(.profile-wallet-value>span,.profile-member-points small){font-size:9px;line-height:12px;}
:root[data-theme] .neon-member .member-summary .profile-member-points svg{display:none;}
:root[data-theme=clean] .neon-member .member-summary::before{background:linear-gradient(115deg,#f0f9ffed,#eaf0ffda),url('/member/assets/neon-background.webp') center/cover;opacity:.55;}
:root[data-theme] .neon-member :is(.time-section,.reservation-section,.settings-section){padding:16px 14px;}
:root[data-theme] .neon-member :is(.reservation-section,.settings-section){margin-top:0;margin-bottom:var(--zug-gap);}
:root[data-theme] .neon-member .reservation-section+.reservation-section{margin-top:var(--zug-gap);}
:root[data-theme] .neon-member .time-section{margin-top:var(--zug-gap);}
:root[data-theme] .neon-member .section-heading{margin-bottom:12px;}
:root[data-theme] .neon-member .settings-heading{margin-bottom:0;}
:root[data-theme] .neon-member :is(.section-heading h2,.settings-system-heading h2){font-size:16px;line-height:1.45;font-weight:750;}
:root[data-theme] .neon-member :is(.settings-heading p,.reservation-section .section-heading p){font-size:11px;line-height:1.6;color:var(--muted);}
:root[data-theme] .neon-member .package-wallet{padding:13px 14px;margin-bottom:14px;}
:root[data-theme] .neon-member .package-wallet>div>span{font-size:10px;color:var(--muted);}
:root[data-theme] .neon-member .package-wallet>div>strong{font-size:21px;line-height:1.4;color:var(--ink);text-shadow:none;}
:root[data-theme] .neon-member .package-wallet .wallet-topup-shortcut{min-height:40px;padding:9px 12px;font-size:11px;}
:root[data-theme] .neon-member .package-coupon-button{background:var(--zug-panel);border-color:var(--zug-border);border-radius:var(--zug-radius);box-shadow:var(--zug-shadow);color:var(--primary);}
:root[data-theme] .neon-member .package-coupon-button small{color:var(--muted);}
:root[data-theme] .neon-member .package-zone-picker-intro h2{font-size:17px;}
:root[data-theme] .neon-member .package-zone-choice{border-radius:var(--zug-radius);box-shadow:var(--zug-shadow);}
:root[data-theme] .neon-member :is(.zone-item,.reservation-zone-button){border-width:1px;border-radius:12px;box-shadow:none;}
:root[data-theme] .neon-member .reservation-zone-button.selected{box-shadow:inset 0 0 0 1px var(--zone-accent,var(--primary)),0 0 12px #178dce18;}
:root[data-theme] .neon-member .package-zone-group{border-width:1px;border-radius:var(--zug-radius);background:var(--zug-panel);box-shadow:var(--zug-shadow);padding:12px;}
:root[data-theme] .neon-member .package-button{background:var(--zug-inset);border-radius:var(--zug-control-radius);}
:root[data-theme] .neon-member :is(.primary-button,.reservation-segment-button.selected,.reservation-floor-button.selected){
 background:var(--zug-action);border:1px solid var(--zug-action-border);border-radius:var(--zug-control-radius);
 box-shadow:0 3px 12px #0f6bd328;color:#fff;font-weight:700;
}
:root[data-theme] .neon-member :is(.secondary-button,.reservation-segment-button,.reservation-assignment-button,.reservation-floor-button){border-radius:var(--zug-control-radius);}
:root[data-theme] .neon-member :is(.primary-button,.secondary-button){font-size:14px;line-height:1.5;}
:root[data-theme] .neon-member .cards-launch{
 background:var(--zug-action);border:1px solid var(--zug-action-border);border-radius:var(--zug-radius);box-shadow:var(--zug-shadow);
}
:root[data-theme] .neon-member .member-summary .active-session{
 background:var(--zug-inset);border-color:var(--zug-border);box-shadow:none;color:var(--ink);
}
:root[data-theme] .neon-member .profile-session::before{background:var(--primary);box-shadow:none;}
:root[data-theme] .neon-member .profile-session-label{color:var(--primary);}
:root[data-theme] .neon-member .profile-session-machine-icon{background:var(--surface-muted);border-color:var(--line);}
:root[data-theme] .neon-member .profile-session-name strong{color:var(--ink);}
:root[data-theme] .neon-member .profile-session-timing>strong{color:var(--primary);text-shadow:none;}
:root[data-theme] .neon-member .profile-session-footer{color:var(--muted);border-top-color:var(--line);}
:root[data-theme=clean] .neon-member :is(.profile-session-label,.profile-playtime-title){color:#176e8d;}
:root[data-theme=clean] .neon-member :is(.profile-session-timing>span,.profile-session-footer>span,.profile-playtime-status){color:#4e6e85;}
:root[data-theme] .neon-member .member-summary .profile-playtime[data-profile-playtime]{background:var(--zug-inset);border-color:var(--zug-border);}
:root[data-theme] .neon-member .bottom-nav{
 background:var(--surface);border:1px solid #3188bd;border-radius:18px;box-shadow:0 0 0 3px #087fb51a,0 5px 22px #02091d80;
}
:root[data-theme] .neon-member .bottom-nav-item.active{background:var(--surface-muted);text-shadow:none;color:var(--primary);}
:root[data-theme] .neon-member .bottom-nav .bottom-nav-qr-icon{border-color:var(--zug-action-border);background:var(--zug-action);box-shadow:0 0 0 4px var(--surface),0 0 14px #20a4ec55;}
:root[data-theme] .neon-member .icon-button{border-color:var(--zug-border);background:var(--surface-muted);box-shadow:none;color:var(--ink);border-radius:var(--zug-control-radius);}
:root[data-theme] .neon-member :is(.dialog,.cards-dialog){border:1px solid var(--zug-border);border-radius:18px;background:var(--surface);color:var(--ink);box-shadow:0 18px 60px #0005;}
:root[data-theme] .neon-member :is(.dialog,.cards-dialog)::backdrop{background:#020a18b8;backdrop-filter:blur(5px);}
:root[data-theme] .neon-member :is(.dialog-heading-row,.photo-heading,.cards-heading,.qr-dialog-header){background:var(--surface);border-bottom-color:var(--line);}
:root[data-theme] .neon-member :is(.photo-heading h2,.cards-heading h2,.dialog-heading-row h2,.qr-dialog-header h2){font-size:18px;line-height:1.45;font-weight:750;}
:root[data-theme] .neon-member :is(.photo-close,.cards-close,.qr-dialog-close){width:40px;height:40px;min-width:40px;min-height:40px;box-shadow:none;border-radius:var(--zug-control-radius);}
:root[data-theme] .neon-member :is(.field input,.field select,.field textarea,.reservation-date-input){border:1px solid var(--line);background:var(--zug-inset);color:var(--ink);border-radius:var(--zug-control-radius);min-height:46px;}
:root[data-theme] .neon-member :is(input,select,textarea,button,summary):focus-visible{outline:2px solid var(--zug-focus);outline-offset:3px;}
:root[data-theme] .neon-member .cards-dialog{--galaxy-panel:var(--zug-panel);--galaxy-radius:var(--zug-radius);--galaxy-accent:var(--primary);}
:root[data-theme] .neon-member .cards-dialog .cards-content{background:var(--canvas);}
:root[data-theme] .neon-member .cards-dialog :is(.cards-hero,.legendary-hero){background:linear-gradient(115deg,#071b38e8,#1c1246da),url('/member/assets/neon-background.webp') center/cover;border-color:var(--zug-border);border-radius:var(--zug-radius);}
:root[data-theme=clean] .neon-member .cards-dialog :is(.cards-hero,.legendary-hero){background:linear-gradient(115deg,#eef9fff5,#e9e2faf2),url('/member/assets/neon-background.webp') center/cover;color:var(--ink);}
:root[data-theme=clean] .neon-member .cards-dialog :is(.cards-hero p,.legendary-hero p,.cards-eyebrow){color:var(--muted);}
:root[data-theme] .neon-member .cards-dialog :is(.cards-primary,.cards-draw-actions .cards-primary){background:var(--zug-action);border-color:var(--zug-action-border);border-radius:var(--zug-control-radius);box-shadow:0 3px 12px #0f6bd328;}
:root[data-theme] .neon-member .cards-dialog .cards-secondary{background:var(--surface-muted);border-color:var(--line);border-radius:var(--zug-control-radius);}
:root[data-theme] .neon-member .cards-dialog .cards-tabs button{border-radius:var(--zug-control-radius);background:var(--surface-muted);}
:root[data-theme] .neon-member .cards-dialog .cards-tabs button[aria-selected=true]{background:var(--zug-action);border-color:var(--zug-action-border);box-shadow:0 3px 12px #0f6bd328;}
:root[data-theme] .neon-member .theme-option.selected{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);}
:root[data-theme] .neon-member .language-slider{background:var(--zug-inset);border-color:var(--zug-border);}
:root[data-theme] .neon-member .language-slider-thumb{background:var(--zug-action);box-shadow:none;}
:root[data-theme] .neon-member #reservation-history-section{padding:0;}
:root[data-theme] .neon-member #reservation-history-section>summary h2{font-size:16px;}
:root[data-theme] .neon-member #reservation-history-section>.reservation-history{padding:0 14px 14px;}
@media(prefers-reduced-motion:reduce){:root[data-theme] .neon-member *{scroll-behavior:auto;}}

/* The same RGB frame on every app page; rarity/zone accents remain meaningful. */
:root[data-theme]{--zug-rgb:linear-gradient(125deg,#27e5ff 0%,#278aff 34%,#9552ff 68%,#fa69e0 100%);--zug-rgb-glow:0 0 0 1px #1878c426,0 0 12px #168cff45,3px 0 14px #b145e829;}
:root[data-theme=clean]{--zug-rgb-glow:0 0 0 1px #2485cf13,0 3px 14px #598ad11a;}
:root[data-theme] .neon-member :is(.member-summary,.time-section,.reservation-section,.settings-section,.package-wallet,.package-coupon-button){
 border:1px solid transparent;background:var(--zug-panel) padding-box,var(--zug-rgb) border-box;box-shadow:var(--zug-rgb-glow);
}
:root[data-theme] .neon-member :is(.dialog,.cards-dialog,.bottom-nav){
 border:1px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--zug-rgb) border-box;box-shadow:var(--zug-rgb-glow),0 12px 28px #0003;
}
:root[data-theme] .neon-member .cards-dialog :is(.cards-hero,.legendary-hero){
 border:1px solid transparent;background:linear-gradient(115deg,#071b38e8,#1c1246da) padding-box,var(--zug-rgb) border-box;
 box-shadow:var(--zug-rgb-glow);
}
:root[data-theme=clean] .neon-member .cards-dialog :is(.cards-hero,.legendary-hero){background:linear-gradient(115deg,#eef9ff,#ede8fb) padding-box,var(--zug-rgb) border-box;}
:root[data-theme] .neon-member .cards-dialog :is(.cards-upgrade-row,.legendary-panel,.cards-confirm-summary,.cards-result-summary,.cards-pending){
 border:1px solid transparent;background:var(--zug-panel) padding-box,var(--zug-rgb) border-box;box-shadow:var(--zug-rgb-glow);
}
.enhance-confirm-dialog{box-sizing:border-box;width:min(calc(100% - 36px),350px);padding:18px;margin:auto;}
.enhance-confirm-dialog h3{font-size:17px;line-height:1.5;margin:0 0 10px;color:var(--ink);}
.enhance-confirm-dialog .enhance-confirm-levels{font-size:14px;margin:0 0 10px;color:var(--primary);}
.enhance-confirm-dialog .cards-help{font-size:12px;line-height:1.65;margin:0 0 16px;color:var(--muted);}
.enhance-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;}
:root[data-theme] .neon-member .enhance-confirm-actions>button{width:100%;min-width:0;min-height:40px;padding:9px 7px;margin:0;font-size:12px;line-height:1.4;border-radius:var(--zug-control-radius);}
.enhance-confirm-actions>.cards-primary{background:var(--zug-action);border:1px solid var(--zug-action-border);color:#fff;}
.enhance-confirm-actions>.cards-secondary{background:var(--surface-muted);border:1px solid var(--line);color:var(--ink);}
.enhance-start-button{width:100%;}
.enhance-result-dialog{box-sizing:border-box;width:min(calc(100% - 36px),354px);padding:24px 20px 20px;margin:auto;text-align:center;overflow:hidden;isolation:isolate;}
.enhance-result-dialog::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 17%,#f0bf4d2b,transparent 55%);pointer-events:none;}
.enhance-result-sky{height:102px;position:relative;display:grid;place-items:center;margin-bottom:8px;}
.enhance-result-orb{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;font-size:48px;line-height:1;color:#ffe799;background:radial-gradient(#ffd34b35,transparent 65%);text-shadow:0 0 18px #ffcc4d,0 0 40px #f8b02d6b;animation:enhance-result-bloom .6s ease-out;}
.enhance-result-star{position:absolute;color:#b7eaff;font-style:normal;font-size:13px;text-shadow:0 0 9px #16c7ff;animation:enhance-star-glow 2s ease-in-out infinite alternate;}
.enhance-result-star.star-0{left:17%;top:20%;}.enhance-result-star.star-1{right:18%;top:15%;animation-delay:.3s;}.enhance-result-star.star-2{left:9%;bottom:13%;font-size:8px;animation-delay:.5s;}.enhance-result-star.star-3{right:8%;bottom:24%;font-size:9px;animation-delay:.7s;}.enhance-result-star.star-4{left:34%;top:0;font-size:8px;animation-delay:.2s;}.enhance-result-star.star-5{right:29%;bottom:0;font-size:10px;animation-delay:.4s;}
.enhance-result-dialog h3{font-size:22px;line-height:1.4;margin:0 0 13px;color:var(--ink);}
.enhance-result-levels{display:block;font-size:35px;line-height:1.4;font-variant-numeric:tabular-nums;color:#6ceaff;margin-bottom:5px;}
.enhance-result-serial{display:block;color:var(--muted);font-size:11px;margin-bottom:14px;}
.enhance-result-dialog .cards-help{font-size:12px;line-height:1.7;color:var(--muted);margin-bottom:19px;}
.enhance-result-dialog>.cards-primary{width:100%;min-height:42px;background:var(--zug-action);border:1px solid var(--zug-action-border);border-radius:var(--zug-control-radius);color:#fff;font-size:13px;}
.enhance-result-dialog.is-failure .enhance-result-orb{color:#b1bde5;text-shadow:0 0 18px #8b9cdd;background:radial-gradient(#8b9cdd25,transparent 65%);}
.enhance-result-dialog.is-failure .enhance-result-star{display:none;}
:root[data-theme=clean] .enhance-result-levels{color:#08759e;}
@keyframes enhance-result-bloom{from{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}
@keyframes enhance-star-glow{from{opacity:.45;transform:scale(.85)}to{opacity:1;transform:scale(1.1)}}
@media(prefers-reduced-motion:reduce){.enhance-result-orb,.enhance-result-star{animation:none;}}
.enhance-picker-item .zug-card-face{position:relative;}
.enhance-equipped-badge{position:absolute;top:7px;left:6px;z-index:7;max-width:calc(100% - 55px);padding:3px 5px;border:1px solid #47d4e59c;border-radius:6px;background:#052238ed;color:#bdffff;font-size:9px;line-height:1.45;font-weight:700;pointer-events:none;}
.enhance-blocked-note{display:block;margin:3px 0 0;color:var(--muted);font-size:10px;line-height:1.5;text-align:center;}
.enhance-picker-item.is-blocked{opacity:.65;}
.enhance-picker-item .zug-card-face:focus-visible{outline:2px solid var(--zug-focus);outline-offset:4px;}
:root[data-theme] .neon-member .cards-dialog :is(.enhance-slot,.enhance-formula,.enhance-history,.enhance-result){border:1px solid transparent;background:var(--zug-panel) padding-box,var(--zug-rgb) border-box;box-shadow:var(--zug-rgb-glow);}