@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Noto+Sans+JP:wght@400;500;600;700&display=swap";:root{color:#eef4f5;font-synthesis:none;--ink:#071016;--panel:#0d1820;--muted:#82939d;--line:#cbdde21f;--red:#ff4655;--cyan:#56e5d8;--amber:#f0b95c;background:#071016;font-family:Noto Sans JP,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ink);min-width:320px;margin:0}button,a{font:inherit}a{color:inherit}.hero{border-bottom:1px solid var(--line);background:linear-gradient(115deg,#071016f5 20%,#071016b3),repeating-linear-gradient(90deg,#0000 0 79px,#ffffff09 80px),radial-gradient(circle at 76% 34%,#ff46554d,#0000 27%),#101c24;padding:0 max(24px,50vw - 590px);position:relative;overflow:hidden}.hero:after{content:"PACIFIC";color:#0000;-webkit-text-stroke:1px #ffffff0f;letter-spacing:-.04em;pointer-events:none;font:800 clamp(90px,18vw,260px)/.7 Barlow Condensed;position:absolute;bottom:12px;right:-24px}nav{border-bottom:1px solid var(--line);height:76px;color:var(--muted);letter-spacing:.15em;justify-content:space-between;align-items:center;font:600 11px Noto Sans JP;display:flex}.brand{color:#fff;letter-spacing:.06em;font:800 22px Barlow Condensed;text-decoration:none}.hero-content{z-index:1;grid-template-columns:1fr auto;align-items:center;gap:80px;min-height:470px;display:grid;position:relative}.eyebrow{color:var(--red);letter-spacing:.18em;margin:0 0 12px;font:700 12px Noto Sans JP}.live-label i{background:var(--red);border-radius:50%;width:7px;height:7px;margin-right:9px;display:inline-block;box-shadow:0 0 0 5px #ff46551f}h1,h2,p{margin-top:0}h1{letter-spacing:-.025em;max-width:760px;margin-bottom:24px;font:700 clamp(46px,6.2vw,82px)/.98 Barlow Condensed,Noto Sans JP}h1 em{color:var(--red);font-style:normal}.hero-copy{color:#a9b8be;max-width:590px;font-size:14px;line-height:1.9}.hero-stat{aspect-ratio:1;background:#05101580;border:1px solid #56e5d857;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:230px;display:flex;box-shadow:inset 0 0 60px #56e5d80f}.hero-stat span,.hero-stat small{color:var(--muted);letter-spacing:.16em;font:600 10px Noto Sans JP}.hero-stat strong{color:var(--cyan);margin:7px 0;font:700 46px Barlow Condensed}.status-strip{min-height:54px;color:var(--muted);border-top:1px solid var(--line);letter-spacing:.11em;z-index:1;align-items:center;gap:36px;font:600 10px Noto Sans JP;display:flex;position:relative}.status-strip b{color:#fff}.content{max-width:1180px;margin:auto;padding:64px 24px 96px}.group-tabs{border:1px solid var(--line);background:#09141b;margin-bottom:46px;padding:4px;display:inline-flex}.group-tabs button{min-width:160px;color:var(--muted);cursor:pointer;letter-spacing:.08em;background:0 0;border:0;padding:13px 22px;font:500 11px Noto Sans JP}.group-tabs button[aria-selected=true]{color:#fff;background:var(--red)}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}h2{margin-bottom:0;font:700 34px Barlow Condensed,Noto Sans JP}.legend{color:var(--muted);flex-wrap:wrap;gap:18px;font-size:11px;display:flex}.legend span{align-items:center;gap:7px;display:flex}.legend i{width:18px;height:5px;display:inline-block}.legend-direct{background:var(--cyan)}.legend-upper{background:var(--amber)}.legend-lower{background:#495962}.team-list{border-top:1px solid var(--line)}.team-row{border-bottom:1px solid var(--line);grid-template-columns:34px 58px minmax(160px,1fr) 120px minmax(260px,1.6fr);align-items:center;gap:18px;min-height:104px;transition:background .2s,transform .2s;display:grid}.team-row:hover{background:#ffffff06;transform:translate(3px)}.rank{color:#53646e;text-align:center;font:600 26px Barlow Condensed}.team-logo{object-fit:contain;filter:drop-shadow(0 5px 8px #0000004d);width:52px;height:52px}.logo-fallback{background:#192830;place-items:center;width:48px;height:48px;font:700 15px Barlow Condensed;display:grid}.team-identity{flex-direction:column;gap:5px;min-width:0;display:flex}.team-identity strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.team-identity span{color:var(--muted);font:500 11px Noto Sans JP}.chance{flex-direction:column;display:flex}.chance span{color:var(--muted);letter-spacing:.12em;font:600 9px Noto Sans JP}.chance strong{color:var(--cyan);font:700 31px Barlow Condensed}.distribution{background:#17242c;height:8px;display:flex;overflow:hidden}.position-segment{min-width:0;height:100%}.position-1,.position-2{background:var(--cyan)}.position-1{filter:brightness(1.14)}.position-3,.position-4{background:var(--amber)}.position-5,.position-6{background:#495962}.position-labels{color:var(--muted);justify-content:space-between;margin-top:10px;font-size:9px;display:flex}.matches-section{margin-top:92px}.match-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.match-card{border:1px solid var(--line);background:var(--panel);padding:16px}.match-card time{color:var(--muted);margin-bottom:13px;font-size:9px;display:block}.match-card>div{justify-content:space-between;padding:4px 0;font:600 14px Barlow Condensed;display:flex}.match-card small{color:var(--red);letter-spacing:.12em;margin-top:10px;font:700 8px Noto Sans JP;display:block}.method{border-left:3px solid var(--red);background:#0b171e;margin-top:92px;padding:46px}.method>div{grid-template-columns:1fr 1fr;gap:48px;margin-top:26px;display:grid}.method p:not(.eyebrow){color:#93a4ad;margin:0;font-size:12px;line-height:2}footer{border-top:1px solid var(--line);max-width:1180px;min-height:130px;color:var(--muted);align-items:center;gap:28px;margin:auto;padding:28px 24px;font-size:10px;display:flex}footer strong{color:#fff;margin-right:auto;font:800 18px Barlow Condensed}footer p{margin:0}.state-screen{background:var(--ink);min-height:100vh;color:var(--muted);place-content:center;justify-items:center;gap:20px;display:grid}.radar-loader{border:1px solid var(--cyan);border-radius:50%;width:76px;height:76px;position:relative}.radar-loader:after{content:"";border-left:2px solid var(--cyan);transform-origin:top;animation:1.2s linear infinite scan;position:absolute;inset:50% 50% 0}@keyframes scan{to{transform:rotate(360deg)}}.error-state span{color:var(--red);letter-spacing:.15em;font:700 11px Noto Sans JP}.error-state h1{margin:0;font-size:42px}@media (width<=900px){.hero-stat{display:none}.hero-content{grid-template-columns:1fr;min-height:430px}.team-row{grid-template-columns:28px 50px 1fr 100px;padding:14px 0}.bar-wrap{grid-column:3/5}.match-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){nav{height:62px}nav>span{display:none}.hero-content{min-height:400px}h1{font-size:48px}.status-strip{white-space:nowrap;gap:16px;overflow-x:auto}.content{padding:44px 16px 72px}.group-tabs{width:100%}.group-tabs button{flex:1;min-width:0}.section-heading{flex-direction:column;align-items:flex-start}.team-row{grid-template-columns:24px 42px 1fr 78px;gap:10px}.team-logo{width:38px;height:38px}.chance strong{font-size:25px}.bar-wrap{grid-column:3/5}.position-labels span:nth-child(2){display:none}.match-grid{grid-template-columns:repeat(2,1fr)}.method{padding:30px 24px}.method>div{grid-template-columns:1fr;gap:20px}footer{flex-direction:column;align-items:flex-start;gap:12px}footer strong{margin:0}}