:root{--background:#0d060f;--surface:#190b1c;--card:#211026;--accent:#ed278c;--gold:#ffae27;--text:#f8f2f7;--muted:#ae9bb1;--line:rgba(255,255,255,.065);--gradient:linear-gradient(105deg,var(--accent),#f15a6d 52%,var(--gold));font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--background);font-synthesis:none;color-scheme:dark}

*{box-sizing:border-box}
body{margin:0}
button,input,select{font:inherit}
button,a,input{-webkit-tap-highlight-color:transparent}
button{color:inherit;cursor:pointer}
button:disabled{opacity:.38;cursor:not-allowed}
button{border:0;background:none}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.app-shell{max-width:430px;min-height:100dvh;margin:auto;background:var(--surface);position:relative;box-shadow:0 0 100px #0003}
.page{padding:20px 16px 40px}
.with-nav{padding-bottom:104px}
.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;gap:10px}
.brand{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:700;letter-spacing:-.45px}
.monogram{width:34px;height:34px;border-radius:11px;background:var(--gradient);display:grid;place-items:center;font:italic 27px Georgia,serif;color:#fff}
.icon-button{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#ffffff04}
.preview-tag{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;border:1px solid #ed278c44;border-radius:30px;padding:4px 7px;color:#ef95c6}
.top-actions{display:flex;align-items:center;gap:4px}
.home-page{padding-top:0}
.hero{min-height:183px;border-radius:14px;position:relative;overflow:hidden;background:linear-gradient(115deg,#492241,#251331 63%,#794250);border:1px solid #ffffff08;isolation:isolate}
.hero img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;z-index:-2}
.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#150919da,#15091925);z-index:-1}
.hero-copy{padding:23px}
.eyebrow{font-size:10px;letter-spacing:2px;color:#dfc4d9}
.hero h1{font:italic 33px/1.07 Georgia,serif;margin:9px 0 12px;letter-spacing:-.6px;white-space:pre-line}
.hero p{font-size:12px;margin:0;color:#eadce8}
.hero-link{position:absolute;right:18px;bottom:20px;border:1px solid #fff4;width:30px;height:30px;display:grid;place-items:center;border-radius:50%}
.hero-link svg{width:16px}
.dots{display:flex;justify-content:center;gap:5px;margin:11px 0 16px}
.dot{width:6px;height:6px;border-radius:8px;background:#6d4b68;padding:0}
.dot.active{width:20px;background:var(--accent)}
.announcement{display:flex;align-items:center;gap:8px;background:#ffffff03;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:12px;color:var(--muted);margin-bottom:24px}
.announcement svg{width:16px;height:16px;color:#e8b0ce}
.announcement span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.section-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:650;margin:0 0 13px}
.section-title svg{width:17px;height:17px;color:var(--gold)}
.categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:28px}
.category{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--card);padding:0;text-align:left}
.category-art{height:104px;background:linear-gradient(135deg,#593350,#211026);position:relative;overflow:hidden}
.category-art img{width:100%;height:100%;object-fit:cover}
.category-art .category-letter{position:absolute;inset:0;display:grid;place-items:center;font:italic 54px Georgia;color:#ffd5ed66}
.category-name{padding:10px;font-size:14px;text-align:center}
.category-meta{position:absolute;bottom:7px;left:7px;font-size:10px;background:#150919b8;padding:4px 6px;border-radius:4px}
.category-meta.top{top:7px;bottom:auto;left:auto;right:7px}
.home-categories{grid-template-columns:repeat(3,minmax(0,1fr))}
.home-categories .category-art{height:80px}
.home-categories .category-name{padding:7px}
.recommendations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.preview-card{border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--card)}
.preview-art{height:105px;background:linear-gradient(135deg,#553546,#24152c);position:relative;display:grid;place-items:center}
.preview-card:nth-child(2) .preview-art{background:linear-gradient(135deg,#493129,#352238)}
.preview-card:nth-child(3) .preview-art{background:linear-gradient(135deg,#242439,#50394d)}
.preview-art img{width:100%;height:100%;object-fit:cover;position:absolute;opacity:.7}
.preview-art .play{position:relative;border:1px solid #ffffff55;border-radius:50%;width:33px;height:33px;display:grid;place-items:center;background:#fff1}
.play svg{width:15px;height:15px}
.card-chip{position:absolute;right:8px;top:8px;font-size:8px;letter-spacing:1px;background:#12091a99;border:1px solid #ffffff18;padding:4px 5px;border-radius:4px}
.preview-title{font-size:12px;padding:12px 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}
.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);max-width:430px;width:100%;height:78px;padding:12px 5px calc(7px + env(safe-area-inset-bottom));background:#160b19ee;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr .8fr 1fr 1fr;z-index:20;backdrop-filter:blur(20px)}
.nav-link{font-size:11px;color:#a590aa;display:flex;flex-direction:column;align-items:center;gap:5px;padding:2px}
.nav-link svg{width:21px;height:21px}
.nav-link.active{color:var(--accent)}
.quick-action{width:64px;height:64px;border-radius:50%;background:var(--gradient);position:relative;top:-36px;box-shadow:0 7px 26px #ed278c38;display:grid;place-items:center;justify-self:center}
.quick-action svg{width:25px;height:25px;stroke-width:2.2}
.page-header{height:58px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:70px 1fr 70px;align-items:center;padding:0 10px;position:sticky;top:0;background:var(--surface);z-index:10}
.page-header h1{text-align:center;font-size:17px;margin:0;font-weight:650}
.page-header .back{width:40px;height:40px;display:grid;place-items:center}
.header-action{font-size:12px;color:var(--accent);justify-self:end;padding:10px 4px}
.panel{background:#ffffff03;border:1px solid var(--line);border-radius:17px}
.muted{color:var(--muted)}
.gold{color:var(--gold)}
.center{text-align:center}
.small{font-size:12px}
.text-link{color:var(--accent);font-size:13px;padding:12px}
.btn{width:100%;min-height:48px;border-radius:30px;background:var(--gradient);font-size:14px;font-weight:650;display:flex;align-items:center;justify-content:center;gap:8px}
.btn.secondary{border:1px solid #ed278c55;background:none;color:var(--accent)}
.btn.quiet{background:#ffffff06;color:var(--muted)}
.stack{display:grid;gap:16px}
.demo-note{font-size:12px;line-height:1.6;color:var(--muted);padding:12px 0;margin:0}
.empty{padding:36px 16px;text-align:center}
.empty-icon{width:86px;height:86px;border:1px solid #ed278c22;border-radius:50%;display:grid;place-items:center;margin:0 auto 22px;box-shadow:0 0 0 8px #ed278c04;color:#bc598c}
.empty-icon svg{width:32px;height:32px}
.empty h2{font-size:16px;font-weight:550;margin:0 0 9px}
.empty p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}
.field{display:grid;gap:8px;font-size:13px;color:var(--muted)}
input{width:100%;height:49px;border:1px solid #7b657e;background:#ffffff02;border-radius:12px;padding:0 14px;color:var(--text);outline:none}
input:focus{border-color:var(--accent)}
input::placeholder{color:#8b718f}
.field-error{color:#ff869b;font-size:12px;min-height:18px}
.form-actions{display:flex;gap:10px}
.form-actions .btn{flex:1}
.no-more{text-align:center;font-size:12px;color:#806888;margin:28px 0}
.form-panel{padding:18px}
.badge{font-size:11px;border-radius:20px;padding:4px 8px;background:#f8b53117;color:#e7b765}
.status{font-size:11px;border-radius:20px;padding:4px 8px;background:#48ad8717;color:#65c79f}
.status.pending{color:#f3bd63;background:#f3bd6317}
.profile-header{padding:22px 20px 12px;position:relative;display:flex;align-items:center;gap:13px;min-height:120px}
.profile-header .avatar{width:65px;height:65px;border-radius:50%;background:var(--gradient);display:grid;place-items:center;font:italic 35px Georgia}
.profile-header h1{font-size:17px;margin:0 0 9px}
.profile-settings{position:absolute;right:14px;top:13px}
.profile-page{padding-top:0}
.dual-actions{display:grid;grid-template-columns:1fr 1fr;padding:18px 12px;gap:9px}
.dual-actions a{display:flex;gap:10px;align-items:center}
.action-icon{width:36px;height:36px;border-radius:50%;background:#ed278c12;color:var(--accent);display:grid;place-items:center;flex-shrink:0}
.action-icon.gold{color:var(--gold);background:#ffae2712}
.action-icon svg{width:18px;height:18px}
.action-copy b{font-size:14px;display:block;font-weight:550;margin-bottom:4px}
.action-copy span{font-size:11px;color:var(--muted);line-height:1.4;display:block}
.balance-grid{display:grid;grid-template-columns:1fr 1fr;padding:18px 16px}
.balance-grid>div+div{border-left:1px solid var(--line);padding-left:16px}
.stat-label{font-size:10px;letter-spacing:1.8px;color:#c4adc5;margin-bottom:9px}
.stat-number{font-size:25px;letter-spacing:-.6px;font-weight:650}
.menu{overflow:hidden}
.menu-row{display:flex;align-items:center;gap:14px;width:100%;padding:20px 17px;font-size:14px;text-align:left}
.menu-row+.menu-row{border-top:1px solid var(--line)}
.menu-row>svg:first-child{width:18px;height:18px;color:var(--accent)}
.menu-row .chevron{margin-left:auto;width:14px;color:var(--muted)}
.menu-row .value{margin-left:auto;color:var(--muted);font-size:12px;max-width:60%;overflow-wrap:anywhere}
.menu-row .value+.chevron{margin-left:-8px}
.settings-logout{margin-top:25px}
.wallet-networks{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0 24px}
.network{border:1px solid var(--line);padding:12px 4px;border-radius:10px;background:var(--card)}
.network strong{display:block;font-size:13px}
.network span{font-size:11px;color:var(--muted);display:block;margin-top:5px}
.network.selected{border-color:var(--accent);background:#ed278c12}
.amount-box{padding:20px 16px}
.amount-input{display:flex;align-items:center;font-size:27px;color:var(--muted);margin:7px 0}
.amount-input input{border:0;font-size:31px;font-weight:650;padding:0 8px;background:none;height:45px}
.amount-box p{font-size:12px;margin:5px 0;line-height:1.6}
.amount-box .wallet-alert{margin-top:12px}
.withdraw-button{margin-top:24px}
.tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);padding:0 12px}
.tab{font-size:13px;position:relative;padding:18px 0;color:var(--muted)}
.tab.active{color:var(--text)}
.tab.active:after{content:'';position:absolute;bottom:0;left:12px;right:12px;height:2px;background:var(--gradient)}
.record-row{display:flex;justify-content:space-between;gap:15px;padding:19px 0;border-bottom:1px solid var(--line);font-size:14px}
.record-row small{display:block;font-size:11px;color:var(--muted);margin-top:7px}
.record-row .record-amount{text-align:right;font-weight:650}
.assets-card{background:var(--gradient);border:0;padding:23px 20px;min-height:119px}
.assets-card .stat-label{color:#fff;letter-spacing:2px}
.assets-card .stat-number{font-size:31px;margin-top:12px}
.period-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 22px}
.period-stat{text-align:center;padding:16px 5px}
.period-stat .stat-label{font-size:9px;letter-spacing:1px}
.period-stat strong{font-size:15px}
.summary-row{display:flex;justify-content:space-between;padding:17px;font-size:13px}
.summary-row+.summary-row{border-top:1px solid var(--line)}
.activation-card{padding:16px}
.record-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px;margin-bottom:14px}
.record-main{display:flex;align-items:start;justify-content:space-between;gap:8px}
.record-main strong{font-size:15px}
.record-main .amount{color:var(--gold);font-size:20px;font-weight:650}
.record-main small{display:block;color:var(--muted);font-size:11px;margin-top:6px}
.record-bottom{margin-top:14px;padding-top:13px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}
.notice{padding:17px}
.notice h2{font-size:14px;margin:0 0 10px}
.notice p{font-size:14px;line-height:1.6;margin:0 0 12px}
.notice time{font-size:11px;color:var(--muted)}
.issue-panel{display:flex;justify-content:space-between;gap:12px;padding:16px 13px}
.issue-panel strong{font-size:15px}
.countdown{text-align:right}
.countdown strong{font-family:ui-monospace,monospace;color:#ff687d}
.bet-balance{text-align:right;font-size:12px;margin:11px 0 18px}
.selection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.selection{min-height:176px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:17px;background:#ffffff03;position:relative}
.selection svg{width:40px;height:40px;color:#e795bf;margin-bottom:20px;stroke-width:1.25}
.selection:nth-child(2) svg{color:#f87686}
.selection:nth-child(3) svg{color:#c0afe9}
.selection:nth-child(4) svg{color:#e6b967}
.selection strong{font-size:14px;margin-bottom:9px}
.selection small{font-size:11px;color:var(--muted)}
.selection.selected{border-color:var(--accent);background:#ed278c0c;box-shadow:inset 0 0 0 1px #ed278c33}
.selection.selected:after{content:'✓';position:absolute;right:12px;top:10px;color:var(--accent);font-size:14px}
.bet-page{padding-bottom:150px}
.bet-bar{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);width:calc(100% - 24px);max-width:406px;border:1px solid #bfaac4;border-radius:17px;background:#211125f2;backdrop-filter:blur(20px);padding:10px;z-index:20}
.bet-bar-main{display:flex;align-items:center;gap:7px}
.bet-bar input{min-width:0;flex:1;border:0;padding:0 3px;height:36px;font-size:13px}
.bet-total{font-size:11px;color:var(--muted);text-align:right;flex-shrink:0}
.bet-total strong{display:block;font-weight:500;color:var(--gold);margin-top:3px}
.bet-bar .icon-button{width:32px;height:32px;flex-shrink:0}
.bet-bar .icon-button svg{width:16px}
.bet-bar .btn{width:auto;padding:0 14px;min-height:36px;font-size:12px}
.bet-bar .small{font-size:10px;text-align:center;color:var(--muted);margin-top:5px}
.login-page{padding:16px 28px 45px;min-height:100dvh}
.login-language{text-align:right}
.language-button{font-size:12px;border:1px solid #ffffff20;border-radius:25px;padding:6px 11px;color:var(--muted)}
.login-brand{text-align:center;padding:39px 0}
.login-brand .monogram{margin:auto;width:80px;height:80px;border-radius:23px;font-size:57px;box-shadow:0 9px 28px #ed278c20}
.login-brand h1{font-size:24px;margin:20px 0 10px;letter-spacing:-.7px}
.login-brand p{font-size:14px;color:var(--muted);margin:6px 0}
.login-page .stack{gap:15px}
.login-page .demo-note{text-align:center;margin-top:9px}
#toast{position:fixed;bottom:106px;left:50%;transform:translateX(-50%) translateY(20px);max-width:calc(100% - 32px);width:350px;padding:14px 18px;background:#3a2240;border:1px solid #76567c;border-radius:13px;box-shadow:0 8px 30px #0004;font-size:13px;line-height:1.5;text-align:center;z-index:100;opacity:0;pointer-events:none;transition:.2s}
#toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}
dialog{border:1px solid #634368;background:#25132a;color:var(--text);border-radius:20px;width:calc(100% - 38px);max-width:390px;padding:24px;box-shadow:0 25px 100px #0008}
dialog::backdrop{background:#09030ccc;backdrop-filter:blur(5px)}
dialog h2{font-size:19px;margin:0 0 12px}
dialog p{font-size:14px;line-height:1.65;color:var(--muted)}
dialog .summary-row{padding:12px 0}
dialog .form-actions{margin-top:20px}
.editor-link{position:fixed;left:calc(50% + 240px);bottom:30px;font-size:12px;color:#a78aad;display:flex;align-items:center;gap:7px}
.editor-link svg{width:15px}
.editor-page textarea{width:100%;min-height:85px;resize:vertical;background:var(--card);border:1px solid #7b657e;border-radius:10px;color:var(--text);padding:12px;font:inherit;font-size:14px}
.color-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.color-fields input{padding:6px;cursor:pointer}
.editor-page h2{font-size:15px;margin:12px 0}
.fade-in{animation:enter .2s ease-out}
@keyframes enter{from{opacity:.6}
to{opacity:1}
}
@media(max-width:920px){.editor-link{display:none}
}
@media(max-width:360px){.brand{font-size:15px}
.topbar{padding:0 12px}
.page{padding-left:12px;padding-right:12px}
.selection{min-height:155px}
.stat-number{font-size:22px}
.dual-actions{padding:16px 9px}
.action-copy b{font-size:13px}
.bet-bar .btn{padding:0 10px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}
}

:root{--page-width:430px}

.app-shell,.bottom-nav{max-width:var(--page-width)}
.field-error:empty{display:none}.brand{min-width:0}.brand .monogram{flex-shrink:0}.top-actions{flex-shrink:0}.topbar .brand{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn,.menu-row,.tab{touch-action:manipulation}.btn.secondary{min-height:48px}

.booking-page{padding-top:10px}
.editor-inline{display:block;margin-top:20px}
.wallet-list{margin-top:20px}
.wallet-address{font-size:14px;line-height:1.7;overflow-wrap:anywhere}
.panel,.selection{background-color:#ffffff03}

.record-main>div:first-child{min-width:0;flex:1}
.record-main>div:last-child{flex-shrink:0}
.record-main strong{overflow-wrap:anywhere}
.stat-number{font-variant-numeric:tabular-nums}
.demo-note{font-size:12px}
.hero p{font-size:13px}
.preview-title{font-size:13px}
.category-meta{font-size:11px}
.card-chip{font-size:10px}
.nav-link{font-size:12px}
.preview-tag{font-size:10px}
.eyebrow{font-size:11px}
.wallet-networks{grid-template-columns:repeat(3,minmax(0,1fr))}
.network{min-height:66px}
.language-button{min-height:36px}

@media(max-height:700px){.selection{min-height:145px}
.bet-page{padding-bottom:130px}
}

@media(max-width:430px){.app-shell{box-shadow:none}
.page-header{padding-top:env(safe-area-inset-top)}
.bet-bar{bottom:calc(12px + env(safe-area-inset-bottom))}
}


.media-card{border:0;padding:0;text-align:left;background:transparent;color:inherit;font:inherit;cursor:pointer}.video-filters{display:flex;gap:10px;overflow:auto;padding:10px 0 22px}.chip{background:var(--card);color:var(--muted);border:1px solid #ffffff12;border-radius:24px;padding:10px 17px;white-space:nowrap}.chip.selected{background:var(--accent);color:#fff}.front-video{width:100%;max-height:60vh;background:#080808}.video-placeholder{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(135deg,#2a1532,#532b4e)}.video-placeholder svg{width:44px;height:44px}.brand-logo{width:32px;height:32px;object-fit:contain}.support-link{position:fixed;bottom:122px;right:22px;background:var(--accent);color:white;padding:10px 14px;border-radius:20px;display:flex;gap:8px;z-index:15}

.language-control{display:inline-flex;align-items:center;gap:7px;font-size:14px;margin:4px 0 12px}.language-control select{color:var(--text);background:var(--card);border:1px solid #ffffff28;border-radius:8px;padding:8px;max-width:128px;font:inherit}.top-actions .language-control{margin:0}.invitation-state{margin:0;font-size:14px;min-height:20px}.invitation-state.valid{color:#80dfb0}.invitation-state.invalid{color:#ff95b5}.login-language{display:flex;justify-content:flex-end}.login-page{padding-top:24px}.login-page .login-brand{margin-top:18px}.language-control option{background:#211026;color:#fff}

/* Customer layout measured against the supplied reference. */
.app-shell{box-shadow:none}.topbar{height:64px;padding:16px 16px 12px;gap:12px}.brand{font-size:14px;line-height:20px;letter-spacing:0;min-width:0}.brand>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand .monogram,.brand .brand-logo{width:32px;height:32px;border-radius:9px;font-size:26px;flex-shrink:0}.topbar .icon-button{width:36px;height:36px;background:#2a0f2ab3;border:1px solid #ffffff0d;flex-shrink:0}.home-page{padding:0 16px 100px}.home-page>section,.home-page>.announcement{margin-bottom:12px}.hero{display:block;min-height:0;height:144px;border:0;border-radius:16px;overflow:hidden}.hero img{opacity:1}.hero:after{background:linear-gradient(0deg,#160716c4,transparent 85%)}.hero-copy{padding:16px;height:100%;display:flex;flex-direction:column;justify-content:space-between}.hero h1{font:600 20px/29px inherit;letter-spacing:0;margin:0;white-space:normal}.hero p{margin:4px 0 0;font-size:12px}.eyebrow{font-size:12px;letter-spacing:1px;color:#fff}.dots{height:6px;margin:8px 0 0;gap:6px}.dot{width:6px;height:6px;background:#64425f}.dot.active{width:18px}.announcement{height:36px;padding:0 12px;gap:8px;border-radius:12px;background:#2a0f2ab3;font-size:12px}.announcement-icon{font-size:16px;flex-shrink:0}.marquee-clip{overflow:hidden;flex:1}.announcement .marquee-text{display:inline-block;overflow:visible;white-space:nowrap;animation:announcement-scroll 24s linear infinite}.announcement:hover .marquee-text{animation-play-state:paused}@keyframes announcement-scroll{0%,15%{transform:translateX(0)}85%,100%{transform:translateX(min(0px,calc(300px - 100%)))}}.event-section{margin-left:-16px;margin-right:-16px;background:#1a0a14}.event-section h2{margin:0;padding:4px 12px;font-size:14px;line-height:22px;font-weight:600}.home-categories{grid-template-columns:repeat(4,minmax(0,1fr));padding:0 4px 4px;gap:2px;margin:0}.home-categories .category{border:0;border-radius:2px;background:#130811}.home-categories .category-art{height:auto;aspect-ratio:4/3;background:#241224}.home-categories .category-letter{font-size:30px}.home-categories .category-name{padding:3px 2px;font-size:12px;line-height:17px}.section-empty{padding:16px 12px;font-size:14px;color:var(--muted);margin:0}.hot-section .section-title{margin:0;padding:10px 0;font-size:14px;line-height:21px;letter-spacing:.25px}.preview-card{border-radius:16px;background:var(--card)}.preview-art{height:auto;aspect-ratio:16/9}.preview-art img{opacity:1}.preview-title{padding:8px 10px;font-size:13px;line-height:19.5px}.card-chip{font-size:12px;letter-spacing:0;padding:1px 5px;left:8px;right:auto;top:8px}.bottom-nav{height:calc(72px + env(safe-area-inset-bottom));padding:0 0 env(safe-area-inset-bottom);grid-template-columns:repeat(5,minmax(0,1fr));background:#1b0b1beF;z-index:30}.nav-link{justify-content:center;gap:2px;padding:0;font-size:12px}.nav-link svg{width:22px;height:22px}.quick-action{position:absolute;left:50%;transform:translateX(-50%);top:-28px;margin:0;width:64px;height:64px}.nav-link:nth-last-child(2){grid-column:4}.nav-link:last-child{grid-column:5}.page-header{height:48px;padding:0 4px;grid-template-columns:64px 1fr 64px}.page-header h1{font-size:16px;line-height:24px;font-weight:600}.page-header .back{height:38px;width:38px}.panel{background:var(--card);border-radius:16px}.page{padding-top:16px}.home-page{padding-top:0}.support-link{right:max(12px,calc((100vw - 430px)/2 + 12px))}
@media(prefers-reduced-motion:reduce){.marquee-text{animation:none!important}}

.hero h1{font-family:inherit;font-size:20px;line-height:29px;font-weight:600;font-style:normal}.carousel-pause{font-size:12px;line-height:14px;height:14px;padding:0 4px;margin-top:-4px;color:var(--muted)}.booking-page{padding:8px 8px 104px}.booking-categories{gap:8px;margin-bottom:12px}.booking-categories .category{border:0;border-radius:6px;background:#140812}.booking-categories .category-art{height:auto;aspect-ratio:16/9}.booking-categories .category-name{font-size:14px;line-height:21px;padding:4px}.booking-meta{position:absolute;top:8px;left:6px;right:6px;display:grid;gap:3px;font-size:12px;line-height:17px;text-shadow:0 1px 4px #000;background:linear-gradient(90deg,#180a1acc,transparent);padding:3px}.booking-records{font-size:12px;color:var(--muted);padding:0}.video-page h1{font-size:18px;line-height:27px;margin:0 0 8px;font-weight:600}.video-page .section-title{font-size:14px;padding:10px 0;margin:0}.video-page .preview-art{aspect-ratio:3/4}.video-page .load-more{margin-top:12px}.profile-header{padding:48px 20px 24px;min-height:136px;gap:12px}.profile-header .avatar{width:64px;height:64px;font-size:32px;overflow:hidden}.profile-header .avatar img{height:100%;width:100%;object-fit:cover}.profile-header h1{font-size:16px;margin:0 0 6px;line-height:24px}.profile-settings{top:12px;right:12px}.profile-page{margin-top:-12px;padding:0 16px 110px;gap:12px}.dual-actions{padding:12px;gap:8px}.dual-actions a{padding:8px;gap:12px;min-width:0}.action-copy b{font-size:14px;line-height:20px;margin:0}.action-copy span{font-size:12px;line-height:16.5px}.action-icon{width:32px;height:32px;border-radius:12px}.balance-grid{padding:16px}.stat-label{font-size:12px;letter-spacing:.6px;line-height:18px;margin:0 0 4px}.stat-number{font-size:22px;line-height:33px;letter-spacing:0}.coral{color:#ff6b81}.balance-history{font-size:12px;color:var(--muted);text-align:center;margin-top:-6px}.menu-row{padding:14px 16px;gap:12px;min-height:60px}.menu-row>svg:first-child{width:32px;height:32px;background:#e91e8c16;padding:7px;border-radius:11px}.settings-finance{margin-top:12px}.settings-logout{margin-top:24px}.settings-finance .menu-row{font-size:14px}.reference-empty{padding:50px 16px 24px;text-align:center}.no-symbol{margin:auto auto 18px;font-size:32px;letter-spacing:3px;color:#714865;line-height:70px;width:90px;height:70px;font-weight:700}.reference-empty h2{font-size:14px;font-weight:500;line-height:21px;margin:0 0 6px}.reference-empty p{font-size:12px;line-height:18px;color:var(--muted);margin:0}.service-state{color:var(--muted);font-size:12px;line-height:1.6;margin:14px 0}.wallet-page{padding-top:16px}.wallet-networks{gap:8px;margin:8px 0 16px}.network{padding:10px 8px;border-radius:12px;background:#2a0f2a99}.network.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#2a0f2a99}.network strong{font-size:14px;line-height:19px}.network span{margin-top:2px;font-size:12px;line-height:17px}.wallet-page input{background:#2a0f2a99;border-color:#ffffff0d;font-size:14px;height:47px}.wallet-page form>.btn{margin-top:12px}.amount-box{padding:16px}.withdraw-page .amount-input{margin:8px 0}.withdraw-page .amount-input input{min-width:0}.withdraw-page .text-link{display:inline-block;padding:8px 0}.withdraw-button{margin-top:16px}.tabs{padding:0 16px}.tab{padding:14px 0;font-size:14px}.assets-card{min-height:118px}.assets-card .stat-number{font-size:28px;line-height:42px;margin-top:8px}.period-stats{margin:12px 0;gap:8px}.period-stat .stat-label{font-size:12px;letter-spacing:0}.summary-row{padding:16px;font-size:14px}.overview-page>.btn{margin-top:20px}.issue-panel{padding:12px;min-height:72px}.issue-panel strong{font-size:14px;overflow-wrap:anywhere}.issue-panel>div{min-width:0}.countdown strong{font-size:20px}.countdown .stat-label{font-size:12px}.bet-balance{margin:10px 0 12px}.selection{aspect-ratio:1;min-height:0;padding:16px;background:var(--card)}.selection .choice-symbol{font-size:42px;line-height:56px;color:#e795bf;margin-bottom:12px}.selection strong{font-size:16px;line-height:24px;margin-bottom:6px}.selection small{font-size:14px}.bet-bar{bottom:calc(12px + env(safe-area-inset-bottom));padding:10px 8px;background:#1e0e1eee;border-color:#ffffff1a}.bet-bar input{font-size:14px;height:36px}.bet-bar .field-error:empty{display:none}.bet-bar .field-error{margin:8px 0 0}.bet-bar .btn{min-height:36px;font-size:12px;line-height:14px}.bet-bar .bet-total{font-size:12px}.bet-page{padding-bottom:150px}.practice-rules{font-size:13px;line-height:1.6;color:var(--muted)}.practice-rules span{overflow-wrap:anywhere}.empty h2{font-size:14px}.empty p{font-size:13px}
@media(max-width:360px){.dual-actions{padding:8px;gap:4px}.dual-actions a{gap:6px;padding:6px}.action-copy b{font-size:13px}.action-copy span{font-size:12px}.choice-symbol{font-size:36px}.stat-label{font-size:12px}.countdown strong{font-size:18px}}

.selection .choice-symbol{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#ed278c0c;line-height:1}
.selection .choice-symbol svg{width:42px;height:42px;margin:0}
.selection:nth-child(2) .choice-symbol{background:#f8768610}.selection:nth-child(3) .choice-symbol{background:#c0afe910}.selection:nth-child(4) .choice-symbol{background:#e6b96710}

.withdraw-page .withdraw-amount-label{font-size:11px;letter-spacing:2px;margin-bottom:0}.withdraw-page .withdraw-balance strong{color:#ff9900;font-weight:500}.withdraw-page .amount-input input::placeholder{color:var(--muted);opacity:1}

/* Long notes must wrap within the fund-record card, including unbroken text. */
.fund-records{grid-template-columns:minmax(0,1fr);min-width:0}
.fund-records>*{min-width:0;max-width:100%}
.fund-records .panel{overflow-wrap:anywhere;word-break:normal}
.fund-records [data-user-content]{white-space:pre-wrap;overflow-wrap:anywhere}