:root{font-family:Roboto,'SamsungOne','Noto Sans',system-ui,-apple-system,sans-serif;font-size:16px;font-synthesis:none;scrollbar-color:#77728e transparent;--bg:#101116;--bg-hi:#16171f;--panel:#1d1e29;--panel-2:#252638;--raised:#303047;--text:#f6f5fb;--muted:#b5b4c8;--muted2:#9c9db3;--stroke:#373747;--accent:#b1a2ff;--accent-ink:#19142b;--accent-soft:#38314f;--green:#82d7b5;--red:#f2a2ad;--shadow:0 16px 45px rgba(0,0,0,.16);--safe-bottom:env(safe-area-inset-bottom,0px);color-scheme:dark}html[data-theme='light']{--bg:#f5f5fa;--bg-hi:#fff;--panel:#fff;--panel-2:#f0eff8;--raised:#e8e6f3;--text:#222136;--muted:#59596d;--muted2:#626276;--stroke:#dedee9;--accent:#5841af;--accent-ink:#fff;--accent-soft:#ebe7ff;--green:#166c51;--red:#b32645;--shadow:0 12px 32px rgba(37,28,74,.055);color-scheme:light}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-size:1rem}button,input,select{font:inherit}button{cursor:pointer;color:inherit}a{color:var(--accent)}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed}[hidden]{display:none!important}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.app{max-width:540px;min-height:100dvh;margin:auto;background:radial-gradient(ellipse 110% 270px at 20% 0,rgba(131,107,244,.065),transparent 70%),var(--bg);padding-bottom:calc(116px + var(--safe-bottom))}.topbar{background:color-mix(in srgb,var(--bg-hi) 94%,transparent);border-bottom:1px solid var(--stroke);position:sticky;z-index:15;top:0;backdrop-filter:blur(22px)}.top-inner{min-height:76px;padding:12px 19px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{background:linear-gradient(138deg,#c8c0ff,#8066d6);display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border-radius:16px;color:#171129;font-size:1.5rem;font-weight:900;letter-spacing:-.08em}.brand strong{font-size:1.12rem;letter-spacing:-.035em;display:block;line-height:1.2}.brand small{display:block;font-size:.65rem;letter-spacing:.105em;font-weight:800;color:var(--muted2);margin-top:4px}.actions{display:flex;gap:7px}.icon-btn{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;background:var(--panel);border:1px solid var(--stroke);border-radius:16px;font-size:1.1rem}.icon-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}.icon-btn.busy svg{animation:spin 1.3s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.content{padding:0 17px}.context-row{padding:17px 1px 4px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:.74rem;font-weight:700}.data-badge{display:flex;align-items:center;gap:6px;background:transparent;border:0;padding:7px 0 7px 7px;color:var(--muted);font-size:.72rem;white-space:nowrap;max-width:56%;overflow:hidden;text-overflow:ellipsis}.data-badge span{overflow:hidden;text-overflow:ellipsis}.dot,.pulse-dot{width:7px;height:7px;display:inline-block;background:var(--muted);border-radius:50%;flex-shrink:0}.dot.good{background:var(--green)}.dot.warn{background:var(--red)}.pulse-dot{background:var(--green);box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 15%,transparent)}.view{animation:appear .18s ease}@keyframes appear{from{opacity:.75;transform:translateY(3px)}to{opacity:1;transform:none}}.headline{padding:15px 1px 19px}.headline h1{font-size:clamp(1.75rem,8vw,2.18rem);letter-spacing:-.065em;line-height:1.13;margin:0 0 6px;font-weight:820}.headline p{color:var(--muted);font-size:.91rem;line-height:1.4;margin:0}.hero-card{background:linear-gradient(130deg,rgba(160,138,245,.15),transparent 75%),var(--panel);border:1px solid color-mix(in srgb,var(--accent) 36%,var(--stroke));border-radius:27px;padding:20px 16px 12px;box-shadow:var(--shadow)}.eyebrow,.overline{font-size:.7rem;font-weight:850;letter-spacing:.11em;color:var(--accent)}.eyebrow{display:flex;align-items:center;gap:10px}.hero-card h2{font-size:1.38rem;letter-spacing:-.04em;line-height:1.17;margin:13px 0 5px}.hero-card .muted{margin-bottom:13px}.muted{color:var(--muted);line-height:1.53}.sm{font-size:.83rem}.section{margin-top:26px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 13px}.section-title h2{font-size:1.23rem;letter-spacing:-.04em;margin:4px 0 0;line-height:1.22}.section-title .overline{font-size:.65rem}.symbol{color:var(--accent);font-size:1.5rem}.spaced{margin-top:20px}.simple-card,.panel,.brief{border:1px solid var(--stroke);background:var(--panel);border-radius:24px;padding:16px}.panel{margin-top:14px}.brief{line-height:1.55}.brief p{margin:0 0 10px}.brief p:last-child{margin-bottom:0}.brief-highlight{font-weight:750;color:var(--text);font-size:1.04rem}.brief-list{margin:8px 0;padding-left:20px}.brief-list li{margin-bottom:9px}.brief .note{margin-top:10px}.text-action,.subtle-action{color:var(--accent);border:0;background:transparent;font-weight:750;min-height:44px;padding:10px 3px;font-size:.83rem}.text-action{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 7px 2px}.text-action span{font-size:1.5rem}.count-tag{font-size:.72rem;font-weight:750;border-radius:100px;color:var(--accent);background:var(--accent-soft);padding:8px 10px;white-space:nowrap}
.game-stack{display:grid;gap:10px}.game-card{width:100%;display:grid;text-align:left;gap:10px;position:relative;background:var(--panel);border:1px solid var(--stroke);border-radius:22px;padding:14px 15px;min-height:110px;box-shadow:none;transition:background .15s ease,transform .15s ease}.hero-card .game-card{background:color-mix(in srgb,var(--bg) 55%,var(--panel));border-color:color-mix(in srgb,var(--stroke) 65%,var(--accent))}.game-card:active{transform:scale(.995)}.game-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.game-state{color:var(--muted);font-size:.7rem;font-weight:850;letter-spacing:.055em}.game-state.live{color:var(--green)}.game-time{font-size:.73rem;color:var(--muted);white-space:nowrap}.game-bottom{display:flex;align-items:center;gap:9px}.game-teams{flex:1;min-width:0;display:grid;gap:9px}.team-row{display:flex;align-items:center;gap:9px;min-width:0}.teamlogo{width:30px;height:30px;border-radius:11px;border:1px solid var(--team);background:color-mix(in srgb,var(--team) 15%,var(--bg));display:grid;place-items:center;color:var(--text);font-weight:850;font-size:.62rem;letter-spacing:-.02em;flex:0 0 auto}.team-name{min-width:0;font-size:.94rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-name.won{font-weight:850}.team-score{font-size:1.16rem;font-weight:800;font-variant-numeric:tabular-nums;margin-left:auto;min-width:2ch;text-align:right}.score-hidden{font-size:.79rem;font-weight:700;color:var(--muted);margin-left:auto}.game-chevron{color:var(--muted2);font-size:1.35rem}.game-tag{background:var(--accent-soft);padding:5px 9px;border-radius:14px;color:var(--accent);font-size:.65rem;font-weight:850}.game-tag.live{background:color-mix(in srgb,var(--green) 15%,var(--panel));color:var(--green)}.date-group{padding:13px 3px 1px;color:var(--muted);font-size:.8rem;font-weight:760;text-transform:capitalize}.empty{color:var(--muted);border:1px dashed var(--stroke);border-radius:22px;padding:21px 16px;line-height:1.55;font-size:.86rem}.small-note{color:var(--muted);font-size:.83rem;line-height:1.5;padding:12px 4px}.caption-text{color:var(--muted2);font-size:.73rem;line-height:1.6;margin:11px 2px}.top-gap{margin-top:12px}.control-line{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:0}.control-line label{display:grid;gap:7px;min-width:0;color:var(--muted);font-size:.74rem;font-weight:750}.field{min-height:46px;border:1px solid var(--stroke);border-radius:15px;background:var(--panel-2);color:var(--text);padding:10px 12px;min-width:0;max-width:100%;width:100%;outline-offset:1px}.field option{background:var(--panel);color:var(--text)}.controls-panel{padding:14px}.filter-row{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:13px 0 1px}.filter-row::-webkit-scrollbar{display:none}.chip{border:1px solid var(--stroke);background:var(--panel-2);color:var(--muted);white-space:nowrap;min-height:40px;padding:9px 13px;border-radius:22px;font-size:.8rem;font-weight:700}.chip.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.search-wrap{display:block;margin-top:12px}.search{appearance:none}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{background:var(--panel);border:1px solid var(--stroke);border-radius:19px;padding:14px;min-width:0}.metric b{display:block;font-size:1.47rem;letter-spacing:-.055em;margin:6px 0;font-variant-numeric:tabular-nums}.metric span,.metric small{font-size:.75rem;color:var(--muted);line-height:1.4}.metric span{font-weight:650}.metric small{display:block}.soft-btn{background:var(--accent-soft);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 18%,var(--stroke));border-radius:16px;min-height:46px;padding:12px 15px;font-size:.85rem;font-weight:790}.soft-btn.block{display:block;width:100%;margin-top:13px}.soft-btn.strong{background:var(--accent);color:var(--accent-ink)}.compare-panel{margin:12px 0 0;padding:14px}.compare-head{display:grid;grid-template-columns:1fr 70px 1fr;gap:5px;align-items:center;margin-bottom:13px}.compare-head .center{color:var(--muted2);text-align:center;font-size:.73rem;font-weight:700}.compare-head>div:last-child{text-align:right}.compare-team{font-weight:800;font-size:.88rem}.compare-stat{display:grid;grid-template-columns:1fr 88px 1fr;align-items:center;gap:7px;padding:9px 0;border-top:1px solid var(--stroke)}.compare-stat span{font-size:.86rem;font-variant-numeric:tabular-nums;font-weight:730}.compare-stat span:last-child{text-align:right}.compare-stat small{text-align:center;font-size:.71rem;color:var(--muted);line-height:1.3}.form{display:flex;gap:4px;flex-wrap:wrap;margin:10px 0}.form-pill{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;font-size:.7rem;font-weight:900;background:var(--raised)}.form-pill.W{color:var(--green)}.form-pill.L{color:var(--red)}.form-pill.T{color:var(--muted)}.rank-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--stroke)}.rank-row:last-child{border:0}.rank-pos{width:19px;flex:0 0 auto;color:var(--muted);font-size:.74rem}.rank-body{flex:1;min-width:0}.rank-head{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.82rem}.rank-head b{font-variant-numeric:tabular-nums}.rank-track{height:5px;border-radius:6px;overflow:hidden;background:var(--raised);margin-top:7px}.rank-track>div{height:100%;background:var(--accent);border-radius:6px}.standing{margin-top:10px}.standing-row{display:grid;grid-template-columns:20px 30px 1fr auto;gap:10px;align-items:center;min-height:51px;border-bottom:1px solid var(--stroke)}.standing-row:last-child{border:0}.standing-row .team-name{font-size:.82rem}.standing-row .record{font-size:.86rem;font-weight:800;font-variant-numeric:tabular-nums}.division-select{margin-bottom:2px}.small-h2{margin:0 0 9px;font-size:1rem}.footer{color:var(--muted2);font-size:.71rem;text-align:center;padding:40px 10px 20px;line-height:1.8}.footer a{color:var(--muted)}.bottom-nav{position:fixed;z-index:22;left:50%;bottom:calc(10px + var(--safe-bottom));transform:translateX(-50%);width:min(510px,calc(100% - 24px));display:grid;grid-template-columns:repeat(4,1fr);gap:3px;padding:7px;border:1px solid var(--stroke);border-radius:25px;background:color-mix(in srgb,var(--panel) 95%,transparent);backdrop-filter:blur(18px);box-shadow:0 8px 28px rgba(0,0,0,.2)}.bottom-nav button{background:transparent;border:0;border-radius:19px;min-height:58px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;color:var(--muted);font-weight:780;font-size:.72rem;min-width:0;padding:5px 2px}.bottom-nav button.active{background:var(--accent);color:var(--accent-ink)}.bottom-nav svg{height:21px;width:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.bottom-nav span{white-space:nowrap}
.modal-shade{position:fixed;z-index:40;inset:0;background:rgba(0,0,0,.7);display:flex;align-items:end;justify-content:center}.sheet{background:var(--bg-hi);width:min(540px,100%);max-height:92dvh;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--stroke);border-radius:29px 29px 0 0;padding:9px 18px calc(25px + var(--safe-bottom));box-shadow:0 -12px 40px rgba(0,0,0,.25)}.grab{width:42px;height:5px;border-radius:5px;background:var(--raised);margin:2px auto 17px}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.modal-header h2{font-size:1.28rem;margin:0;letter-spacing:-.035em}.modal-block{border-top:1px solid var(--stroke);padding-top:16px;margin-top:16px}.modal-block h3{font-size:.95rem;margin:0 0 12px}.modal-block p{color:var(--muted);font-size:.85rem;line-height:1.55}.modal-game-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:15px 0}.modal-team{display:grid;gap:7px;justify-items:center;text-align:center;font-weight:760;font-size:.83rem}.modal-team b{font-size:1.6rem;font-variant-numeric:tabular-nums}.modal-game-vs{font-size:.82rem;color:var(--muted)}.detail-line{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid var(--stroke);font-size:.84rem}.detail-line span{color:var(--muted)}.modal-footer{display:grid;gap:10px;margin-top:20px}.toggle-line{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid var(--stroke);font-size:.9rem}.toggle-line input{width:23px;height:23px;accent-color:var(--accent)}.settings-label{display:block;font-weight:770;font-size:.83rem;margin:16px 0 7px}.input-row{display:flex;align-items:center;gap:9px}.score-input{font-size:1.3rem;font-weight:800;text-align:center;font-variant-numeric:tabular-nums}.score-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.primary-btn{width:100%;min-height:50px;background:var(--accent);border:none;border-radius:17px;color:var(--accent-ink);font-weight:820}.primary-btn:disabled{opacity:.48}.notice{font-size:.79rem;line-height:1.5;color:var(--muted);margin:12px 0}.update-banner{position:fixed;z-index:65;left:12px;right:12px;top:13px;border:1px solid var(--stroke);border-radius:20px;padding:12px;background:var(--panel);box-shadow:var(--shadow);display:flex;gap:8px;align-items:center;justify-content:center;font-size:.78rem}.update-banner span{flex:1}.update-banner .icon-btn{width:40px;height:40px}.toast{position:fixed;z-index:100;left:50%;transform:translate(-50%,10px);bottom:calc(99px + var(--safe-bottom));width:min(calc(100% - 45px),480px);text-align:center;padding:14px 17px;background:var(--raised);color:var(--text);border:1px solid var(--stroke);border-radius:17px;font-size:.82rem;line-height:1.4;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.timeline{display:flex;gap:6px;align-items:end;min-height:56px;padding:8px 0}.timeline .bar{flex:1;min-width:0;border-radius:7px 7px 3px 3px;background:var(--accent);opacity:.8}.timeline .bar.negative{background:var(--red)}.timeline-labels{display:flex;justify-content:space-between;font-size:.7rem;color:var(--muted)}
@media(max-width:350px){.content{padding:0 12px}.top-inner{padding:11px 13px}.brand small{font-size:.59rem}.brand-mark{height:40px;width:40px}.bottom-nav{width:calc(100% - 12px)}.bottom-nav button{font-size:.67rem}.game-card{padding:12px}.game-time{font-size:.7rem}}@media(min-width:560px){body{background:#08090e}.app{border-left:1px solid var(--stroke);border-right:1px solid var(--stroke)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* One UI text-scale hardening: keep content reachable at 150–200% text size. */
.section-title>div,.section-title>span{min-width:0}.section-title .count-tag{max-width:48%;white-space:normal;overflow-wrap:anywhere;text-align:center;line-height:1.3;flex:0 1 auto}.bottom-nav span{white-space:normal;overflow-wrap:anywhere;text-align:center;line-height:1.1;max-width:100%}.brand>span:last-child{min-width:0}.brand small{overflow-wrap:anywhere}.context-row>span{min-width:0;overflow-wrap:anywhere}.data-badge{flex:0 1 auto;min-width:0}
@media(max-width:359px){.control-line{gap:7px}.game-card{padding:12px 10px}.section-title{gap:6px}}
.section-title{flex-wrap:wrap}.section-title h2,.compare-team,.brand strong{overflow-wrap:anywhere}.section-title .count-tag{max-width:100%}.panel,.simple-card,.brief,.game-card,.hero-card{min-width:0}.panel *, .simple-card *{max-width:100%}
.metric span,.metric b,.metric small{overflow-wrap:anywhere;word-break:normal}.rank-head>*{min-width:0;overflow-wrap:anywhere}.compare-stat small{overflow-wrap:anywhere}
@media(max-width:359px){.metric-grid{grid-template-columns:1fr}}

/* 3.0.1 · One UI accessibility/compactness corrections (GS-13–GS-20) */
.top-inner{min-height:62px;padding:8px 17px}.brand-mark{width:39px;height:39px;border-radius:13px;font-size:1.32rem}.brand small{font-size:.76rem;letter-spacing:.065em}.context-row{padding-top:10px;font-size:.82rem}.data-badge{font-size:.8rem;min-height:44px}.headline{padding:7px 1px 12px}.headline h1{font-size:clamp(1.55rem,7vw,1.9rem)}.headline p{font-size:.9rem}.hero-card{padding:13px 13px 8px;border-radius:22px}.hero-card h2{font-size:1.2rem;margin:6px 0 3px}.hero-card .muted{margin-bottom:9px}.hero-card .game-card{min-height:100px}.eyebrow,.overline,.section-title .overline{font-size:.76rem}.caption-text,.game-time,.game-state,.count-tag,.rank-pos,.timeline-labels{font-size:.81rem}.chip{min-height:46px;font-size:.85rem}.filter-row{gap:8px}.bottom-nav button{font-size:.83rem}.compare-stat small,.brand small{line-height:1.4}.footer{font-size:.8rem}.notice{font-size:.86rem}.game-tag{font-size:.76rem}.metric span,.metric small{font-size:.84rem}.detail-line{font-size:.9rem}.control-line label{font-size:.83rem}.section{margin-top:20px}.toast{bottom:auto;top:calc(69px + env(safe-area-inset-top,0px));max-width:calc(100% - 32px);font-size:.86rem;padding:10px 14px;box-shadow:0 8px 18px rgba(0,0,0,.1);border-radius:13px}.toast.show{transform:translate(-50%,0)}.notice.import-warning{border:1px solid var(--stroke);border-radius:14px;padding:12px}.import-preview{display:grid;gap:8px;margin:12px 0}.import-preview strong{color:var(--text)}
@media(max-width:350px){.brand small{font-size:.71rem}.bottom-nav button{font-size:.77rem}.game-time{font-size:.76rem}}
