:root{color-scheme:light;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:#0c1116;color:#f5f7fb;--header-height:56px;--header-bg:rgba(8,12,20,.8);--header-text:#e8f1ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(98,125,255,.18),transparent 35%),radial-gradient(circle at 80% 0,rgba(58,191,169,.16),transparent 30%),#0c1116;color:#e7ecf5}.lol-home{position:relative;overflow:hidden}.lol-home:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,8,12,.8),rgba(6,8,12,.35) 20%,rgba(6,8,12,.35) 80%,rgba(6,8,12,.8));-webkit-backdrop-filter:blur(6px) saturate(.8);backdrop-filter:blur(6px) saturate(.8);pointer-events:none;z-index:0}.lol-home>*{position:relative;z-index:1}.lol-side-text{position:absolute;top:140px;font-size:64px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:hsla(0,0%,100%,.055);pointer-events:none;z-index:0;white-space:nowrap}.lol-side-text--left{left:-120px}.lol-side-text--right{right:-120px}.mode-card{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,filter .16s ease}.mode-card:is(:hover,:focus-visible){cursor:pointer;transform:translateY(-1px);filter:brightness(1.03);border-color:hsla(0,0%,100%,.12);box-shadow:0 10px 24px rgba(0,0,0,.22)}.mode-card--primary:is(:hover,:focus-visible){border-color:rgba(126,209,255,.35);box-shadow:0 12px 24px rgba(126,209,255,.16)}.mode-card--patch:is(:hover,:focus-visible){border-color:rgba(58,209,166,.65);box-shadow:0 14px 28px rgba(58,209,166,.18)}@media (max-width:640px){.lol-side-text{display:none}}a{color:inherit;text-decoration:none}.social-links{display:inline-flex;align-items:center;gap:8px}.social-links--header{display:none}.social-links--footer{color:#8ea5c4}.social-link{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;border:1px solid hsla(0,0%,100%,.16);background:hsla(0,0%,100%,.04);transition:opacity .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease,transform .16s ease}.social-link svg{width:16px;height:16px;fill:currentColor}.social-link:is(:hover,:focus-visible){opacity:.9;border-color:rgba(126,209,255,.5);background:rgba(126,209,255,.12)}.social-link:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(126,209,255,.45)}@media (min-width:768px){.social-links--header{display:inline-flex}}button{font-family:inherit}.quiz-choice-button,.quiz-share-link{font:inherit}.quiz-choice-button{box-shadow:0 6px 18px rgba(0,0,0,.24);transition:transform .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease,filter .12s ease}.quiz-choice-button:is(:hover,:focus-visible){transform:translateY(-1px);box-shadow:0 10px 22px rgba(0,0,0,.28);filter:brightness(1.02)}.quiz-choice-button:active{transform:translateY(1px);box-shadow:0 4px 12px rgba(0,0,0,.32);filter:brightness(.95)}.quiz-choice-button:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(126,209,255,.45)}.quiz-choice-button:disabled{cursor:default;opacity:.6}.quiz-share-link{text-decoration:underline;text-underline-offset:2px;padding:0;opacity:.88;transition:opacity .12s ease,transform .12s ease,filter .12s ease}.quiz-share-link:is(:hover,:focus-visible){opacity:1;filter:brightness(1.1);transform:translateY(-1px)}.quiz-share-link:active{opacity:.8;transform:translateY(0)}.quiz-share-link:disabled{opacity:.6;cursor:default}.brand-logo{height:24px;width:auto;display:block}.brand-logotype{display:block;color:var(--header-text);font-size:18px;font-weight:700;letter-spacing:.2px;line-height:1}.brand-logo--light{display:none}.brand-logo--dark{display:block}@media (prefers-color-scheme:light){:root{--header-bg:rgba(248,250,255,.9);--header-text:#0b1220}.brand-logo--light{display:block}.brand-logo--dark{display:none}.social-link{border-color:rgba(11,18,32,.18);background:rgba(11,18,32,.06)}.social-link:is(:hover,:focus-visible){border-color:rgba(46,108,196,.55);background:rgba(46,108,196,.12)}}