body:has(.hp){background:#050a1a}.wrap:has(.hp){max-width:1040px}.hp{--bg:#050a1a;--ink:#e8eefc;--dim:#9fb0d0;--mute:#6b7a9a;--glow:#7cc4ff;--violet:#b48cff;--line:#7cc4ff2e;--card:#0c142cb8;color:var(--ink);min-height:100vh;padding:0 14px 40px;font-family:Noto Sans JP,Hiragino Sans,sans-serif;position:relative}.hp a{color:inherit}.hp .hp-num{letter-spacing:-.02em;font-family:Roboto Mono,ui-monospace,monospace;font-weight:700}.hp .hp-num.glow,.hp-stat .hp-num{color:#fff;text-shadow:0 0 12px #7cc4ffd9,0 0 32px #7cc4ff73}.hp-bg{z-index:-1;background:radial-gradient(60% 50% at 20% 10%,#3c5ac859,#0000 60%),radial-gradient(50% 40% at 85% 25%,#965aff47,#0000 60%),radial-gradient(70% 60% at 50% 100%,#143c8c59,#0000 60%),#050a1a;position:fixed;inset:0;overflow:hidden}.hp-canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hp-bg:after{content:"";pointer-events:none;background:radial-gradient(120% 80% at 50% 40%,#0000 55%,#050a1a8c 100%);position:absolute;inset:0}.hp-nav{justify-content:space-between;align-items:center;padding:14px 0 6px;display:flex}.hp-brand{letter-spacing:.04em;font-family:Michroma,sans-serif;font-size:clamp(14px,3.6vw,19px);text-decoration:none}.hp-brand b{color:#fff;text-shadow:0 0 14px #7cc4ffb3}.hp-brand span{color:var(--dim)}.hp-nav-r{align-items:center;gap:10px;display:flex}.hp .hp-navlink{color:var(--dim);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:14px;text-decoration:none}.hp-lang{font-size:13px}.hp-hero{text-align:center;padding:34px 0 30px}.hp-kicker{letter-spacing:.3em;color:var(--glow);text-transform:uppercase;margin-bottom:14px;font-family:Michroma,sans-serif;font-size:12px}.hp-h1{letter-spacing:-.01em;background:linear-gradient(100deg,#fff 0%,#cfe4ff 45%,#d9c6ff 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-size:clamp(26px,6.4vw,46px);font-weight:700;line-height:1.2}.hp-sub{color:var(--dim);max-width:640px;margin:0 auto 24px;font-size:clamp(14px,3.6vw,17px);line-height:1.7}.hp-stats{grid-template-columns:1fr;gap:10px;max-width:760px;margin:0 auto 22px;display:grid}@media (min-width:640px){.hp-stats{grid-template-columns:repeat(3,1fr)}}.hp-stat{background:var(--card);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:16px;padding:14px 12px;box-shadow:inset 0 0 0 1px #ffffff05,0 10px 40px #00000059}.hp-stat small{color:var(--dim);letter-spacing:.04em;font-size:12px;display:block}.hp-stat b{margin:4px 0 2px;font-size:clamp(30px,8vw,42px);line-height:1.15;display:block}.hp-stat b.w{font-size:clamp(20px,5.4vw,28px)}.hp-stat span{color:var(--mute);font-size:12px;display:block}.hp-ctas{flex-direction:column;align-items:center;gap:10px;display:flex}.hp .hp-cta{color:#07122a;background:linear-gradient(100deg,#9fd6ff,#7cc4ff 50%,#c4a8ff);border-radius:999px;flex-direction:column;justify-content:center;align-items:center;min-width:min(100%,360px);padding:14px 22px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff40,0 8px 30px #7cc4ff59}.hp-cta small{opacity:.8;margin-top:2px;font-size:12px;font-weight:500}.hp .hp-cta.off{color:var(--ink);border:1px solid var(--line);box-shadow:none;background:#ffffff0f}.hp .hp-login{color:var(--dim);text-underline-offset:3px;font-size:14px;text-decoration:underline}.hp .hp-x{color:var(--glow);margin-top:14px;font-size:13px;text-decoration:none;display:inline-block}.hp-sh{grid-template-columns:auto 1fr;align-items:baseline;column-gap:12px;margin-bottom:14px;display:grid}.hp-sh i{color:var(--glow);letter-spacing:.2em;font-family:Michroma,sans-serif;font-size:12px;font-style:normal}.hp-sh h2{margin:0;font-size:clamp(20px,5vw,26px);font-weight:700}.hp-sh p{color:var(--dim);grid-column:2;margin:4px 0 0;font-size:13px}.hp-p{color:var(--dim);margin:0 0 10px;line-height:1.8}.hp-empty{color:var(--mute);background:var(--card);border:1px dashed var(--line);text-align:center;border-radius:12px;margin:0;padding:16px;font-size:14px}.hp-lock,.hp-cond{color:var(--mute);margin:12px 0 0;font-size:12px;line-height:1.7}.hp-card{background:var(--card);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:16px;padding:16px}.hp-card h3{color:var(--dim);margin:0 0 10px;font-size:14px;font-weight:500}.hp-two{grid-template-columns:1fr;gap:12px;display:grid}@media (min-width:720px){.hp-two{grid-template-columns:1fr 1fr}}.hp-picks{gap:10px;margin:0;padding:0;list-style:none;display:grid}.hp-pick{background:var(--card);border:1px solid var(--line);border-radius:16px;grid-template-columns:auto 1fr auto;grid-template-areas:"rank game conf""rank team conf""bar bar bar";align-items:center;column-gap:12px;padding:12px 14px 10px;display:grid;position:relative;overflow:hidden}.hp-rank{color:var(--glow);text-shadow:0 0 12px #7cc4ff99;grid-area:rank;font-family:Michroma,sans-serif;font-size:22px}.hp-game{color:var(--dim);grid-area:game;font-size:13px}.hp-team{grid-area:team;font-size:clamp(16px,4.4vw,20px);font-weight:700}.hp-conf{text-align:right;grid-area:conf}.hp-conf b{color:#fff;text-shadow:0 0 12px #7cc4ffb3;font-size:clamp(22px,6vw,30px);display:block}.hp-conf small{color:var(--mute);font-size:12px;display:block}.hp-bar{background:#ffffff12;border-radius:2px;grid-area:bar;height:3px;margin-top:8px;position:relative}.hp-bar:after{content:"";width:var(--w,0%);background:linear-gradient(90deg,var(--glow),var(--violet));border-radius:2px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 10px #7cc4ff99}.hp-big{color:#fff;margin-bottom:10px;font-size:clamp(22px,6vw,30px)}.hp-chips{flex-wrap:wrap;gap:6px;display:flex}.hp-chip{border:1px solid var(--line);color:var(--dim);border-radius:999px;padding:4px 10px;font-size:12px}.hp-chip.hit{color:#bff5d7;background:#5bc48d1f;border-color:#5bc48d80}.hp-chip.miss{color:#ffc1c1;background:#f871711a;border-color:#f8717166}.hp-score{text-align:center;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.hp-score b{color:#fff;font-size:clamp(22px,6vw,32px);display:block}.hp-score small{color:var(--mute);font-size:12px}.hp-steps{counter-reset:st;gap:10px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:720px){.hp-steps{grid-template-columns:repeat(3,1fr)}}.hp-steps li{counter-increment:st;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;position:relative}.hp-steps li:before{content:counter(st,decimal-leading-zero);color:var(--violet);letter-spacing:.2em;font-family:Michroma,sans-serif;font-size:12px}.hp-steps b{margin:6px 0;font-size:18px;display:block}.hp-steps p{color:var(--dim);margin:0;font-size:14px;line-height:1.7}.hp-pricebox{background:var(--card);border:1px solid var(--line);text-align:center;border-radius:20px;gap:14px;max-width:560px;margin:0 auto;padding:20px 16px;display:grid;box-shadow:0 0 60px #7cc4ff14}.hp-price b{font-size:clamp(44px,13vw,72px);line-height:1}.hp-price .cur{color:var(--dim);margin-left:6px;font-family:Roboto Mono,monospace;font-size:16px}.hp-price small{color:var(--dim);margin-top:2px;font-size:13px;display:block}.hp-price em{color:#07122a;background:linear-gradient(100deg,#ffe28a,#ffb86b);border-radius:999px;margin-top:8px;padding:4px 12px;font-size:13px;font-style:normal;font-weight:700;display:inline-block}.hp-gets{text-align:left;gap:6px;margin:0;padding:0;list-style:none;display:grid}.hp-gets li{padding-left:22px;font-size:15px;position:relative}.hp-gets li:before{content:"✓";color:var(--glow);position:absolute;left:0}.hp-terms{border-top:1px solid var(--line);color:var(--mute);text-align:left;gap:4px;margin:0;padding:10px 0 0;font-size:12px;list-style:none;display:grid}.hp .hp-link.off{color:var(--mute);border-style:dashed}.hp .hp-navx{font-weight:700}.hp .hp-link{color:var(--glow);border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:14px;text-decoration:none;display:inline-block}.hp-op{grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:14px;display:grid}.hp-op dt{color:var(--mute)}.hp-op dd{color:var(--ink);margin:0}.hp-faq{gap:8px;display:grid}.hp-faq details{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:0 14px}.hp-faq summary{cursor:pointer;padding:12px 26px 12px 0;font-size:15px;font-weight:700;list-style:none;position:relative}.hp-faq summary::-webkit-details-marker{display:none}.hp-faq summary:after{content:"+";color:var(--glow);font-size:18px;position:absolute;top:10px;right:0}.hp-faq details[open] summary:after{content:"−"}.hp-faq p{color:var(--dim);margin:0 0 14px;font-size:14px;line-height:1.8}.hp-final{text-align:center;border-top:1px solid var(--line);padding:36px 0 22px}.hp-final .hp-h1{margin-bottom:18px;font-size:clamp(22px,5.6vw,36px)}.hp-foot{border-top:1px solid var(--line);color:var(--mute);text-align:center;padding-top:16px;font-size:12px;line-height:1.7}.hp-foot p{margin:0 0 8px}.hp-device{background:#0b1430;border:1px solid #7cc4ff59;border-radius:16px;max-width:880px;margin:0 auto;padding:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a,0 30px 80px #0000008c,0 0 60px #7cc4ff2e}.hp-dev-bar{background:#0c142ce6;border-bottom:1px solid #7cc4ff33;align-items:center;gap:6px;padding:9px 12px;display:flex}.hp-dev-bar i{background:#7cc4ff59;border-radius:50%;width:9px;height:9px}.hp-dev-bar i:first-child{background:#f8717199}.hp-dev-bar i:nth-child(2){background:#ffd23f8c}.hp-dev-bar span{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--dim);background:#ffffff0d;border-radius:6px;flex:1;margin-left:8px;padding:3px 10px;font:12px ui-monospace,Menlo,monospace;overflow:hidden}.hp-screen{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--surface:#fff;--surface2:#eef4ff;--line:#c9d6ee;--ink:#121a2e;--ink2:#4b5568;--ink3:#5b6478;--accent:#1d4ed8;--accent-soft:#e0eaff;--on-accent:#fff;--good:#1a7a4f;--bad:#dc2626;--band:linear-gradient(120deg,#1d4ed8,#3b82f6);--panel:#eef4ff;--panel-line:#bfd3fb;--num:#1d4ed8;--pick:#1d4ed8;--pick-line:#1d4ed8;--pick-sub:#dbe6ff;--pick-num:#ffd23f;--hot:#1d4ed8;--hot-soft:#e0eaff;--hot-line:#bfd3fb;--mid:#1d4ed8;--mid-soft:#e0eaff;--lo:#1d4ed8;--lo-soft:#eef0f4;--hit-bg:#e8f5ee;--hit-line:#9fd3b4;--miss-bg:#fdecec;--miss-line:#f3a8a8;--pend-bg:#e8f0ff;--pend-line:#b9cdf5;--on-res:#fff;max-height:620px;color:var(--ink);background:#f3f6fc;padding:14px;font-size:15px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 82%,#0000);mask-image:linear-gradient(#000 82%,#0000)}.hp-screen .card{box-shadow:none;margin:0}.hp-screen a{color:inherit;text-decoration:none}.hp-sample{z-index:2;letter-spacing:.08em;color:#9a6212;background:#fdf3e0;border:1px solid #e8c99a;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;position:absolute;top:10px;right:10px}@media (max-width:640px){.hp-device{border-width:2px;border-radius:30px;max-width:390px;padding:10px 8px 14px}.hp-dev-bar{display:none}.hp-screen{border-radius:22px;max-height:560px;padding:10px;font-size:14px}}.hp-period{color:var(--dim);font-variant-numeric:tabular-nums;margin:-4px 0 10px;font-size:13px}@media (min-width:720px){.hp-steps.hp-steps5{grid-template-columns:repeat(6,1fr)}.hp-steps5 li{grid-column:span 2}.hp-steps5 li:nth-child(n+4){grid-column:span 3}}.hp{--panel:#060b1ce6;--panel-line:#7cc4ff38;--card:#ffffff0b}.hp-hero,.hp-sec,.hp-final,.hp-foot{background:var(--panel);border:1px solid var(--panel-line);-webkit-backdrop-filter:blur(14px)saturate(120%);backdrop-filter:blur(14px)saturate(120%);border-radius:14px;margin:0 0 16px;box-shadow:inset 0 0 0 1px #ffffff08,0 18px 50px #00000073}.hp-hero{padding:30px 18px 26px}.hp-sec{border-top:1px solid var(--panel-line);padding:22px 18px}.hp-final{padding:26px 18px}.hp-foot{padding:16px 18px}.hp-nav{background:var(--panel);border:1px solid var(--panel-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:14px;margin:10px 0 16px;padding:8px 14px}.hp-sub,.hp-sh p,.hp-card h3,.hp-cond,.hp-period{color:#b9c6e2}@media (max-width:640px){.hp-hero,.hp-sec,.hp-final,.hp-foot{border-radius:12px}.hp-sec{padding:18px 14px}.hp-hero{padding:24px 14px 20px}}.hp-foot{color:#a6b3cf}@property --hp-ang{syntax:"<angle>";inherits:false;initial-value:0deg}.hp-sec#referral{isolation:isolate;border-color:#0000;position:relative;overflow:hidden}.hp-sec#referral:before{content:"";border-radius:inherit;pointer-events:none;z-index:1;background:conic-gradient(from var(--hp-ang),#7cc4ffd9,#b48cffd9,#ff78dcbf,#6effc8bf,#7cc4ffd9);-webkit-mask-composite:xor;opacity:.8;padding:1px;animation:12s linear infinite hpAng;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.hp-sec#referral:after{content:"";pointer-events:none;z-index:3;mix-blend-mode:screen;filter:blur(4px);background:linear-gradient(100deg,#0000 0%,#8cbeff1a 30%,#c8aaff4d 46%,#ffffff6b 50%,#c8aaff4d 54%,#8cbeff1a 70%,#0000 100%);width:60%;animation:9s linear infinite hpSheen;position:absolute;top:-10%;bottom:-10%;left:-60%;transform:skew(-18deg)}.hp-sec#referral>*{z-index:2;position:relative}@keyframes hpAng{to{--hp-ang:360deg}}@keyframes hpSheen{0%{left:-60%}to{left:100%}}@media (prefers-reduced-motion:reduce){.hp-sec#referral:before{animation:none}.hp-sec#referral:after{display:none}}.hp-nav{z-index:50;position:relative}.hp .langsel-menu{border:1px solid var(--panel-line);background:#0b1430;box-shadow:0 18px 50px #0009}.hp .langsel-menu button{color:#e8eefc}.hp .langsel-menu button:hover{background:#7cc4ff1f}.hp .langsel-menu button.on{color:var(--glow)}.hp .langsel-btn{color:#e8eefc;border:1px solid var(--panel-line);background:#ffffff0a;border-radius:999px}.hp .langsel-btn:hover{background:#7cc4ff1f}.hp .langsel-btn .lc{border-color:#9fb0d0}.hp-foot .note{color:#a6b3cf}.hp-hero,.hp-sec,.hp-final,.hp-foot{margin:0 0 44px}.hp-nav{margin:12px 0 44px}@media (max-width:640px){.hp-hero,.hp-sec,.hp-final,.hp-foot,.hp-nav{margin-bottom:30px}}.hp-hero,.hp-sec,.hp-final,.hp-foot,.hp-nav{background:linear-gradient(#162040f0 0%,#090f24ed 38%,#050918f2 100%);border-top-color:#aacdff57;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0000008c,inset 0 0 0 1px #ffffff05,0 2px 4px #00000059,0 12px 24px #00000059,0 28px 60px #00000073}.hp-stat,.hp-card,.hp-pick,.hp-steps li,.hp-pricebox,.hp-faq details{background:linear-gradient(#ffffff16 0%,#ffffff09 45%,#ffffff05 100%);border-top-color:#bed7ff4d;transition:transform .25s,box-shadow .25s;box-shadow:inset 0 1px #ffffff1f,inset 0 -2px 6px #00000059,0 2px 3px #0006,0 10px 22px #00000061}@media (hover:hover){.hp-stat:hover,.hp-card:hover,.hp-pick:hover,.hp-steps li:hover,.hp-pricebox:hover{transform:translateY(-3px);box-shadow:inset 0 1px #ffffff24,inset 0 -2px 6px #00000059,0 4px 6px #0006,0 18px 34px #00000073,0 0 24px #7cc4ff1a}}.hp-sec#referral{box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0000008c,0 2px 4px #00000059,0 12px 24px #00000059,0 28px 60px #00000073,0 0 40px #a08cff24}@media (prefers-reduced-motion:reduce){.hp-stat,.hp-card,.hp-pick,.hp-steps li,.hp-pricebox{transition:none}}@media (min-width:640px){.hp-stats:has(>.hp-stat:nth-child(2):last-child){grid-template-columns:repeat(2,1fr);max-width:520px}}@media (max-width:640px){.hp .hp-navlink{align-items:center;min-height:44px;padding-block:0;display:inline-flex}.hp .hp-x{align-items:center;min-height:44px;display:inline-flex}}body:has(.hp.hp-marine){background:#02141c}.hp.hp-marine{--bg:#02141c;--ink:#e6f7fb;--dim:#9fcfdc;--mute:#6f97a4;--glow:#5de4ff;--violet:#3ddc97;--line:#5de4ff33;--card:#08202ab8;--panel:#04161ee6;--panel-line:#5de4ff3d}.hp.hp-marine .hp-bg{background:radial-gradient(60% 50% at 18% 8%,#148caa61,#0000 60%),radial-gradient(50% 40% at 85% 22%,#28d2aa38,#0000 60%),radial-gradient(80% 60% at 50% 100%,#0a466e73,#0000 60%),#02141c}.hp.hp-marine .hp-bg:after{background:radial-gradient(120% 80% at 50% 40%,#0000 55%,#02141c99 100%)}.hp.hp-marine .hp-h1{background:linear-gradient(100deg,#fff 0%,#bff3ff 45%,#b9ffe3 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.hp.hp-marine .hp-brand b{text-shadow:0 0 14px #5de4ffbf}.hp.hp-marine .hp-num.glow,.hp.hp-marine .hp-stat .hp-num{text-shadow:0 0 12px #5de4ffd9,0 0 32px #3ddc9766}.hp.hp-marine .hp-hero,.hp.hp-marine .hp-sec,.hp.hp-marine .hp-final,.hp.hp-marine .hp-foot,.hp.hp-marine .hp-nav{background:linear-gradient(#0a2e3af0 0%,#051c26ed 38%,#031018f2 100%);border-top-color:#96ebff57}.hp.hp-marine .hp-sub,.hp.hp-marine .hp-sh p,.hp.hp-marine .hp-card h3,.hp.hp-marine .hp-cond,.hp.hp-marine .hp-period{color:#b7dde6}.hp.hp-marine .hp-foot,.hp.hp-marine .hp-foot .note{color:#9cc3cf}.hp.hp-marine .hp-sec#referral:before{background:conic-gradient(from var(--hp-ang),#5de4ffd9,#3ddc97d9,#4f8dffbf,#ffd23f99,#5de4ffd9)}.hp.hp-marine .hp-sec#referral:after{background:linear-gradient(100deg,#0000 0%,#5de4ff1a 30%,#3ddc9747 46%,#ffffff6b 50%,#3ddc9747 54%,#5de4ff1a 70%,#0000 100%)}.hp.hp-marine .hp-sec#referral{box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0000008c,0 2px 4px #00000059,0 12px 24px #00000059,0 28px 60px #00000073,0 0 40px #3ddc9724}.hp.hp-marine .langsel-menu{background:#06202a}.hp.hp-marine .langsel-menu button:hover,.hp.hp-marine .langsel-btn:hover{background:#5de4ff1f}.hp.hp-marine .hp-device{background:#06202a;border-color:#5de4ff59}@media (hover:hover){.hp.hp-marine .hp-stat:hover,.hp.hp-marine .hp-card:hover,.hp.hp-marine .hp-pick:hover,.hp.hp-marine .hp-steps li:hover,.hp.hp-marine .hp-pricebox:hover{box-shadow:inset 0 1px #ffffff24,inset 0 -2px 6px #00000059,0 4px 6px #0006,0 18px 34px #00000073,0 0 24px #5de4ff1f}}.hp.hp-marine .hp-cta{color:#03202a;background:linear-gradient(100deg,#5de4ff 0%,#3ddc97 100%);box-shadow:inset 0 0 0 1px #ffffff14,0 10px 30px #3ddc9740}