/* Shared rhythm: 8 / 12 / 16 / 24 / 32. Existing purple palette is preserved. */
:root{--mola-ink:#30263f;--mola-muted:#70667e;--mola-line:#e8e2f0;--mola-radius:18px}
button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #977eea;outline-offset:3px}
.content{min-width:0}.content>*{min-width:0}.btn,.show-primary,.show-withdraw,.show-read,.answer,.show-answer{min-height:44px}.btn{font-size:14px}.action-row,.show-controls{flex-wrap:wrap}.action-row>*{max-width:100%}.content h1,.content h2,.content h3,.content p,.content strong,.content code{overflow-wrap:anywhere}.content small,.muted,.game-note{color:var(--mola-muted)}.top-actions{min-width:0}.top-actions>span{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .brand{flex-shrink:0}.leader-table{table-layout:fixed}.leader-table td{overflow-wrap:anywhere}.leader-table th{color:#70667e}.leader-table td:first-child,.leader-table th:first-child{width:14%}.leader-table td:nth-child(2),.leader-table th:nth-child(2){width:42%}
dialog{width:min(540px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;border:1px solid var(--mola-line);border-radius:20px;padding:24px;box-sizing:border-box}dialog form{display:grid;gap:16px}dialog form label{display:grid;gap:8px}dialog input:not([type=checkbox]):not([type=radio]),dialog select{width:100%;min-height:44px;box-sizing:border-box}dialog::backdrop{background:#241c4266}.party-fields,.party-filters{gap:16px}.party-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.party-card{display:flex;flex-direction:column;min-width:0}.party-card .btn{margin-top:auto}.party-card h3{line-height:1.5}.party-card p{margin-bottom:16px}.party-fields>*{min-width:0}#party-program,#party-join{display:grid;gap:16px}#party-program>label,#party-join>label{display:grid;gap:8px}#party-program>label:has([type=checkbox]){display:flex;align-items:center}#party-program .btn,#party-join .btn{justify-self:start}.party-header,.party-actions{flex-wrap:wrap;gap:12px}.party-scoreboard>*{min-width:0}.party-scoreboard strong{overflow-wrap:anywhere}.party-room-code{letter-spacing:3px}#party-dialog button{min-height:44px}.host-settings{width:min(540px,calc(100vw - 32px))}.show-tools,.lifelines,.arena-actions,.arena-setup-actions{gap:12px}.show-answer span,.answer span,.arena-player{min-width:0}.official-question img,.mola-question-image{display:block;width:100%;height:auto;max-height:75vh;object-fit:contain}.bottom-nav{display:none}
.mola-heading{margin-bottom:24px}.mola-heading h1{font-size:30px;line-height:1.25;margin:0 0 8px}.mola-heading p{margin:0;color:var(--mola-muted);font-size:15px;line-height:1.6}.mola-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:24px}.mola-stats>a{display:flex;flex-direction:column;justify-content:center;gap:6px;background:white;border:1px solid var(--mola-line);border-radius:14px;padding:16px;min-height:86px;color:var(--mola-ink)}.mola-stats b{font-size:20px;line-height:1.2}.mola-stats span{font-size:12px;color:var(--mola-muted)}
.mola-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;border-radius:24px;background:#7053e9;color:white;padding:32px;margin-bottom:32px}.mola-hero h2{font-size:36px;line-height:1.15;margin:12px 0}.mola-hero p{font-size:15px;color:#f1ebff}.mola-hero .btn{background:white;color:#5238b2;font-size:16px}.mola-hero small{display:block;color:#f1ebff;margin-top:16px;line-height:1.5}.mola-hero-mark{display:flex;flex-direction:column;align-items:center;border:1px solid #ffffff55;border-radius:32px;width:180px;height:180px;justify-content:center;font-size:90px;font-weight:800;flex-shrink:0;background:#ffffff0a}.mola-hero-mark span{font-size:11px;letter-spacing:2px;font-weight:600}.mola-home-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px}.mola-home-grid>div,.mola-home-grid>aside{min-width:0}.mola-section{margin:0 0 32px}.mola-section .section-head>span{font-size:12px;color:var(--mola-muted)}.mola-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mola-cards.recommendations>.mola-note{grid-column:1/-1;margin:0}.mola-card{border:1px solid var(--mola-line);border-radius:var(--mola-radius);background:white;overflow:hidden;display:flex;flex-direction:column;min-width:0}.mola-cover{height:116px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;background:#f0eaff;color:#7352ca;position:relative}.mola-cover>span{font-size:52px;font-weight:600;line-height:1}.mola-cover i{font-size:9px;font-style:normal;letter-spacing:1.3px;align-self:flex-end}.cover-memory,.cover-geography{background:#e8f2f7;color:#40748a}.cover-attention,.cover-history{background:#faf0e1;color:#99652a}.cover-word{background:#f4eafa;color:#875298}.cover-science{background:#e9f4ee;color:#36775b}.cover-family{background:#f5edf8;color:#896093}.cover-race{background:#ede8f8;color:#6d509c}.mola-card-body{padding:20px;display:flex;flex-direction:column;gap:12px;flex:1}.mola-card h3{font-size:17px;line-height:1.4;margin:0}.mola-card p{font-size:13px;line-height:1.6;margin:0;color:var(--mola-muted)}.mola-card small{font-size:11px;line-height:1.5;color:var(--mola-muted)}.mola-card .btn{margin-top:auto;width:100%;font-size:13px}.mola-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;color:#665778}.mola-meta>span{background:#f6f3fa;padding:5px 8px;border-radius:7px}.mola-panel{padding:24px;background:white;border:1px solid var(--mola-line);border-radius:var(--mola-radius);margin-bottom:24px}.mola-panel h2{font-size:18px;margin-bottom:16px}.mola-panel p{color:var(--mola-muted);font-size:14px;line-height:1.65}.mola-panel progress{width:100%;height:10px;accent-color:var(--accent)}.mola-missions{list-style:none;margin:0;padding:0;display:grid;gap:16px}.mola-missions li{display:flex;align-items:center;gap:12px;justify-content:space-between}.mola-missions li>div{flex:1;min-width:0}.mola-missions strong{display:block;font-size:13px;line-height:1.5}.mola-missions small{display:block;margin-top:4px;font-size:11px;color:var(--mola-muted)}.mission-check{width:28px;height:28px;display:grid;place-items:center;background:#f2edfc;border-radius:9px;color:#6545b6;flex-shrink:0}.mola-note{font-size:12px!important;color:var(--mola-muted);line-height:1.6}.mola-family-banner{display:flex;gap:24px;align-items:center;padding:24px;background:#f4edf8;border-radius:18px;border:1px solid #e9deef}.mola-family-banner>span{font-size:64px;color:#8d68a8}.mola-family-banner p{font-size:14px;line-height:1.6;color:var(--mola-muted)}.mola-live-card{margin-top:24px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #d9ccee;background:#f1ebfa;border-radius:20px;padding:24px}.mola-live-card h2{margin:8px 0;font-size:22px}.mola-live-card p{font-size:13px;color:var(--mola-muted);margin:0}.mola-live-card>div:last-child{display:flex;gap:16px;align-items:center}.mola-live-card strong{font-size:24px;font-variant-numeric:tabular-nums;white-space:nowrap}.mola-pills{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.mola-pills span{background:#f3eff9;padding:10px 12px;border-radius:10px;font-size:13px}.mola-search{display:flex;gap:12px;margin-bottom:20px}.mola-search input{min-width:0;flex:1;border:1px solid var(--mola-line);border-radius:12px;background:white;padding:14px 16px;font-size:16px}.mola-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.mola-filters button{min-height:44px;padding:10px 14px;border-radius:12px;background:white;border:1px solid var(--mola-line);color:#5e536d;font-size:13px}.mola-filters button.selected{background:#eee8fd;color:#5939b6;border-color:#9a80db}.discover-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mola-ranks{list-style:none;padding:0;margin:0;display:grid;gap:8px}.mola-ranks li{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:12px;padding:14px 12px;border-radius:12px;background:#faf8fd;font-size:14px;align-items:center}.mola-ranks .me{background:#f0e9ff}.mola-ranks strong{min-width:0;overflow-wrap:anywhere}.mola-ranks b{white-space:nowrap;color:#6d4bbb}.mola-skill{margin:20px 0}.mola-skill>div{display:flex;justify-content:space-between;gap:16px;font-size:14px;margin-bottom:8px}.mola-skill small{display:block;font-size:11px;margin-top:6px}.mola-big-number{font-size:36px;color:#7053cd}.mola-interest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mola-interest-grid label{min-height:56px;border:1px solid var(--mola-line);border-radius:12px;padding:12px;display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.5}.mola-interest-grid label:has(:checked){background:#f4efff;border-color:#9a80db}.mola-interest-grid input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}#mola-preferences fieldset{border:0;padding:0;margin:0 0 24px}#mola-preferences legend{margin-bottom:16px;font-size:16px;font-weight:700}.mola-game{max-width:800px;margin:0 auto}.mola-game-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;font-size:13px}.mola-game-top>span:last-child{max-width:45%}.mola-timer{border:1px solid #e1d8ec;border-radius:12px;padding:10px 12px;font-variant-numeric:tabular-nums;background:#f3eff8;color:#5b4b6e;white-space:nowrap}.mola-timer.low{background:#f6edde;color:#876427;border-color:#ddc79f}.mola-game-category{font-size:12px;color:var(--mola-muted);margin:24px 0 12px}.mola-question{font-size:24px!important;line-height:1.55!important;margin:16px 0 24px!important}.mola-answers{display:grid;gap:12px}.mola-answer{display:flex;align-items:center;gap:16px;text-align:left;border:1px solid #ddd4e9;border-radius:14px;background:white;padding:16px;min-height:64px;font-size:16px;line-height:1.5;color:var(--mola-ink)}.mola-answer>b{border-radius:8px;background:#f4effc;color:#7054a7;width:32px;height:32px;display:grid;place-items:center;flex-shrink:0}.mola-answer>span{flex:1;min-width:0;overflow-wrap:anywhere}.mola-answer:hover:not(:disabled){background:#f6f1ff;border-color:#9a80db}.mola-answer.correct{background:#eff8f2;border-color:#80b29a;color:#2b6948}.mola-answer.wrong{border-color:#c18a97;background:#fbf1f4}.mola-answer:disabled{opacity:1}.mola-feedback{background:#f5f1fb;padding:20px;border-radius:14px;margin-top:20px}.mola-feedback.success{background:#f0f7f3}.mola-feedback p{margin:8px 0 16px}.mola-success{color:#347355!important}.mola-result{text-align:center;padding:24px 0}.mola-result>span{font-size:56px;color:#8a65d5}.mola-result h1{font-size:32px;margin:16px 0}.mola-result>strong{font-size:56px;color:#6b4bb6;display:block}.mola-result .mola-pills{justify-content:center}.mola-sequence{display:grid;gap:8px;padding:24px;background:#eee8fb;border-radius:14px;text-align:center;margin:24px 0}.mola-sequence strong{font-size:24px}.mola-sequence small{font-size:12px}.mola-skeleton{display:grid;gap:20px}.mola-skeleton span{height:100px;border-radius:18px;background:#eee9f5}.mola-skeleton span:nth-child(2){height:220px}
@media(max-width:1150px){.mola-home-grid{grid-template-columns:minmax(0,1fr) 240px}.mola-stats{gap:8px}.mola-stats>a{padding:12px}.mola-stats b{font-size:17px}.mola-hero-mark{width:140px;height:140px}.discover-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.mola-home-grid{grid-template-columns:minmax(0,1fr)}.mola-home-grid>aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mola-home-grid>aside .mola-panel{margin:0}.mola-live-card{flex-wrap:wrap}.mola-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.sidebar{display:none}.workspace{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.content{padding:24px 16px}.topbar{padding:12px 16px;gap:8px;min-height:68px}.top-actions{gap:8px}.exam-select{width:68px;min-height:44px;max-width:68px;font-size:12px}.avatar{flex-shrink:0}.bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;inset:auto 0 0;z-index:30;background:#fff;border-top:1px solid var(--mola-line);padding:8px 8px calc(8px + env(safe-area-inset-bottom));height:auto;box-shadow:0 -6px 20px #34235608}.bottom-nav a{min-width:0;min-height:56px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;font-size:10px;color:#74677f;border-radius:12px}.bottom-nav a>span{font-size:22px;line-height:24px;height:24px}.bottom-nav a.active{background:#f2ecfe;color:#6744b9}.bottom-nav a.play-tab{background:#7053e9;color:white;margin:0 4px}.bottom-nav a.play-tab>span{font-size:24px}.mola-heading h1{font-size:25px}.mola-heading p{font-size:14px}.mola-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mola-stats>a{min-height:76px;padding:12px}.mola-stats span{font-size:11px}.mola-stats>a:nth-child(4),.mola-stats>a:nth-child(5){grid-column:auto}.mola-hero{padding:24px;gap:12px;margin-bottom:24px}.mola-hero h2{font-size:29px}.mola-hero p{font-size:13px}.mola-hero .btn{font-size:14px;min-height:48px;padding:12px 16px}.mola-hero-mark{display:none}.mola-hero small{font-size:11px}.mola-cards{gap:12px}.mola-cover{height:90px;padding:12px}.mola-cover>span{font-size:40px}.mola-cover i{font-size:7px;letter-spacing:.7px}.mola-card-body{padding:14px;gap:10px}.mola-card h3{font-size:15px}.mola-card p{font-size:12px}.mola-card .btn{font-size:12px;padding:10px 8px;gap:6px}.mola-card small{font-size:10px}.mola-meta{gap:5px;font-size:10px}.mola-meta>span{padding:4px 6px}.mola-home-grid>aside{grid-template-columns:1fr}.mola-panel{padding:20px}.mola-family-banner{gap:16px;padding:20px}.mola-family-banner>span{font-size:42px}.mola-family-banner p{font-size:12px}.mola-family-banner .btn{font-size:12px}.mola-live-card{padding:20px;gap:16px}.mola-live-card>div:last-child{flex-wrap:wrap;gap:12px;width:100%;justify-content:space-between}.mola-live-card h2{font-size:20px}.mola-live-card .btn{font-size:12px}.mola-search{gap:8px}.mola-search input{padding:12px;font-size:16px}.mola-search .btn{padding:10px;font-size:12px}.mola-filters{gap:8px}.mola-filters button{font-size:12px;padding:9px 12px}.mola-interest-grid{grid-template-columns:1fr}.mola-game-top{gap:8px;font-size:11px}.mola-timer{padding:8px 10px;font-size:11px}.mola-question{font-size:21px!important}.mola-answer{padding:14px;gap:12px;font-size:15px;min-height:60px}.mola-feedback{padding:16px}.mola-ranks li{grid-template-columns:22px minmax(0,1fr) auto;gap:8px;padding:12px 8px;font-size:12px}.mola-result>strong{font-size:46px}.mola-result h1{font-size:27px}.mola-result .action-row{flex-direction:column}.mola-section .section-head{gap:12px;align-items:center}.mola-section .section-head h2{font-size:17px}.mola-section .section-head>a,.mola-section .section-head>span{font-size:11px;text-align:right}.party-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.party-filters label{min-width:0}.party-fields{grid-template-columns:1fr}.game-top{flex-wrap:wrap;gap:12px}.show-controls{gap:12px}.show-tools button{min-height:44px}.show-answers{gap:12px}.show-answer{min-height:60px}.lifelines button{min-height:54px}dialog{padding:20px}.content .footer{font-size:10px;line-height:1.6}#toast{bottom:calc(88px + env(safe-area-inset-bottom));z-index:50}.leader-table{font-size:12px}.leader-table th{font-size:9px}.leader-table td,.leader-table th{padding:14px 4px}.brand-name{font-size:18px}}
@media(max-width:374px){.mola-cards{grid-template-columns:1fr}.mola-card{display:grid;grid-template-columns:76px minmax(0,1fr)}.mola-cover{height:auto;flex-direction:column;justify-content:center;gap:16px;padding:12px 8px}.mola-cover i{font-size:6px;align-self:center;text-align:center}.mola-card-body{padding:16px}.mola-stats b{font-size:15px}.topbar{padding:12px}.content{padding:20px 16px}.mola-game-top .mola-timer{white-space:normal;text-align:center}.mola-live-card>div:last-child{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:650px){.mola-stats{grid-template-columns:repeat(6,minmax(0,1fr))}.mola-stats>a{grid-column:span 2}.mola-stats>a:nth-child(4),.mola-stats>a:nth-child(5){grid-column:span 3}}

@media(min-width:901px){.home-layout>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.home-layout .mola-section{grid-column:1/-1;margin:0}.home-layout .mola-section:nth-child(-n+2){grid-column:auto;display:flex;flex-direction:column}.home-layout .mola-section:nth-child(-n+2) .mola-cards{grid-template-columns:1fr;flex:1}.home-layout .recommendations>.mola-note{order:2}.home-layout .mola-section:nth-child(-n+2) .section-head{min-height:36px;gap:12px}.home-layout .mola-section:nth-child(-n+2) .section-head>a,.home-layout .mola-section:nth-child(-n+2) .section-head>span{font-size:11px}.sidebar{overflow-y:auto}.sidebar .nav a{padding-top:11px;padding-bottom:11px}}

.mola-audio-controls{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.mola-audio-controls .btn{font-size:12px;padding:10px 14px}.mola-audio-controls .btn[aria-pressed=false]{background:#f4f1f6;color:#62566f}

.text-link{display:inline-flex;align-items:center;min-height:44px}.brand{min-height:44px}.avatar{min-width:44px;min-height:44px}.nav a{min-height:44px}@media(max-width:650px){.field input,.field select,dialog input,dialog select,.party-fields input,.party-fields select,.party-filters input,.party-filters select,#party-program input,#party-program select,#party-join input{font-size:16px}.text-link{font-size:12px}.mola-game-top .text-link{font-size:11px}}

@media(max-width:650px){.exam-select{font-size:16px;width:76px;max-width:76px}}
/* Social entry and cosmetic inventory share the existing palette. */
.platform-switch{display:flex;gap:8px;padding:6px;background:#eae6f4;border-radius:16px;width:fit-content;max-width:100%;margin-bottom:24px}.platform-switch a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:12px;color:#534266;font-weight:700;font-size:13px}.platform-switch a.active{background:#fff;color:#49358d;box-shadow:0 2px 8px #30235310}.platform-welcome{margin:12px 0 32px}.platform-welcome h1{font-size:clamp(28px,4vw,40px);color:#302353;margin:12px 0}.platform-welcome p{color:#615675;line-height:1.7;max-width:600px}.platform-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.platform-choice{display:flex;flex-direction:column;gap:18px;padding:32px;border-radius:26px;min-width:0;box-shadow:0 12px 30px #30235312}.platform-choice h2{font-size:28px;line-height:1.3;margin:0;color:inherit}.platform-choice p{font-size:15px;line-height:1.8;margin:0}.platform-choice .eyebrow{font-size:11px;letter-spacing:2px}.platform-learning{background:linear-gradient(135deg,#192b47,#443170);color:#fff}.platform-gaming{background:linear-gradient(135deg,#d9f2e8,#f7e8bf);color:#214c40}.platform-icon{font-size:46px}.platform-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.platform-tags span{font-size:11px;padding:8px 10px;border:1px solid currentColor;border-radius:100px}.platform-choice strong{margin-top:8px;padding:14px 16px;border-radius:12px;background:#ffffff20}.platform-gaming strong{background:#214c40;color:#fff}.platform-choice:focus-visible{outline:3px solid #7154ca;outline-offset:5px}@media(max-width:650px){.platform-choices{grid-template-columns:1fr;gap:16px}.platform-choice{padding:24px;gap:14px}.platform-choice h2{font-size:24px}.platform-switch{width:100%}.platform-switch a{flex:1;padding:10px 8px;font-size:12px}.platform-welcome{margin-bottom:24px}.bottom-nav a{font-size:9px}}
.school-tracks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 24px}.school-tracks section{padding:18px;border:1px solid #d8d0ed;background:#fff;border-radius:18px;min-width:0}.school-tracks h2{font-size:16px;color:#302353;margin:0 0 12px}.school-tracks section>div{display:flex;flex-wrap:wrap;gap:8px}.school-tracks .btn{font-size:12px;min-height:44px;padding:10px 12px}.school-tracks .btn[aria-pressed=true]{background:#49358d;color:#fff}.school-play{padding:20px;border-radius:16px;background:#e3f3ee;border:1px solid #b6d7cc;margin:20px 0}.school-play h3{color:#214a40;margin-top:0}.school-play p,.school-play small{color:#305e51;line-height:1.6}.school-play small{display:block;margin-top:14px}.school-play .action-row{flex-wrap:wrap}@media(max-width:650px){.school-tracks{grid-template-columns:1fr}.school-tracks .btn{font-size:12px}.school-play{padding:16px}.school-play .btn{width:100%}}
.learn-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:36px;border-radius:28px;background:radial-gradient(ellipse at 90% 15%,#553cac 0,transparent 60%),linear-gradient(130deg,#172342,#30245f);color:#fff;margin-bottom:24px;box-shadow:0 12px 30px #26234318}.learn-hero h1{font-size:clamp(30px,4vw,46px);line-height:1.14;margin:12px 0 16px;letter-spacing:-1px;color:#fff}.learn-hero p{color:#e0def6;max-width:440px;line-height:1.7}.learn-hero .eyebrow{color:#b8f2dc;font-size:11px;letter-spacing:1.8px}.learn-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.learn-badges span{padding:9px 12px;border-radius:100px;background:#ffffff12;border:1px solid #ffffff30;font-size:12px;color:#fff}.learn-hero-art{display:grid;grid-template-columns:repeat(2,76px);gap:12px;transform:rotate(-9deg);padding:12px}.learn-hero-art span{display:grid;place-items:center;width:76px;height:76px;border-radius:22px;background:#baf3dd;color:#173a37;font-size:36px;font-weight:800;box-shadow:0 8px 0 #00000015}.learn-hero-art span:nth-child(2){background:#ffdc91;color:#493519;margin-top:24px}.learn-hero-art span:nth-child(3){background:#c4b6ff;color:#362563}.learn-picker{background:#f3f0ff;border:1px solid #d8cef4;box-shadow:0 8px 22px #49348c08}.learn-picker-title{display:flex;align-items:center;gap:14px;margin-bottom:24px}.learn-picker-title>span{display:grid;place-items:center;background:#fff;border-radius:16px;width:54px;height:54px;font-size:26px}.learn-picker-title h2{margin:0 0 6px;color:#302353}.learn-picker-title p{margin:0;color:#615675;font-size:14px}.learn-picker .field{color:#443661;font-weight:600}.learn-picker select{background:#fff;border:1px solid #bcb0d8;border-radius:12px;min-height:48px;color:#302353}.learn-picker select:focus-visible{outline:3px solid #7553d4;outline-offset:3px}.learn-topics-title{margin:28px 0 16px;gap:12px;flex-wrap:wrap}.learn-topics-title h2{font-size:21px;color:#302353}.learn-topics-title>span{font-size:12px;color:#615675}.learn-topic-cards .mola-card{border:1px solid #d8d0ed;box-shadow:0 6px 20px #31204d0a}.learn-topic-cards .mola-cover{background:linear-gradient(125deg,#254b72,#267f85);color:#fff;height:116px}.learn-topic-cards .mola-card:nth-child(3n+2) .mola-cover{background:linear-gradient(125deg,#50318a,#8052bd)}.learn-topic-cards .mola-card:nth-child(3n) .mola-cover{background:linear-gradient(125deg,#805029,#ad6334)}.learn-topic-cards .mola-cover i{color:#fff}.learn-topic-cards .mola-card-body{background:#fff}.learn-topic-cards .mola-card h3{color:#302353}.learn-topic-cards .mola-card .btn{background:#49358d;color:#fff}.learn-topic-cards .mola-card .btn:focus-visible{outline:3px solid #21756f;outline-offset:3px}.learn-home-section{padding:24px;border-radius:24px;background:linear-gradient(120deg,#eeebfb,#e7f5f2);border:1px solid #d4cee9}.learn-home-section .section-head h2{color:#302353}.learn-home-section .mola-cover{background:linear-gradient(125deg,#243e67,#5d3d94);color:#fff}.learn-home-section .mola-cover i{color:#fff}@media(max-width:650px){.learn-hero{padding:24px;gap:10px;border-radius:22px}.learn-hero-art{grid-template-columns:50px;gap:8px;padding:0}.learn-hero-art span{width:50px;height:50px;border-radius:15px;font-size:25px}.learn-hero-art span:nth-child(2){margin:0}.learn-hero h1{font-size:30px}.learn-hero p{font-size:13px}.learn-badges{gap:6px;margin-top:18px}.learn-badges span{padding:7px 9px;font-size:11px}.learn-picker-title p{font-size:12px}.learn-picker-title h2{font-size:18px}.learn-topic-cards .mola-cover{height:94px}.learn-home-section{padding:16px}.learn-topics-title h2{font-size:18px}}
.social-notifications{position:fixed;right:16px;bottom:90px;z-index:50;width:min(360px,calc(100vw - 32px));max-height:45vh;overflow:auto;display:grid;gap:8px}.social-notifications:empty{display:none}.social-notifications .panel{box-shadow:0 8px 25px #24233724}.social-notifications .btn{min-height:44px}.host-settings{max-height:85vh;overflow:auto;max-width:min(680px,calc(100vw - 24px))}#social-dialog .weekly-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}#social-dialog .wide-card{padding:18px}.player-frame.frame-purple{border:2px solid #7053e9}.player-frame.frame-gold{border:2px solid #b88920}#social-directory .panel{min-width:0;overflow-wrap:anywhere}#social-directory button{min-height:44px}

.platform-learning .eyebrow{color:#b8f2dc}.platform-gaming .eyebrow{color:#315e4f}.platform-welcome .eyebrow{color:#665381}
.study-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.study-summary span{padding:14px 10px;border-radius:18px;background:#eee9ff;color:#423273;text-align:center;font-size:13px}.study-summary strong{display:block;font-size:25px}.study-actions small,.study-resume small,.study-map small{display:block;margin-top:12px;line-height:1.55;color:#666}.study-daily{background:linear-gradient(145deg,#f1ebff,#fff)}.study-review{background:linear-gradient(145deg,#fff3e5,#fff)}.study-actions progress{display:block;width:100%;margin:14px 0}.study-actions .btn{margin-top:8px}.study-resume{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:16px 0;text-decoration:none;border-bottom:1px solid #ece8f5;color:#4c338a}.study-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.study-topic{padding:18px;border:1px solid #e6e0f5;border-radius:18px;background:#faf8ff;min-width:0}.study-topic h3{overflow-wrap:anywhere}.study-topic progress{width:100%;margin-bottom:12px}.study-state{font-size:12px;padding:5px 9px;border-radius:12px;background:#e8e0fb;color:#573c84}.study-topic.started .study-state{background:#fff0ca;color:#805312}.study-topic.mastered .study-state{background:#d8f4e4;color:#206442}.study-map summary{font-size:19px;font-weight:750;cursor:pointer}.study-map input{width:100%}@media(max-width:550px){.study-topic-grid{grid-template-columns:1fr}.study-summary span{font-size:11px}.study-resume{flex-wrap:wrap}.study-actions{grid-template-columns:1fr}}
.study-actions .eyebrow{color:#70538d}.study-review .eyebrow{color:#865c27}