:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--shadow-lg:0 18px 42px #00000029;--shadow-md:0 10px 24px #0000001a;--radius-xl:26px;--radius-lg:20px;--radius-md:16px;--transition:.22s ease;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root,html[data-theme=dark]{--bg:#0f1116;--bg-soft:#141822;--bg-soft-2:#171b26;--line:#ffffff14;--text:#f2f4f8;--muted:#f2f4f8a3;--accent:#c7a56d;--accent-2:#6ba6b3;--good:#63b98e;--warn:#cf8c66;--danger:#e17878;--badge-bg:#ffffff0d;--tabbar-bg:#0e1016e0;--body-grad-1:#0f1116;--body-grad-2:#12151c;--body-grad-3:#0d0f14}html[data-theme=light]{--bg:#f3f5f8;--bg-soft:#fff;--bg-soft-2:#f7f8fb;--line:#14182014;--text:#18202a;--muted:#18202a9e;--accent:#9c7a44;--accent-2:#527f88;--good:#427a5e;--warn:#a15d3a;--danger:#a83e3e;--badge-bg:#1418200b;--tabbar-bg:#f4f6fae0;--body-grad-1:#eef2f7;--body-grad-2:#f7f9fc;--body-grad-3:#edf1f6}html{touch-action:manipulation}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;touch-action:manipulation}html,body{background:linear-gradient(180deg, var(--body-grad-1) 0%, var(--body-grad-2) 58%, var(--body-grad-3) 100%);min-height:100%;color:var(--text);transition:background var(--transition), color var(--transition);margin:0;overflow-x:hidden}body{place-items:start center;display:grid}button,a,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.62}button,input{color:inherit}h1,h2,p{margin:0}p{color:var(--muted);line-height:1.35}.app-shell{background:0 0;width:min(100vw,430px);max-width:100%;min-height:100dvh;position:relative;overflow:hidden}.app-shell:before{content:"";pointer-events:none;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.22;background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0% 28%,#0000 100%);mask-image:linear-gradient(#000 0% 28%,#0000 100%)}.content{z-index:1;padding:calc(12px + var(--safe-top)) 14px calc(100px + var(--safe-bottom));position:relative}.screen{animation:.2s fade-in;display:none}.screen.active{display:block}.center-card{text-align:center;align-content:center;justify-items:center;gap:14px;min-height:100dvh;display:grid}.topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand>div:last-child{min-width:0}.brand-mark,.quick-icon,.mode-icon,.game-icon,.profile-avatar,.list-icon{background:var(--bg-soft);border:1px solid var(--line);width:42px;height:42px;color:var(--text);box-shadow:var(--shadow-md);border-radius:14px;flex:none;place-items:center;font-size:12px;font-weight:950;display:grid}.profile-avatar{border-radius:18px;width:58px;height:58px;font-size:24px}.title{letter-spacing:-.04em;margin:0;font-size:24px;font-weight:950;line-height:.96}.top-actions{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.icon-btn,.balance-pill{border:1px solid var(--line);background:var(--bg-soft);min-height:40px;color:var(--text);box-shadow:var(--shadow-md);border-radius:14px;justify-content:center;align-items:center;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex}.icon-btn{min-width:40px}.settings-btn{text-overflow:ellipsis;white-space:nowrap;max-width:132px;overflow:hidden}.balance-pill{border-color:color-mix(in srgb, var(--accent), transparent 40%);background:color-mix(in srgb, var(--accent), var(--bg-soft) 84%);gap:8px;max-width:min(188px,54vw)}.balance-pill span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.balance-pill strong{background:var(--text);width:22px;height:22px;color:var(--bg);border-radius:999px;flex:none;place-items:center;font-size:16px;line-height:1;display:grid}.hero-card,.balance-card,.mini-metric,.quick-item,.promo-card,.mode-card,.game-card,.stat-card,.list-card,.tabbar-inner,.segmented-row,.field-card,.result-card,.sheet-panel,.drop-notification,.blocking-card,.notice{background:var(--bg-soft);border:1px solid var(--line);box-shadow:var(--shadow-lg);transition:background var(--transition), border-color var(--transition), color var(--transition)}.hero-card{border-radius:var(--radius-xl);margin-bottom:14px;padding:18px;position:relative;overflow:hidden}.hero-card:after{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--accent), transparent 76%), transparent 68%);pointer-events:none;border-radius:50%;width:130px;height:130px;position:absolute;top:-36px;right:-36px}.promo-carousel{touch-action:pan-y;grid-template-rows:auto auto 1fr auto;gap:8px;min-height:178px;display:grid}.carousel-dots{z-index:3;background:color-mix(in srgb, var(--bg-soft), transparent 12%);border-radius:999px;gap:5px;padding:6px;display:flex;position:absolute;top:14px;right:14px;box-shadow:0 8px 22px #00000029}.carousel-dots span{background:var(--line);border-radius:999px;width:6px;height:6px}.carousel-dots span.active{background:var(--accent);width:18px}.hero-title{letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:23px;font-weight:950;line-height:1;overflow:hidden}.hero-copy,.quick-copy,.mode-copy,.game-copy,.list-copy,.balance-sub,.profile-handle,.muted{color:var(--muted);font-size:13px;line-height:1.35}.chip-row,.cta-row,.mode-meta,.game-meta{flex-wrap:wrap;gap:8px;display:flex}.promo-carousel .chip-row{min-height:28px;padding-right:86px}.cta-row{align-self:end}.chip,.mini-pill,.status-badge,.promo-badge{border:1px solid var(--line);background:var(--badge-bg);max-width:100%;min-height:28px;color:var(--muted);border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.chip.gold,.promo-badge{color:var(--accent)}.chip.green,.mini-pill.live,.status-badge{color:var(--good)}.chip.cyan,.mini-pill.new{color:var(--accent-2)}.chip.pink,.mini-pill.hot{color:var(--warn)}.cta,.secondary-btn,.pill-tab{border:1px solid var(--line);border-radius:14px;min-height:44px;padding:0 15px;font-weight:900}.cta{background:var(--text);width:fit-content;max-width:100%;color:var(--bg);border-color:#0000}.pseudo-cta{pointer-events:none;justify-content:center;align-items:center;display:inline-flex}.secondary-btn,.pill-tab{background:var(--bg-soft);color:var(--text)}.quick-grid,.stats-grid,.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.balance-card,.promo-card,.mode-card,.game-card,.stat-card,.field-card,.result-card{border-radius:var(--radius-lg);padding:14px}.balance-value,.stat-value{overflow-wrap:anywhere;letter-spacing:-.04em;margin-top:6px;font-size:28px;font-weight:950}.mini-grid,.mode-grid,.game-grid,.list-stack{gap:10px;display:grid}.mini-metric{border-radius:16px;padding:12px}.tiny-label,.section-kicker,.stat-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:11px;font-weight:900}.tiny-value{overflow-wrap:anywhere;letter-spacing:-.03em;margin-top:4px;font-size:18px;font-weight:900}.section{margin-bottom:16px}.tight-section{margin-bottom:10px}.section-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.section-title{letter-spacing:-.03em;margin:2px 0 0;font-size:21px;font-weight:900}.quick-item,.mode-card,.game-card,.setting-card{border:1px solid var(--line);text-align:left;width:100%;min-height:112px;color:var(--text)}.quick-item{border-radius:var(--radius-lg);padding:14px}.mode-grid,.game-grid{grid-template-columns:1fr}.mode-card,.game-card{min-height:132px}button.quick-item,button.mode-card,button.game-card,button.setting-card{cursor:pointer}.setting-card{display:block}.disabled-card{opacity:.76}.quick-name,.mode-title,.game-title,.list-title{letter-spacing:-.02em;font-size:17px;font-weight:900;line-height:1}.quick-icon,.mode-icon,.game-icon{margin-bottom:12px}.mode-copy,.game-copy,.quick-copy{margin:8px 0 12px}.promo-card{align-content:space-between;min-height:128px;display:grid}.promo-title{letter-spacing:-.03em;max-width:220px;margin-top:6px;font-size:22px;font-weight:950;line-height:.98}.segmented-row{border-radius:16px;flex-wrap:wrap;gap:8px;width:fit-content;max-width:100%;margin-bottom:12px;padding:4px;display:flex}.pill-tab{min-height:34px;color:var(--muted);border-radius:12px;padding:0 12px}.pill-tab.active{background:var(--bg-soft-2);color:var(--text)}.field-card{gap:8px;margin-bottom:12px;display:grid}.field-label,.field-card span,.result-card span{color:var(--muted);font-size:13px}input{border:1px solid var(--line);background:var(--bg-soft-2);width:100%;min-height:46px;color:var(--text);appearance:none;border-radius:14px;padding:0 12px;font-size:16px}.cashier-form,.history-section{gap:12px;display:grid}.method-section,.method-grid{gap:8px;display:grid}.method-card{text-align:left;border:1px solid var(--line);background:var(--bg-soft-2);min-width:0;color:var(--text);border-radius:14px;gap:4px;padding:12px;display:grid}.method-card.active{border-color:color-mix(in srgb, var(--accent-2), transparent 20%);background:color-mix(in srgb, var(--accent-2), var(--bg-soft-2) 86%)}.method-card span{font-size:14px;font-weight:950}.method-card small{color:var(--muted);font-size:12px;font-weight:750;line-height:1.25}.quick-duel-card,.bet-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-soft);gap:12px;padding:14px;display:grid}.duel-range-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.duel-range-note{color:var(--muted);font-size:13px;font-weight:850}.duel-empty{border:1px solid color-mix(in srgb, var(--warn), transparent 48%);background:color-mix(in srgb, var(--warn), var(--bg-soft) 90%);border-radius:16px;gap:10px;padding:12px;display:grid}.duel-actions{grid-template-columns:1fr;gap:8px;display:grid}.wide-cta{width:100%}.request-status{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--good), var(--bg-soft) 88%);border:1px solid color-mix(in srgb, var(--good), transparent 42%);box-shadow:var(--shadow-md);padding:14px}.settings-section{gap:8px;margin-bottom:14px;display:grid}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.settings-list{gap:8px;display:grid}.setting-tile{min-width:0;min-height:76px;color:var(--text);text-align:left;align-content:center;gap:6px;padding:12px;display:grid}.settings-row{grid-template-columns:minmax(0,1fr) minmax(88px,auto);align-items:center;gap:10px;min-width:0;padding:12px;display:grid}.settings-row strong{text-align:right}.debug-details{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-soft);padding:12px}.debug-details summary{cursor:pointer;color:var(--text);font-size:14px;font-weight:950}.debug-details .settings-list{margin-top:10px}.choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.choice-grid button,.action-grid button{border:1px solid var(--line);background:var(--bg-soft);min-width:0;min-height:48px;color:var(--text);text-align:center;border-radius:16px;font-weight:950}.choice-grid button{place-items:center;gap:6px;min-height:76px;padding:10px 6px;display:grid}.choice-grid button span{font-size:26px;line-height:1}.result-card{gap:12px;display:grid}.result-title{letter-spacing:-.035em;margin-top:4px;font-size:28px;font-weight:950}.profile-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-soft);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;margin-bottom:14px;padding:14px;display:grid}.profile-identity{gap:4px;min-width:0;display:grid}.profile-identity h2{letter-spacing:-.03em;overflow-wrap:anywhere;margin:0;font-size:22px;font-weight:950;line-height:1}.profile-identity div{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:850;overflow:hidden}.profile-id-grid{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.profile-id-grid div,.account-balance,.settings-row,.setting-tile{border:1px solid var(--line);background:var(--bg-soft-2);border-radius:16px}.profile-id-grid div{gap:4px;min-width:0;padding:10px;display:grid}.profile-id-grid span,.settings-row span,.setting-tile span{min-width:0;color:var(--muted);font-size:12px;font-weight:850}.profile-id-grid strong,.settings-row strong,.setting-tile strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:950;overflow:hidden}.account-balance{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;display:grid}.account-balance-value{letter-spacing:-.04em;margin-top:4px;font-size:30px;font-weight:950;line-height:1}.balance-add-btn{background:var(--accent);color:#16130c;border:0;border-radius:50%;width:42px;height:42px;font-size:24px;font-weight:950}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.action-grid button:only-child,.action-grid button:last-child:nth-child(odd){grid-column:1/-1}.list-stack{grid-template-columns:1fr}.list-card{border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}button.action-list-card{border:1px solid var(--line);background:var(--bg-soft);width:100%;color:var(--text);text-align:left}.list-card>div{min-width:0}.list-card.compact{grid-template-columns:auto minmax(0,1fr)}.list-trailing{max-width:86px;color:var(--muted);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:900;overflow:hidden}.history-card{border:1px solid var(--line);background:var(--bg-soft);border-radius:18px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:12px;display:grid}.history-marker{background:var(--badge-bg);width:34px;height:34px;color:var(--muted);border-radius:12px;place-items:center;font-weight:950;display:grid}.history-card.deposit .history-marker,.history-card.positive .history-marker{color:#22c55e;background:#22c55e29}.history-card.withdrawal .history-marker,.history-card.negative .history-marker{color:#f59e0b;background:#f59e0b29}.history-card.rejected .history-marker{color:#ef4444;background:#ef444429}.history-card.cancelled .history-marker{color:#94a3b8;background:#94a3b829}.history-main{gap:6px;min-width:0;display:grid}.history-topline{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:10px;min-width:0;display:grid}.history-title,.history-amount{min-width:0;font-weight:950;line-height:1.1}.history-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history-amount{max-width:128px;color:var(--text);text-align:right;white-space:nowrap}.history-meta{min-width:0;color:var(--muted);flex-wrap:wrap;gap:5px 8px;font-size:12px;font-weight:800;line-height:1.25;display:flex}.history-meta span{overflow-wrap:anywhere;min-width:0;max-width:100%}.history-action{border:1px solid color-mix(in srgb, var(--danger), transparent 42%);background:color-mix(in srgb, var(--danger), var(--bg-soft) 88%);min-width:76px;min-height:34px;color:var(--text);border-radius:12px;font-size:12px;font-weight:950}.notice{border-radius:16px;margin-bottom:12px;padding:12px;font-size:13px;font-weight:800}.error,.error-notice{color:var(--danger)}.notification-stack{z-index:120;top:calc(10px + var(--safe-top));pointer-events:none;gap:8px;width:min(100vw - 24px,406px);display:grid;position:fixed;left:50%;transform:translate(-50%)}.drop-notification{--notice:#3b82f6;--notice-bg:color-mix(in srgb, var(--notice), var(--bg-soft) 88%);border:1px solid color-mix(in srgb, var(--notice), transparent 44%);background:var(--notice-bg);width:100%;min-width:0;box-shadow:var(--shadow-md);pointer-events:auto;touch-action:pan-y;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;animation:.22s notification-drop;display:grid;position:relative}.drop-notification>div{min-width:0}.drop-notification button,.sheet-close{border:1px solid var(--line);background:var(--bg-soft-2);width:32px;height:32px;color:var(--text);border-radius:12px;place-items:center;font-size:18px;line-height:1;display:grid}.drop-notification .notification-close{border-radius:50%;flex:none;position:relative;overflow:visible}.notification-x{z-index:1;line-height:1;position:relative}.notification-progress{pointer-events:none;background:conic-gradient(var(--notice) 360deg, transparent 0deg);border-radius:50%;animation:5s linear forwards notification-countdown;position:absolute;inset:-3px;-webkit-mask:radial-gradient(circle,#0000 60%,#000 62%);mask:radial-gradient(circle,#0000 60%,#000 62%)}.notification-title{min-width:0;font-size:14px;font-weight:950;line-height:1.15}.notification-message{color:var(--muted);overflow-wrap:anywhere;margin-top:4px;font-size:13px;line-height:1.35}.drop-notification.info,.blocking-card.info{--notice:#3b82f6;--notice-bg:color-mix(in srgb, #3b82f6, var(--bg-soft) 90%);background:var(--notice-bg);border-color:#3b82f694}.drop-notification.success,.blocking-card.success{--notice:#22c55e;--notice-bg:color-mix(in srgb, #22c55e, var(--bg-soft) 90%);background:var(--notice-bg);border-color:#22c55e99}.drop-notification.warning,.blocking-card.warning{--notice:#f59e0b;--notice-bg:color-mix(in srgb, #f59e0b, var(--bg-soft) 90%);background:var(--notice-bg);border-color:#f59e0b9e}.drop-notification.error,.blocking-card.error{--notice:#ef4444;--notice-bg:color-mix(in srgb, #ef4444, var(--bg-soft) 90%);background:var(--notice-bg);border-color:#ef44449e}.blocking-notification,.sheet-layer{z-index:50;position:fixed;inset:0}.blocking-notification{z-index:130;background:#0000008f;place-items:center;padding:18px;display:grid}.blocking-card{border-radius:24px;gap:14px;width:min(100%,380px);padding:18px;display:grid}.sheet-layer{pointer-events:none;align-items:end;display:grid}.sheet-backdrop{pointer-events:auto;background:#0000007a;border:0;border-radius:0;position:absolute;inset:0}.sheet-panel{z-index:1;width:min(100vw,430px);max-width:100%;min-height:min(80dvh,640px);max-height:min(90dvh,720px);padding:10px 14px calc(18px + var(--safe-bottom));pointer-events:auto;border-radius:26px 26px 0 0;grid-template-rows:auto auto minmax(0,1fr);justify-self:center;animation:.24s sheet-up;display:grid;position:relative;overflow:hidden}.sheet-handle{background:var(--line);border-radius:999px;justify-self:center;width:44px;height:5px;margin-bottom:10px}.sheet-head{justify-content:space-between;align-items:center;gap:12px;min-width:0;padding-bottom:12px;display:flex}.sheet-head h2{letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:24px;font-weight:950;line-height:1;overflow:hidden}.sheet-body{overscroll-behavior:contain;align-content:start;gap:12px;min-width:0;min-height:0;padding:0 4px 4px;display:grid;overflow:auto}.sheet-placeholder{border-radius:var(--radius-lg);background:var(--bg-soft-2);border:1px solid var(--line);padding:14px}.tabbar{z-index:12;width:min(100vw,430px);max-width:100%;padding:10px 14px calc(10px + var(--safe-bottom));background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--tabbar-bg), transparent 10%) 30%, var(--tabbar-bg) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tabbar-inner{background:var(--bg-soft);border-radius:22px;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:8px;display:grid}.tab-btn{min-height:58px;color:var(--muted);background:0 0;border:0;border-radius:16px;place-items:center;gap:4px;padding:8px 4px;display:grid}.tab-btn.active{background:var(--bg-soft-2);color:var(--text)}.tab-icon{text-overflow:ellipsis;max-width:100%;font-size:18px;font-weight:950;line-height:1;overflow:hidden}.tab-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;font-weight:900;overflow:hidden}@keyframes fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes notification-drop{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes notification-countdown{0%{background:conic-gradient(var(--accent) 360deg, transparent 0deg)}to{background:conic-gradient(var(--accent) 0deg, transparent 0deg)}}@keyframes sheet-up{0%{transform:translateY(16px)}to{transform:translateY(0)}}@media (width>=431px){body{padding:16px 0}.app-shell{border:1px solid var(--line);border-radius:32px;min-height:calc(100dvh - 32px);box-shadow:0 26px 70px #00000029}.tabbar{bottom:16px}}@media (width<=360px){.topbar{display:grid}.quick-grid,.profile-stats,.choice-grid,.duel-range-grid,.profile-id-grid,.settings-grid{grid-template-columns:1fr}.balance-pill,.settings-btn{max-width:100%}}