/* Punshine visual collection: artwork supports the task; reading and play stay quiet. */
.lx-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.lx-icon{display:inline-block;width:24px;height:24px;flex:none;vertical-align:middle}
.lx-art{display:block;max-width:100%;height:auto;object-fit:contain;pointer-events:none;user-select:none}
.lx-art:not([src]){visibility:hidden}
.lx-header-art{width:230px;height:184px;flex:0 0 230px}
.page-head:has(.lx-header-art){min-height:190px;align-items:center}
.lx-empty{display:flex;align-items:center;justify-content:center;gap:22px;text-align:left;width:100%;padding:12px 0}
.lx-empty-art{width:145px;height:116px;flex:0 0 145px}
.lx-empty>div{max-width:460px;min-width:0}
.lx-empty h2,.lx-empty h3{margin-bottom:10px}
.lx-empty p{line-height:1.65}
.lx-state-art{width:115px;height:92px;float:right;margin:0 0 8px 16px}
.lx-mascot-mini{width:100px;height:80px;flex:none}
.lx-result-art{width:200px;height:160px;margin:0 auto 12px}
.lx-note-art{width:96px;height:77px;margin-bottom:10px}
.nav-icon .lx-icon{width:23px;height:23px}
.sidebar{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#405159 var(--ink)}
.avatar{padding:0;overflow:hidden}.avatar>.lx-art{width:50px;height:40px;max-width:none;margin:0 -3px}
.j-hero{grid-template-columns:minmax(240px,1.15fr) minmax(150px,.6fr) minmax(250px,1fr);gap:22px;align-items:center}
.j-hero-scene{position:relative;z-index:1;align-self:center;min-width:0}
.j-hero-scene>.lx-art{width:100%;max-width:230px;margin:auto}
.j-profile{grid-template-columns:86px minmax(0,1fr);gap:16px;max-width:370px}
.j-rank-ring{width:86px;height:86px}.j-rank-ring>div{width:74px;height:74px}
.j-rank-name{font-size:1.3rem;line-height:1.25}.j-profile .lx-rank{width:57px;height:46px;float:right;margin-left:4px}
.j-medal{width:92px;height:82px;background:none!important;clip-path:none!important;border:0!important;box-shadow:none!important;flex:none;overflow:visible}
.j-medal>.lx-art{width:100%;height:100%;object-fit:contain;filter:grayscale(1);opacity:.56}
.j-badge.earned .j-medal>.lx-art,.j-medal.earned>.lx-art{filter:none;opacity:1}
.j-medal>i{right:4px;bottom:1px;z-index:1}
.j-badge{gap:11px;align-items:center}.j-badge-copy{min-width:0}
.j-badge-detail .j-medal{width:220px;height:176px}
.j-notice-icon{background:none!important;width:78px!important;height:62px!important;padding:0!important}
.j-notice-icon .lx-art{width:78px;height:62px}
.j-quest-icon{background:transparent!important;box-shadow:none!important;width:84px!important;height:67px!important}
.j-quest-icon .lx-art{width:84px;height:67px}
.j-theme-preview .lx-rank{position:absolute;inset:0;margin:auto;width:100px;height:80px;z-index:2}
.j-empty .lx-art{opacity:.8}
.game-icon.lx-illustrated,.wp-icon.lx-illustrated{background:none!important;box-shadow:none!important;border:0!important;padding:0!important}
.game-icon.lx-illustrated{width:120px;height:96px;margin:-7px 0 10px}
.wp-icon.lx-illustrated{width:110px;height:88px;flex:0 0 110px}
.lx-illustrated .lx-art{width:100%;height:100%}
.arc-card-top{align-items:center;gap:10px}.arc-card-top>small{min-width:0;line-height:1.5}
.arc-card{min-height:255px}.arc-heading{position:relative;min-height:146px;gap:20px}.arc-heading .lx-header-art{width:190px;height:152px;flex:0 0 190px;margin-left:auto}
.arc-level{min-width:190px}.arc-invite>.lx-art{width:135px;height:108px;flex:none}.arc-invite>div{flex:1;min-width:0}
.arc-quickstart .lx-art{width:56px;height:45px;flex:none}
.arc-finish-emblem:has(.lx-art){display:block;width:190px;height:152px;margin:0 auto 15px;background:none;box-shadow:none;border:0}
.arc-finish-emblem .lx-art{width:100%;height:100%}
.gr-home-icon:has(.lx-art),.lab-home-letter:has(.lx-art){width:135px;height:108px;background:none;border:0;box-shadow:none;transform:none;flex:none}
.gr-home-icon>.lx-art,.lab-home-letter>.lx-art{width:100%;height:100%}
.gr-head .lx-header-art{margin:0 12px 0 0}
.gr-route{position:relative}.gr-route-copy{position:relative;isolation:isolate}
.gr-route-copy>.lx-mascot-mini{position:absolute;right:0;bottom:0;width:88px;height:70px;z-index:-1;opacity:.9}
.gr-route-copy>.primary{max-width:calc(100% - 78px)}
.gr-game>span.lx-exercise-art{display:block;width:150px;height:120px;margin:-7px auto 15px;background:none;box-shadow:none;border:0}
.gr-game>span.lx-exercise-art>.lx-art{width:100%;height:100%}
.gr-shortcut>span:has(.lx-art){width:65px;height:52px;background:none!important;padding:0!important}
.gr-shortcut .lx-art{width:65px;height:52px}
.gr-result-icon:has(.lx-art){display:block;width:200px;height:160px;margin:0 auto 10px;background:none;box-shadow:none;color:inherit}
.gr-result-icon>.lx-art{width:100%;height:100%}
.gr-test>.lx-state-art{width:98px;height:78px}
.gr-progress-columns .lx-state-art{width:84px;height:67px}
.lab-practice-symbol.lx-exercise-art{width:160px;height:128px;display:block;background:none;border:0;box-shadow:none;margin-bottom:13px}
.lab-practice-symbol.lx-exercise-art>.lx-art{width:100%;height:100%}
.lab-text-card{position:relative}.lab-text-card .lx-source-glyph{width:28px;height:28px;color:#40706b;margin-left:auto}
.lab-finish>.lx-result-art{float:right;width:130px;height:104px;margin:0 0 15px 20px}
.lab-journal>.lx-note-art{width:118px;height:94px}
.review-card .lx-state-art{width:88px;height:70px;margin:-2px -8px 0 8px}
.break-banner .lx-mascot-mini{width:66px;height:53px}.tip-panel .lx-mascot-mini{width:78px;height:62px}
.settings-grid .lx-state-art{width:130px;height:104px;margin-top:-13px}
.vf-empty>.lx-result-art{width:220px;height:176px;margin:0 auto 15px}
.vf-rating .lx-icon{width:28px;height:28px}.vf-help .lx-icon{width:22px;height:22px}
.lx-video-entry{display:flex;align-items:center;gap:15px;padding:18px 22px;margin-top:20px;border:1px solid var(--line);border-radius:20px;background:#fff}
.lx-video-entry>.lx-art{width:100px;height:80px;flex:none}.lx-video-entry>div{flex:1;min-width:0}
.lx-video-entry h3{font-size:18px;margin:0 0 6px}.lx-video-entry p{font-size:14px;color:var(--muted);margin:0;line-height:1.5}
.j-receipt .lx-rank{width:55px;height:44px;flex:none}
@media(max-width:1250px){.j-hero{padding:30px;grid-template-columns:minmax(220px,1fr) 140px minmax(230px,1fr);gap:15px}.j-hero h1{font-size:2.6rem}.arc-heading .lx-header-art{width:140px;height:112px;flex-basis:140px}.arc-level{min-width:170px}.j-profile{grid-template-columns:72px minmax(0,1fr);gap:12px}.j-rank-ring{width:72px;height:72px}.j-rank-ring>div{width:60px;height:60px}.j-rank-ring strong{font-size:1.7rem}.j-profile .lx-rank{float:none;margin:0 0 7px;width:52px;height:42px}.j-rank-name{font-size:1.12rem}.j-nearby-grid .j-badge-copy{grid-template-columns:minmax(0,1fr) 100px}}
@media(max-width:1050px){.j-hero{grid-template-columns:minmax(0,1fr) 170px;gap:20px}.j-profile{grid-column:1/-1;max-width:none;justify-self:stretch;grid-template-columns:80px 1fr}.j-profile .lx-rank{float:right}.j-hero-scene{grid-column:2;grid-row:1}.j-hero-copy{grid-column:1;grid-row:1}.j-rank-name{font-size:1.3rem}.j-profile-bottom{padding-top:9px}.arc-invite>.lx-art{width:100px;height:80px}.arc-invite{flex-wrap:wrap}.lx-header-art{width:190px;height:152px;flex-basis:190px}}
@media(max-width:750px){.j-hero{grid-template-columns:minmax(0,1fr) 120px;padding:25px;gap:14px}.j-hero h1{font-size:2.2rem}.j-hero-copy h1{letter-spacing:-.045em}.j-hero-copy p{font-size:14px;line-height:1.65}.j-hero-scene{align-self:start;padding-top:34px}.j-hero-scene>.lx-art{width:120px;height:96px}.j-hero-buttons{flex-wrap:wrap;gap:10px}.j-profile{gap:12px;grid-template-columns:72px minmax(0,1fr)}.j-profile .lx-rank{width:46px;height:37px}.j-nearby-grid .j-badge-copy{display:block}.j-medal{width:82px;height:72px}.j-badge-copy>small{font-size:13px}.lx-header-art{width:140px;height:112px;flex-basis:140px}.page-head:has(.lx-header-art){gap:12px;min-height:150px}.gr-head h1{font-size:30px}.page-head h1{line-height:1.12}.gr-head .lx-header-art{margin:0}.lx-empty{gap:14px}.lx-empty-art{width:100px;height:80px;flex-basis:100px}.gr-route-copy>.lx-mascot-mini{width:75px;height:60px}.gr-shortcut>span:has(.lx-art){grid-row:1/3;width:60px;height:48px}.gr-shortcut{grid-template-columns:60px 1fr}.gr-home-icon:has(.lx-art),.lab-home-letter:has(.lx-art){width:100px;height:80px}.arc-heading .lx-header-art{width:130px;height:104px;flex-basis:130px}.arc-card .wp-icon.lx-illustrated{width:82px;height:66px;flex-basis:82px}.arc-card-top>small{font-size:12px;line-height:1.5}.arc-card{min-height:255px}.arc-card h3{font-size:18px}.arc-card p{font-size:14px}.lab-practice-symbol.lx-exercise-art{width:130px;height:104px}.lx-video-entry{flex-wrap:wrap}.lx-video-entry>.lx-art{width:75px;height:60px}.lx-video-entry>.secondary{margin-left:90px}.arc-invite>.lx-art{width:85px;height:68px}.gr-game>span.lx-exercise-art{width:130px;height:104px}}
@media(max-width:650px){.arc-heading{display:grid;grid-template-columns:minmax(0,1fr) 95px;align-items:center;gap:10px;margin-bottom:18px}.arc-heading>.lx-header-art{width:95px;height:76px;margin:0;grid-column:2;grid-row:1;min-width:0}.arc-heading>.arc-level{grid-column:1/-1;min-width:0}.arc-heading h1{font-size:29px;max-width:none}.page-head:has(.lx-header-art){display:grid;grid-template-columns:minmax(0,1fr) 95px;gap:10px}.page-head .lx-header-art{width:95px;height:76px;min-width:0;margin:0}.page-head:has(.lx-header-art) h1{font-size:29px}.page-head:has(.lx-header-art) p{font-size:14px}.page-head.gr-head:has(.lx-header-art){margin-bottom:22px}.j-hero{grid-template-columns:minmax(0,1fr) 83px;gap:11px;padding:23px}.j-hero h1{font-size:31px}.j-hero-scene>.lx-art{width:90px;height:72px;max-width:none}.j-hero-scene{padding-top:42px;margin-right:-8px}.j-profile{margin-top:6px}.j-profile .lx-rank{display:none}.j-hero-copy p{font-size:14px}.j-hero-link{font-size:13px}.arc-card-top{gap:5px}.arc-card-top>small{max-width:70px;font-size:12px}.arc-invite{display:grid;grid-template-columns:85px minmax(0,1fr);gap:13px;padding:22px}.arc-invite>.lx-art{grid-column:1;grid-row:1}.arc-invite>div{grid-column:2}.arc-invite>.primary,.arc-invite>.secondary{grid-column:1/-1;width:100%;margin:0}.lab-home:has(.lx-art),.gr-home:has(.lx-art){gap:15px}.gr-home-icon:has(.lx-art),.lab-home-letter:has(.lx-art){width:85px;height:68px}.gr-route-copy>.primary{max-width:100%}.gr-route-copy>.lx-mascot-mini{display:none}.lx-state-art{width:80px;height:64px;margin-left:10px}.settings-grid .lx-state-art{width:98px;height:78px}.lab-finish>.lx-result-art{width:98px;height:78px;margin-left:10px}.lx-empty{align-items:flex-start}.lx-empty-art{width:85px;height:68px;flex-basis:85px}.lx-result-art{width:160px;height:128px}.j-badge-detail .j-medal{width:190px;height:152px}.arc-finish-emblem:has(.lx-art){width:165px;height:132px}}
@media(prefers-reduced-motion:reduce){.lx-art{animation:none!important;transition:none!important}.j-medal>.lx-art{transition:none}}