.kid-badge{z-index:5;left:50%;bottom:calc(-12px * var(--u));align-items:center;gap:calc(5px * var(--u));height:calc(24px * var(--u));padding:0 calc(11px * var(--u)) 0 calc(9px * var(--u));border:1px solid var(--brand-action-accent);background:linear-gradient(180deg, var(--brand-surface-raised2), var(--brand-surface-stage));box-shadow:0 0 0 1px rgba(var(--rgb-dark), .85), 0 0 calc(10px * var(--u)) rgba(var(--rgb-primary), calc(.4 * var(--glow-ceiling)));font-family:var(--font-display);font-weight:700;font-size:calc(12px * var(--u));letter-spacing:.18em;text-transform:uppercase;color:var(--brand-action-accent);white-space:nowrap;pointer-events:none;line-height:1;display:inline-flex;position:absolute;transform:translate(-50%)}.kid-badge svg{width:calc(13px * var(--u));height:calc(13px * var(--u));color:var(--brand-status-online,#4ade80);flex:none}.kid-badge b{font-weight:inherit}.lpf-tile-frame.is-preview .kid-badge{height:calc(28px * var(--u));font-size:calc(14px * var(--u));bottom:calc(-14px * var(--u))}.lol-portrait.has-kid{position:relative}.lol-portrait>.kid-badge.is-nav{bottom:calc(-8px * var(--u));gap:calc(3px * var(--u));padding:0 calc(5px * var(--u)) 0 calc(4px * var(--u));font-size:calc(9px * var(--u));letter-spacing:.14em;width:auto!important;height:calc(15px * var(--u))!important}.lol-portrait>.kid-badge.is-nav svg{width:calc(8px * var(--u));height:calc(8px * var(--u))}.kid-age{align-items:center;gap:calc(14px * var(--u));display:inline-flex}.kid-age-arrow{width:calc(40px * var(--u));height:calc(40px * var(--u));border:1px solid var(--brand-line-border);background:rgba(var(--rgb-dark), .55);color:var(--brand-action-accent);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:border-color .15s,color .15s,opacity .15s;display:flex}.kid-age-arrow svg{width:60%;height:60%}.kid-age-arrow:disabled{opacity:.3;cursor:default}.kid-age-arrow:not(:disabled):hover{border-color:var(--brand-action-accent)}.kid-age-value{justify-content:center;align-items:baseline;gap:calc(8px * var(--u));min-width:calc(150px * var(--u));height:calc(50px * var(--u));padding:0 calc(16px * var(--u));border:1px solid var(--brand-line-border);background:rgba(var(--rgb-dark), .7);align-items:center;transition:border-color .15s,box-shadow .15s;display:flex}.kid-age-value b{font-family:var(--font-display);font-weight:700;font-size:calc(28px * var(--u));font-variant-numeric:tabular-nums;color:var(--brand-text-primary);line-height:1}.kid-age-value small{font-family:var(--font-body);font-weight:700;font-size:calc(11px * var(--u));letter-spacing:.14em;text-transform:uppercase;color:var(--brand-text-ink3)}.kid-age.is-focus .kid-age-value{border-color:var(--brand-action-accent);box-shadow:0 0 0 1px var(--brand-action-accent), 0 0 calc(18px * var(--u)) rgba(var(--rgb-primary), calc(.35 * var(--glow-ceiling)))}.kid-age.is-focus .kid-age-arrow:not(:disabled){border-color:rgba(var(--rgb-primary), .7)}.kid-age.is-big{gap:calc(26px * var(--u))}.kid-age.is-big .kid-age-arrow{width:calc(64px * var(--u));height:calc(64px * var(--u))}.kid-age.is-big .kid-age-value{gap:calc(6px * var(--u));min-width:calc(220px * var(--u));height:calc(150px * var(--u));flex-direction:column}.kid-age.is-big .kid-age-value b{font-size:calc(88px * var(--u));background:linear-gradient(180deg, var(--brand-text-primary) 10%, var(--brand-action-accent) 90%);color:#0000;-webkit-background-clip:text;background-clip:text}.kid-age.is-big .kid-age-value small{font-size:calc(13px * var(--u))}.kid-age.is-big.is-focus .kid-age-value{box-shadow:0 0 0 1px var(--brand-action-accent), 0 0 calc(30px * var(--u)) rgba(var(--rgb-primary), calc(.5 * var(--glow-ceiling)))}.kid-toggle{align-items:center;gap:calc(16px * var(--u));width:100%;padding:calc(12px * var(--u)) calc(16px * var(--u));border:1px solid var(--brand-line-border);background:rgba(var(--rgb-dark), .55);text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.kid-toggle.is-focus{border-color:var(--brand-action-accent);background:rgba(var(--rgb-primary), .08);box-shadow:0 0 0 1px var(--brand-action-accent), 0 0 calc(16px * var(--u)) rgba(var(--rgb-primary), calc(.4 * var(--glow-ceiling)))}.kid-toggle-track{width:calc(52px * var(--u));height:calc(26px * var(--u));border:1px solid var(--brand-line-border);background:rgba(var(--rgb-dark), .8);flex:none;transition:background .2s,border-color .2s;position:relative}.kid-toggle-knob{top:calc(3px * var(--u));left:calc(3px * var(--u));width:calc(18px * var(--u));height:calc(18px * var(--u));background:var(--brand-text-ink3);transition:left .2s cubic-bezier(.2,.8,.2,1),background .2s,box-shadow .2s;position:absolute;transform:rotate(45deg)scale(.8)}.kid-toggle.is-on .kid-toggle-track{border-color:var(--brand-action-accent);background:rgba(var(--rgb-primary), .22)}.kid-toggle.is-on .kid-toggle-knob{left:calc(100% - 21px * var(--u));background:var(--brand-action-accent);box-shadow:0 0 calc(10px * var(--u)) rgba(var(--rgb-primary), var(--glow-ceiling))}.kid-toggle-words{gap:calc(3px * var(--u));flex-direction:column;min-width:0;display:flex}.kid-toggle-words b{align-items:center;gap:calc(8px * var(--u));font-family:var(--font-display);font-weight:600;font-size:calc(16px * var(--u));letter-spacing:.1em;text-transform:uppercase;color:var(--brand-text-secondary);display:flex}.kid-toggle.is-on .kid-toggle-words b{color:var(--brand-text-primary)}.kid-toggle-words small{font-family:var(--font-italic,var(--font-body));font-style:italic;font-size:calc(14px * var(--u));color:var(--brand-text-ink3)}.kid-toggle-lock{width:calc(13px * var(--u));height:calc(13px * var(--u));color:var(--brand-action-accent)}.kpg-root{z-index:80;font-family:var(--font-body);color:var(--brand-text-ink1);-webkit-font-smoothing:antialiased;position:fixed;inset:0}.kpg-root *{box-sizing:border-box}.kpg-scrim{position:absolute}.kpg-card{width:calc(560px * var(--u));gap:calc(12px * var(--u));padding-top:calc(32px * var(--u))}.kpg-rune{width:calc(48px * var(--u));height:calc(48px * var(--u))}.kpg-rune svg{width:calc(22px * var(--u));height:calc(22px * var(--u))}.kpg-body{max-width:calc(440px * var(--u));font-size:calc(16px * var(--u))}.kpg-body b{color:var(--brand-text-primary);font-weight:700}.kpg-boxes{gap:calc(14px * var(--u));margin-top:calc(10px * var(--u));display:flex}.kpg-boxes.is-shake{animation:.42s cubic-bezier(.36,.07,.19,.97) both kpg-shake}@keyframes kpg-shake{10%,90%{transform:translateX(calc(-2px * var(--u)))}20%,80%{transform:translateX(calc(4px * var(--u)))}30%,50%,70%{transform:translateX(calc(-8px * var(--u)))}40%,60%{transform:translateX(calc(8px * var(--u)))}}.kpg-box{width:calc(56px * var(--u));height:calc(64px * var(--u));border:1px solid var(--brand-line-border);background:rgba(var(--rgb-dark), .7);justify-content:center;align-items:center;transition:border-color .15s,box-shadow .15s;display:flex}.kpg-box i{width:calc(14px * var(--u));height:calc(14px * var(--u));background:var(--brand-action-accent);box-shadow:0 0 calc(10px * var(--u)) rgba(var(--rgb-primary), var(--glow-ceiling));transform:rotate(45deg)}.kpg-box.is-filled{border-color:rgba(var(--rgb-primary), .7)}.kpg-box.is-next{border-color:var(--brand-action-accent);box-shadow:0 0 0 1px var(--brand-action-accent), 0 0 calc(14px * var(--u)) rgba(var(--rgb-primary), calc(.35 * var(--glow-ceiling)))}.kpg-box.is-next:after{content:"";width:calc(2px * var(--u));height:calc(26px * var(--u));background:var(--brand-action-accent);animation:1s step-end infinite kpg-blink}@keyframes kpg-blink{50%{opacity:0}}.kpg-card.is-locked .kpg-box{opacity:.35}.kpg-keys{grid-template-columns:repeat(3, calc(84px * var(--u)));gap:calc(8px * var(--u));margin-top:calc(10px * var(--u));display:grid}.kpg-key{height:calc(52px * var(--u));border:1px solid var(--brand-line-border);background:rgba(var(--rgb-dark), .6);font-family:var(--font-display);font-weight:600;font-size:calc(22px * var(--u));color:var(--brand-text-secondary);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:border-color .1s,background .1s,color .1s;display:flex}.kpg-key.is-word{font-family:var(--font-body);font-weight:700;font-size:calc(11px * var(--u));letter-spacing:.12em;text-transform:uppercase;color:var(--brand-text-ink3)}.kpg-key svg{width:calc(22px * var(--u));height:calc(22px * var(--u))}.kpg-key.is-focus{border-color:var(--brand-action-accent);background:rgba(var(--rgb-primary), .22);color:var(--brand-text-primary);box-shadow:0 0 0 1px var(--brand-action-accent), 0 0 calc(16px * var(--u)) rgba(var(--rgb-primary), calc(.5 * var(--glow-ceiling)))}.kpg-key:disabled{opacity:.35;cursor:default}.kpg-password{width:calc(400px * var(--u));height:calc(50px * var(--u));margin-top:calc(6px * var(--u));padding:0 calc(16px * var(--u));border:1px solid var(--brand-action-accent);background:rgba(var(--rgb-dark), .7);color:var(--brand-text-primary);font-family:var(--font-body);font-weight:600;font-size:calc(18px * var(--u));box-shadow:0 0 0 1px var(--brand-action-accent), 0 0 calc(18px * var(--u)) rgba(var(--rgb-primary), calc(.35 * var(--glow-ceiling)));outline:none}.kpg-password::placeholder{color:var(--brand-text-ink4);font-style:italic;font-weight:400}.kpg-note{min-height:calc(20px * var(--u));font-family:var(--font-italic,var(--font-body));font-style:italic;font-size:calc(15px * var(--u));color:var(--brand-text-secondary)}.kpg-note.is-bad{color:#f87171}.kpg-actions{margin-top:calc(4px * var(--u))}.kpg-actions .si-confirm{width:calc(220px * var(--u))}@media (prefers-reduced-motion:reduce){.kpg-boxes.is-shake,.kpg-box.is-next:after{animation:none}.kid-toggle-knob{transition:none}}