:root{--font-display:Bahnschrift, "Arial Narrow", "Yu Gothic UI", sans-serif;--font-body:"Segoe UI Variable Text", "Segoe UI", "Yu Gothic UI", Meiryo, sans-serif;--font-display-ja:Bahnschrift, "BIZ UDPGothic", "Yu Gothic UI", Meiryo, sans-serif;--font-body-ja:"Segoe UI Variable Text", "Segoe UI", "BIZ UDPGothic", "Yu Gothic UI", Meiryo, sans-serif;--font-display-ko:Bahnschrift, "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;--font-body-ko:"Segoe UI Variable Text", "Segoe UI", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;--color-paper:oklch(98.8% .004 84);--color-paper-2:oklch(96.1% .008 84);--color-paper-raised:oklch(99.6% .005 84);--color-ink:oklch(20% .025 252);--color-ink-soft:oklch(29% .022 252);--color-muted:oklch(42% .018 252);--color-faint:oklch(51% .014 252);--color-rule:oklch(86% .012 84);--color-rule-strong:oklch(67% .024 78);--color-accent:oklch(82% .085 83);--color-accent-strong:oklch(47% .105 70);--color-accent-pale:oklch(94% .035 85);--color-accent-ink:oklch(14% .03 252);--color-focus:oklch(48% .19 252);--color-success:oklch(48% .12 151);--color-danger:oklch(48% .18 28);--color-overlay:oklch(12% .032 252);--color-overlay-grid:oklch(34% .045 252);--color-night:oklch(14% .038 252);--color-night-deep:oklch(9% .032 252);--color-night-ink:oklch(97% .008 84);--color-night-muted:oklch(82% .024 252);--color-night-rule:oklch(44% .07 80);--color-hero-scrim:oklch(10% .04 252/.96);--color-hero-scrim-end:oklch(10% .04 252/.28);--color-hero-scrim-mobile:oklch(10% .04 252/.78);--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--space-4xl:9rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.25rem;--text-lg:1.5625rem;--text-xl:1.953rem;--text-2xl:2.441rem;--text-3xl:3.052rem;--text-display:clamp(2.35rem, 4.25vw, 3.75rem);--text-hero-product:clamp(2rem, 9vw, 6rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.11s;--dur-short:.18s;--dur-long:.42s;--rule-hair:.0625rem;--rule-medium:.125rem;--radius-sm:.375rem;--radius-md:.625rem;--page-max:76rem;--hero-max:90rem;--legal-max:50rem;--page-gutter:clamp(var(--space-md), 4vw, var(--space-xl));--touch-target:2.75rem;--header-height:4.5rem;--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-modal:400;--z-toast:500;--z-tooltip:600;--z-skip:var(--z-tooltip);--color-canvas:oklch(15.5% .018 247);--color-surface:oklch(18% .021 247);--color-content:oklch(96% .012 84);--color-content-soft:oklch(85% .012 247);--color-content-muted:oklch(72% .018 247);--color-divider:oklch(28% .018 247);--color-divider-strong:oklch(41% .02 247);--broadcast-max:84rem;--text-broadcast-hero:clamp(2.125rem, 5.4vw, 4.75rem);--text-broadcast-section:clamp(1.75rem, 3.1vw, 2.75rem);--radius-broadcast:.125rem}*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--color-canvas);color:var(--color-content);scroll-padding-top:var(--space-xl);text-rendering:optimizelegibility;overflow-x:clip}body{background:var(--color-canvas);min-width:0;min-height:100svh;color:var(--color-content);font-family:var(--font-body);font-size:var(--text-base);font-kerning:normal;margin:0;line-height:1.75;overflow-x:clip}html:lang(ja){--font-display:var(--font-display-ja);--font-body:var(--font-body-ja)}html:lang(ko){--font-display:var(--font-display-ko);--font-body:var(--font-body-ko)}h1,h2,h3{min-width:0;font-family:var(--font-display);letter-spacing:-.035em;overflow-wrap:anywhere;text-wrap:balance;margin:0;font-style:normal;font-weight:800;line-height:1.3}html:lang(ja) :where(h1,h2,h3,p){line-break:strict;word-break:auto-phrase}html:lang(ko) :where(h1,h2,h3,p){word-break:keep-all;overflow-wrap:anywhere}p{text-wrap:pretty;margin:0}a{color:inherit;text-underline-offset:var(--space-xs);text-decoration-thickness:var(--rule-hair)}button{font:inherit}:where(a,button):focus-visible{outline:var(--rule-medium) solid var(--color-accent);outline-offset:var(--space-xs)}::selection{color:var(--color-accent-ink);background:var(--color-accent)}img{max-width:100%;height:auto;display:block}figure{min-width:0;margin:0}figcaption{margin-top:var(--space-sm);color:var(--color-content-muted);font-size:var(--text-xs);text-align:center}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:clip}.skip-link{inset:var(--space-md) auto auto var(--space-md);z-index:var(--z-skip);padding:var(--space-sm) var(--space-lg);color:var(--color-accent-ink);background:var(--color-accent);position:fixed;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header__inner,main>:where(.intro,.overlay-section,.setup,.download-section,.enemy-note,.legal-note),.site-footer{width:calc(100% - 2 * var(--page-gutter));max-width:var(--broadcast-max);margin-inline:auto}.site-header__inner{min-height:var(--header-height);padding-block:var(--space-md);justify-content:space-between;align-items:center;gap:var(--space-xs) var(--space-lg);flex-wrap:wrap;display:flex}.wordmark{min-height:var(--touch-target);align-items:center;gap:var(--space-md);font-family:var(--font-display);white-space:nowrap;line-height:1;text-decoration:none;display:inline-flex}.wordmark__short{font-size:var(--text-2xl);letter-spacing:-.055em;font-weight:800}.wordmark__accent{color:var(--color-accent)}.wordmark__name{font-size:var(--text-sm);letter-spacing:-.01em;font-weight:500}.site-header__links{display:none}.site-header__actions{align-items:center;gap:var(--space-lg);flex-wrap:wrap;display:flex}.site-header .button--compact{display:none}.language-switch{align-items:center;display:flex}.language-switch button{min-width:var(--touch-target);min-height:var(--touch-target);padding:var(--space-xs);color:var(--color-content-muted);font-family:var(--font-display);font-size:var(--text-xs);cursor:pointer;background:0 0;border:0;line-height:1}.language-switch button[aria-pressed=true]{color:var(--color-content);text-decoration:underline;-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);text-underline-offset:var(--space-sm)}.button{min-height:3.25rem;padding:var(--space-md) var(--space-lg);border:var(--rule-hair) solid transparent;border-radius:var(--radius-broadcast);background:var(--color-accent);color:var(--color-accent-ink);font-family:var(--font-body);font-size:var(--text-sm);white-space:nowrap;transition:background-color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);justify-content:center;align-items:center;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.button--compact{min-height:var(--touch-target);padding:var(--space-sm) var(--space-lg);font-size:var(--text-xs)}.button:active{transform:translateY(var(--rule-hair))}.text-link{justify-content:center;align-items:center;gap:var(--space-md);min-height:var(--touch-target);font-size:var(--text-sm);white-space:nowrap;line-height:1;display:inline-flex}.intro{padding-block:var(--space-2xl) var(--space-xl)}.intro__heading{gap:var(--space-xl);margin-bottom:var(--space-xl);grid-template-columns:minmax(0,1fr);align-items:center;display:grid}.intro h1{font-size:var(--text-broadcast-hero);line-height:1.25}.intro h1 span,.section-heading h2 span,.intro__summary span{display:block}.intro__copy{align-items:center;gap:var(--space-xs) var(--space-md);grid-template-columns:minmax(0,1fr) auto;min-width:0;max-width:25rem;display:grid}.intro__summary{margin-bottom:var(--space-sm);color:var(--color-content-soft);font-size:var(--text-sm);grid-column:1/-1;line-height:1.85}.release-meta{color:var(--color-content-muted);font-size:var(--text-xs)}.intro__copy>.button{grid-column:1/-1;width:100%}.stream-preview img{border:var(--rule-hair) solid var(--color-divider);width:100%}.overlay-section,.setup{padding-block:var(--space-2xl);align-items:center;gap:var(--space-xl);border-top:var(--rule-hair) solid var(--color-divider);grid-template-columns:minmax(0,1fr);display:grid}.section-heading h2{font-size:var(--text-broadcast-section)}.section-heading p{max-width:33rem;margin-top:var(--space-lg);color:var(--color-content-soft);font-size:var(--text-base)}.hud-details{gap:var(--space-lg);grid-template-columns:minmax(0,1fr);display:grid}.hud-crop{background:var(--color-surface);border:var(--rule-hair) solid var(--color-divider-strong);position:relative;overflow:clip}.hud-crop img{max-width:none;position:absolute}.hud-crop--header{aspect-ratio:1040/80}.hud-crop--header img{width:184.615%;top:0;left:-42.3077%}.hud-crop--scoreboard{aspect-ratio:690/274}.hud-crop--scoreboard img{width:278.261%;top:-294.161%;left:0}.steps{gap:var(--space-xl);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.step-copy>span{margin-bottom:var(--space-sm);color:var(--color-accent);font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;line-height:1;display:block}.step-copy h3{font-size:var(--text-base);line-height:1.5}.step-copy p{margin-top:var(--space-sm);color:var(--color-content-muted);font-size:var(--text-sm)}.setup-guide{border-top:var(--rule-hair) solid var(--color-divider);grid-column:1/-1;min-width:0}.setup-guide__title{padding-block:var(--space-md);color:var(--color-content-soft);font-size:var(--text-base);letter-spacing:normal;line-height:1.5}.setup-guide__images{gap:var(--space-xl);padding-block:var(--space-lg);grid-template-columns:minmax(0,1fr);display:grid}.setup-guide img{border:var(--rule-hair) solid var(--color-divider-strong);width:100%}.download-section{padding-block:var(--space-xl);justify-content:space-between;align-items:center;gap:var(--space-lg);border-block:var(--rule-hair) solid var(--color-divider);flex-wrap:wrap;display:flex}.download-section h2{font-size:var(--text-md)}.download-section p{margin-top:var(--space-xs);color:var(--color-content-muted);font-size:var(--text-xs)}.enemy-note,.legal-note{padding-block:var(--space-xl)}.enemy-note h2{margin-bottom:var(--space-sm);color:var(--color-content-soft);font-size:var(--text-sm)}.enemy-note p{color:var(--color-content-muted);font-size:var(--text-xs);line-height:1.9}.legal-note{padding-top:0}.legal-links,.document-links{align-items:center;gap:var(--space-md) var(--space-xl);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.legal-links a,.document-links a,.site-footer a{min-height:var(--touch-target);font-size:var(--text-xs);white-space:nowrap;align-items:center;line-height:1;display:inline-flex}.riot-disclaimer{color:var(--color-content-muted);font-size:var(--text-xs);line-height:1.8}.site-footer{align-items:center;gap:var(--space-md) var(--space-xl);padding-block:var(--space-xl);border-top:var(--rule-hair) solid var(--color-divider);color:var(--color-content-muted);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.site-footer .wordmark{color:var(--color-content);margin-right:auto}.legal-document{width:calc(100% - 2 * var(--page-gutter));max-width:var(--legal-max);padding-block:var(--space-2xl) var(--space-3xl);margin-inline:auto}.document-header{padding-bottom:var(--space-2xl)}.document-header h1{margin-block:var(--space-md) var(--space-lg);font-size:var(--text-broadcast-section)}.eyebrow,.effective-date{color:var(--color-accent);font-size:var(--text-sm)}.legal-document section{padding-block:var(--space-xl);border-top:var(--rule-hair) solid var(--color-divider)}.legal-document section h2{margin-bottom:var(--space-md);font-size:var(--text-md)}.legal-document :where(p,ul,ol,dl){color:var(--color-content-soft)}.legal-document p+p{margin-top:var(--space-md)}.legal-document :where(a,dd){overflow-wrap:anywhere}.operator-details{gap:var(--space-xs) var(--space-lg);grid-template-columns:minmax(0,1fr);margin:0;display:grid}.operator-details dd{margin:0 0 var(--space-md)}:where(button,a):disabled,:where(button,a)[aria-disabled=true]{opacity:.55;cursor:not-allowed;color:var(--color-content-muted)}.button[data-state=loading]{opacity:.7;cursor:progress}.button[data-state=error]{border-color:var(--color-danger)}.button[data-state=success]{border-color:var(--color-success)}@media (width>=40rem){.site-header__inner{gap:var(--space-lg)}.site-header .button--compact{display:inline-flex}.intro__copy{align-items:center}.steps,.setup-guide__images{grid-template-columns:repeat(2,minmax(0,1fr))}.steps li+li{padding-left:var(--space-xl);border-left:var(--rule-hair) solid var(--color-divider)}.operator-details{grid-template-columns:minmax(0,1fr) minmax(0,3fr)}}@media (width>=60rem){.site-header__links{align-items:center;gap:var(--space-xl);margin-left:auto;margin-right:var(--space-xl);display:flex}.site-header__links a{min-height:var(--touch-target);font-size:var(--text-sm);white-space:nowrap;align-items:center;line-height:1;text-decoration:none;display:inline-flex}.intro{padding-top:var(--space-2xl)}.intro__heading{gap:var(--space-xl);margin-bottom:var(--space-xl);grid-template-columns:minmax(0,1fr) minmax(17rem,.43fr)}.intro__copy .button{width:100%}.intro__copy .text-link,.release-meta{align-self:center}.overlay-section,.setup{gap:var(--space-xl) var(--space-3xl);padding-block:var(--space-3xl);grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr)}.setup{align-items:start}.setup-guide{margin-top:var(--space-md)}.intro__summary{font-size:var(--text-sm)}}@media (hover:hover) and (pointer:fine){a:hover,.language-switch button:hover{color:var(--color-accent)}.button:hover{color:var(--color-accent-ink);background:var(--color-content)}}@media (prefers-reduced-motion:reduce){.button{transition:none}.button:active{transform:none}}@media print{@page{margin:18mm 16mm}:root{--color-canvas:#fff;--color-content:#111;--color-content-soft:#222;--color-content-muted:#444;--color-accent:#333;--color-divider:#ccc}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body{min-height:0;overflow:visible}.site-header,.site-footer,.document-links,.skip-link{display:none}.legal-document{width:auto;max-width:none;margin:0;padding:0;font-size:10pt;line-height:1.6}.document-header{padding-bottom:6mm}.document-header h1{margin-block:0 4mm;font-size:22pt}.legal-document section{padding-block:4mm}.legal-document :where(h1,h2,h3){break-after:avoid}.legal-document :where(p,li){orphans:3;widows:3}.operator-details{break-inside:avoid}}