:root{--ink-strong:#17243f;--ink:#3f4d65;--ink-muted:#69758a;--line:#dde2ea;--paper:#f7f7f4;--surface:#fff;--opgg-blue:#315fbd;--opgg-blue-dark:#244a96;--gold:#b99a5a}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{min-height:100%;margin:0}body{background:var(--paper);color:var(--ink-strong);font-family:Arial, "Noto Sans", var(--font-cjk), sans-serif;text-rendering:optimizelegibility}button,input,select{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[tabindex="-1"]:focus-visible{outline-offset:2px;outline:2px solid #fff;box-shadow:0 0 0 7px #0b57d0}.global-header{background:#1c1c1f}.product-nav{background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:1.5rem;min-height:48px;padding:0 max(1rem,50vw - 612px);display:flex}.product-nav a{color:var(--ink);justify-content:center;align-items:center;min-width:44px;min-height:44px;font-size:.875rem;font-weight:700;text-decoration:none;display:inline-flex}.product-nav a:hover{color:var(--opgg-blue-dark)}.shell-error{place-items:center;min-height:100vh;padding:2rem;display:grid}.landing-page{max-width:1224px;margin:0 auto;padding:0 24px 96px}.landing-hero{grid-template-columns:minmax(0,610px);justify-content:center;place-items:center stretch;gap:44px;min-height:540px;padding:96px 0 88px;display:grid}.landing-hero__copy{max-width:610px}.section-kicker{color:var(--opgg-blue-dark);letter-spacing:.14em;text-transform:uppercase;margin:0 0 18px;font-size:.75rem;font-weight:800}.landing-hero h1{letter-spacing:-.052em;max-width:760px;margin:0;font-size:clamp(2.6rem,5vw,4.75rem);line-height:1.02}.landing-hero__copy>p:not(.section-kicker){color:var(--ink);max-width:610px;margin:26px 0 0;font-size:1.08rem;line-height:1.75}.landing-choice{max-width:610px;margin:30px 0 0}.landing-choice__title{color:var(--ink-strong);letter-spacing:-.02em;margin:0 0 12px;font-size:1.02rem;font-weight:800}.landing-choice__form{margin-top:24px}.landing-choice__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.landing-choice__card{background:var(--surface);border:1px solid var(--line);color:inherit;cursor:pointer;text-align:left;border-radius:14px;flex-direction:column;justify-content:center;gap:7px;min-width:0;min-height:76px;padding:16px 18px;text-decoration:none;transition:border-color .16s,box-shadow .16s;display:flex}.landing-choice__card:hover{border-color:#a9bce5;box-shadow:0 12px 30px #17243f14}.landing-choice__card strong{letter-spacing:-.02em;font-size:.98rem;line-height:1.4}.landing-choice__card span{color:var(--ink-muted);font-size:.8rem;line-height:1.5}.analysis-form{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 20px 60px #17243f17}.analysis-form__fields{grid-template-columns:112px minmax(0,1fr);gap:14px;display:grid}.analysis-field{color:var(--ink);gap:8px;font-size:.78rem;font-weight:700;display:grid}.analysis-field--riot-id{min-width:0}.analysis-field input,.analysis-field select{color:var(--ink-strong);background:#fbfcfe;border:1px solid #cbd3df;border-radius:10px;width:100%;min-width:0;height:48px;padding:0 14px}.analysis-field input::placeholder{color:#667085}.analysis-field input:disabled,.analysis-field select:disabled{color:var(--ink-muted);background:#f0f2f6}.analysis-form__submit{background:var(--opgg-blue);color:#fff;cursor:pointer;border:0;border-radius:10px;grid-column:1/-1;justify-content:center;align-items:center;width:100%;padding:0 18px;font-weight:800;display:inline-flex}.analysis-form--deepen .analysis-form__submit{text-wrap:balance;white-space:normal;padding:10px 18px;font-size:.9rem;line-height:1.35}.analysis-form__submit:hover:not(:disabled){background:var(--opgg-blue-dark)}.analysis-form__submit:disabled{cursor:wait;opacity:.7}.analysis-form__privacy{color:var(--ink-muted);margin:14px 0 0;font-size:.75rem;line-height:1.55}.analysis-progress,.analysis-form__error{border-radius:10px;align-items:center;min-height:44px;margin:16px 0 0;padding:10px 12px;font-size:.875rem;line-height:1.5;display:flex}.analysis-progress{color:#315cae;background:#edf3ff;gap:10px}.analysis-progress[data-idle=true]{background:0 0;min-height:0;margin:0;padding:0}.analysis-progress__mark{background:var(--opgg-blue);border:3px solid #cddcff;border-radius:999px;width:13px;height:13px;animation:1.2s ease-in-out infinite analysis-pulse}@keyframes analysis-pulse{50%{opacity:.45;transform:scale(.78)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.analysis-progress__mark{animation:none}}.analysis-form__error{color:#b23535;background:#fff0f0}.analysis-ready{background:#edf3ff;border-radius:10px;margin:16px 0 0;padding:14px}.analysis-ready__title{color:var(--ink-strong);letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:800;line-height:1.4}.analysis-ready__summary{color:#315cae;margin:8px 0 0;font-size:.875rem;line-height:1.5}.analysis-ready__excluded,.analysis-ready__note{color:var(--ink);margin:6px 0 0;font-size:.8125rem;line-height:1.55}.analysis-ready__cta{background:var(--opgg-blue);color:#fff;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;width:100%;margin:14px 0 0;padding:8px 18px;font-weight:800;display:inline-flex}.analysis-ready__cta:hover:not(:disabled){background:var(--opgg-blue-dark)}.analysis-ready__cta:disabled{cursor:wait;opacity:.7}.analysis-ready__note{text-align:center;margin-top:10px}.type-index{border-top:1px solid var(--line);padding:84px 0 0;scroll-margin-top:24px}.type-index__heading{max-width:680px;margin-bottom:34px}.type-index__heading h2{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,3.4vw,3.25rem);line-height:1.08}.type-index__heading>p:last-child{color:var(--ink);margin:16px 0 0;line-height:1.7}.type-index__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.type-card{background:var(--surface);border:1px solid var(--line);color:inherit;border-radius:14px;flex-direction:column;min-height:190px;padding:22px;text-decoration:none;transition:border-color .16s,transform .16s,box-shadow .16s;display:flex}.type-card:hover{border-color:#a9bce5;transform:translateY(-2px);box-shadow:0 12px 30px #17243f14}.type-card__code{color:var(--opgg-blue-dark);letter-spacing:.14em;margin-bottom:26px;font-size:.76rem;font-weight:900}.type-card strong{letter-spacing:-.02em;font-size:1.08rem}.type-card>span:last-child{color:var(--ink-muted);margin-top:10px;font-size:.82rem;line-height:1.55}@media (max-width:960px){.landing-hero{grid-template-columns:1fr;min-height:auto;padding:72px 0}.analysis-form{width:100%;max-width:640px}.type-index__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.landing-page{padding:0 16px 64px}.landing-hero{gap:30px;padding:50px 0 58px}.landing-hero h1{font-size:clamp(2.4rem,13vw,3.5rem)}.analysis-form{border-radius:16px;padding:20px}.analysis-form__fields{grid-template-columns:1fr}.analysis-form__submit{grid-column:1}.landing-choice__cards{grid-template-columns:1fr}.type-index{padding-top:58px}.type-index__grid{grid-template-columns:1fr}.type-card{min-height:168px}}body{overflow-wrap:break-word}html:lang(ko) body{word-break:keep-all;overflow-wrap:anywhere}html:lang(ja) body,html:lang(zh-CN) body{word-break:auto-phrase}:lang(ja) :is(h1,h2,h3,button,label,.analysis-form__submit,.section-kicker,.product-nav a,.landing-choice__card strong),:lang(zh-CN) :is(h1,h2,h3,button,label,.analysis-form__submit,.section-kicker,.product-nav a,.landing-choice__card strong){word-break:keep-all;overflow-wrap:anywhere}:lang(ja),:lang(zh-CN){line-break:strict}h1,h2,h3,p,.type-card>span:last-child{text-wrap:balance}@media (max-width:767px){html:lang(ja) .landing-hero h1,html:lang(zh-CN) .landing-hero h1{font-size:clamp(2rem,10vw,3rem)}}:lang(zh-CN) h1{text-spacing-trim:trim-start}html{--font-cjk:sans-serif}html:lang(ja){--font-cjk:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, "Noto Sans JP"}html:lang(zh-CN){--font-cjk:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC"}
