:root{color:#14213d;background:#f5f7fa;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--accent: #ff8a00;--accent-dark: #c45f00;--card: #ffffff;--line: #d8e0ea;--muted: #64748b;--danger: #ef4444;--blue: #3b82f6}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f5f7fa}button,input,select{font:inherit}button{cursor:pointer}.screen-stack{width:min(100%,430px);min-height:100vh;margin:0 auto;padding:max(11px,calc(env(safe-area-inset-top,0px) + 2px)) 12px 20px;display:flex;flex-direction:column;gap:12px}.setup-screen{display:block}.home-screen{justify-content:flex-start;padding-top:max(18px,calc(env(safe-area-inset-top,0px) + 8px));gap:12px}.home-hero-panel{position:relative;width:92%;align-self:center;display:flex;flex-direction:column;align-items:center;padding:12px 8px 14px;border-radius:8px;background:#fff;box-shadow:0 4px 14px #0f172a14}.home-title{color:#111827;font-size:31px;line-height:33px;font-weight:900;letter-spacing:0;text-shadow:0 1px 0 rgba(255,255,255,.9)}.home-title-row{position:relative;width:100%;display:flex;justify-content:center}.home-title.scoreboard{margin-top:1px}.home-logo-img{width:min(210px,78%);height:auto;margin-top:0;object-fit:contain;transform:translateY(13px)}.home-version-pill{position:absolute;z-index:1;top:80px;left:50%;transform:translate(-50%);padding:2px 7px;border:1px solid #d8dee8;border-radius:999px;background:#f8fafcf5;color:#667085;font-size:9px;font-weight:800;line-height:13px;letter-spacing:0}.home-menu-list{width:92%;align-self:center;display:flex;flex-direction:column;gap:7px}.language-switch{display:inline-flex;align-items:center;gap:2px;margin-top:4px;padding:2px;border:1px solid #e5e7eb;border-radius:999px;background:#f8fafc;box-shadow:none;transform:translateY(10px)}.language-switch button{width:25px;height:22px;border:0;border-radius:999px;background:transparent;color:#475467;font-size:10px;font-weight:800;line-height:22px;padding:0}.language-switch button.active{background:#111827;color:#fff}.home-menu-card{width:100%;height:60px;display:flex;align-items:center;justify-content:space-between;padding:8px 10px 8px 13px;border:0;border-left:4px solid #94a3b8;border-radius:6px;background:#fff;color:#111827;text-align:left;box-shadow:0 4px 14px #0f172a14}.home-menu-card span{min-width:0;display:flex;flex-direction:column}.home-menu-card strong{font-size:16px;line-height:20px;font-weight:900}.home-menu-card small{margin-top:1px;overflow:hidden;color:#64748b;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.home-menu-card b{color:#94a3b8;font-size:24px;line-height:24px}.home-menu-card.continue-card{border-left-color:#14b8a6}.home-menu-card.new-card{border-left-color:var(--accent)}.home-menu-card.record-card{border-left-color:#8b5cf6}.home-menu-card.leaderboard-card{border-left-color:#0ea5e9}.home-menu-card.account-card{border-left-color:#22c55e}.home-info-note{width:92%;align-self:center;min-height:58px;display:flex;flex-direction:column;justify-content:center;padding:8px 10px 8px 13px;border:1px solid #e5e7eb;border-left:4px solid #cbd5e1;border-radius:6px;background:#fff;box-shadow:0 3px 10px #0f172a0a}.home-info-note strong{display:block;color:#1f2937;font-size:16px;font-weight:900;line-height:20px}.home-info-note p{margin:1px 0 0;overflow:hidden;color:#64748b;font-size:12px;font-weight:700;line-height:17px;text-overflow:ellipsis}.home-footer{width:92%;align-self:center;display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:2px;padding:6px 8px 2px;color:#667085;text-align:center}.home-footer span{font-size:11px;font-weight:800;line-height:15px}.home-footer small{color:#98a2b3;font-size:10px;font-weight:700;line-height:14px}.share-site-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid #d8e0ea;border-radius:999px;background:#fff;color:#334155;font-size:15px;font-weight:900;line-height:1;box-shadow:0 2px 6px #0f172a0a}.share-site-btn.title-share{position:absolute;left:calc(50% + 48px);top:2px;width:26px;height:26px}.share-site-icon{width:15px;height:15px;display:block;overflow:visible;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.share-site-icon circle{fill:#fff;stroke:currentColor}.share-site-btn:focus,.share-site-btn:hover{border-color:#cbd5e1;color:#111827}.share-site-status{min-height:14px;color:#64748b;font-size:10px;font-weight:800;line-height:14px}.title-share-status{margin-top:2px}.footer-links{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:2px;font-size:10px;font-weight:800}.footer-links a{color:#475467;text-decoration:none}.footer-links a:focus,.footer-links a:hover{color:#111827;text-decoration:underline}.legal-card{width:100%;display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid #e2e8f0;border-left:4px solid #cbd5e1;border-radius:8px;background:#fff;box-shadow:0 4px 14px #0f172a0f}.legal-intro{margin:0;color:#334155;font-size:14px;font-weight:800;line-height:1.6}.legal-section{padding-top:10px;border-top:1px solid #eef2f7}.legal-section h2{margin:0 0 6px;color:#111827;font-size:15px;line-height:1.35}.legal-section p{margin:0 0 6px;color:#475569;font-size:13px;font-weight:650;line-height:1.6}.account-screen{width:min(100%,430px);min-height:100vh;margin:0 auto;padding:14px 12px calc(24px + env(safe-area-inset-bottom));background:#f5f7fa}.account-panel{width:100%;display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid #e2e8f0;border-left:4px solid #22c55e;border-radius:8px;background:#fff;box-shadow:0 4px 14px #0f172a0f}.topbar-share-btn{justify-self:end;width:38px;height:38px;padding:8px;border:1px solid #cfd8e5;border-radius:6px;background:#fff;color:#334155}.topbar-share-btn:active{background:#eef3f8}.share-page-toast{position:fixed;z-index:120;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translate(-50%);padding:9px 14px;border-radius:6px;background:#0f172ae6;color:#fff;font-size:13px;white-space:nowrap}.account-panel h1,.account-panel p{margin:0}.account-panel h1{min-width:0;overflow-wrap:anywhere;color:#111827;font-size:20px;line-height:1.25}.account-panel>p{color:#64748b;font-size:13px;font-weight:700;line-height:1.5}.account-panel>.account-mail-note{margin-top:-4px;color:#64748b;font-size:12px;font-weight:700;line-height:1.45}.account-field{display:flex;flex-direction:column;gap:5px;color:#344054;font-size:13px;font-weight:800}.account-field input{width:100%;height:42px;min-width:0;padding:0 11px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#111827;font-size:16px}.account-primary,.account-secondary{width:100%;min-height:42px;padding:6px 10px;border-radius:6px;font-size:14px;font-weight:900;line-height:18px}.account-primary{border:0;background:#0f766e;color:#fff}.account-secondary{border:1px solid #cbd5e1;background:#f8fafc;color:#334155}.account-primary:disabled,.account-secondary:disabled{opacity:.5}.account-error{padding:8px 10px;border:1px solid #fecaca;border-radius:6px;background:#fef2f2;color:#b91c1c!important}.account-name-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.account-name-row>div{min-width:0}.account-name-row small{color:#64748b;font-size:11px;font-weight:800}.account-name-row b{flex:0 0 auto;padding:4px 7px;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-size:12px}.account-email{overflow-wrap:anywhere}.account-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.account-stats div{min-width:0;padding:10px 6px;border:1px solid #e2e8f0;border-radius:6px;background:#f8fafc;text-align:center}.account-stats dt{overflow:hidden;color:#64748b;font-size:10px;font-weight:800;text-overflow:clip;white-space:nowrap}.account-stats dd{margin:4px 0 0;color:#111827;font-size:18px;font-weight:900}.account-phase-note{padding-top:10px;border-top:1px solid #eef2f7}.account-message{min-height:180px;justify-content:center;text-align:center}.mypage-panel{padding:12px;gap:10px}.mypage-hero{display:flex;flex-direction:column;gap:7px;padding:10px;border-radius:7px;background:linear-gradient(180deg,#f0fdfa,#fff);border:1px solid #ccfbf1}.mypage-main-badge{width:fit-content;max-width:100%;overflow:hidden;border:1px solid #99f6e4;border-radius:999px;padding:3px 8px;background:#ecfeff;color:#0f766e;font-size:12px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.mypage-error{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #fecaca;border-radius:6px;padding:8px;background:#fef2f2;color:#b91c1c;font-size:12px;font-weight:800}.mypage-error button{flex:0 0 auto;min-height:28px;border:0;border-radius:5px;padding:0 10px;background:#ef4444;color:#fff;font-size:12px;font-weight:900}.mypage-stats div{background:#f8fafc}.mypage-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mypage-feature-card{min-width:0;min-height:68px;display:flex;flex-direction:column;justify-content:center;gap:5px;border:1px solid #dbe4ee;border-radius:7px;padding:8px 6px;background:#fff;color:#0f172a;text-align:center}.mypage-feature-card strong{overflow:hidden;font-size:13px;font-weight:900;line-height:16px;text-overflow:ellipsis;white-space:nowrap}.mypage-feature-card small{overflow:hidden;color:#64748b;font-size:11px;font-weight:800;line-height:14px;text-overflow:ellipsis;white-space:nowrap}.mypage-feature-card.disabled{background:#f8fafc;opacity:.9}.mypage-feature-card.signed{border-color:#99f6e4;background:#f0fdfa}.mypage-feature-card:disabled:not(.disabled){cursor:default}.mypage-signin-message{margin:-2px 0 0;color:#0f766e;font-size:12px;font-weight:900;line-height:16px}.mypage-info-card{display:flex;flex-direction:column;gap:5px;border:1px solid #dbe4ee;border-left:4px solid #22c55e;border-radius:7px;padding:10px;background:#f8fafc}.mypage-info-card strong{color:#0f172a;font-size:14px;font-weight:900}.mypage-info-card small{color:#64748b;font-size:12px;font-weight:750;line-height:17px}.mypage-layout,.store-layout{display:flex;flex-direction:column;gap:10px}.mypage-account-card,.mypage-section,.store-header-card,.store-item-card{border:1px solid #dbe4ee;border-left:4px solid #22c55e;border-radius:8px;background:#fff;box-shadow:0 4px 12px #1018280a}.mypage-account-card{padding:12px}.mypage-account-heading,.mypage-wallet-row,.mypage-meta-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.mypage-account-heading small,.mypage-sl-select span,.mypage-meta-row{color:#64748b;font-size:11px;font-weight:800}.mypage-account-heading h1{min-width:0;margin:2px 0 0;overflow-wrap:anywhere;color:#0f172a;font-size:20px}.mypage-sl-select{flex:0 0 auto;display:flex;align-items:center;gap:5px}.mypage-sl-select select{min-height:34px;border:1px solid #cbd5e1;border-radius:6px;padding:0 7px;background:#f8fafc;color:#0f172a;font-weight:900}.mypage-level-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:6px;margin-top:12px;text-align:center}.mypage-level-row strong,.mypage-level-row button{min-width:0;overflow:hidden;border:0;padding:4px 3px;background:transparent;color:#0f172a;font-size:12px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.mypage-level-row button{border-radius:5px;background:#fff7ed;color:#9a3412}.mypage-xp-track{height:7px;overflow:hidden;margin:9px 0;border-radius:4px;background:#e2e8f0}.mypage-xp-track span{display:block;height:100%;border-radius:inherit;background:#16a34a}.mypage-wallet-row span{font-size:13px;font-weight:800}.mypage-wallet-row button,.mypage-primary-action,.mypage-empty-action button,.challenge-actions button{min-height:36px;border:0;border-radius:6px;padding:0 12px;background:#0f766e;color:#fff;font-size:12px;font-weight:900}.mypage-section{padding:11px}.mypage-section h2{margin:0 0 9px;color:#0f172a;font-size:15px;letter-spacing:0}.mypage-primary-action{width:100%}.mypage-primary-action:disabled,.challenge-actions button:disabled,.mypage-empty-action button:disabled{background:#cbd5e1;color:#64748b}.mypage-action-message,.mypage-muted{margin:8px 0 0;color:#0f766e;font-size:12px;font-weight:800;line-height:17px}.mypage-meta-row{align-items:flex-start;margin-top:8px}.mypage-meta-row span:last-child{text-align:right}.challenge-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.challenge-summary strong{font-size:13px}.challenge-summary small{color:#64748b;font-size:10px;text-align:right}.challenge-list{display:flex;flex-direction:column;border-top:1px solid #e5e7eb}.challenge-row{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:6px;min-height:44px;border-bottom:1px solid #e5e7eb}.challenge-row>span{color:#94a3b8;font-weight:900}.challenge-row.completed>span{color:#16a34a}.challenge-row div{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px}.challenge-row strong{min-width:0;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.challenge-row small{flex:0 0 auto;color:#64748b;font-size:11px;font-weight:800}.challenge-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:9px}.challenge-actions button{min-width:0;padding:4px;line-height:14px}.mypage-empty-action{text-align:center}.mypage-empty-action p{color:#64748b;font-size:12px}.mypage-badge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.mypage-badge-grid button{min-width:0;min-height:36px;overflow:hidden;border:1px solid #dbe4ee;border-radius:6px;padding:5px 7px;background:#f8fafc;color:#334155;font-size:10.5px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}@media(max-width:360px){.mypage-badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.badge-detail-dialog h2{margin:0 0 12px;font-size:16px}.badge-detail-dialog>strong{display:block;color:#0f172a;font-size:15px}.badge-detail-dialog p{color:#475569;font-size:13px;line-height:20px}.app-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.app-dialog-actions button{min-height:38px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;font-weight:900}.app-dialog-actions button.primary{border-color:#0f766e;background:#0f766e;color:#fff}.mypage-logout{margin-top:2px}.store-header-card{padding:12px}.store-header-card h1{margin:0;font-size:18px}.store-header-card p{margin:4px 0 10px;color:#64748b;font-size:12px}.store-header-card>strong{display:block;margin-bottom:10px;font-size:14px}.store-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.store-tabs button{min-height:36px;border:1px solid #dbe4ee;border-radius:6px;background:#f1f5f9;color:#334155;font-size:12px;font-weight:900}.store-tabs button.active{border-color:#0f766e;background:#0f766e;color:#fff}.store-item-list{display:flex;flex-direction:column;gap:8px}.store-item-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:11px}.store-item-copy{min-width:0}.store-item-copy strong{display:flex;align-items:center;gap:6px;font-size:14px}.store-item-copy p,.store-item-copy small{margin:4px 0 0;color:#64748b;font-size:11px;line-height:16px}.store-item-icon{font-size:18px}.store-color-swatch{display:block;width:28px;height:12px;margin-top:6px;border:1px solid #cbd5e1;border-radius:3px}.store-item-action{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:8px}.store-item-action>span{font-size:12px;font-weight:900}.store-item-action button{min-height:36px;border:0;border-radius:6px;padding:0 12px;color:#fff;font-size:12px;font-weight:900}.store-item-action button.store-action-exchange{background:#0f766e}.store-item-action button.store-action-apply{background:#f59e0b}.store-item-action button.store-action-remove{border:1px solid #cbd5e1;background:#f8fafc;color:#334155}.store-item-action button:disabled{border-color:#d0d5dd;background:#e4e7ec;color:#98a2b3}@media(max-width:360px){.mypage-account-heading{align-items:flex-start}.mypage-level-row strong,.mypage-level-row button,.challenge-actions button{font-size:10px}.mypage-meta-row{flex-direction:column}.mypage-meta-row span:last-child{text-align:left}}.setup-topbar,.summary-topbar,.page-topbar,.game-top-actions{display:grid;grid-template-columns:74px 1fr 74px;align-items:center;gap:8px;margin-bottom:10px}.setup-topbar strong,.summary-topbar strong,.page-topbar strong{text-align:center;font-size:15px;font-weight:900}.ghost-btn,.primary-btn{min-height:34px;border-radius:6px;padding:0 10px;font-size:13px;font-weight:800}.ghost-btn{border:1px solid #d8e0ea;background:#fff;color:#475467}.ghost-btn:disabled{cursor:default;opacity:.55}.primary-btn{border:0;background:var(--accent);color:#fff}.mode-switch{width:100%;display:flex;gap:6px;margin:0 auto 10px;padding:4px;border-radius:7px;background:#fff;border:1px solid #e8edf3;box-shadow:0 2px 6px #1018280a}.mode-btn{flex:1;height:34px;border:0;border-radius:5px;background-color:#eef1f5;color:#475467;font-size:14px;font-weight:700;white-space:nowrap}.active-mode{background-color:var(--accent);color:#fff}.leaderboard-screen{gap:10px;min-height:auto;padding-bottom:14px;background:#f2f5f9}.leaderboard-screen .page-topbar{margin-bottom:0}.leaderboard-screen .page-topbar strong{color:#0f172a;font-size:15px;letter-spacing:0}.leaderboard-screen .ghost-btn{min-height:32px;border-color:#d5dde7;border-radius:5px;color:#334155;box-shadow:0 1px #0f172a08}.leaderboard-content{width:100%;max-width:406px;align-self:center;display:flex;flex-direction:column;gap:9px}.lb-filter-panel{width:100%;padding:10px;border:1px solid #e3e6ec;border-left:4px solid #0ea5e9;border-radius:7px;background:#fff;box-shadow:0 2px 6px #1018280a}.lb-update-time{width:100%;margin:1px 0 9px;color:#667085;font-size:13px;font-weight:700;line-height:18px;text-align:center}.lb-mode-row{width:100%;display:flex;gap:10px;margin-bottom:8px}.lb-mode-btn{flex:1;min-width:0;height:35px;border:0;border-radius:6px;background:#f2f2f2;color:#666;font-size:15px;font-weight:800}.lb-mode-btn.active{background:#0ea5e9;color:#fff}.lb-tabs-grid{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.lb-tabs-grid button{min-width:0;height:34px;border:0;border-radius:6px;padding:0 4px;overflow:hidden;background:#f2f2f2;color:#666;font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.lb-tabs-grid button.active{background:#0ea5e9;color:#fff}.lb-rank-list{width:100%;display:flex;flex-direction:column;gap:8px}.lb-row{width:100%;min-height:58px;display:flex;align-items:center;gap:6px;padding:10px;border:1px solid #e3e6ec;border-left:4px solid #0ea5e9;border-radius:6px;background:#fff;box-shadow:0 2px 6px #1018280a}.lb-row-button{cursor:pointer;color:inherit;font:inherit;text-align:left}@media(hover:hover)and (pointer:fine){.lb-row-button:hover{border-color:#bae6fd;background:#f8fcff}}.lb-row-button:focus-visible{outline:2px solid #0ea5e9;outline-offset:2px}.lb-rank{width:30px;flex:0 0 30px;color:#888;font-size:14px;font-weight:900}.lb-arrow{width:22px;height:16px;flex:0 0 22px;display:inline-flex;align-items:center;justify-content:center;color:#bbb;font-size:12px;font-weight:900;line-height:16px}.lb-arrow.up{color:#d43b2f}.lb-arrow.down{color:#1f8a4c}.lb-arrow.new{width:18px;border-radius:3px;background:#fff3d8;color:#b36b00;font-size:10px}.lb-name-cell{flex:1 1 auto;min-width:0;display:flex;align-items:center;flex-wrap:nowrap;gap:3px;padding-left:5px}.lb-player-icon{flex:0 0 auto;font-size:13px;line-height:1}.lb-name{flex:0 0 auto;min-width:0;max-width:100%;overflow:visible;color:#333;font-size:15px;font-weight:900;white-space:nowrap}.lb-sl-badge{height:16px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:3px;padding:0 4px;background:#eef2f7;color:#4b5563;font-size:10px;font-weight:900;line-height:16px}.lb-main-badge{max-width:104px;min-width:17px;height:16px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #42a5f5;border-radius:3px;padding:0 4px;background:#e3f2fd;color:#1f67b1;font-size:10px;font-weight:900;line-height:16px;text-overflow:ellipsis;white-space:nowrap}.lb-main-badge.has-label{justify-content:flex-start}.lb-main-badge.badge-signin{border-color:#66bb6a;background:#e8f5e9;color:#168348}.lb-main-badge.badge-achievement{border-color:#42a5f5;background:#e3f2fd;color:#1f67b1}.lb-main-badge.badge-title{border-color:#e2b85d;background:linear-gradient(135deg,#fff8df,#f8dda0 52%,#fff4cf);color:#7a4b00}.lb-main-badge.badge-cumulative{border-color:#ffb74d;background:#fff3e0;color:#9a5a00}.lb-main-badge.icon-only{width:17px;max-width:17px;padding:0}.lb-main-badge-icon{flex:0 0 auto;line-height:1}.lb-main-badge-label{min-width:0;margin-left:2px;overflow:hidden;text-overflow:clip}.lb-value-wrap{min-width:30px;flex:0 0 auto;display:flex;justify-content:flex-end;align-items:baseline}.lb-value-num{color:#f60;font-size:15px;font-weight:900;line-height:20px;white-space:nowrap}.player-stats-screen{background:#f2f5f9}.player-stats-content{width:100%;max-width:406px;align-self:center;display:flex;flex-direction:column;gap:9px}.player-search-area{width:100%;display:flex;gap:8px;padding:8px;border:1px solid #e3e6ec;border-left:4px solid #4a90e2;border-radius:7px;background:#fff;box-shadow:0 2px 6px #1018280a}.player-search-input{min-width:0;flex:1;height:34px;border:1px solid #cbd5e1;border-radius:5px;padding:0 10px;background:#fff;color:#0f172a;font-size:15px;font-weight:700}.player-search-button{width:74px;flex:0 0 74px;border:0;border-radius:5px;background:#ff8a00;color:#fff;font-size:13px;font-weight:900;white-space:nowrap}.player-page-state{margin-top:4px}.player-stats-box,.player-copy-card{width:100%;border:1px solid #e3e6ec;border-radius:7px;background:#fff;box-shadow:0 2px 6px #1018280a}.player-stats-box{border-left:4px solid #4a90e2;padding:11px}.player-stats-box h1{margin:0 0 10px;color:#0f172a;font-size:15px;font-weight:900;line-height:20px;letter-spacing:0}.player-stats-grid-two,.player-two-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px 10px}.player-stats-grid-two span,.player-two-grid span{min-width:0;color:#334155;font-size:12px;font-weight:800;line-height:17px;overflow-wrap:anywhere}.player-copy-card{padding:11px}.player-copy-card.form{border-left:4px solid #94a3b8;background:#f8fafc}.player-copy-card.form.up{border-color:#cfeedd;border-left-color:#22a55f;background:#f3fbf6}.player-copy-card.form.down{border-color:#f2d3d3;border-left-color:#dc4c4c;background:#fff6f6}.player-copy-card.h2h{border-left:4px solid #7b51d3}.player-copy-card.match{border-left:4px solid #f59e0b}.stats-theme-up .player-search-area,.stats-theme-up .player-stats-box,.stats-theme-up .player-copy-card{border-left-color:#22a55f}.stats-theme-down .player-search-area,.stats-theme-down .player-stats-box,.stats-theme-down .player-copy-card{border-left-color:#dc4c4c}.stats-theme-flat .player-search-area,.stats-theme-flat .player-stats-box,.stats-theme-flat .player-copy-card{border-left-color:#64748b}.player-section-heading,.player-match-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.player-section-heading strong,.player-section-title,.player-match-heading strong{display:block;margin:0 0 8px;color:#0f172a;font-size:15px;font-weight:900}.player-section-heading strong,.player-match-heading strong{margin-bottom:0}.trend-pill{flex:0 0 auto;border-radius:999px;padding:3px 8px;background:#e8eef5;color:#405269;font-size:11px;font-weight:900}.player-delta-grid{margin-top:9px;padding-top:9px;border-top:1px solid rgba(100,116,139,.22)}.player-h2h-list{display:flex;flex-direction:column}.player-h2h-item{border-bottom:1px solid #edf0f4}.player-h2h-item:last-child{border-bottom:0}.player-h2h-row{width:100%;min-height:36px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:7px;border:0;border-radius:5px;padding:0 4px;background:transparent;color:inherit;font:inherit;text-align:left}.player-h2h-row.selected{background:#eef6ff}.player-h2h-row span{min-width:0;overflow:hidden;color:#0f172a;font-size:13px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.player-h2h-row b,.player-h2h-row small{color:#475569;font-size:11px;font-weight:800;white-space:nowrap}.player-h2h-detail{display:flex;flex-direction:column;gap:7px;margin:0 0 8px;border:1px solid #e6edf5;border-radius:6px;padding:9px;background:#f8fafc}.player-h2h-detail>strong{color:#0f172a;font-size:14px;font-weight:900}.player-h2h-detail>span,.player-h2h-detail>small,.player-sub-note{color:#64748b;font-size:11px;font-weight:700;line-height:15px}.player-result-row{display:flex;flex-wrap:wrap;gap:5px}.player-result-chip{min-width:38px;min-height:28px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;border-radius:5px;padding:3px 6px;font-size:11px;font-weight:900;line-height:13px}.player-result-chip.win{background:#d8f4d5;color:#236b22}.player-result-chip.lose{background:#f8dddd;color:#973434}.player-result-chip em{font-style:normal;opacity:.75}.player-detail-close{width:92px;height:30px;align-self:flex-end;border:0;border-radius:5px;background:#f1f5f9;color:#334155;font-size:12px;font-weight:900}.player-match-heading button{flex:0 0 auto;height:30px;border:0;border-radius:5px;padding:0 10px;background:#f59e0b;color:#fff;font-size:12px;font-weight:900;white-space:nowrap}.player-highlight-panel,.player-match-list{display:flex;flex-direction:column;gap:8px}.player-highlight-panel{margin-bottom:9px}.player-highlight-row{border:1px solid #f3d6a2;border-radius:6px;padding:8px;background:#fffaf0}.player-highlight-row div{display:flex;justify-content:space-between;gap:8px}.player-highlight-row strong,.player-highlight-row b{min-width:0;font-size:13px;font-weight:900}.player-highlight-row b{flex:0 0 auto;color:#ff5a00}.player-highlight-row small,.player-highlight-empty{display:block;margin-top:4px;color:#64748b;font-size:11px;font-weight:700}.player-match-item{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;border:0;border-radius:6px;padding:10px;color:inherit;font:inherit;text-align:left}.player-match-item.win{background:#d6f5d0}.player-match-item.lose{background:#f9d6d6}.player-match-item span{min-width:0;display:flex;gap:5px;overflow:hidden;color:#0f172a;font-size:14px;font-weight:900;white-space:nowrap}.player-match-item span b{min-width:0;overflow:hidden;text-overflow:ellipsis}.player-match-item span em{flex:0 0 auto;color:#64748b;font-style:normal}.player-match-item strong{color:#0f172a;font-size:14px;font-weight:900;white-space:nowrap}.player-match-item small{grid-column:1 / -1;justify-self:end;color:#64748b;font-size:11px;font-weight:700}.player-load-more{width:130px;height:32px;align-self:center;margin:10px auto 0;border:0;border-radius:5px;background:#f1f5f9;color:#334155;font-size:12px;font-weight:900}.player-profile-card,.player-info-card{width:100%;border:1px solid #e3e6ec;border-left:4px solid #0ea5e9;border-radius:7px;background:#fff;box-shadow:0 2px 6px #1018280a}.player-profile-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 12px}.player-profile-card small{display:block;margin-bottom:2px;color:#64748b;font-size:11px;font-weight:800}.player-profile-card h1{margin:0;overflow-wrap:anywhere;color:#0f172a;font-size:22px;line-height:27px;letter-spacing:0}.player-profile-sl{flex:0 0 auto;border-radius:999px;padding:5px 9px;background:#e0f2fe;color:#0369a1;font-size:13px;font-weight:900}.player-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.player-stat-tile{min-width:0;min-height:62px;border:1px solid #e3e6ec;border-radius:7px;padding:9px 7px;background:#fff;box-shadow:0 2px 6px #1018280a}.player-stat-tile dt,.player-mini-grid dt,.player-highlight dt{margin:0;overflow:hidden;color:#64748b;font-size:11px;font-weight:800;line-height:15px;text-overflow:ellipsis;white-space:nowrap}.player-stat-tile dd,.player-mini-grid dd,.player-highlight dd{margin:5px 0 0;color:#0f172a;font-size:18px;font-weight:900;line-height:22px}.player-info-card{padding:11px}.player-card-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.player-card-title strong{color:#0f172a;font-size:15px;font-weight:900}.trend-pill{flex:0 0 auto;border-radius:999px;padding:3px 8px;background:#eef2f7;color:#475569;font-size:11px;font-weight:900}.trend-pill.up{background:#dff5e8;color:#137a3c}.trend-pill.down{background:#ffe4e4;color:#b53131}.player-mini-grid,.player-highlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.player-mini-grid div,.player-highlight{min-width:0;border-radius:6px;padding:8px;background:#f8fafc}.player-highlight small{display:block;margin-top:3px;overflow:hidden;color:#94a3b8;font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.player-list{display:flex;flex-direction:column;gap:7px}.player-list-row{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-radius:6px;padding:7px 8px;background:#f8fafc}.player-list-row span{min-width:0;overflow:hidden;color:#0f172a;font-size:13px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.player-list-row b,.player-list-row small{flex:0 0 auto;color:#64748b;font-size:12px;font-weight:900;white-space:nowrap}.match-row span{display:flex;gap:6px}.match-row span b{color:#64748b}.match-row .win-text{color:#dc2626}.match-row .lose-text{color:#16a34a}.leaderboard-tabs{width:100%;display:flex;gap:7px;overflow-x:auto;padding:0 1px 2px;scrollbar-width:none}.leaderboard-tabs::-webkit-scrollbar{display:none}.leaderboard-tabs button{flex:0 0 auto;height:33px;border:1px solid #d5dde7;border-radius:999px;padding:0 12px;background:#fff;color:#334155;font-size:12px;font-weight:800;white-space:nowrap;box-shadow:0 1px 2px #0f172a08}.leaderboard-tabs button.active{border-color:#0ea5e9;background:#e8f6ff;color:#0284c7}.leaderboard-panel,.leaderboard-state{width:100%;border:1px solid #e5eaf1;border-radius:8px;background:#fff;box-shadow:0 3px 10px #0f172a0d;overflow:hidden}.leaderboard-state{min-height:128px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px;color:#475467;text-align:center}.leaderboard-state strong{color:#111827;font-size:15px}.leaderboard-state small{max-width:100%;overflow-wrap:anywhere;color:#667085;font-size:12px;line-height:17px}.leaderboard-state.error{border-color:#fecaca;background:#fff7f7}.leaderboard-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 12px;border-bottom:1px solid #e8edf3}.leaderboard-meta strong{color:#111827;font-size:15px;font-weight:900}.leaderboard-meta small{color:#98a2b3;font-size:10px;font-weight:700;text-align:right}.leaderboard-list{display:flex;flex-direction:column}.leaderboard-row{min-height:62px;display:grid;grid-template-columns:31px minmax(0,1fr) minmax(42px,auto);align-items:center;gap:8px;padding:9px 10px 9px 11px;border-bottom:1px solid #e8edf3}.leaderboard-row:last-child{border-bottom:0}.leaderboard-rank{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#f1f5f9;color:#475467;font-size:13px;font-weight:900}.leaderboard-rank.rank-1{background:#fef3c7;color:#92400e}.leaderboard-rank.rank-2{background:#e5e7eb;color:#374151}.leaderboard-rank.rank-3{background:#ffedd5;color:#9a3412}.leaderboard-player{min-width:0;display:flex;flex-direction:column;gap:4px}.leaderboard-name-line{min-width:0;display:flex;align-items:center;gap:5px}.player-avatar{width:22px;height:22px;flex:0 0 22px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#f8fafc;border:1px solid #e5e7eb;color:#0f172a;font-size:12px;font-weight:900}.leaderboard-name-line strong{min-width:0;overflow:hidden;color:#101828;font-size:14px;font-weight:900;line-height:18px;text-overflow:ellipsis;white-space:nowrap}.leaderboard-sl,.leaderboard-badge{flex:0 0 auto;border-radius:999px;padding:2px 6px;font-size:10px;font-weight:900;line-height:14px}.leaderboard-sl{background:#eef2ff;color:#4f46e5}.leaderboard-badge{width:fit-content;max-width:100%;display:inline-flex;align-items:center;gap:3px;overflow:hidden;background:#fff7ed;color:#9a3412;text-overflow:ellipsis;white-space:nowrap}.leaderboard-badge span{min-width:0;overflow:hidden;text-overflow:ellipsis}.leaderboard-value{min-width:42px;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.leaderboard-value strong{color:#111827;font-size:16px;font-weight:900;line-height:20px;white-space:nowrap}.leaderboard-value small{color:#98a2b3;font-size:10px;font-weight:900;line-height:13px;white-space:nowrap}.leaderboard-value .trend.up{color:#16a34a}.leaderboard-value .trend.down{color:#dc2626}.leaderboard-value .trend.new{color:#0ea5e9}.top-card,.form-card,.notice-card,.player-card,.player-box,.status-card,.inning-card,.record-card{border-radius:8px;background:var(--card);box-shadow:0 8px 24px #14213d14}.top-card,.form-card,.notice-card,.player-card,.status-card,.inning-card{border-left:4px solid var(--accent);padding:14px}.notice-card{margin-bottom:10px;border:1px solid #fed7aa;border-left:4px solid var(--accent);background:#fffaf2}.notice-card strong{color:#9a3412}.notice-card .button-row{margin-top:10px}.notice-card .primary-button,.notice-card .ghost-button{flex:1}.notice-card .ghost-button{background:#fff;border:1px solid #fed7aa;color:#9a3412}.player-card{margin-bottom:9px;padding:12px;border:1px solid #e8edf3;border-left:4px solid var(--accent)}.card-title{margin-bottom:9px;color:#1f2937;font-size:16px;font-weight:800}.field-label{margin-bottom:5px;color:#667085;font-size:12px}.input-row{display:flex;align-items:center;margin-bottom:9px;padding:8px;border:1px solid #edf0f4;border-radius:7px;background:#f8fafc}.input-row input{margin-right:8px;background:#fff}.icon-wrapper{flex:0 0 34px;width:34px;height:34px;border:0;border-radius:50%;background-color:#eef1f5;color:#667085;font-size:20px;font-weight:900}.player-search-modal{display:flex;flex-direction:column;gap:10px}.player-option-list{display:grid;gap:8px;max-height:50vh;overflow-y:auto}.player-option{width:100%;min-height:48px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;margin:0;padding:10px 12px;border:1px solid #e8edf3;border-left:5px solid var(--accent);border-radius:7px;background:#fff;color:#1f2937;text-align:left;box-sizing:border-box}.player-option strong{min-width:0;overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.player-option span{color:#667085;font-size:12px;font-weight:800;white-space:nowrap}.level-line{display:flex;align-items:center;gap:6px;min-height:23px;margin:4px 0 5px}.level-chip{min-width:27px;height:18px;padding:0 7px;border-radius:999px;border:1px solid #d0d5dd;background:#f2f4f7;color:#344054;font-size:12px;font-weight:800;line-height:18px;text-align:center;white-space:nowrap}.level-chip.beginner{border-color:#bde8ca;background:#e8f7ee;color:#168348}.level-chip.c{border-color:#bfdbff;background:#eaf3ff;color:#1f67b1}.level-chip.b{border-color:#d8c4ff;background:#f1eaff;color:#6f3db8}.level-chip.a{border-color:#ffc8c8;background:#ffecec;color:#c43d35}.sl-range{display:block;width:calc(100% - 32px);height:32px;margin:3px 16px 8px;padding:0}.race-row{width:100%;display:flex;align-items:center;gap:8px;margin:6px auto 0;padding-top:8px;border-top:1px solid #edf0f4}.race-label{flex:1;font-size:14px;color:#344054}.race-input{width:70px;height:33px;text-align:center;font-size:15px}.w-rule-row{display:flex;align-items:center;flex-direction:row;justify-content:flex-start;gap:10px;width:100%;margin:10px 0 0;padding:11px 12px;border-radius:5px;background:#fffaf2;border:1px solid #fed7aa;border-left:4px solid var(--accent);box-shadow:0 4px 12px #0f172a0f}.w-rule-row strong{color:#9a3412}.w-rule-row small{color:#b45309}.w-rule-row span{display:flex;flex-direction:column;gap:2px;min-width:0}.w-rule-row input{flex:0 0 auto;width:24px;height:24px}.start-button{width:100%;height:40px;margin:10px 0 8px;border:0;border-radius:5px;background:var(--accent);color:#fff;font-size:15px;font-weight:800}.top-card h1,.match-header h1,.ball-panel h2,.form-card h2{margin:2px 0 0;letter-spacing:0}.top-card h1,.match-header h1{font-size:22px}.form-card h2,.ball-panel h2{font-size:16px}.eyebrow,.muted,small{color:var(--muted)}.eyebrow,.muted{margin:0}.form-card{display:flex;flex-direction:column;gap:12px}.player-editor{display:flex;flex-direction:column;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--line)}label{display:flex;flex-direction:column;gap:6px;font-weight:700}label span,.switch-row strong{font-size:13px}input,select{width:100%;height:36px;border:1px solid var(--line);border-radius:5px;background:#f8fafc;color:#14213d;padding:0 10px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.button-row{display:flex;gap:10px;flex-wrap:wrap}.primary-button,.ghost-button,.icon-button{border:0;border-radius:8px;min-height:42px;padding:0 14px;font-weight:800}.primary-button{background:var(--accent);color:#fff}.ghost-button{background:#e8eef6;color:#26364d}.ghost-button.small{min-height:36px;padding:0 12px}.wide{width:100%}.icon-button{width:42px;background:#fff;color:#14213d;font-size:30px;line-height:1}.game-container{width:min(100%,430px);height:100vh;margin:0 auto;padding:11px 12px calc(58px + env(safe-area-inset-bottom));display:flex;flex-direction:column;overflow:hidden;background:#f5f7fa}.game-mode-title{min-height:36px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#fff7ed;color:#9a3412;font-size:13px;font-weight:900;text-align:center;padding:0 8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.primary-button.small,.ghost-button.small{min-height:36px}.w-rule-banner{width:100%;padding:6px 9px;margin-bottom:6px;border-radius:4px;background:#fff7ed;color:#9a3412;font-size:12px;font-weight:800;text-align:center}.players-fixed{display:flex;gap:8px;width:100%;height:144px;min-height:144px;max-height:144px;margin-bottom:7px}.player-box{flex:1;min-width:0;border:1px solid #e8edf3;border-left:4px solid var(--accent);padding:9px 7px 15px;text-align:center;color:#111827}.player-box.active{border-color:var(--accent);border-left-width:5px;background:#fff7ed;box-shadow:0 0 0 2px #ff8a0047,0 8px 18px #ff8a0029}.player-box.active .player-name,.player-box.active .player-score{color:#0f172a}.player-box.active .player-stat{color:#1f2937}.player-name{min-width:0;display:block;font-size:17px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-stat,.player-status{display:block;min-height:18px;margin-top:4px;color:#344054;font-size:13px}.player-status.break-status{color:var(--danger);font-weight:800}.player-score{display:block;margin-top:4px;color:#000;font-size:42px;line-height:1}.player-hint{display:block;min-height:16px;color:orange;font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-card{width:100%;margin-bottom:7px;padding:7px 9px;border:1px solid #e8edf3;border-left:4px solid var(--accent)}.status-message-slot{min-height:22px;margin:0 0 5px}.break-prompt{display:flex;justify-content:center;align-items:center;gap:8px;min-height:22px;color:#d92d20;font-size:15px;font-weight:800;text-align:center}.break-prompt span{font-size:13px;line-height:13px}.break-prompt b{min-width:0;max-width:calc(100% - 48px);font-size:13px;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-hint{min-height:22px;line-height:22px;border-radius:5px;background:#f8fafc;color:#344054;font-size:12px;font-weight:700;text-align:center}.status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.status-item{min-height:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:5px;background:#f8fafc;border:1px solid #eef2f7}.status-label{color:#667085;font-size:11px}.status-value{margin-top:2px;color:#111827;font-size:16px}.status-item.muted .status-value{color:#667085}.ball-grid{flex:0 0 auto;margin-bottom:7px}.ball-row{display:grid;grid-template-columns:repeat(5,48px);justify-content:center;gap:6px;margin:4px 0}.ball-button{width:48px;height:48px;padding:0;border:0;border-radius:50%;overflow:hidden;background:transparent;box-shadow:0 3px 6px #0f172a14}.ball-button img{width:100%;height:100%;display:block}.ball-button.inactive{opacity:.35}.trend-compare-list{display:grid;gap:8px}.trend-compare-list.compact{max-height:158px;overflow-y:auto;padding-right:2px}.trend-compare-row{display:grid;grid-template-columns:30px 32px minmax(0,1fr) 2px minmax(0,1fr) 32px;align-items:center;gap:6px;min-height:20px;white-space:nowrap}.trend-round,.trend-score{color:#475467;font-size:12px;font-weight:800;line-height:1}.trend-round{color:#1f2937}.trend-score.left{text-align:right}.trend-score.right{text-align:left}.trend-axis{width:2px;height:18px;border-radius:999px;background:#d0d5dd}.trend-side{display:flex;align-items:center;min-width:0;height:10px}.trend-side.left{justify-content:flex-end}.trend-side.right{justify-content:flex-start}.trend-side i,.trend-side b{display:block;min-width:2px;height:7px;border-radius:999px}.trend-side i{background:var(--blue)}.trend-side b{background:var(--accent)}.record-list{display:flex;flex-direction:column;gap:10px}.records-screen{padding-bottom:76px}.record-summary-list{display:flex;flex-direction:column;gap:10px}.record-empty-card{padding:14px;border-radius:8px;border-left:4px solid #8b5cf6;background:#fff;box-shadow:0 8px 24px #14213d14}.inning-list{flex:1;min-height:0;overflow-y:auto;padding:5px 6px}.inning-card{border:1px solid #e8edf3;border-left:4px solid var(--accent)}.inning-row{display:grid;grid-template-columns:1fr 38px 1fr;min-height:34px;align-items:center;border-bottom:1px solid #eef2f7}.inning-row.same-inning-next{border-bottom:0}.inning-row.same-inning-next .inning-num.merged{transform:translateY(17px)}.inning-row.same-inning-prev{border-bottom:1px solid #eef2f7}.inning-wrap:last-child .inning-row{border-bottom:0}.inning-side{min-width:0}.inning-num{color:#667085;font-weight:800;text-align:center}.balls-line{display:flex;align-items:center;flex-wrap:wrap;gap:2px;min-height:30px}.record-ball-img{width:21px;height:21px;border-radius:50%}.break-flag,.safety-flag,.timeout-flag,.foul-flag,.dead-ball{display:inline-flex;justify-content:center;align-items:center;width:21px;height:21px;border-radius:50%;font-size:14px;font-weight:900;line-height:1}.break-flag{color:#d92d20;border:1px solid #fca5a5;background:#fef2f2}.safety-flag{color:#0891b2;border:1px solid #67e8f9;background:#ecfeff}.timeout-flag{color:#7c3aed;border:1px solid #8b5cf6;background:#f3e8ff}.foul-flag{color:#fff;background:#dc2626}.dead-ball{color:#fff;background:#1f2937}.dead-ball.auto{color:#475467;background:#e5e7eb;border:1px solid #cbd5e1}.bottom-bar{position:fixed;left:50%;bottom:8px;z-index:1001;transform:translate(-50%);width:min(calc(100% - 24px),406px);display:grid;grid-template-columns:repeat(5,1fr);align-items:stretch;gap:6px;padding:8px;border-radius:10px;background:#fffffff5;box-shadow:0 -4px 18px #0f172a1f}.bottom-bar.compact{grid-template-columns:1.4fr 1fr 1fr}.bottom-bar.winner{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-button{height:38px;min-width:0;padding:0 4px;display:flex;align-items:center;justify-content:center;border:0;border-radius:6px;background:#475467;color:#fff;font-size:13px;font-weight:800;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fit-menu-label{width:100%;min-width:0;display:flex;align-items:center;justify-content:center;overflow:hidden;white-space:nowrap}.fit-menu-label span{display:inline-block;max-width:100%;overflow:hidden;line-height:1;text-overflow:clip;white-space:nowrap}.menu-button:disabled{opacity:.45}.menu-button.is-disabled{opacity:.45}.game-notice{position:fixed;left:50%;bottom:72px;z-index:1100;transform:translate(-50%);width:min(calc(100% - 32px),360px);padding:10px 14px;border:1px solid #fed7aa;border-radius:8px;background:#fff7ed;color:#9a3412;box-shadow:0 10px 28px #0f172a24;font-size:13px;font-weight:800;text-align:center}.next-rack-action{background:#1f67b1}.record-card{width:100%;border:0;border-left:4px solid #4a90e2;padding:12px;text-align:left;display:grid;grid-template-columns:1fr auto;gap:4px 10px}.record-card-row{align-items:center;padding:0;overflow:hidden;background:#fff}.record-open{min-width:0;display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:12px;border:0;background:transparent;color:#1f2937;text-align:left}.record-open strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-open small{grid-column:1 / -1}.record-delete{width:58px;align-self:stretch;border:0;border-left:1px solid #fee2e2;background:#fef2f2;color:#dc2626;font-weight:900}.record-card small{grid-column:1 / -1}.record-summary-card{width:100%;padding:12px;border:1px solid #e8edf3;border-left:4px solid #8b5cf6;border-radius:8px;background:#fff;color:#1f2937;text-align:left;box-shadow:0 8px 24px #14213d14}.record-summary-card.selected{border-color:#ddd6fe;border-left-color:#7c3aed;box-shadow:0 10px 28px #7c3aed29}.record-summary-head{display:grid;grid-template-columns:1fr auto;gap:3px 8px;margin-bottom:8px;align-items:center}.record-summary-head strong{min-width:0;overflow:hidden;color:#111827;font-size:15px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.record-summary-head span{color:#ef4444;font-size:16px;font-weight:900;white-space:nowrap}.record-summary-meta{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:8px}.record-summary-meta small{color:#667085;font-size:11px;font-weight:700}.record-summary-meta b{flex:0 0 auto;padding:2px 6px;border-radius:999px;background:#dcfce7;color:#15803d;font-size:10px;font-weight:900}.record-summary-table{overflow:hidden;border-radius:7px}.record-paper-panel{margin-top:8px}.record-paper-toggle{width:100%;height:34px;margin-top:8px;border:1px solid #dbe3ee;border-radius:7px;background:#f8fafc;color:#344054;font-size:13px;font-weight:900}.record-paper-toggle.active{border-color:#99f6e4;background:#ccfbf1;color:#0f766e}.record-menu-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;display:flex;align-items:flex-end;justify-content:center;padding:0 12px 10px;pointer-events:none}.record-action-sheet{width:min(calc(100% - 38px),386px);display:flex;flex-direction:column;gap:7px;padding:8px;border:1px solid #dbe3ee;border-radius:10px;background:#fffffff7;box-shadow:0 -6px 24px #0f172a29;pointer-events:auto}.record-action{min-height:38px;height:auto;display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border:0;border-radius:7px;background:#475467;color:#fff;font-size:14px;font-weight:900;line-height:15px;text-align:center;white-space:normal;overflow-wrap:anywhere}.record-action.danger{background:#ef4444}.record-action.trend-action{background:#1f67b1}.record-action.cancel{background:#667085}.empty-state{text-align:center}.summary-screen{width:min(100%,430px);min-height:100vh;margin:0 auto;padding:14px 12px 20px;background:#f5f7fa}.app-modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;display:flex;align-items:center;justify-content:center;padding:12px 12px calc(78px + env(safe-area-inset-bottom));background:#0f172a75;box-sizing:border-box}.end-dialog-mask{align-items:center;padding:8px 10px calc(78px + env(safe-area-inset-bottom))}.app-modal-card{width:min(100%,390px);max-height:75vh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:14px;border-radius:9px;background:#fff;border:1px solid #e8edf3;box-shadow:0 18px 52px #0f172a38;box-sizing:border-box}.end-dialog{display:flex;flex-direction:column;max-height:calc(100dvh - 88px - env(safe-area-inset-bottom));padding:10px}.end-dialog .end-table{max-height:none;overflow:hidden}.end-dialog-card,.summary-card{border-radius:8px;background:#fff;border:1px solid #e8edf3;border-left:8px solid var(--accent);box-shadow:0 8px 24px #14213d14}.end-dialog-card{padding:14px}.end-title{margin-bottom:8px;color:#111827;font-size:17px;font-weight:900;text-align:center}.end-table{overflow:hidden;border:1px solid #edf0f4;border-radius:7px}.end-row{display:grid;grid-template-columns:minmax(96px,1.18fr) 1fr 1fr;min-height:29px;border-bottom:1px solid #edf0f4}.end-row:last-child{border-bottom:0}.end-cell{display:flex;align-items:center;justify-content:center;min-width:0;padding:4px 5px;color:#344054;font-size:12px;font-weight:700;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.end-cell:first-child{justify-content:flex-start;font-size:11px;line-height:14px;overflow-wrap:anywhere;text-align:left;white-space:normal}.end-row.header .end-cell{color:#111827;font-weight:900}.end-cell.span{grid-column:span 2}.end-cell.winner{color:#16a34a;font-size:15px;font-weight:900}.summary-actions{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px;margin-top:12px}.record-action.upload-action{color:#0878c9}.record-action:disabled{color:#8b98a9;background:#f4f6f8}.upload-toast{position:fixed;z-index:1200;left:50%;bottom:max(22px,calc(env(safe-area-inset-bottom) + 12px));width:max-content;max-width:calc(100% - 32px);transform:translate(-50%);padding:10px 14px;border-radius:7px;color:#fff;font-size:13px;font-weight:900;line-height:1.35;text-align:center;box-shadow:0 8px 24px #0f172a38}.upload-toast.with-detail{width:min(360px,calc(100% - 32px));padding:10px 12px}.upload-toast-detail{margin-top:4px;font-size:11px;font-weight:800;line-height:1.35;opacity:.95;overflow-wrap:anywhere}.upload-toast.success{background:#15803d}.upload-toast.error{background:#dc2626}.nine-authorization-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1600;display:flex;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(20px,calc(env(safe-area-inset-bottom) + 12px)) max(12px,env(safe-area-inset-left));background:#0f172a8f}.nine-authorization-prompt{width:min(100%,390px);max-height:min(76dvh,560px);overflow-y:auto;padding:16px;border:1px solid #dbe3ee;border-radius:12px;background:#fff;box-shadow:0 20px 58px #0f172a4d}.nine-authorization-prompt h2{margin:0 0 12px;color:#111827;font-size:17px;line-height:1.35}.nine-authorization-card{padding:12px;border:1px solid #e2e8f0;border-left:5px solid #16a34a;border-radius:8px;background:#f8fafc}.nine-authorization-card+.nine-authorization-card{margin-top:10px}.nine-authorization-card p{margin:0;color:#334155;font-size:14px;font-weight:700;line-height:1.5}.nine-authorization-card time{display:block;margin-top:7px;color:#64748b;font-size:12px;line-height:1.4}.nine-authorization-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.nine-authorization-actions button,.nine-authorization-error button{min-height:38px;border:0;border-radius:7px;color:#fff;font-size:14px;font-weight:900}.nine-authorization-allow{background:#15803d}.nine-authorization-deny{background:#64748b}.nine-authorization-actions button:disabled,.nine-authorization-error button:disabled{cursor:not-allowed;opacity:.55}.nine-authorization-error{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding:10px;border-radius:7px;background:#fef2f2;color:#b91c1c;font-size:12px;font-weight:800;line-height:1.4}.nine-authorization-error button{flex:0 0 auto;min-height:32px;padding:4px 10px;background:#b91c1c}.nine-authorization-success{padding:14px;border:1px solid #bbf7d0;border-left:5px solid #16a34a;border-radius:8px;background:#f0fdf4;color:#166534}.nine-authorization-success h2{color:#14532d}.nine-authorization-success p{margin:0;font-size:14px;font-weight:700;line-height:1.55}.nine-authorization-success button{width:100%;min-height:40px;margin-top:14px;border:0;border-radius:7px;background:#15803d;color:#fff;font-size:14px;font-weight:900}.end-buttons.four{flex:0 0 auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.paper-sheet-toggle{width:100%;min-height:34px;height:auto;display:inline-flex;align-items:center;justify-content:center;margin-top:8px;padding:4px 8px;border:1px solid #dbe3ee;border-radius:7px;background:#f8fafc;color:#344054;font-size:13px;font-weight:800;line-height:15px;text-align:center;white-space:normal;overflow-wrap:anywhere}.paper-sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.paper-sheet-actions .paper-sheet-toggle{margin-top:0}.paper-sheet-toggle.official,.record-action.official-action{background:#111827;color:#fff}.paper-sheet-table{margin-top:6px;overflow:hidden;border:1px solid #edf0f4;border-radius:7px;background:#fff}.paper-sheet-panel{margin-top:6px}.paper-sheet-row{display:grid;grid-template-columns:34px repeat(6,minmax(23px,1fr)) 40px 44px;min-height:28px;border-bottom:1px solid #edf0f4}.paper-sheet-row.names{grid-template-columns:34px 3fr 3fr 40px 44px}.paper-sheet-row:last-child{border-bottom:0}.paper-sheet-row span{min-width:0;display:flex;align-items:center;justify-content:center;border-left:1px solid #f1f5f9;color:#344054;font-size:12px;font-weight:800;overflow:visible;text-overflow:ellipsis;white-space:nowrap}.paper-sheet-row span:first-child{border-left:0}.paper-sheet-row:not(.names) span:nth-child(2),.paper-sheet-row:not(.names) span:nth-child(5),.paper-sheet-row:not(.names) span:nth-child(8){border-left-color:#dbe3ee}.paper-sheet-row.names span+span{border-left-color:#dbe3ee}.paper-sheet-row.head span{color:#111827;background:#f8fafc;font-size:9px;line-height:12px}.paper-sheet-row.sub span{color:#667085;border-left-color:#f6f8fb;font-size:8px;line-height:11px}.paper-sheet-row.sub span:nth-child(2),.paper-sheet-row.sub span:nth-child(5),.paper-sheet-row.sub span:nth-child(8){border-left-color:#e5ebf2}.paper-sheet-row.total{border-top:1px solid #cbd5e1}.paper-sheet-row.total span{background:#f8fafc;color:#111827;font-weight:900}.paper-score-cell{position:relative;color:#111827;font-weight:900}.paper-score-cell.rack-closer:after{content:"";position:absolute;left:50%;top:50%;width:21px;height:21px;border:2px solid #ff8a00;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.paper-sheet-row.total .paper-score-cell.total-winner{color:#ff8a00;font-weight:950}.paper-sheet-row .player-head{padding:0 3px;font-size:9px;line-height:12px}.paper-sheet-row .muted{color:#667085}.trend-only-card{margin-top:0;border-left-color:#1f67b1}.trend-match-head{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:7px;margin-bottom:12px;color:#111827}.trend-match-head strong{min-width:0;overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.trend-match-head span{color:#ef4444;font-size:16px;font-weight:900}.trend-match-head .winner{color:#16a34a}.record-detail-card{margin-top:12px}.end-btn{min-width:0;min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border:0;border-radius:6px;background:#475467;color:#fff;font-weight:800;line-height:15px;text-align:center;white-space:normal;overflow-wrap:anywhere}.end-btn.primary{background:var(--accent)}.summary-card{margin-top:12px;padding:14px}.summary-card h2{margin:0 0 10px;font-size:16px;white-space:nowrap}.end-trend-preview{margin-bottom:10px;padding:10px;border:1px solid #edf0f4;border-radius:7px;background:#f8fafc}.end-trend-title{margin-bottom:8px;color:#344054;font-size:13px;font-weight:900;text-align:center;white-space:nowrap}.confirm-modal-mask{z-index:1002}.confirm-copy{margin:0 0 12px;color:#475467;font-size:13px;font-weight:700;line-height:1.5}.timeout-modal-card{max-height:none}.timeout-count{margin:8px 0 14px;color:#111827;font-size:42px;font-weight:900;line-height:1;text-align:center}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.foul-actions{display:grid;gap:8px}.official-sheet-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1400;display:flex;align-items:center;justify-content:center;padding:max(6px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:#d9e2e8}.official-sheet-stage{width:100%;max-width:980px}.official-sheet-strip{position:relative;width:100%;height:300px;display:grid;grid-template-columns:22px 118px minmax(0,1fr);overflow:hidden;border:1px solid #252018;background:#f7f0df;color:#211f1a;box-shadow:0 8px 26px #0000002e}.official-full-ruler{position:absolute;left:0;right:42px;height:26px;overflow:hidden;border-bottom:2px solid #252018;z-index:4;pointer-events:none}.official-full-ruler.top{top:0}.official-full-ruler.bottom{bottom:0;border-top:2px solid #252018;border-bottom:0}.official-score-dot{position:absolute;top:50%;width:2px;height:2px;border-radius:50%;background:#252018;transform:translate(-50%,-50%)}.official-ruler-label{position:absolute;top:50%;padding:0;font-size:9px;line-height:10px;font-weight:900;transform:translate(-50%,-50%)}.official-goal-ring{position:absolute;top:50%;width:18px;height:18px;border:2px solid #111;border-radius:50%;transform:translate(-50%,-50%);z-index:6}.official-score-mark{position:absolute;left:0;top:50%;width:1px;height:23px;background:#111;transform:translate(-50%,-50%) rotate(16deg);transform-origin:center}.official-score-mark.end:after{content:"";position:absolute;left:0;top:0;width:1px;height:23px;background:#111;transform:rotate(-32deg);transform-origin:center}.official-row-line{position:absolute;left:22px;right:150px;height:1px;background:#6c6254;z-index:5;pointer-events:none}.official-row-1{top:calc(26px + (100% - 52px)/4)}.official-row-2{top:calc(26px + (100% - 52px)/2)}.official-row-3{top:calc(26px + (100% - 52px)*.75)}.official-w-cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:15px;line-height:15px;font-weight:900;text-align:center;white-space:nowrap}.official-w-cell .gap{height:10px;line-height:10px}.official-w-cell:after,.official-player-block:after{content:"";position:absolute;top:26px;right:0;bottom:26px;width:1px;background:#252018}.official-player-block{position:relative;display:grid;grid-template-rows:26px repeat(4,1fr) 26px}.official-player-cell{display:flex;align-items:center;justify-content:center;min-width:0;padding:0 6px;text-align:center;overflow-wrap:anywhere}.official-player-cell:nth-child(1){grid-row:2}.official-player-cell:nth-child(2){grid-row:3}.official-player-cell:nth-child(3){grid-row:4}.official-player-cell:nth-child(4){grid-row:5}.official-player-cell.name{font-size:13px;line-height:15px;font-weight:900}.official-player-cell.meta{font-size:10px;white-space:nowrap}.official-paper-and-tail{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 190px}.official-main-paper{display:grid;grid-template-rows:26px 1fr 26px;min-width:0}.official-write-band{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr)}.official-label-col{display:grid;grid-template-rows:repeat(4,1fr);border-right:1px solid #252018}.official-label-col span{display:flex;align-items:center;justify-content:center;font-size:9px;line-height:10px;writing-mode:vertical-rl;white-space:nowrap}.official-write-board{position:relative;min-width:0}.official-rack-line{position:absolute;top:0;bottom:0;width:1px;background:#252018;transform:translate(-.5px)}.official-board-text{position:absolute;min-width:14px;color:#111;font-size:12px;line-height:14px;font-weight:900;text-align:center;transform:translate(-50%)}.official-score-text.close:after{content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;border:2px solid #111;border-radius:50%;transform:translate(-50%,-50%)}.official-time-chip{min-width:0;width:12px;height:12px;display:flex;align-items:center;justify-content:center;border:1.2px solid #111;border-radius:50%;font-size:7px;line-height:1;transform:translate(var(--time-offset, -27px),var(--time-y, -1px))}.official-time-chip.compact{width:10px;height:10px;border-width:1px;font-size:6px}.official-time-chip.foul-chip{border-color:#e53935;background:#e53935;color:#fff;font-weight:700}.official-tail-zone{position:relative;display:grid;grid-template-columns:40px 26px 38px 42px 42px;grid-template-rows:26px repeat(4,1fr) 26px;background:#f7f0df}.official-tail-zone:before{content:"";position:absolute;top:26px;left:0;bottom:26px;width:1px;background:#252018}.official-tail-zone:after{content:"";position:absolute;top:0;right:42px;bottom:0;width:1px;background:#252018}.official-tail-split{position:absolute;left:66px;right:0;height:1px;background:#6c6254;z-index:4}.official-tail-split-1{top:calc(26px + (100% - 52px) / 3)}.official-tail-split-2{top:calc(26px + (100% - 52px) * 2 / 3)}.official-bonus-col{grid-row:2 / 6;display:grid;grid-template-rows:repeat(4,1fr);border-right:1px solid #252018}.official-bonus-col div{position:relative;padding-top:4px;font-size:7px;line-height:9px}.official-bonus-col strong{position:absolute;left:50%;top:50%;font-size:13px;line-height:15px;transform:translate(-50%,-50%)}.official-inning-total{position:relative;grid-row:2 / 6;display:flex;align-items:center;justify-content:center;border-right:1px solid #252018}.official-inning-total span{position:absolute;top:5px;font-size:7px;line-height:9px;writing-mode:vertical-rl}.official-inning-total strong{font-size:15px;font-weight:900}.official-tri-col{grid-row:2 / 6;display:grid;grid-template-rows:repeat(3,1fr);border-right:1px solid #252018}.official-tri-col.team{grid-row:1 / 7;border-right:0}.official-tri-col.score-total{border-right:0}.official-tri-col .official-tri-value:first-child{grid-row:1}.official-tri-col .official-tri-label{grid-row:2}.official-tri-col .official-tri-value:last-child{grid-row:3}.official-tri-value,.official-tri-label{display:flex;align-items:center;justify-content:center;text-align:center}.official-tri-value{font-size:15px;line-height:17px;font-weight:900}.official-tri-label{font-size:7px;line-height:9px;writing-mode:vertical-rl;white-space:nowrap}.official-tri-col.team .official-tri-value{font-size:20px;line-height:22px}.official-sheet-close{display:block;width:100px;height:34px;margin:6px auto 0;border:0;border-radius:6px;background:#4b5563;color:#fff;font-size:16px;font-weight:800}.match-detail-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) 8px max(16px,env(safe-area-inset-bottom));background:#0f172a75}.match-detail-dialog{display:flex;flex-direction:column;width:min(100%,376px);max-height:82dvh;overflow:hidden;padding:14px 12px 12px;border:1px solid #e8edf3;border-radius:9px;background:#fff;box-shadow:0 9px 26px #0f172a38}.match-detail-subhead{display:grid;grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;min-height:42px;margin:-4px 0 10px;border-bottom:1px solid #dce3ec}.match-detail-subhead strong{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.match-detail-content{min-height:0;overflow-y:auto;overscroll-behavior:contain}.match-detail-summary-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);align-items:center;min-height:27px;font-size:13px}.match-detail-summary-row>span{text-align:left}.match-detail-summary-row>strong{min-width:0;text-align:right;overflow-wrap:anywhere}.match-detail-summary-row>strong.merged{grid-column:span 2;text-align:center}.match-detail-player-row{margin-bottom:8px;font-size:14px;font-weight:700}.match-detail-summary-card .paper-sheet-toggle{display:block;width:120px;min-height:31px;margin:9px auto 0;padding:0 8px;border:0;border-radius:5px;background:#f5f3ff;color:#6d28d9;font-size:13px;font-weight:700}.match-detail-footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:15px}.match-detail-footer button{min-width:0;min-height:36px;padding:5px 4px;border:1px solid #cfd8e5;border-radius:6px;background:#fff;color:#334155;font-size:12px;font-weight:700}.match-detail-footer button.secondary{border-color:#c8d7e8;background:#eef5fb;color:#24577d}.match-detail-footer button.neutral{background:#f4f4f5;color:#52525b}.match-detail-trend{margin:0;padding:12px 8px;border:1px solid #dce3ec;border-radius:6px}.match-detail-racks{margin:7px 0 0;overflow-x:auto;border:1px solid #dce3ec;border-radius:6px}.match-detail-empty{margin:0;padding:24px 12px;text-align:center;background:#fff}.player-highlight-row{width:100%;border:0;color:inherit;text-align:left}.player-highlight-row:disabled{opacity:1}@media(orientation:portrait){.official-sheet-mask{align-items:flex-start;overflow-x:auto}.official-sheet-stage{min-width:860px}}