html{scrollbar-gutter:stable}.app-frame{--frame-gap:24px;--frame-inset:0px;--screen-gutter:24px;--header-height:80px;--heading-size:32px;width:min(1240px,100% - 64px);min-height:calc(100svh - 2 * var(--frame-gap));margin:var(--frame-gap) auto;padding:0 var(--frame-inset) var(--frame-inset);border:1px solid var(--border);border-radius:var(--panel-radius);background:var(--chrome);color:var(--foreground);flex-direction:column;display:flex}.app-header{z-index:20;height:var(--header-height);color:var(--chrome-foreground);flex-shrink:0;align-items:center;gap:20px;padding:0 12px;display:flex;position:relative}.app-brand{min-height:44px;font:var(--title-weight) 28px/1.5 var(--title-font);letter-spacing:-.025em;flex-shrink:0;align-items:center;gap:12px;display:inline-flex}.app-brand>span:last-child{white-space:nowrap}.app-brand .poke-ball{width:30px;height:30px}.app-brand-period{color:var(--primary)}.app-header-controls{flex-shrink:0;align-items:center;gap:6px;display:flex}.app-header-controls .icon-button{width:44px;height:44px}.app-header .theme-trigger{padding-inline:8px}.app-header :focus-visible{outline-color:var(--chrome-foreground)}.frame-lens{border:5px solid var(--lens-rim);background:var(--lens);width:38px;height:38px;box-shadow:inset -4px -3px 0 var(--lens-shadow);border-radius:50%;flex-shrink:0;display:block}.app-screen{min-width:0;padding:var(--screen-gutter);border-radius:0 0 var(--panel-radius) var(--panel-radius);background:var(--screen-background);flex-direction:column;flex:1;display:flex}.app-content{flex:1;min-width:0}.content-page{width:100%;max-width:none;margin:0;padding:0}.app-content:has(>.app-loading){display:flex}.app-loading{min-height:min(60svh,480px);color:var(--foreground);font:700 14px/1.5 var(--body-font);flex:1;place-content:center;justify-items:center;gap:16px;padding:24px;display:grid}.page-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-heading>div:first-child{min-width:0}.page-heading h1{font:var(--title-weight) var(--heading-size)/1.2 var(--title-font);letter-spacing:-.025em;overflow-wrap:anywhere}.page-description{color:var(--muted-foreground);margin:8px 0 0;font-size:14px;font-weight:650;line-height:1.5}.page-heading-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.game-screen{background:0 0;min-height:0;position:relative;overflow:visible}.game-scene{max-width:none;margin:0;padding:0}.silhouette-stage{overflow:clip}[data-layout=pokedex] .app-frame{--frame-inset:18px;border:2px solid var(--shell-border);box-shadow:inset 0 3px 0 var(--shell-highlight), 0 12px 24px #1426324a;border-radius:24px 24px 32px 32px}[data-layout=pokedex] .app-brand{font-size:34px}[data-layout=pokedex] .app-brand-period{color:inherit}[data-layout=pokedex] .app-screen{border:7px solid var(--screen-border);border-radius:var(--panel-radius)}[data-layout=anime] .app-frame{--frame-inset:12px;border:2px solid var(--toolbar-surface);border-radius:12px}[data-layout=anime] .app-brand{font-size:26px}[data-layout=anime] .app-brand-period{color:var(--focus-selection)}[data-layout=anime] .app-header{border-bottom:3px solid var(--focus-selection)}[data-layout=anime] .app-screen{border:2px solid var(--toolbar-surface);border-radius:var(--panel-radius)}@media (width<=1100px){.app-header{gap:12px}.app-header .theme-trigger>span{display:none}}@media (width<=800px){.app-frame{--frame-gap:12px;--screen-gutter:18px;--header-height:72px;--heading-size:28px;width:calc(100% - 24px)}[data-layout=pokedex] .app-frame,[data-layout=anime] .app-frame{--frame-inset:8px}.app-header{gap:8px;padding-inline:6px}.app-brand{gap:8px;font-size:26px}[data-layout=pokedex] .app-brand{font-size:28px}[data-layout=anime] .app-brand{font-size:22px}.frame-lens{border-width:4px;width:28px;height:28px}.app-header-controls{gap:4px;margin-left:auto}.page-heading{flex-wrap:wrap;gap:12px;margin-bottom:20px}.page-heading-actions{justify-content:space-between;width:100%}}@media (width<=540px){.app-frame{--frame-gap:6px;--screen-gutter:12px;--heading-size:24px;width:calc(100% - 12px)}[data-layout=pokedex] .app-frame,[data-layout=anime] .app-frame{--frame-inset:6px}[data-layout=pokedex] .app-screen{border-width:4px}.app-header{gap:4px;padding-inline:4px}.app-brand{gap:6px;font-size:24px}[data-layout=pokedex] .app-brand{font-size:27px}[data-layout=anime] .app-brand{font-size:20px}.app-brand .poke-ball{width:24px;height:24px}.app-header-controls{gap:2px}.page-description{font-size:13px}}@media (height<=500px){.round-result{flex-direction:column;align-items:center;display:flex}.round-result h2{order:-1;margin-bottom:12px}}@media (width<=360px){.app-brand .poke-ball,.app-brand .frame-lens{display:none}.app-brand{font-size:23px}[data-layout=pokedex] .app-brand{font-size:22px}[data-layout=anime] .app-brand{font-size:18px}}.app-header-controls{margin-left:auto}.party-button,.header-score-button{border-radius:var(--control-radius);justify-content:center;align-items:center;gap:8px;min-width:44px;min-height:44px;padding:8px 12px;font-size:13px;font-weight:850;display:inline-flex}.party-button{color:var(--chrome-foreground);background:0 0;padding:5px 8px}.party-portraits{isolation:isolate;align-items:center;display:inline-flex}.party-portraits>.avatar{border-color:var(--chrome);border-radius:var(--control-radius);width:34px;height:34px}.party-portraits>*+*{margin-left:-10px}.party-overflow{border:2px solid var(--chrome);border-radius:var(--control-radius);background:var(--chrome-foreground);width:30px;height:30px;color:var(--chrome);font-variant-numeric:tabular-nums;flex-shrink:0;place-items:center;font-size:11px;display:grid}.party-button[aria-expanded=true]{background:color-mix(in srgb, var(--chrome-foreground) 12%, transparent)}@media (hover:hover){.party-button:not(:disabled):hover{background:color-mix(in srgb, var(--chrome-foreground) 12%, transparent)}}.header-score-button[aria-current=page]{background:var(--card);color:var(--foreground)}@media (width<=800px){.party-button{padding:5px 4px}.header-score-button>span,.app-header .sound-toggle{display:none}.header-score-button{padding:0}}@media (width<=540px){.party-portraits>.avatar{width:28px;height:28px}.party-portraits>*+*{margin-left:-12px}.party-overflow{width:24px;height:24px;font-size:10px}}@media (width<=360px){.app-header{gap:2px}.party-button{padding-inline:0}.party-portraits>.avatar{width:26px;height:26px}.party-portraits>*+*{margin-left:-10px}.party-overflow{width:24px;height:24px;margin-left:-12px}}