:root{--bg:#f4f5f7;--surface:#fff;--surface-2:#eef0f3;--border:#e2e5ea;--text:#1a1d21;--muted:#6b7280;--accent:#2563eb;--accent-dim:#1d4ed8;--accent-soft:#eff6ff;--accent-border:#bfdbfe;--success:#16a34a;--danger:#dc2626;--shadow-sm:0 1px 3px #0000000f;--shadow-nav:0 -2px 12px #0000000f;--nav-h:56px;--safe-bottom:env(safe-area-inset-bottom,0px);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,PingFang SC,sans-serif;line-height:1.5}*,:before,:after{box-sizing:border-box}body{min-height:100dvh;margin:0}a{color:var(--accent);text-decoration:none}button,input,select{font:inherit}#root{min-height:100dvh}.app-shell{background:var(--bg);flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.app-main{padding-bottom:calc(var(--nav-h) + var(--safe-bottom) + 8px);flex:1;overflow-y:auto}.page{padding:16px;padding-top:max(16px, env(safe-area-inset-top))}.bottom-nav{width:100%;max-width:480px;height:calc(var(--nav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--surface);border-top:1px solid var(--border);box-shadow:var(--shadow-nav);z-index:100;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav__item{color:var(--muted);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:11px;text-decoration:none;display:flex}.bottom-nav__item--active{color:var(--accent)}.bottom-nav__icon{font-size:20px;line-height:1}.segmented{background:var(--surface-2);-webkit-overflow-scrolling:touch;border-radius:10px;gap:4px;padding:4px;display:flex;overflow-x:auto}.segmented__item{min-width:0;color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 10px;font-size:13px}.segmented__item--active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm);font-weight:600}.card{background:var(--surface);border:1px solid var(--border);width:100%;box-shadow:var(--shadow-sm);text-align:left;color:inherit;cursor:default;border-radius:12px;padding:14px 16px;display:block}button.card{cursor:pointer}.btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:100%;padding:10px 18px;font-size:15px;font-weight:600;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);color:#fff}.btn--secondary{background:var(--surface-2);color:var(--text)}.btn--ghost{color:var(--muted);background:0 0;width:auto}.btn--danger{color:#fff;background:#c0392b}.admin-page{max-width:480px;margin:0 auto;padding:16px 16px 32px}.admin-page__stats{margin-bottom:12px}.admin-page__stats p{margin:0;font-size:14px}.admin-page__search{gap:8px;margin-bottom:8px;display:flex}.admin-page__search input{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;flex:1;padding:10px 12px}.admin-page__load-more{margin-top:12px}.admin-player-list{margin:0;padding:0;list-style:none}.admin-player-list__item{border-bottom:1px solid var(--border);padding:12px 0}.admin-player-list__main{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.admin-player-list__name{color:var(--text);font-weight:600;text-decoration:none}.admin-player-list__meta{margin-bottom:8px;font-size:13px}.admin-player-list__actions{gap:8px;display:flex}.admin-player-list__actions .btn{width:auto;padding:6px 12px;font-size:13px}.admin-player-list__badge{color:#27ae60;background:#2ecc7126;border-radius:6px;padding:2px 6px;font-size:11px}.admin-player-list__badge--ban{color:#c0392b;background:#c0392b1f}.admin-record-list{margin:0;padding:0;list-style:none}.admin-record-list__item{border-bottom:1px solid var(--border);padding:10px 0;font-size:13px;line-height:1.5}.admin-modal{z-index:100;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.admin-modal__card{width:100%;max-width:400px;padding:16px}.admin-modal__card h3{margin:0 0 8px}.admin-modal__field{margin:12px 0;font-size:13px;display:block}.admin-modal__field span{color:var(--muted);margin-bottom:6px;display:block}.admin-modal__field input,.admin-modal__field textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);font:inherit;box-sizing:border-box;border-radius:10px;padding:10px 12px}.admin-modal__actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.admin-modal__actions .btn{width:auto}.page-header{align-items:flex-start;gap:8px;margin-bottom:16px;display:flex}.page-header__back{border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.page-header__back:hover{background:var(--surface-2);border-color:#d1d5db}.page-header__back:active{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.page-header__back-icon{width:20px;height:20px}.page-header__title{margin:0;font-size:22px;font-weight:700}.page-header__subtitle{color:var(--muted);margin:4px 0 0;font-size:13px}.stat-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;display:grid}.stat-grid__item{background:var(--surface);border:1px solid var(--border);text-align:center;box-shadow:var(--shadow-sm);border-radius:10px;padding:10px 6px}.stat-grid__value{color:var(--accent);font-size:15px;font-weight:700;display:block}.stat-grid__label{color:var(--muted);font-size:10px}.section{margin-bottom:12px}.leaderboard-page{padding:10px 12px;padding-top:max(10px, env(safe-area-inset-top))}.leaderboard-hero{justify-content:space-between;align-items:center;gap:8px;min-height:32px;margin-bottom:8px;display:flex}.leaderboard-hero__actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.admin-entry-link{color:#4338ca;background:#eef2ff;border:1px solid #6366f1;border-radius:6px;flex-shrink:0;padding:3px 8px;font-size:11px;line-height:1.3;text-decoration:none}.admin-entry-link:hover{color:#3730a3;background:#e0e7ff}.leaderboard-hero__title{margin:0;font-size:18px;font-weight:700;line-height:1.2}.leaderboard-page{--mode-color:#d97706;--mode-bg:#fff7ed}.leaderboard-page .leaderboard-hero__title{color:var(--mode-color)}.stats-toggle{border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:6px;flex-shrink:0;padding:3px 8px;font-size:11px;line-height:1.3}.leaderboard-page .stats-toggle:hover{color:var(--mode-color);border-color:var(--mode-color)}.leaderboard-toolbar{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.leaderboard-stats{gap:6px;margin-bottom:0!important}.leaderboard-stats .stat-grid__item{border-radius:8px;padding:6px 4px}.leaderboard-stats .stat-grid__value{font-size:13px}.leaderboard-stats .stat-grid__label{font-size:9px}.segmented--compact{border-radius:8px;padding:2px}.segmented--compact .segmented__item{border-radius:6px;padding:5px 8px;font-size:12px}.chip-select{gap:8px;display:flex}.chip-select__item{border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:999px;flex:1;padding:6px 12px;font-size:12px;transition:border-color .15s,background .15s,color .15s}.chip-select__item--active{font-weight:600}.chip-select__item--score.chip-select__item--active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.chip-select__item--dailyGain.chip-select__item--active{color:#059669;background:#ecfdf5;border-color:#059669}.chip-select--lb{padding:2px 0}.leaderboard-page .search-bar input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:8px;margin-bottom:0;padding:7px 10px;font-size:13px}.leaderboard-page .search-bar input::placeholder{color:var(--muted)}.leaderboard-page .loading-hint{text-align:center;padding:8px 0;font-size:12px}.leaderboard-page .rank-list{margin:0;padding:0;list-style:none}.rank-list>li{border-bottom:1px solid var(--border)}.rank-row{width:100%;min-height:36px;color:inherit;cursor:pointer;align-items:center;gap:8px;padding:6px 0;text-decoration:none;transition:background-color .15s;display:flex}.rank-row:hover{background-color:color-mix(in srgb, var(--mode-color) 8%, transparent)}.rank-row:active{background-color:color-mix(in srgb, var(--mode-color) 14%, transparent)}.rank-row__rank{text-align:center;width:22px;color:var(--muted);flex-shrink:0;font-size:13px;font-weight:700}.rank-row__rank--top1{color:var(--accent);font-weight:800}.rank-row__rank--top2{color:#64748b;font-weight:800}.rank-row__rank--top3{color:#0d9488;font-weight:800}.rank-row__rank--top100{color:#6b9080;font-weight:700}.rank-row__main{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.rank-row__name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.rank-row__title{color:var(--muted);flex-shrink:0;font-size:11px}.rank-row__title:before{content:"·";color:var(--border);margin-right:4px}.rank-row__score{white-space:nowrap;flex-shrink:0;font-size:14px;font-weight:700}.leaderboard-page .rank-row__score--score{color:var(--mode-color)}.leaderboard-page .rank-row__score--gain{color:#059669}.loading-hint,.empty,.muted{color:var(--muted);font-size:14px}.empty{text-align:center;padding:32px 16px}.sentinel{height:1px}.profile-page .page-header,.bounty-page .page-header,.bounty-create-page .page-header,.coin-shop-page .page-header{align-items:center;position:relative}.profile-page .page-header>div,.bounty-page .page-header>div,.bounty-create-page .page-header>div,.coin-shop-page .page-header>div{text-align:center;pointer-events:none;position:absolute;left:0;right:0}.profile-page .page-header__back,.bounty-page .page-header__back,.bounty-create-page .page-header__back,.coin-shop-page .page-header__back{z-index:1;position:relative}.profile-card{padding:14px 16px 12px}.profile-card__row{align-items:center;gap:8px;margin-bottom:12px;display:flex}.status-dot{background:var(--muted);border-radius:50%;width:8px;height:8px}.status-dot--on{background:var(--success)}.profile-card__stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 8px;display:grid}.profile-card__login{margin:10px 0 0;font-size:13px;line-height:1.4}.profile-card__stats>div{text-align:center;min-width:0}.profile-card__stats strong{font-size:22px;line-height:1.3;display:block}.profile-card__stats span{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.35;display:block}.profile-edit-form .btn{margin-top:4px}.profile-edit-form__msg{margin-top:10px;font-size:13px}.section-block{margin-top:20px}.section-block__title{margin:0 0 10px;font-size:15px;font-weight:600}.section-block__hint{margin-top:6px;font-size:12px}.badge{border:1px solid var(--border);border-radius:6px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-block}.chart-wrap{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;padding:8px 4px}.match-list{margin:0;padding:0;list-style:none}.match-item{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:10px;margin-bottom:8px;padding:12px}.match-item__head{justify-content:space-between;margin-bottom:8px;font-weight:600;display:flex}.match-item__grid{color:var(--muted);align-items:center;gap:12px;font-size:12px;display:flex}.match-item__grid>span{white-space:nowrap}.match-item__points{margin-left:auto;font-size:16px;font-weight:700;line-height:1.2}.match-item__points--positive{color:var(--success)}.match-item__points--negative{color:var(--danger)}.match-item__points--neutral{color:var(--text)}.feature-grid{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.feature-card{align-items:center;gap:14px;display:flex}.feature-card--disabled{opacity:.6;cursor:not-allowed}.feature-card__icon{font-size:28px}.feature-card__title{margin:0 0 4px;font-size:16px}.feature-card__desc{color:var(--muted);margin:0;font-size:13px}.feature-card__lock{color:var(--accent);font-size:12px}.bounty-list{margin:0;padding:0;list-style:none}.bounty-item{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;gap:12px;margin-bottom:10px;padding:14px;display:flex}.bounty-item__reward{color:var(--accent);flex-shrink:0;font-size:18px;font-weight:700}.bounty-item__desc{color:var(--text);margin:6px 0 0;font-size:13px;line-height:1.45}.bounty-page__toolbar{margin-bottom:16px}.bounty-page__toolbar-hint{margin:0;font-size:14px}.bounty-create-page__hint{margin:0 0 12px;font-size:14px;line-height:1.5}.bounty-create-page__balance{background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:10px;margin:0 0 20px;padding:10px 12px;font-size:14px}.bounty-create-page__balance strong{color:var(--accent)}.bounty-create-form label{color:var(--muted);margin-bottom:14px;font-size:13px;display:block}.bounty-create-form input,.bounty-create-form textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);font:inherit;border-radius:10px;margin-top:6px;padding:12px;display:block}.bounty-create-form textarea{resize:vertical;min-height:96px}.bounty-create-form input:focus,.bounty-create-form textarea:focus{border-color:var(--accent);outline:none}.bounty-create-form .btn{margin-top:4px}.banner{background:var(--accent-soft);border:1px solid var(--accent-border);color:var(--text);border-radius:10px;margin-bottom:16px;padding:10px 12px;font-size:14px}.banner--warn{background:#fffbeb;border-color:#fcd34d}.banner--svip{background:#faf5ff;border:1px solid #d8b4fe;margin-top:12px}.donate-list,.coin-shop-list{margin:0;padding:0;list-style:none}.donate-card,.coin-shop-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:12px;padding:16px}.donate-card__head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.donate-card__title{align-items:center;gap:10px;display:flex}.donate-card__icon{font-size:28px;line-height:1}.donate-card__icon--svip{filter:sepia()saturate(4)hue-rotate(5deg)brightness(1.05);text-shadow:0 0 8px #e6b42273}.donate-card__head h3{margin:0}.donate-card__price{color:var(--accent);font-size:20px;font-weight:700}.donate-card__features{color:var(--muted);margin:0 0 16px;padding-left:18px;font-size:14px}.redeem-contact-notice{text-align:center;color:#4b5563;letter-spacing:.02em;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:0 0 12px;padding:14px 16px;font-size:16px;font-weight:600}.redeem-card__title{margin:0 0 6px;font-size:16px}.redeem-card__hint{margin:0 0 14px;font-size:14px}.redeem-card__banner{margin-bottom:14px}.redeem-form label{color:var(--muted);margin-bottom:14px;font-size:13px;display:block}.redeem-form input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:10px;margin-top:6px;padding:12px;display:block}.redeem-form input:disabled{opacity:.6}.form-success{color:#15803d;margin:0 0 12px;font-size:14px}.coin-shop-item{box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:12px;display:flex}.coin-shop-item h3{margin:0 0 4px;font-size:15px}.coin-shop-item .btn{flex-shrink:0;width:auto;min-width:110px}.coin-shop-tabs{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;padding:6px;display:grid}.coin-shop-tabs__tab{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px;font-size:14px;font-weight:600;display:flex}.coin-shop-tabs__label{font-size:14px;font-weight:700}.coin-shop-tabs__hint{color:var(--muted);font-size:12px;font-weight:500}.coin-shop-tabs__tab--active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1px #3b82f640}.coin-shop-tabs__tab--active .coin-shop-tabs__hint{color:var(--accent)}.coin-shop-panel{border:1px solid var(--border);background:linear-gradient(180deg, var(--surface) 0%, var(--surface-2) 100%);box-shadow:var(--shadow-sm);border-radius:12px;margin-top:14px;padding:14px}.coin-shop-panel .muted{margin:0 0 10px}.coin-shop-form-row{margin-bottom:10px}.coin-shop-form-row label{margin-bottom:6px;display:block}.coin-shop-form-row input,.coin-shop-form-row select,.coin-shop-panel input,.coin-shop-panel select{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:10px;padding:10px 12px}.coin-shop-form-row input:focus,.coin-shop-form-row select:focus,.coin-shop-panel input:focus,.coin-shop-panel select:focus{border-color:var(--accent);outline:2px solid #3b82f62e}.coin-shop-preview{background:var(--surface);border:1px solid var(--accent-border)}.coin-shop-total{color:var(--accent);margin:4px 0 10px;font-weight:600}.login-prompt{text-align:center}.login-prompt p{margin:0 0 12px}.center-hint{text-align:center;margin-top:24px}.wallet-card{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.wallet-card strong{color:var(--accent);font-size:28px}.privilege-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.privilege-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.privilege-item--svip,.privilege-item--sponsor{background:#faf5ff;border-color:#d8b4fe}.privilege-item__head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.privilege-item__head strong{font-size:16px}.privilege-item__status{color:var(--muted);white-space:nowrap;font-size:12px}.privilege-item__features{color:var(--muted);margin:0;padding-left:18px;font-size:13px;line-height:1.5}.menu-link{margin-bottom:8px;padding:12px 0;font-weight:600;display:block}.settings-list{margin:0;padding:0;list-style:none}.settings-list li{margin-bottom:14px}.settings-list label{color:var(--muted);margin-bottom:6px;font-size:13px;display:block}.settings-list__hint{margin:8px 0 10px;font-size:13px;line-height:1.5}.settings-list input,.settings-list select{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:8px;padding:10px 12px}.login-notice{color:var(--text);background:#7c3aed1f;border:1px solid #7c3aed40;border-radius:10px;margin-bottom:12px;padding:12px 14px;font-size:14px;line-height:1.5}.login-hint{margin-bottom:20px;font-size:14px}.login-form label{color:var(--muted);margin-bottom:14px;font-size:13px;display:block}.login-form input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:10px;margin-top:6px;padding:12px;display:block}.form-error{color:var(--danger);margin:0 0 12px;font-size:14px}.svip-settings-block{margin-top:24px}.svip-title-card{padding:16px}.svip-title-form__hint{margin:0 0 14px;font-size:13px;line-height:1.5}.svip-title-form__field{color:var(--muted);margin-bottom:14px;font-size:13px;display:block}.svip-title-form__field input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:8px;margin-top:6px;padding:10px 12px;display:block}.svip-title-form__preview{background:#faf5ff;border:1px solid #e9d5ff;border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:10px 12px;display:flex}.svip-title-form__fieldset{border:1px solid var(--border);border-radius:10px;margin:0 0 16px;padding:12px}.svip-title-form__fieldset legend{padding:0 6px;font-size:13px;font-weight:600}.svip-title-form__mode{flex-direction:column;gap:8px;margin-bottom:10px;font-size:14px;display:flex}.svip-title-form__mode label{cursor:pointer;align-items:center;gap:8px;display:flex}.svip-color-grid{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.svip-color-chip{border:2px solid var(--chip-color,var(--border));background:color-mix(in srgb, var(--chip-color,#888) 12%, transparent);cursor:pointer;color:var(--chip-color,var(--text));border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:13px;font-weight:600;display:flex}.svip-color-chip input{display:none}.svip-color-chip--on{box-shadow:0 0 0 2px color-mix(in srgb, var(--chip-color,#888) 35%, transparent)}.svip-title-form__actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.svip-title-form__tip,.svip-title-form__announce-preview{margin:8px 0 0;font-size:12px;line-height:1.5}.profile-title-preview{font-size:16px}.rank-row__title.rainbow-title-preview{font-size:13px;font-weight:600;display:block}.rainbow-title-preview{font-weight:700}.rainbow-title-preview--animated{background:var(--rainbow-gradient);background-size:var(--rainbow-bg-size,200%) 100%;color:#0000;animation:rainbow-scroll 2.4s steps(var(--rainbow-steps,2)) infinite;-webkit-background-clip:text;background-clip:text}@keyframes rainbow-scroll{0%{background-position:0%}to{background-position:100%}}.help-section .section-block__title{margin-bottom:10px}.help-faq{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin:0;padding:0;list-style:none;overflow:hidden}.help-faq__item{padding:14px 16px}.help-faq__item+.help-faq__item{border-top:1px solid var(--border)}.help-faq__q{margin:0 0 6px;font-size:14px;font-weight:600;line-height:1.4}.help-faq__a{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.help-footer{text-align:center;margin-top:8px;padding-bottom:8px;font-size:13px}