@import url(https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;700&family=Poppins:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;600&family=Poppins:wght@400;600;700&display=swap);:root{--font-body:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--font-heading:"Baloo 2",cursive;--font-size-body:16px;--font-size-small:14px;--font-size-h1:clamp(28px,4vw,40px);--font-size-h2:clamp(22px,3vw,28px);--font-size-h3:clamp(18px,2.2vw,22px);--color-page:#f7faff;--color-surface:#fff;--color-elevated:#ffffffd9;--color-text:#0f172a;--color-text-secondary:#475569;--color-border:#e5e7eb;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:#3b82f6;--color-secondary:#f1f5f9;--color-secondary-hover:#eaeff6;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--color-danger-strong:#b91c1c;--color-danger-hover:#991b1b;--color-info:#2563eb;--color-focus:#174c9b;--color-accent:#facc15;--color-playful:#7c3aed;--color-sky:#a5f3fc;--color-sand:#fef9c3;--color-green:#10b981;--color-green-dark:#059669;--color-ink-900:#111827;--color-ink-700:#374151;--color-ink-600:#4b5563;--color-ink-500:#6b7280;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-compact:10px;--section-gap:var(--space-6);--page-gutter:clamp(16px,4vw,32px);--radius-small:8px;--radius-control:12px;--radius-card:16px;--radius-roomy:20px;--radius-playful:22px;--radius-pill:999px;--shadow-small:0 2px 8px #00000014;--shadow-card:0 6px 16px #0000001f;--shadow-soft:0 8px 24px #10182814;--shadow-elevated:0 12px 32px #10182829;--motion-fast:120ms;--motion-normal:200ms;--motion-slow:300ms;--motion-easing:ease;--content-width:1100px;--form-width:480px;--control-target:48px;--brand:var(--color-primary-light);--brand-dark:var(--color-primary-hover);--accent:var(--color-accent);--success:var(--color-success);--danger:var(--color-danger);--warning:var(--color-warning);--bg:var(--color-page);--surface:var(--color-surface);--muted:var(--color-secondary);--border:var(--color-border);--shadow:var(--shadow-soft);--text:var(--color-text);--text-muted:var(--color-text-secondary);--link:var(--color-primary);--r-xs:var(--radius-small);--r-sm:var(--radius-control);--r-md:var(--radius-card);--r-lg:var(--radius-roomy);--pad-sm:var(--space-compact);--pad-md:var(--space-4);--pad-lg:var(--space-5);--h1:var(--font-size-h1);--h2:var(--font-size-h2);--h3:var(--font-size-h3);--body:var(--font-size-body);--small:var(--font-size-small);--brand-sky:var(--color-sky);--brand-sand:var(--color-sand);--brand-blue:var(--color-primary);--brand-blue-dark:var(--color-primary-hover);--brand-green:var(--color-green);--brand-green-dark:var(--color-green-dark);--ink-900:var(--color-ink-900);--ink-700:var(--color-ink-700);--ink-600:var(--color-ink-600);--ink-500:var(--color-ink-500);--white:var(--color-surface);--glass:var(--color-elevated);--shadow-sm:var(--shadow-small);--shadow-md:var(--shadow-card);--radius-lg:var(--radius-card);--radius-xl:var(--radius-playful)}#root,body,html{height:100%}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.h1,h1{font-size:var(--h1);margin:0 0 10px}.h1,.h2,h1,h2{font-family:Baloo\ 2,cursive}.h2,h2{font-size:var(--h2);margin:0 0 8px}.h3,h3{font-family:Baloo\ 2,cursive;font-size:var(--h3);margin:0 0 6px}p{color:var(--text);font-size:var(--body);margin:0 0 12px}.muted,small{color:var(--text-muted);font-size:var(--small)}a{color:var(--link)}a:hover{text-decoration:underline}.container{margin:0 auto;width:min(1100px,92%)}.section{padding:24px 0}.grid{grid-gap:16px;gap:16px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:var(--pad-lg)}.btn{align-items:center;border:1px solid #0000;border-radius:var(--r-md);cursor:pointer;display:inline-flex;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:transform .12s ease,box-shadow .12s ease,background .2s ease,color .2s ease;-webkit-user-select:none;user-select:none}.btn:active{transform:translateY(1px) scale(.99)}.btn-primary{background:linear-gradient(180deg,var(--brand),var(--brand-dark));box-shadow:0 6px 18px #2563eb59;color:#fff}.btn-primary:hover{filter:brightness(1.05)}.btn-secondary{background:var(--muted);border-color:var(--border);color:var(--text)}.btn-secondary:hover{background:#eaeff6}.btn-danger{background:var(--danger);color:#fff}.btn-warning{background:var(--warning);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-ghost{background:#0000;border-color:var(--border);color:var(--text)}.btn-icon{height:38px;padding:0;width:38px}.badge{align-items:center;background:var(--muted);border:1px solid var(--border);color:var(--text-muted);display:inline-flex;font-size:13px;padding:4px 10px}.level-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(52px,1fr))}.level-btn{align-items:center;aspect-ratio:1/1;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);display:inline-flex;justify-content:center;transition:transform .12s ease,background .2s ease,border-color .2s ease}.level-btn:hover{transform:translateY(-2px)}.level-btn.locked{background:#f9fafb;border-style:dashed;color:var(--text-muted)}.level-btn.premium:after{color:var(--accent);content:"♦";font-size:14px}.header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:20}.header-inner{justify-content:space-between;padding:14px 20px}.brand,.header-inner{align-items:center;display:flex}.brand{gap:10px}.brand img{height:34px}.nav{align-items:center;display:flex;gap:10px}.nav a{border-radius:var(--r-sm);color:var(--text-muted);padding:8px 12px}.nav a.active,.nav a:hover{background:var(--muted);color:var(--text)}.hero{background:radial-gradient(120% 120% at 10% 0,#eef6ff 0,#fff 60%);padding:32px 0 20px}.hero .title{font-size:var(--h1)}.hero .subtitle{color:var(--text-muted);max-width:700px}.footer{background:var(--surface);border-top:1px solid var(--border);margin-top:24px}.footer-inner{justify-content:space-between;padding:16px 20px}.footer-inner,.modal-overlay{align-items:center;display:flex}.modal-overlay{background:#02061780;inset:0;justify-content:center;position:fixed;z-index:1000}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:20px;width:min(520px,92%)}.modal header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.modal .actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.mt-1{margin-top:8px}.mt-2{margin-top:12px}.mt-3{margin-top:16px}.mt-4{margin-top:24px}.mb-2{margin-bottom:12px}.mb-3{margin-bottom:16px}.mb-4{margin-bottom:24px}.center{align-items:center;display:flex;justify-content:center}.stat-card{grid-gap:8px;display:grid;gap:8px}.stat-value{font-size:24px;font-weight:700}.stat-delta.up{color:var(--success)}.stat-delta.down{color:var(--danger)}body{background:linear-gradient(135deg,#e0f7fa,#fff3e0);font-family:Comic Sans MS,Arial,sans-serif;margin:0}a{color:#333;text-decoration:none}ul{list-style:none;padding:0}.admin-users{min-width:0}.admin-users-filters{align-items:end;display:flex;flex-wrap:wrap;gap:14px;margin:24px 0}.admin-users label{display:flex;flex-direction:column;font-size:.9rem;gap:6px;min-width:0}.admin-users :is(input,select,button){background:#fff;background:var(--color-surface,#fff);border:1px solid #b7c6d8;border:1px solid var(--color-border,#b7c6d8);border-radius:8px;box-sizing:border-box;font:inherit;max-width:100%;padding:10px 12px}.admin-users button{cursor:pointer}.admin-users button:disabled{cursor:not-allowed;opacity:.6}.admin-users-table{background:#fff;background:var(--color-surface,#fff);border-collapse:collapse;font-size:.85rem;table-layout:fixed;width:100%}.admin-users-table :is(th,td){border-bottom:1px solid #dbe3ed;border-bottom:1px solid var(--color-border,#dbe3ed);overflow-wrap:anywhere;padding:14px 10px;text-align:left;vertical-align:top}.admin-users-table thead{background:#edf3fc}.admin-users-table small{display:block;font-weight:400;margin-top:6px}.admin-users-table details{font-weight:400;margin-top:8px}.admin-users-table summary{cursor:pointer}.admin-users-table code{overflow-wrap:anywhere}.admin-users-actions{display:flex;flex-wrap:wrap;gap:8px}.admin-users-mobile-label{display:none}.admin-users-dialog{border:1px solid #b7c6d8;border:1px solid var(--color-border,#b7c6d8);border-radius:12px;box-sizing:border-box;color:#17243b;color:var(--color-text,#17243b);max-height:90dvh;overflow:auto;padding:24px;width:min(440px,calc(100% - 32px))}.admin-users-dialog::backdrop{background:#0f1e3773}.admin-users-dialog form{grid-gap:16px;display:grid;gap:16px}.admin-users-dialog :is(h2,p){margin:0;overflow-wrap:anywhere}@media(max-width:1000px){.admin-users-filters{align-items:stretch}.admin-users-filters label{flex:1 1 150px}.admin-users-filters label:first-child{flex-basis:100%}.admin-users-table,.admin-users-table tbody{display:block}.admin-users-table caption{display:block;padding:10px 0}.admin-users-table thead{display:none}.admin-users-table tr{border:1px solid #dbe3ed;border:1px solid var(--color-border,#dbe3ed);border-radius:12px;display:block;margin-bottom:16px;padding:12px}.admin-users-table :is(th,td){border:0;display:block;padding:8px 0}.admin-users-mobile-label{color:#52637a;display:block;font-size:.75rem}.admin-users-table .admin-users-actions button{flex:1 1}.admin-users-dialog{padding:18px}}.admin-statistics{color:#25324a;min-width:0}.admin-statistics h2{font-size:1.25rem;margin-top:0}.admin-statistics p{line-height:1.6;overflow-wrap:anywhere}.admin-statistics-controls{align-items:start;display:flex;gap:24px;justify-content:space-between}.admin-statistics-controls>div{max-width:760px}.admin-statistics label{grid-gap:8px;display:grid;flex-shrink:0;gap:8px}.admin-statistics button,.admin-statistics select{background:#fff;border:1px solid #8793aa;border-radius:8px;color:#25324a;font:inherit;min-height:44px;padding:12px}.admin-statistics-note{background:#edf0f7;border-radius:8px;padding:12px 16px}.admin-statistics-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}.admin-statistics-cards>div,.admin-statistics-panel{background:#fff;border:1px solid #dce1eb;border-radius:12px;min-width:0;padding:20px}.admin-statistics-cards dd{font-size:1.75rem;font-weight:700;margin:12px 0 0}.admin-statistics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.admin-statistics-chart{height:280px;min-width:0;width:100%}.admin-statistics table{border-collapse:collapse;table-layout:fixed;width:100%}.admin-statistics td,.admin-statistics th{border-bottom:1px solid #dce1eb;overflow-wrap:anywhere;padding:12px 4px;text-align:left}.admin-statistics td:last-child,.admin-statistics th:last-child{text-align:right;width:75px}.admin-statistics summary{cursor:pointer;padding:12px 0}.admin-statistics :focus-visible{outline:3px solid #5265ad;outline-offset:3px}@media (max-width:1000px){.admin-statistics-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:700px){.admin-statistics-controls{flex-direction:column;gap:8px}.admin-statistics-panel{padding:14px}}.ms-ui-button,.ms-ui-card,.ms-ui-container,.ms-ui-state{box-sizing:border-box;font-family:var(--font-body);font-size:var(--font-size-body)}.ms-ui-button{align-items:center;border:2px solid #0000;border-radius:var(--radius-control);cursor:pointer;display:inline-flex;font-weight:600;gap:var(--space-2);justify-content:center;line-height:1.4;min-height:var(--control-target);min-width:var(--control-target);padding:var(--space-3) var(--space-5);transition:background-color var(--motion-normal) var(--motion-easing),box-shadow var(--motion-fast) var(--motion-easing)}.ms-ui-button--primary{background:var(--color-primary);color:var(--color-surface)}.ms-ui-button--primary:hover:not(:disabled){background:var(--color-primary-hover)}.ms-ui-button--secondary{background:var(--color-secondary);border-color:var(--color-border);color:var(--color-text)}.ms-ui-button--ghost:hover:not(:disabled),.ms-ui-button--secondary:hover:not(:disabled){background:var(--color-secondary-hover)}.ms-ui-button--ghost{background:#0000;border-color:var(--color-border);color:var(--color-primary-hover)}.ms-ui-button--danger{background:var(--color-danger-strong);color:var(--color-surface)}.ms-ui-button--danger:hover:not(:disabled){background:var(--color-danger-hover)}.ms-ui-button:active:not(:disabled){box-shadow:inset 0 0 0 2px currentColor}.ms-ui-button:disabled{cursor:not-allowed;opacity:.65}.ms-ui-button:focus-visible,.ms-ui-focus:focus-visible{box-shadow:0 0 0 3px var(--color-surface);outline:3px solid var(--color-focus);outline-offset:3px}.ms-ui-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);color:var(--color-text);padding:var(--space-5)}.ms-ui-container{margin-inline:auto;max-width:calc(var(--content-width) + var(--page-gutter)*2);padding-inline:var(--page-gutter);width:100%}.ms-ui-container--narrow{max-width:calc(var(--form-width) + var(--page-gutter)*2)}.ms-ui-state{-webkit-border-start:4px solid var(--color-info);background:var(--color-surface);border:1px solid var(--color-border);border-inline-start:4px solid var(--color-info);border-radius:var(--radius-control);color:var(--color-text);padding:var(--space-4)}.ms-ui-state--success{border-inline-start-color:var(--color-success)}.ms-ui-state--warning{border-inline-start-color:var(--color-warning)}.ms-ui-state--error{border-inline-start-color:var(--color-danger)}.ms-ui-state .ms-ui-state-title{color:var(--color-text);font-family:var(--font-heading);font-size:var(--font-size-h3);margin:0 0 var(--space-2)}.ms-ui-state .ms-ui-state-message{color:var(--color-text-secondary);font:inherit;margin:0}.ms-ui-state-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}@media (prefers-reduced-motion:reduce){.ms-ui-button{transition:none}}.quantity{display:flex;flex-wrap:wrap;gap:6px;max-width:280px;padding:12px}.quantity>[role=img]{font-size:24px;min-width:24px}.quantity.spread{gap:14px}.quantity-numeral{font-size:2rem}.quantity-pair{display:flex;gap:20px;justify-content:space-around}.placement-target{border-style:dashed!important}.placement-target.over{outline:4px solid #174dba}.placement-select [aria-pressed=true]{outline:3px solid #174dba}.category-game{background:#fff;border-radius:16px;color:#152f31;margin:2rem auto;max-width:960px;padding:24px}.category-game button:not(.ms-ui-button){background:#eff7f4;border:2px solid #386b60;border-radius:10px;color:#153d38;cursor:pointer;font:inherit;margin:6px;min-height:48px;min-width:64px;padding:12px 18px}.category-game button:not(.ms-ui-button):focus-visible{outline:4px solid #174dba;outline-offset:3px}.category-game button:not(.ms-ui-button):disabled{cursor:default;opacity:.65}.pictograph{display:flex;gap:20px;margin:24px 0}.pictograph.rows{flex-direction:column}.pictograph section{border:1px solid #78958c;border-radius:8px;min-width:0;padding:12px}.pictograph h3{font-size:1rem;margin:0 0 10px}.marks{display:flex;flex-wrap:wrap;gap:5px}.mark{font-size:24px;height:32px;text-align:center;width:28px}.pictograph.columns{justify-content:space-around}.pictograph.columns .marks{align-items:center;flex-direction:column}.category-select{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.category-game .guidance{background:#f0f5fb;border-radius:8px;padding:16px}@media (max-width:480px){.category-game{margin:8px;padding:12px}.pictograph{gap:6px}.pictograph section{padding:6px}}.qualified-presentation{background:#fff;border:1px solid #bccdd8;border-radius:12px;box-sizing:border-box;color:#17334a;margin:16px auto;max-width:900px;min-width:0;overflow-wrap:anywhere;padding:20px}.qualified-presentation *{box-sizing:border-box}.qualified-presentation .bm-fields{grid-gap:12px;border:1px solid #bccdd8;border-radius:8px;display:grid;gap:12px;margin:12px 0;padding:12px}.qualified-presentation .bm-fields legend{max-width:100%;padding:0 4px}.qualified-presentation .bm-response{margin-top:20px}.qualified-presentation .bm-model{margin:8px 0}.qualified-presentation .bm-model>div{grid-gap:8px;border-bottom:1px solid #e0e8ed;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) minmax(0,2fr);padding:6px}.qualified-presentation .bm-model dt{font-weight:600}.qualified-presentation .bm-model dd{margin:0;min-width:0}.qualified-presentation .bm-list{padding-left:22px}.qualified-presentation .bm-table{margin:12px 0;max-width:100%;overflow-x:auto}.qualified-presentation .bm-table table{border-collapse:collapse;width:100%}.qualified-presentation .bm-table :is(th,td){border:1px solid #607d91;padding:8px}.qualified-presentation .bm-data-bar{margin:12px 0}.qualified-presentation .bm-data-bar>div{background:#28799b;min-height:14px}.qualified-presentation .bm-geometry svg,.qualified-presentation .bm-point svg{margin:12px auto;max-width:320px}@media (max-width:480px){.qualified-presentation .bm-model>div{grid-template-columns:minmax(0,1fr)}}.qualified-presentation h2{font-size:1.35rem;margin:0 0 16px}.qualified-presentation h3{font-size:1rem}.qualified-presentation svg{display:block;height:auto;width:100%}.qualified-presentation svg text{fill:#17334a;font:17px sans-serif}.qualified-presentation figure{margin:16px 0}.qualified-presentation figcaption{margin-bottom:12px}.qualified-presentation button,.qualified-presentation input,.qualified-presentation select{font:inherit;max-width:100%;min-height:44px}.qualified-presentation button{overflow-wrap:anywhere;white-space:normal}.qualified-presentation :is(button,input,select,[tabindex]):focus-visible{outline:3px solid #006eb8;outline-offset:3px}.qualified-presentation label{display:flex;flex-direction:column;gap:6px;min-width:0}.qualified-presentation input,.qualified-presentation select{border:1px solid #607d91;border-radius:4px;padding:8px;width:100%}.qualified-presentation fieldset{border:0;margin:0;min-width:0;padding:0}.qualified-presentation .qp-controls{align-items:end;display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.qualified-presentation .qp-controls>*{flex:1 1 120px}.qualified-presentation .qp-axis{stroke:#17334a;stroke-width:2}.qualified-presentation .qp-line circle{fill:#006eb8}.qualified-presentation .qp-measured{stroke:#a24b16;stroke-width:9}.qualified-presentation .qp-fraction{border:3px solid #17334a;display:grid;margin:16px 0;min-height:75px}.qualified-presentation .qp-fraction>span{border-right:1px solid #17334a;display:grid;place-items:center}.qualified-presentation .qp-fraction>span:last-child{border-right:0}.qualified-presentation .qp-fraction [data-selected=true]{background:#c4e7f7}.qualified-presentation .qp-containers,.qualified-presentation .qp-groups{display:flex;flex-wrap:wrap;gap:12px}.qualified-presentation .qp-group{border:2px solid #2b657d;flex:0 1 145px;min-width:0;padding:8px}.qualified-presentation .qp-leftovers{border-top:2px dashed #607d91;margin-top:16px}.qualified-presentation .quantity{flex-wrap:wrap;max-width:100%}.qualified-presentation .qp-grid-line{stroke:#c4cdd3;stroke-width:1}.qualified-presentation .qp-bar{fill:#28799b}.qualified-presentation .qp-graph{max-width:100%;overflow-x:auto}.qualified-presentation .qp-graph svg{min-width:500px}.qualified-presentation .qp-category-key{padding-left:24px}.qualified-presentation .qp-unit-grid{border:2px solid #17334a;display:grid;margin:16px auto;width:min(100%,320px)}.qualified-presentation .qp-unit-grid>span{border:1px solid #8099a8}.qualified-presentation .qp-area>span{background:#c4e7f7}.qualified-presentation .qp-perimeter{border:5px solid #006eb8}.qualified-presentation .qp-exterior{stroke:#17334a;stroke-width:.08}.qualified-presentation .qp-internal{stroke:#8193a0;stroke-width:.025;stroke-dasharray:.12 .08}.qualified-presentation .qp-boundary svg{margin:auto;max-width:360px}.qualified-presentation .qp-container{border:2px solid #607d91;border-radius:0 0 16px 16px;border-top:0;display:flex;flex-direction:column;gap:8px;min-width:110px;padding:14px}.qualified-presentation .qp-container[data-selected=true]{background:#e0f2fa}.qualified-presentation .qp-angle svg{margin:auto;max-width:320px}.qualified-presentation .qp-angle line{stroke:#17334a;stroke-width:.06;stroke-linecap:round}.qualified-presentation .qp-angle circle{fill:#17334a}.qualified-presentation .ga-visual{display:inline-block;max-width:100%;width:140px}.qualified-presentation .ga-shape{fill:#d8edf5;stroke:#17334a;stroke-width:2}.qualified-presentation .ga-cut{fill:none;stroke:#17334a;stroke-width:3}.qualified-presentation .ga-outline{fill:none;stroke:#17334a;stroke-width:2;stroke-dasharray:4 3}.qualified-presentation .ga-piece{fill:#d8edf5;stroke:#17334a;stroke-width:1.5}.qualified-presentation .ga-piece-1,.qualified-presentation .ga-piece-3{fill:#fff}.qualified-presentation .ga-piece-label{text-anchor:middle;dominant-baseline:central}.qualified-presentation .ga-controls{display:flex;flex-wrap:wrap;gap:12px}.qualified-presentation .ga-controls>section{flex:1 1 160px;min-width:0}.qualified-presentation .vv-raw{display:flex;flex-wrap:wrap;gap:12px}.qualified-presentation .vv-table-wrap{max-width:100%;overflow-x:auto}.qualified-presentation .connection-select button{max-width:calc(100% - 12px)}.qualified-presentation .qp-attention-target{border:2px solid #17334a;border-radius:12px;padding:12px}.qualified-presentation .qp-attention-notes{border-top:2px dashed #607d91;margin-top:20px;padding-top:12px}.qualified-presentation :is(.qp-attention-target,.qp-attention-notes) .qp-area{border:0;outline:2px solid #17334a}@media (max-width:480px){.qualified-presentation{padding:14px}.qualified-presentation .qp-controls>*{flex-basis:100%}.qualified-presentation .qp-line{min-width:450px}.qualified-presentation .qp-scroll{max-width:100%;overflow-x:auto;padding-bottom:8px}}.connection-select button{background:#eff7f4;border:2px solid #386b60;border-radius:10px;color:#153d38;font:inherit;margin:6px;min-height:48px;min-width:64px;padding:12px}.connection-select button:focus-visible{outline:4px solid #174dba;outline-offset:3px}.connection-select button.over,.connection-select button[aria-pressed=true]{outline:3px solid #174dba}.connection-select button:disabled{opacity:.65}.connection-endpoints{display:flex;gap:24px;justify-content:space-between}.connection-endpoints>div{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;min-width:0}.connection-select li{margin:8px 0}@media (max-width:480px){.connection-endpoints{gap:8px}.connection-select button{margin:4px;padding:8px}}.ms-activity .ms-activity-prompt,.ms-activity .ms-activity-title{color:var(--color-text);font-family:var(--font-heading);overflow-wrap:anywhere}.ms-activity .ms-activity-title{font-size:var(--font-size-h1);margin:0 0 var(--space-5)}.ms-activity .ms-activity-prompt{font-size:var(--font-size-h2);margin:var(--space-5) 0 var(--space-4)}.ms-activity .ms-activity-levels{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}.ms-activity .ms-activity-levels .ms-ui-button{max-width:100%;overflow-wrap:anywhere}.ms-activity .ms-activity-level--complete{border-color:var(--color-success)}.ms-activity .ms-activity-levels [aria-current=step]{background:var(--color-page);border-color:var(--color-primary);box-shadow:inset 0 -3px var(--color-primary);color:var(--color-primary-hover)}.ms-activity .ms-activity-meta{color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font:var(--font-size-small) var(--font-body);gap:var(--space-2) var(--space-4);justify-content:space-between}.ms-activity .ms-activity-meta p{margin:0}.ms-activity .ms-activity-progress{accent-color:var(--color-primary);-webkit-appearance:none;appearance:none;background:var(--color-border);border:0;border-radius:var(--radius-pill);color:var(--color-primary);display:block;height:var(--space-2);margin:var(--space-3) 0 var(--space-5);width:100%}.ms-activity .ms-activity-progress::-webkit-progress-bar{background:var(--color-border);border-radius:var(--radius-pill)}.ms-activity .ms-activity-progress::-webkit-progress-value{background:var(--color-primary);border-radius:var(--radius-pill)}.ms-activity .ms-activity-progress::-moz-progress-bar{background:var(--color-primary);border-radius:var(--radius-pill)}.ms-activity .ms-activity-completion,.ms-activity .ms-activity-feedback,.ms-activity .ms-activity-hint,.ms-activity .ms-activity-notice{-webkit-border-start:4px solid var(--color-info);background:var(--color-page);border-inline-start:4px solid var(--color-info);border-radius:var(--radius-control);box-sizing:border-box;color:var(--color-text);font:var(--font-size-body)/1.6 var(--font-body);margin:var(--space-4) 0;overflow-wrap:anywhere;padding:var(--space-4)}.ms-activity .ms-activity-feedback:empty{border:0;margin:0;padding:0}.ms-activity .ms-activity-completion,.ms-activity .ms-activity-feedback--success{border-color:var(--color-success)}.ms-activity .ms-activity-feedback--retry,.ms-activity .ms-activity-notice{border-color:var(--color-warning)}.ms-activity .ms-activity-notice{color:var(--color-text-secondary);font-size:var(--font-size-small)}.ms-activity .ms-activity-action{margin-block:var(--space-2);max-width:100%;overflow-wrap:anywhere;white-space:normal}.ms-activity .vv-controls,.ms-activity .vv-stimulus{min-width:0;overflow-wrap:anywhere}.ms-activity .vv-stimulus h2{font-family:var(--font-heading);font-size:var(--font-size-h2)}.ms-activity .vv-stimulus h3{font-size:1rem}.ms-activity .vv-stimulus p{line-height:1.7}.ms-activity .vv-choices,.ms-activity .vv-raw{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-block:var(--space-4)}.ms-activity .vv-observation{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-2)}.ms-activity .vv-raw-group{margin-block:var(--space-3)}.ms-activity .vv-table-wrap{margin-block:var(--space-3);max-width:100%}.ms-activity .vv-table{background:var(--color-surface);border-collapse:collapse;table-layout:fixed;width:100%}.ms-activity .vv-graph figcaption,.ms-activity .vv-table caption{font-weight:600;padding-block:var(--space-2);text-align:left}.ms-activity .vv-table td,.ms-activity .vv-table th{border:1px solid var(--color-border);overflow-wrap:anywhere;padding:var(--space-2);text-align:left}.ms-activity .vv-table th{color:var(--color-text)}.ms-activity .vv-icons{color:var(--color-primary);display:flex;flex-wrap:wrap;font-size:1.25rem;gap:5px}.ms-activity .vv-tally{align-items:center;display:inline-flex;flex-wrap:wrap;gap:3px;max-width:100%}.ms-activity .vv-tally svg{stroke:var(--color-text);stroke-width:2;height:40px;max-width:100%;width:42px}.ms-activity .vv-graph{margin:var(--space-3) 0;min-width:0}.ms-activity .vv-bars{display:block;height:auto;max-width:440px;width:100%}.ms-activity .vv-bars text{fill:var(--color-text);font:13px var(--font-body)}.ms-activity .vv-gridline{stroke:var(--color-border);stroke-width:1}.ms-activity .vv-bar{fill:var(--color-primary)}.ms-activity .vv-choice{border:1px solid var(--color-border);border-radius:var(--radius-card);flex:1 1 270px;max-width:100%;min-width:0;padding:var(--space-3)}.ms-activity .vv-choices>button{max-width:100%;overflow-wrap:anywhere;white-space:normal}.ms-activity .vv-classify{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));margin-bottom:var(--space-4)}.ms-activity .vv-classify>div{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.ms-activity .vv-controls select{background:var(--color-surface);box-sizing:border-box;color:var(--color-text);font:inherit;max-width:100%;min-height:44px}.ms-activity .vv-controls select:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.ms-activity .vv-extra{grid-gap:var(--space-2);border:1px solid var(--color-border);display:grid;gap:var(--space-2);margin-block:var(--space-3);min-width:0;padding:var(--space-3)}@media (max-width:639px){.ms-activity .vv-choice,.ms-activity .vv-choices>button{flex:1 1 100%}}.ms-activity .ol-stimulus{min-width:0;overflow-wrap:anywhere}.ms-activity .ol-stimulus h2{font-family:var(--font-heading);font-size:var(--font-size-h2)}.ms-activity .ol-stimulus p{line-height:1.7}.ms-activity .ol-clock{display:block;height:auto;margin-block:var(--space-3);max-width:100%;width:200px}.ms-activity .ol-clock-face,.ms-activity .ol-ruler-base{fill:var(--color-surface);stroke:var(--color-text);stroke-width:2}.ms-activity .ol-clock-number{fill:var(--color-text);text-anchor:middle;dominant-baseline:central;font:15px var(--font-body)}.ms-activity .ol-hour-hand{stroke:var(--color-text);stroke-width:6;stroke-linecap:round}.ms-activity .ol-minute-hand{stroke:var(--color-primary);stroke-width:3;stroke-linecap:round}.ms-activity .ol-clock-center{fill:var(--color-text)}.ms-activity .ol-ruler{display:block;height:auto;max-width:100%;width:440px}.ms-activity .ol-tick{stroke:var(--color-text);stroke-width:1.5}.ms-activity .ol-tick-label,.ms-activity .ol-unit{fill:var(--color-text);text-anchor:middle;font:13px var(--font-body)}.ms-activity .ol-measured{fill:var(--color-primary-light);stroke:var(--color-text)}.ms-activity .ol-actions,.ms-activity .ol-choices,.ms-activity .ol-selected-tokens{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-block:var(--space-3)}.ms-activity .ol-choices>button{max-width:100%;overflow-wrap:anywhere;white-space:normal}.ms-activity .ol-timeline{display:flex;flex-wrap:wrap;gap:var(--space-4);line-height:1.8;padding-left:var(--space-5)}.ms-activity .ol-money-panels fieldset,.ms-activity .ol-time-controls{border:1px solid var(--color-border);border-radius:var(--radius-card);margin-block:var(--space-3);min-width:0;padding:var(--space-3)}.ms-activity .ol-time-controls{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.ms-activity .ol-align select,.ms-activity .ol-context select,.ms-activity .ol-set-clock select,.ms-activity .ol-time-controls select{box-sizing:border-box;font:inherit;margin:var(--space-2);max-width:100%;min-height:44px}.ms-activity .ol-actions [aria-pressed=true],.ms-activity .ol-choices [aria-pressed=true]{border:2px solid var(--color-primary)}.ms-activity .ol-align select:focus-visible,.ms-activity .ol-context select:focus-visible,.ms-activity .ol-time-controls select:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.ms-activity .ol-token{align-items:center;border:2px solid var(--color-primary);border-radius:50%;display:inline-flex;font-size:1.5rem;justify-content:center;min-height:64px;min-width:64px}.ms-activity .ol-time-copy{font-size:1.3rem}@media (max-width:639px){.ms-activity .ol-choices>button{flex:1 1 100%}}.ms-activity .ga-compose,.ms-activity .ga-stimulus{min-width:0;overflow-wrap:anywhere}.ms-activity .ga-stimulus h2{font-family:var(--font-heading);font-size:var(--font-size-h2)}.ms-activity .ga-clues,.ms-activity .ga-stimulus p{line-height:1.7}.ms-activity .ga-visual{display:inline-block;max-width:100%;text-align:center;vertical-align:middle;width:140px}.ms-activity .ga-visual svg{display:block;height:auto;width:100%}.ms-activity .ga-piece,.ms-activity .ga-shape{fill:var(--color-primary-light);stroke:var(--color-text);stroke-width:1.5}.ms-activity .ga-face-light{fill:var(--color-surface)}.ms-activity .ga-face-dark{fill:var(--color-primary)}.ms-activity .ga-hidden-edge{fill:none;stroke-dasharray:4 3}.ms-activity .ga-cut{stroke:var(--color-text);stroke-width:2;stroke-dasharray:5 3}.ms-activity .ga-outline{fill:none;stroke:var(--color-text);stroke-width:2;stroke-dasharray:4 3}.ms-activity .ga-piece-1,.ms-activity .ga-piece-3{fill:var(--color-surface)}.ms-activity .ga-piece-label{fill:var(--color-text);text-anchor:middle;dominant-baseline:central;font:12px var(--font-body)}.ms-activity .ga-composition-preview{display:block;height:auto;max-width:100%;width:260px}.ms-activity .ga-choices,.ms-activity .ga-layouts,.ms-activity .ga-pair,.ms-activity .ga-piece-list,.ms-activity .ga-rotate{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);margin-block:var(--space-3)}.ms-activity .ga-pair>div{display:flex;flex-direction:column;min-width:0}.ms-activity .ga-choices>button{max-width:100%;overflow-wrap:anywhere;white-space:normal}.ms-activity .ga-controls{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));margin-block:var(--space-4)}.ms-activity .ga-controls section{border:1px solid var(--color-border);border-radius:var(--radius-card);min-width:0;padding:var(--space-3)}.ms-activity .ga-controls select{box-sizing:border-box;display:block;font:inherit;margin-block:var(--space-2);min-height:44px;width:100%}.ms-activity .ga-controls select:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.ms-activity .ga-choices [aria-pressed=true],.ms-activity .ga-layouts [aria-pressed=true]{border:2px solid var(--color-primary)}@media (max-width:639px){.ms-activity .ga-choices>button{flex:1 1 100%}}.ms-activity .kk-shade,.ms-activity .kk-stimulus{min-width:0;overflow-wrap:anywhere}.ms-activity .kk-stimulus h2{font-family:var(--font-heading);font-size:var(--font-size-h2)}.ms-activity .kk-stimulus p{line-height:1.7}.ms-activity .kk-model{display:block;margin:var(--space-3) auto;max-width:100%;width:180px}.ms-activity .kk-model svg{display:block;height:auto;width:100%}.ms-activity .kk-part{fill:var(--color-surface);stroke:var(--color-text);stroke-width:1}.ms-activity .kk-part--selected{fill:var(--color-primary)}.ms-activity .kk-mark{fill:var(--color-text);font:9px var(--font-body)}.ms-activity .kk-mark--selected{fill:var(--color-surface)}.ms-activity .kk-set-whole{fill:none;stroke:var(--color-text);stroke-dasharray:3 2}.ms-activity .kk-caption{display:block;font-size:var(--font-size-small)}.ms-activity .kk-fraction{display:inline-block;font-size:1.4em;font-weight:600;padding-inline:var(--space-2)}.ms-activity .kk-pair{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}.ms-activity .kk-pair>div{max-width:100%;text-align:center;width:180px}.ms-activity .kk-choices,.ms-activity .kk-parts{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-block:var(--space-4)}.ms-activity .kk-choices>button{max-width:100%;overflow-wrap:anywhere;white-space:normal}.ms-activity .kk-parts [aria-pressed=true]{border:2px solid var(--color-primary)}@media (max-width:639px){.ms-activity .kk-choices>button{flex:1 1 100%}}.ms-activity .gb-stimulus{min-width:0;overflow-wrap:anywhere}.ms-activity .gb-stimulus h2{font-family:var(--font-heading);font-size:var(--font-size-h2)}.ms-activity .gb-explanation,.ms-activity .gb-stimulus p{line-height:1.7}.ms-activity .gb-array{display:block;margin-block:var(--space-3);max-width:24rem;width:100%}.ms-activity .gb-row{grid-gap:var(--space-1);display:grid;gap:var(--space-1);margin-block:var(--space-1)}.ms-activity .gb-dot{color:var(--color-primary);font-size:clamp(12px,3vw,20px);min-width:0;text-align:center}.ms-activity .gb-choices{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-block:var(--space-4)}.ms-activity .gb-choices>button{max-width:100%;overflow-wrap:anywhere;white-space:normal}.ms-activity .gb-example,.ms-activity .gb-fact{display:block;margin-block:var(--space-3)}.ms-activity .gb-sequence{display:flex;flex-wrap:wrap;gap:var(--space-3);list-style:none;padding:0}.ms-activity .gb-sequence li{border-bottom:2px solid var(--color-primary);padding:var(--space-2)}.ms-activity .gb-placement{min-width:0;overflow-wrap:anywhere}.ms-activity .gb-explanation{background:var(--color-surface);border-radius:var(--radius-card);padding:var(--space-3)}@media (max-width:639px){.ms-activity .gb-choices>button{width:100%}}.ms-activity .ca-stimulus{min-width:0;overflow-wrap:anywhere}.ms-activity .ca-stimulus h2{font-family:var(--font-heading);font-size:var(--font-size-h2)}.ms-activity .ca-stimulus p{line-height:1.7}.ms-activity .ca-actions,.ms-activity .ca-choices{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-block:var(--space-4)}.ms-activity .ca-actions>button,.ms-activity .ca-choices>button{max-width:100%;overflow-wrap:anywhere;white-space:normal}.ms-activity .ca-match{display:block;margin-block:var(--space-2)}.ms-activity .ca-bundles{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr))}.ms-activity .ca-bundles p{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);overflow-wrap:anywhere;padding:var(--space-3)}.ms-activity .ca-bundles strong{display:block;font-size:var(--font-size-h2)}.ms-activity .ca-columns{border-collapse:collapse;max-width:32rem;table-layout:fixed;width:100%}.ms-activity .ca-columns td,.ms-activity .ca-columns th{border-bottom:1px solid var(--color-border);overflow-wrap:anywhere;padding:var(--space-2);text-align:center}.ms-activity .ca-explanation{background:var(--color-surface);border-radius:var(--radius-card);line-height:1.7;overflow-wrap:anywhere;padding:var(--space-3)}@media (max-width:639px){.ms-activity .ca-choices>button{width:100%}.ms-activity .ca-bundles p{padding:var(--space-2)}}.ms-activity .ca-part-whole{border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-3);text-align:center}.ms-activity .ca-part-whole>div{border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-around}.ms-activity .tu-stimulus{min-width:0;overflow-wrap:anywhere}.ms-activity .tu-stimulus h2{font-family:var(--font-heading);font-size:var(--font-size-h2)}.ms-activity .tu-stimulus p{line-height:1.7}.ms-activity .tu-actions,.ms-activity .tu-choices{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-block:var(--space-4)}.ms-activity .tu-actions>button,.ms-activity .tu-choices>button{max-width:100%;overflow-wrap:anywhere;white-space:normal}.ms-activity .tu-match{display:block;margin-block:var(--space-2)}.ms-activity .tu-bundles{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr))}.ms-activity .tu-bundles p{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);overflow-wrap:anywhere;padding:var(--space-3)}.ms-activity .tu-bundles strong{display:block;font-size:var(--font-size-h2)}.ms-activity .tu-columns{border-collapse:collapse;max-width:32rem;table-layout:fixed;width:100%}.ms-activity .tu-columns td,.ms-activity .tu-columns th{border-bottom:1px solid var(--color-border);overflow-wrap:anywhere;padding:var(--space-2);text-align:center}.ms-activity .tu-explanation{background:var(--color-surface);border-radius:var(--radius-card);line-height:1.7;overflow-wrap:anywhere;padding:var(--space-3)}@media (max-width:639px){.ms-activity .tu-choices>button{width:100%}.ms-activity .tu-bundles p{padding:var(--space-2)}}.ms-activity .bv-instruction{font-family:var(--font-body);overflow-wrap:anywhere}.ms-activity .bv-instruction h2{font-family:var(--font-heading);font-size:var(--font-size-h2)}.ms-activity .bv-instruction p{font-size:var(--font-size-h3);line-height:1.6}.ms-activity .bv-response{min-width:0}.ms-activity .bv-choices{display:flex;flex-wrap:wrap;gap:var(--space-3)}.ms-activity .bv-line{display:flex;max-width:100%;overflow-x:auto;padding-block:var(--space-3)}.ms-activity .bv-tick{border-bottom:2px solid var(--color-primary);flex:1 0 48px;min-width:0;padding-bottom:var(--space-2);text-align:center}.ms-activity .bv-tick .ms-ui-button{font-size:var(--font-size-small);padding-inline:var(--space-1)}.graph-select{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}.graph-card{border:2px solid #78958c;border-radius:12px;padding:12px}.graph-card .pictograph{gap:6px;margin:12px 0}.grouped-objects{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.grouped-objects section{border:1px solid #78958c;border-radius:16px;flex:1 1 120px;padding:12px}.object-group{display:flex;flex-wrap:wrap;gap:6px}.object-group span{font-size:24px;text-align:center;width:28px}.proposition{border:1px solid #78958c;font-size:1.2rem;padding:12px}.admin-system{color:#25324a;min-width:0}.admin-system p{line-height:1.6;overflow-wrap:anywhere}.admin-system-heading{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:16px}.admin-system button{background:#fff;border:1px solid #8793aa;border-radius:8px;color:#25324a;font:inherit;min-height:44px;padding:12px 20px}.admin-system button:focus-visible{outline:3px solid #5265ad;outline-offset:3px}.admin-system button:disabled{opacity:.6}.admin-system-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));margin-bottom:20px}.admin-system-grid>section{background:#fff;border:1px solid #dce1eb;border-radius:12px;min-width:0;padding:20px}.admin-system h2{font-size:1.15rem;margin:0 0 18px;overflow-wrap:anywhere}.admin-system-rows>div{grid-gap:14px;border-bottom:1px solid #e5e8ef;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:12px 0}.admin-system dd,.admin-system dt{line-height:1.5;margin:0;overflow-wrap:anywhere}.admin-system dd{font-weight:600}.admin-system [role=alert]{background:#fff1f1;border-left:4px solid #a43131;padding:16px}@media (max-width:700px){.admin-system-heading{align-items:start;flex-direction:column;gap:4px}.admin-system-grid>section{padding:16px}}.admin-shell{background:#f7f9fc;background:var(--color-background,#f7f9fc);color:#17243b;color:var(--color-text,#17243b);display:grid;font-family:Poppins,sans-serif;font-family:var(--font-family,"Poppins",sans-serif);grid-template-columns:240px minmax(0,1fr);grid-template-rows:auto 1fr;min-height:100vh}.admin-shell-header{align-items:center;background:#fff;background:var(--color-surface,#fff);border-bottom:1px solid #d9e1eb;border-bottom:1px solid var(--color-border,#d9e1eb);display:flex;gap:16px;grid-column:2;margin:0;min-width:0;padding:20px 28px}.admin-shell-header h1{font-size:1.5rem;line-height:1.35;margin:4px 0 0;overflow-wrap:anywhere}.admin-shell-brand{font-size:.85rem}.admin-shell-sidebar{background:#15396b;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;gap:24px;grid-column:1;grid-row:1/3;height:100dvh;overflow-y:auto;padding:24px 16px;position:-webkit-sticky;position:sticky;top:0}.admin-shell-sidebar[hidden]{display:none}.admin-shell-sidebar>strong{font-size:1.3rem;padding-inline:12px}.admin-shell-sidebar nav{display:flex;flex-direction:column;gap:6px}.admin-shell-link,.admin-shell-pending{border-radius:8px;line-height:1.4;overflow-wrap:anywhere;padding:12px}.admin-shell-link{-webkit-border-start:3px solid #0000;border-inline-start:3px solid #0000;color:#fff;text-decoration:none}.admin-shell-link:hover{background:#254e85}.admin-shell-link.is-active{background:#fff;border-inline-start-color:#75b8ff;color:#15396b;font-weight:700;text-decoration:underline;text-underline-offset:4px}.admin-shell-pending{color:#c8d6e9}.admin-shell-pending small{color:inherit;display:block;font-size:.72rem}.admin-shell-logout{background:#0000;border-radius:8px;color:#fff;margin-top:auto;padding:10px}.admin-shell-logout,.admin-shell-menu{border:1px solid #a9bedc;cursor:pointer}.admin-shell-menu{background:#fff;background:var(--color-surface,#fff);border:1px solid var(--color-border,#a9bedc);border-radius:8px;padding:10px 14px}.admin-shell-content{grid-column:2;min-width:0;padding:24px}.admin-shell :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #d48a00;outline-offset:3px}.admin-shell-skip{background:#fff;color:#15396b;left:12px;padding:12px;position:fixed;top:-100px;z-index:50}.admin-shell-skip:focus{top:8px}.admin-shell-content>.admin-dashboard{display:block;min-height:0}.admin-shell .admin-dashboard .dashboard-content{background:#0000;min-width:0;padding:0}.admin-shell .admin-game-detail{margin:0;max-width:none;min-width:0;padding:0}.admin-shell .admin-dashboard header,.admin-shell .agd-header{flex-wrap:wrap;gap:12px}.admin-shell .filters{flex-wrap:wrap;min-width:0}.admin-shell .filters>*{max-width:100%;min-width:0}.admin-shell .table-section{max-width:100%;overflow-x:auto}.admin-shell .admin-dashboard .games-grid,.admin-shell .admin-game-detail .form-grid,.admin-shell .admin-game-detail .mini-games-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.admin-shell .admin-dashboard :is(input,select,textarea),.admin-shell .admin-game-detail :is(input,textarea){box-sizing:border-box;max-width:100%}.admin-shell .admin-game-detail .actions{flex-wrap:wrap}.admin-shell .admin-game-detail :is(p,h1,h2,h3),.admin-shell .game-card{overflow-wrap:anywhere}.admin-shell .as-studio{max-width:none;padding:0}@media(max-width:700px){.admin-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr}.admin-shell-header{align-items:flex-start;flex-wrap:wrap;grid-column:1;grid-row:1;padding:16px}.admin-shell-header>div{flex:1 1 180px;min-width:0}.admin-shell-sidebar{gap:16px;grid-column:1;grid-row:2;height:auto;position:static}.admin-shell-content{grid-column:1;grid-row:3;padding:12px}.admin-shell .chart-section{min-width:0;padding:12px}}.as-studio{background:var(--color-page);color:var(--color-text);font-family:var(--font-body);min-height:100vh;padding:var(--space-4)}.as-studio header{margin:0 auto var(--space-5);max-width:1400px}.as-studio h1{font-family:var(--font-heading)}.as-studio a{color:var(--color-primary);overflow-wrap:anywhere}.as-studio a:focus-visible,.as-studio summary:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.as-layout{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:minmax(190px,260px) minmax(0,1fr);margin:auto;max-width:1400px}.as-layout #authoring-main,.as-layout nav{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);min-width:0;overflow-wrap:anywhere;padding:var(--space-4)}.as-layout nav a{display:inline-block;padding-block:10px}.as-layout nav h2{font-size:1.1rem;margin-bottom:0}.as-layout nav ul{padding-left:18px}.as-studio [aria-current=page]{font-weight:700;text-decoration-thickness:3px}.as-stats{display:flex;flex-wrap:wrap;gap:var(--space-4)}.as-stats>div{border:1px solid var(--color-border);border-radius:var(--radius-card);min-width:110px;padding:var(--space-3)}.as-studio dd{margin:4px 0 14px;overflow-wrap:anywhere}.as-studio dt{font-weight:600}.as-fields{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.as-studio table{border-collapse:collapse;table-layout:fixed;width:100%}.as-studio td,.as-studio th{border-bottom:1px solid var(--color-border);overflow-wrap:anywhere;padding:10px 6px;text-align:left;vertical-align:top}.as-studio th:first-child{width:40px}.as-studio th:nth-child(3){width:55px}.as-studio caption{padding-bottom:12px;text-align:left}.as-studio small{display:block;font-weight:400}.as-studio details{border:1px solid var(--color-border);border-radius:var(--radius-card);margin-block:12px;padding:12px}.as-studio summary{cursor:pointer;min-height:32px}.as-studio pre{font-size:.85rem;overflow-wrap:anywhere;white-space:pre-wrap}.as-adapted-section,.as-contracts,.as-fields>div{max-width:100%;min-width:0}.as-local-editor{border:2px solid var(--color-border);border-radius:var(--radius-card);min-width:0;padding:12px}.as-local-editor form,.as-local-field,.as-local-readonly{max-width:100%;min-width:0}.as-local-field{margin-block:16px}.as-local-field label{display:block;overflow-wrap:anywhere}.as-local-field input:not([type=checkbox]),.as-local-field select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;box-sizing:border-box;color:var(--color-text);display:block;font:inherit;max-width:100%;min-width:0;padding:8px;width:100%}.as-local-field fieldset{border:1px solid var(--color-border);box-sizing:border-box;margin:0;max-width:100%;min-width:0;padding:10px}.as-local-field legend{max-width:100%;overflow-wrap:anywhere}.as-local-range{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.as-local-field .as-local-choice{align-items:flex-start;display:flex;gap:8px;margin-block:8px}.as-local-choice input{box-sizing:border-box;flex:0 0 16px;height:16px;margin:4px 0 0;max-width:16px;min-width:16px;padding:0;width:16px}.as-local-choice span{flex:1 1;min-width:0;overflow-wrap:anywhere}.as-local-actions{display:flex;flex-wrap:wrap;gap:10px}.as-studio button{cursor:pointer;max-width:100%;overflow-wrap:anywhere;padding:8px 12px;white-space:normal}.as-local-field input:focus-visible,.as-local-field select:focus-visible,.as-studio button:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.as-local-issues{padding-left:20px}.as-persisted{min-width:0;overflow-wrap:anywhere}.as-persisted>strong{border:2px solid var(--color-primary);display:block;padding:12px}.as-persisted fieldset{box-sizing:border-box;max-width:100%;min-width:0}.as-persisted pre{max-width:100%;overflow:auto}.as-persisted button:disabled{cursor:not-allowed;opacity:.65}@media(max-width:700px){.as-local-range{grid-template-columns:minmax(0,1fr)}}.as-skip{position:absolute;top:-100px}.as-skip:focus{background:var(--color-surface);padding:12px;top:8px}@media(max-width:700px){.as-fields,.as-layout{grid-template-columns:minmax(0,1fr)}.as-layout #authoring-main,.as-layout nav,.as-studio{padding:12px}.as-studio table{font-size:.85rem}.as-studio>header{align-items:flex-start;flex-direction:column;gap:8px;justify-content:flex-start}.as-studio>header>*{margin:0;max-width:100%;min-width:0;overflow-wrap:anywhere}}.production-navigation{color:#17243b;margin:0 auto;max-width:1100px;padding:24px}.production-nav-links{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:24px}.production-card-list{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));padding-left:28px}.production-card-list>li{background:#fff;border:1px solid #8795a8;border-radius:12px;padding:20px}.production-card-list h2{font-size:1.2rem}.production-navigation a{color:#174c9b;text-decoration:underline}.production-navigation :focus-visible{outline:3px solid #174c9b;outline-offset:4px}.production-navigation button:disabled{background:#edf0f4;color:#39465a;cursor:not-allowed}.ms-site-footer,.ms-site-header{color:var(--color-text);font-family:var(--font-body)}.ms-site-header-inner{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;padding-block:var(--space-4)}.ms-site-header--home .ms-site-header-inner{justify-content:flex-end}.ms-site-account,.ms-site-nav{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:flex-end;min-width:0}.ms-site-account{min-height:var(--control-target)}.ms-site-username{font-weight:600;max-width:18ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ms-site-link{align-items:center;border-radius:var(--radius-control);color:var(--color-primary-hover);display:inline-flex;font-weight:600;justify-content:center;min-height:var(--control-target);padding:var(--space-2) var(--space-3);text-decoration:none}.ms-site-link:hover{background:var(--color-secondary);text-decoration:underline}.ms-site-brand{aspect-ratio:3.4;display:block;max-width:100%;overflow:hidden;width:180px}.ms-site-brand img{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.ms-site-brand--hero{width:400px}.ms-site-footer-inner{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;padding-block:var(--space-4)}.ms-site-footer-links{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ms-site-language{align-items:center;display:flex;font-size:var(--font-size-small);gap:var(--space-3)}.ms-site-language select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-text);font:inherit;min-height:var(--control-target);padding:var(--space-2) var(--space-3)}@media (max-width:1023px){.ms-site-brand--hero{width:360px}}@media (max-width:639px){.ms-site-header:not(.ms-site-header--home) .ms-site-header-inner{gap:var(--space-1) var(--space-3)}.ms-site-header:not(.ms-site-header--home) .ms-site-account,.ms-site-header:not(.ms-site-header--home) .ms-site-nav{gap:var(--space-1) var(--space-2);max-width:100%}.ms-site-header:not(.ms-site-header--home) .ms-site-link{padding-inline:var(--space-2)}.ms-site-header:not(.ms-site-header--home) .ms-site-username{overflow-wrap:anywhere;white-space:normal}.ms-site-header-inner{padding-block:var(--space-2)}.ms-site-account{gap:var(--space-2)}.ms-site-username{flex-basis:100%;max-width:100%;text-align:right}.ms-site-brand{width:140px}.ms-site-brand--hero{width:280px}.ms-site-footer-inner{align-items:center;flex-direction:column;gap:var(--space-2)}}.ms-island-page{background:linear-gradient(150deg,var(--color-page),#f1fbf5);color:var(--color-text);display:flex;flex-direction:column;font-family:var(--font-body);min-height:100svh}.ms-island-main{flex:1 1;padding-block:var(--space-5) calc(var(--section-gap)*2)}.ms-island-intro{margin-bottom:var(--section-gap)}.ms-island-intro h1{color:var(--color-text);font-family:var(--font-heading);font-size:var(--font-size-h1);margin:0 0 var(--space-3);overflow-wrap:anywhere}.ms-island-intro p{color:var(--color-text-secondary);line-height:1.6;margin:0}.ms-island-back{align-items:center;border-radius:var(--radius-small);color:var(--color-primary-hover);display:inline-flex;margin-bottom:var(--space-4);min-height:var(--control-target)}.ms-island-grid{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0}.ms-island-grid>li{--island-accent:var(--color-sky);min-width:0}.ms-island-grid>li:nth-child(3n+2){--island-accent:var(--color-sand)}.ms-island-grid>li:nth-child(3n){--island-accent:var(--color-secondary)}.ms-island-card-link{border-radius:var(--radius-playful);color:var(--color-text);display:block;height:100%;text-decoration:none}.ms-island-card-link:hover{text-decoration:none}.ms-island-card.ms-ui-card{align-items:flex-start;background:linear-gradient(155deg,var(--color-surface) 65%,var(--island-accent));border-radius:var(--radius-playful);border-top:5px solid var(--island-accent);display:flex;flex-direction:column;gap:var(--space-4);height:100%;min-height:220px}.ms-island-card-link:hover .ms-island-card{border-color:var(--color-primary);box-shadow:var(--shadow-elevated)}.ms-island-card h2{color:var(--color-text);font-family:var(--font-heading);font-size:var(--font-size-h2);line-height:1.25;margin:0;max-width:100%;overflow-wrap:anywhere}.ms-island-ordinal{align-items:center;background:var(--color-secondary);border-radius:var(--radius-pill);color:var(--color-text-secondary);display:inline-flex;font-weight:600;justify-content:center;min-height:32px;min-width:32px;padding-inline:var(--space-2)}.ms-island-affordance{color:var(--color-primary-hover);font-weight:600;margin-top:auto}.ms-island-card--inactive.ms-ui-card{background:var(--color-surface);border-top-color:var(--color-border);box-shadow:var(--shadow-small)}.ms-island-card--soon.ms-ui-card{border-style:dashed}.ms-island-access{margin-top:auto;max-width:100%}.ms-island-access p{color:var(--color-text-secondary);font-size:var(--font-size-small);margin:0;overflow-wrap:anywhere}.ms-island-access a{align-items:center;color:var(--color-primary-hover);display:inline-flex;min-height:var(--control-target);overflow-wrap:anywhere;text-decoration:underline}.ms-island-page a:focus-visible,.ms-island-page h1:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}@media (max-width:1023px){.ms-island-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:639px){.ms-island-grid{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}.ms-island-card.ms-ui-card{min-height:190px}}.ms-game-not-found{color:var(--color-text);font-family:var(--font-body);margin-inline:auto;max-width:var(--content-width);overflow-wrap:anywhere;padding-block:var(--section-gap)}.ms-game-not-found h1{font-family:var(--font-heading);font-size:var(--font-size-h1)}.ms-game-not-found h1:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.ms-game-page{background:var(--color-page);min-width:0;width:100%}.ms-game-header{align-items:center;background:var(--color-surface);border-bottom:1px solid var(--color-border);box-sizing:border-box;display:flex;flex-wrap:wrap;font-family:var(--font-body);gap:var(--space-2) var(--space-4);justify-content:space-between;padding:var(--space-2) var(--page-gutter)}.ms-game-home{align-items:center;border-radius:var(--radius-control);display:inline-flex;max-width:100%;min-height:var(--control-target)}.ms-game-return-nav{max-width:100%;min-width:0}.ms-game-return{border-radius:var(--radius-control);box-sizing:border-box;color:var(--color-primary-hover);display:inline-block;font-weight:600;max-width:100%;min-height:var(--control-target);overflow-wrap:anywhere;padding:var(--space-3);text-decoration:none}.ms-game-return:hover{background:var(--color-secondary);text-decoration:underline}.ms-game-home:focus-visible,.ms-game-return:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.ms-game-viewport{box-sizing:border-box;min-width:0;padding:var(--space-3) var(--page-gutter);width:100%}@media (max-width:639px){.ms-game-header{padding-inline:var(--space-3)}.ms-game-viewport{padding:var(--space-2)}}.ms-home{animation:ms-home-gradient 24s ease infinite;background-image:linear-gradient(#ffffffde,#ffffffde),linear-gradient(-45deg,var(--color-playful),var(--color-accent),var(--color-success),var(--color-primary-light));background-size:100% 100%,400% 400%;color:var(--color-text);display:flex;flex-direction:column;font-family:var(--font-body);min-height:100vh;min-height:100svh}.ms-home-main{flex:1 1;padding-block:calc(var(--section-gap)*2)}.ms-home-hero,.ms-home-main{align-items:center;display:flex}.ms-home-hero{flex-direction:column;gap:var(--space-5);text-align:center}.ms-home-hero .ms-site-brand{animation:ms-home-intro var(--motion-slow) var(--motion-easing)}.ms-home-hero h1{color:var(--color-text);font-family:var(--font-heading);font-size:var(--font-size-h1);line-height:1.2;margin:0;max-width:24ch}.ms-home-hero p{color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--font-size-body);line-height:1.6;margin:0;max-width:42ch}.ms-home .ms-home-play{border-radius:var(--radius-pill);box-shadow:var(--shadow-card);font-size:var(--font-size-h3);margin-top:var(--space-2);padding-inline:var(--space-6);text-decoration:none}.ms-home-skip{background:var(--color-surface);color:var(--color-text);left:var(--page-gutter);padding:var(--space-3);position:absolute;top:var(--space-2);transform:translateY(-200%);z-index:10}.ms-home-skip:focus{transform:none}@keyframes ms-home-gradient{0%,to{background-position:0 0,0 50%}50%{background-position:0 0,100% 50%}}@keyframes ms-home-intro{0%{opacity:0}to{opacity:1}}@media (max-width:639px){.ms-home-main{padding-block:var(--section-gap)}}@media (min-width:1024px){.ms-home-hero .ms-site-brand--hero{width:440px}.ms-home-hero p{text-wrap:pretty;max-width:48ch}}@media (prefers-reduced-motion:reduce){.ms-home,.ms-home-hero .ms-site-brand{animation:none}}.ms-profile-page{background:var(--color-page);color:var(--color-text);display:flex;flex-direction:column;font-family:var(--font-body);min-height:100vh}.ms-profile-page>main{flex:1 1;min-width:0}.ms-profile-content{padding-block:var(--space-6)}.ms-profile-content h1{font-family:var(--font-heading);font-size:var(--font-size-h1)}.ms-profile-content h2{font-family:var(--font-heading);font-size:var(--font-size-h2);margin-top:0}.ms-profile-content h3{font-family:var(--font-heading);font-size:var(--font-size-h3)}.ms-profile-content li,.ms-profile-content p{line-height:1.6}.ms-profile-content section{min-width:0;overflow-wrap:anywhere}.ms-profile-identity{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6)}.ms-profile-identity>div{min-width:0}.ms-profile-avatar{align-items:center;display:inline-flex;font:32px var(--font-heading);height:64px;justify-content:center;width:64px}.ms-profile-avatar,.ms-profile-premium{background:var(--color-secondary);border-radius:var(--radius-pill)}.ms-profile-premium{color:var(--color-primary-hover);display:inline-block;padding:var(--space-1) var(--space-3)}.ms-profile-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);margin-block:var(--space-5);padding:var(--space-5)}.ms-profile-stats{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr))}.ms-profile-stat{background:var(--color-page);border-radius:var(--radius-control);min-width:0;padding:var(--space-4)}.ms-profile-stat dt{color:var(--color-text-secondary);font-size:var(--font-size-small)}.ms-profile-stat dd{font-size:var(--font-size-h3);font-weight:600;margin:var(--space-2) 0 0}.ms-profile-details-grid{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr))}.ms-profile-content ul{-webkit-padding-start:var(--space-5);padding-inline-start:var(--space-5)}.ms-profile-privacy label{align-items:center;cursor:pointer;display:flex;gap:var(--space-3);min-height:var(--control-target)}.ms-profile-privacy input{accent-color:var(--color-primary);flex-shrink:0;height:20px;width:20px}.ms-profile-privacy input:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}@media (max-width:1023px){.ms-profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:639px){.ms-profile-details-grid,.ms-profile-stats{grid-template-columns:minmax(0,1fr)}.ms-profile-section{padding:var(--space-4)}}.profile-page{background:linear-gradient(180deg,#a5f3fc,#fef9c3);color:#1f2937;display:flex;flex-direction:column;font-family:Poppins,sans-serif;min-height:100vh}.profile-header.glass-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffa6;border-bottom:1px solid #0000000f;box-shadow:0 2px 8px #00000014;display:flex;justify-content:space-between;padding:12px 28px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.user-side{gap:4px}.logout-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 14px;transition:all .2s}.logout-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.profile-info{align-items:center;display:flex;gap:20px}.profile-avatar{background:#f3f4f6;border-radius:50%;height:90px;width:90px}.profile-details h2{font-family:Baloo\ 2,cursive;margin:0}.profile-details p{color:#374151;font-size:14px;margin:4px 0}.usertype{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;margin-top:6px;padding:4px 10px}.usertype.guest{background:#f3f4f6;color:#374151}.usertype.standard{background:#fde68a;color:#92400e}.usertype.premium{background:#dbeafe;color:#1d4ed8}.upgrade-btn{background:linear-gradient(135deg,#facc15,#f97316);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;margin-top:12px;padding:10px 18px;transition:.3s ease}.upgrade-btn:hover{background:linear-gradient(135deg,#fbbf24,#ea580c);transform:scale(1.05)}.profile-content{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:1120px;padding:1.5rem 1rem 2rem}.profile-top{grid-gap:1.5rem;align-items:stretch;display:grid;gap:1.5rem;grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr)}.profile-middle{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}.profile-column{gap:1rem}.profile-bottom,.profile-column{display:flex;flex-direction:column}.profile-bottom{gap:1.5rem}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:16px;padding:1.2rem 1.3rem}.section-title{font-size:1.05rem;font-weight:600;margin-bottom:.75rem}.stats-section{display:flex;flex-direction:column}.stats-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:.4rem}.stat-card{background:#fafaffe6;border-radius:12px;display:flex;flex-direction:column;gap:.15rem;padding:.7rem .8rem}.stat-label{font-size:.78rem;opacity:.7}.stat-value{font-size:1.1rem;font-weight:600}.block-section{display:flex;flex-direction:column;gap:.4rem}.grid-2{grid-gap:.9rem;display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.mini-card{background:#f8f9fff2;border-radius:12px;padding:.8rem .9rem}.mini-card h4{font-size:.95rem;margin:0 0 .4rem}.badge-list{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.badge{background:#e6f0fff2;border-radius:999px;font-size:.8rem;padding:.25rem .6rem}.activity-list{font-size:.85rem;margin:.4rem 0 0;padding-left:1rem}.activity-list li{margin-bottom:.15rem}.muted{font-size:.85rem;opacity:.7}.profile-loading{font-size:1rem;margin:3rem auto;max-width:1120px;opacity:.8;padding:1.5rem;text-align:center}@media (max-width:900px){.profile-middle,.profile-top{grid-template-columns:1fr}.profile-content{padding:1rem .75rem 2rem}}.ms-leaderboard-page{background:var(--color-page);color:var(--color-text);display:flex;flex-direction:column;font-family:var(--font-body);min-height:100vh}.ms-leaderboard-page>main{flex:1 1;min-width:0}.ms-leaderboard-content{overflow-wrap:anywhere;padding-block:var(--section-gap)}.ms-leaderboard-content h1{font-family:var(--font-heading);font-size:var(--font-size-h1);margin:0 0 var(--space-5)}.ms-leaderboard-content{max-width:760px}.ms-leaderboard-content>p{line-height:1.7;margin-block:var(--space-5)}.logo-header{transition:.2s}.profile-link{color:#2563eb;font-size:13px;text-decoration:underline}.ms-premium-page{background:var(--color-page);color:var(--color-text);display:flex;flex-direction:column;font-family:var(--font-body);min-height:100vh}.ms-premium-page>main{flex:1 1;min-width:0}.ms-premium-content{overflow-wrap:anywhere;padding-block:var(--section-gap)}.ms-premium-content h1{font-family:var(--font-heading);font-size:var(--font-size-h1);margin:0 0 var(--space-5)}.ms-premium-content{max-width:760px}.ms-premium-content>p{line-height:1.7;margin-block:var(--space-5)}.ms-premium-content .ms-ui-state{-webkit-border-start:4px solid var(--color-playful);border-inline-start:4px solid var(--color-playful)}.ms-premium-confirmation{font-weight:600}.auth-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;box-shadow:0 2px 6px #00000014;padding:20px;text-align:center}.auth-logo{height:50px}.auth-footer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;box-shadow:0 -2px 6px #00000014;padding:20px;text-align:center}.auth-footer-links{margin-top:8px}.auth-footer-links a{color:#2563eb;font-size:14px;margin:0 8px;text-decoration:none}.auth-footer-links a:hover{text-decoration:underline}.ms-info-page{background:var(--color-page);color:var(--color-text);display:flex;flex-direction:column;font-family:var(--font-body);min-height:100vh}.ms-info-page>main{flex:1 1;min-width:0}.ms-info-content{overflow-wrap:anywhere;padding-block:var(--section-gap)}.ms-info-content h1{font-family:var(--font-heading);font-size:var(--font-size-h1);margin:0 0 var(--space-5)}.ms-info-content{max-width:76ch}.ms-info-content .info-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:none;margin-block:var(--space-5);padding:var(--space-5);scroll-margin-top:var(--space-5)}.ms-info-content .info-card h2{font-family:var(--font-heading);font-size:var(--font-size-h2)}.ms-info-content .info-card li,.ms-info-content .info-card p{font-size:var(--font-size-body);line-height:1.75}.ms-info-content a:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}@media (max-width:639px){.ms-info-content .info-card{padding:var(--space-4)}}.info-page{background:linear-gradient(180deg,#a5f3fc,#fef9c3);color:#1f2937;display:flex;flex-direction:column;font-family:Poppins,sans-serif;min-height:100vh}.info-header.glass-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffa6;border-bottom:1px solid #0000000f;box-shadow:0 2px 8px #00000014;display:flex;justify-content:space-between;padding:12px 28px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.info-content{display:flex;flex-direction:column;gap:20px;margin:24px auto 40px;max-width:900px;padding:0 20px 40px}.info-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe0;border-radius:18px;box-shadow:0 4px 12px #0f172a1f;padding:18px 20px}.info-card h2{color:#1e293b;font-family:Baloo\ 2,cursive;font-size:18px;margin-bottom:10px;margin-top:0}.info-card p{color:#374151;font-size:14px;line-height:1.6}.info-card ul{margin:8px 0 0;padding-left:18px}.info-card li{font-size:14px;line-height:1.5;margin-bottom:4px}.contact-line a{color:#2563eb;text-decoration:underline}.contact-line a:hover{color:#1d4ed8}.admin-container{align-items:center;background:linear-gradient(180deg,#a5f3fc,#fef9c3);display:flex;font-family:Poppins,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.admin-container:after,.admin-container:before{animation:float 8s ease-in-out infinite alternate;background:#fff6;border-radius:50%;content:"";filter:blur(40px);height:100px;position:absolute;width:300px}.admin-container:before{left:10%;top:15%}.admin-container:after{bottom:10%;right:15%}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(-20px)}}.admin-card{background:#fff;border-radius:16px;box-shadow:0 8px 24px #0000001a;padding:40px 30px;position:relative;text-align:center;width:340px;z-index:2}.admin-card h2{color:#2563eb;font-size:24px;margin-bottom:20px}.admin-card input{border:1px solid #cbd5e1;border-radius:8px;box-shadow:0 2px 6px #0000000d;font-size:14px;margin-bottom:14px;padding:12px;transition:all .2s ease;width:100%}.admin-card input:focus{border-color:#2563eb;box-shadow:0 0 6px #2563eb66;outline:none}.admin-card .btn{background:linear-gradient(90deg,#2563eb,#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px;transition:all .3s ease;width:100%}.admin-card .btn:hover{background:linear-gradient(90deg,#1d4ed8,#2563eb);box-shadow:0 4px 10px #2563eb4d;transform:translateY(-1px)}.admin-footer{bottom:16px;color:#00000080;font-size:13px;position:absolute}.dashboard-overview{margin-bottom:28px;min-width:0}.dashboard-summary-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));margin:0}.dashboard-summary-cards>div{background:#fff;background:var(--color-surface,#fff);border:1px solid #dbe3ed;border:1px solid var(--color-border,#dbe3ed);border-radius:12px;border-top:3px solid #2563eb;padding:20px}.dashboard-summary-cards dt{font-size:.9rem}.dashboard-summary-cards dd{font-size:1.8rem;font-weight:700;margin:8px 0 0}.dashboard-other-types{overflow-wrap:anywhere}.dashboard-charts{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,390px),1fr));margin-top:24px}.dashboard-chart-panel{background:#fff;background:var(--color-surface,#fff);border:1px solid #dbe3ed;border:1px solid var(--color-border,#dbe3ed);border-radius:12px;min-width:0;padding:20px}.dashboard-chart-panel h2{font-size:1.15rem;margin:0 0 12px}.dashboard-chart-panel p{font-size:.85rem;overflow-wrap:anywhere}.dashboard-axis-caption{text-align:center}.dashboard-data-table{font-size:.85rem;overflow-x:auto}.dashboard-data-table summary{cursor:pointer;padding-block:10px}.admin-dashboard .dashboard-data-table :is(th,td){padding:8px}@media(max-width:700px){.dashboard-summary-cards{gap:12px}.dashboard-summary-cards>div{padding:16px}.dashboard-chart-panel{padding:12px}}.admin-dashboard{display:flex;font-family:Poppins,sans-serif;min-height:100vh}.admin-dashboard .sidebar{background:linear-gradient(180deg,#2563eb,#1e40af);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:20px;width:220px}.admin-dashboard .sidebar h2{font-size:22px;margin-bottom:30px;text-align:center}.admin-dashboard .sidebar nav button{background:#0000;border:none;color:#fff;cursor:pointer;display:block;font-size:15px;padding:10px 0;text-align:left;width:100%}.admin-dashboard .sidebar nav button:hover{color:#a5f3fc}.admin-dashboard .logout{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px}.admin-dashboard .dashboard-content{background:#f8fafc;flex:1 1;padding:20px 30px}.admin-dashboard header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.admin-dashboard header h1{color:#2563eb}.admin-dashboard .filters{display:flex;gap:10px}.admin-dashboard .filters input,.admin-dashboard .filters select{border:1px solid #ccc;border-radius:6px;padding:6px 10px}.admin-dashboard .stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:30px}.admin-dashboard .card{background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000001a;font-weight:600;padding:20px;text-align:center}.admin-dashboard .card.total{border-top:4px solid #2563eb}.admin-dashboard .card.admin{border-top:4px solid #facc15}.admin-dashboard .card.premium{border-top:4px solid #10b981}.admin-dashboard .card.standard{border-top:4px solid #38bdf8}.admin-dashboard .card.grade{border-top:4px solid #9333ea}.admin-dashboard table{background:#fff;border-collapse:collapse;box-shadow:0 2px 6px #0000001a;width:100%}.admin-dashboard td,.admin-dashboard th{border:1px solid #ddd;padding:8px;text-align:left}.admin-dashboard th{background:#2563eb;color:#fff}.admin-dashboard button.delete{background:#dc2626}.admin-dashboard button.delete,.admin-dashboard button.update{border:none;border-radius:4px;color:#fff;cursor:pointer;padding:4px 8px}.admin-dashboard button.update{background:#16a34a;margin-left:4px}.admin-dashboard .message{background:#e0f2fe;border-radius:6px;color:#374151;margin-top:16px;padding:10px}.admin-dashboard .chart-section{background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000001a;margin-bottom:30px;padding:20px}.admin-dashboard .chart-section h3{color:#16a34a;margin-bottom:10px}.admin-dashboard .add-game-form{margin-bottom:2rem}.admin-dashboard .form-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.admin-dashboard .games-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.admin-dashboard .game-card{align-items:center;border-radius:12px;display:flex;flex-direction:column;padding:10px;position:relative}.admin-dashboard .game-card .thumb{background-position:50%;background-size:cover;border-radius:10px;height:120px;width:100%}.admin-dashboard .game-card .info{margin-top:8px;text-align:center}.admin-dashboard .game-card .delete{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:8px;padding:6px 12px}.admin-dashboard .route{color:#555;font-size:.8rem;word-break:break-all}.ms-auth-page{background:var(--color-page);color:var(--color-text);display:flex;flex-direction:column;font-family:var(--font-body);min-height:100vh}.ms-auth-header{background:var(--color-surface);border-bottom:1px solid var(--color-border)}.ms-auth-header-inner{gap:var(--space-3);justify-content:space-between;padding-block:var(--space-3)}.ms-auth-account,.ms-auth-header-inner{align-items:center;display:flex;flex-wrap:wrap}.ms-auth-account{font-size:var(--font-size-small);gap:var(--space-2);min-height:var(--control-target);min-width:0}.ms-auth-username{overflow-wrap:anywhere}.ms-auth-main{flex:1 1;padding-block:var(--space-6)}.ms-auth-card h1{font-family:var(--font-heading);font-size:var(--font-size-h1);margin:0 0 var(--space-2);overflow-wrap:anywhere}.ms-auth-description{color:var(--color-text-secondary);line-height:1.6;margin:0 0 var(--space-5)}.ms-auth-form{gap:var(--space-4);margin-top:var(--space-5)}.ms-auth-field,.ms-auth-form{display:flex;flex-direction:column}.ms-auth-field{gap:var(--space-2);min-width:0}.ms-auth-field label{font-weight:600}.ms-auth-field input,.ms-auth-field select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-control);box-sizing:border-box;color:var(--color-text);font:inherit;min-height:var(--control-target);min-width:0;padding:var(--space-3);width:100%}.ms-auth-field input:focus-visible,.ms-auth-field select:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.ms-auth-field-help{color:var(--color-text-secondary);font-size:var(--font-size-small);margin:0}.ms-auth-switch{line-height:1.6;margin:var(--space-5) 0 0}.ms-auth-switch a{align-content:center;color:var(--color-primary-hover);display:inline-block;font-weight:600;min-height:var(--control-target)}@media (max-width:639px){.ms-auth-card{padding:var(--space-4)}.ms-auth-main{padding-block:var(--space-5)}}.auth-page{background:linear-gradient(180deg,#a5f3fc,#fef9c3);color:#1f2937;display:flex;flex-direction:column;font-family:Poppins,sans-serif;min-height:100vh}.auth-header.glass-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffa6;border-bottom:1px solid #0000000f;box-shadow:0 2px 8px #00000014;display:flex;justify-content:space-between;padding:12px 28px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.logo-header{cursor:pointer;height:42px;object-fit:contain;transition:transform .2s ease;width:auto}.logo-header:hover{transform:scale(1.05)}.header-center{display:flex;flex:1 1;justify-content:center}.page-title{color:#1e293b;font-family:Baloo\ 2,cursive;font-size:20px;margin:0}.user-side{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.user-info{color:#334155;font-size:14px}.user-type-label{color:#64748b;font-size:12px}.login-link,.profile-link{font-size:13px}.diamond{animation:sparkle 1.5s infinite}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.auth-main{align-items:center;display:flex;flex:1 1;justify-content:center;padding:24px 16px 32px}.auth-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:20px;box-shadow:0 10px 25px #0f172a2e;max-width:380px;padding:24px 22px;text-align:center;width:100%}.auth-container h2{color:#111827;font-family:Baloo\ 2,cursive;font-size:22px;margin-bottom:6px}.auth-container p{color:#6b7280;font-size:13px;margin-bottom:10px}.auth-container form{display:flex;flex-direction:column;gap:10px;margin-top:10px}.auth-container input{border:1px solid #d1d5db;border-radius:10px;font-size:14px;outline:none;padding:9px 11px;transition:border-color .2s,box-shadow .2s}.auth-container input:focus{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb4d}.auth-container button{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;box-shadow:0 4px 10px #2563eb66;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:4px;padding:9px 12px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.auth-container button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.auth-container button:disabled{box-shadow:none;cursor:wait;opacity:.8}.error-text{color:#dc2626;font-size:13px;margin-bottom:4px}.auth-container a{color:#2563eb;font-weight:500;text-decoration:underline}.auth-container a:hover{color:#1d4ed8}.page-footer.glass-footer{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff9;border-top:1px solid #0000000d;box-shadow:0 -3px 10px #00000014;display:flex;justify-content:center;margin-top:auto;padding:16px 20px}.footer-brand{color:#0f172a;font-family:Baloo\ 2,cursive;font-size:16px;letter-spacing:.04em}@media (max-width:480px){.auth-header.glass-header{padding:10px 16px}.page-title{font-size:18px}}body,html{background:linear-gradient(180deg,var(--brand-sky),var(--brand-sand));margin:0;padding:0}.page-root,body{color:var(--ink-700);font-family:Poppins,sans-serif}.h-playful,.section-title,.title,h1,h2{color:var(--ink-900);font-family:Baloo\ 2,cursive}.glass-header{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--glass);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:15px 30px}.glass-footer{background:var(--glass);color:var(--ink-700);font-size:14px;padding:16px 20px;text-align:center}.glass-footer .links{display:flex;gap:20px;justify-content:center;margin-top:6px}.glass-footer .links a{color:var(--brand-blue);font-weight:500;text-decoration:none}.glass-footer .links a:hover{text-decoration:underline}.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:18px}.card:hover{transform:translateY(-2px);transition:transform .15s ease}.pill{background:#2563eb1f;border-radius:999px;color:var(--brand-blue);display:inline-block;font-size:12px;font-weight:600;padding:6px 10px}.btn-primary{background:linear-gradient(135deg,var(--brand-green),var(--brand-green-dark));border:none;border-radius:12px;color:var(--white);cursor:pointer;font-weight:700;padding:10px 16px}.btn-primary:hover{filter:brightness(1.02);transform:translateY(-1px);transition:all .15s ease}.level-btn{background:var(--white);border:1px solid #0000000f;border-radius:14px;box-shadow:var(--shadow-sm);color:var(--ink-700);font-weight:700;min-width:64px;padding:10px 12px}.level-btn.locked{opacity:.55}.level-btn.premium{position:relative}.level-btn.premium:after{content:"💎";font-size:12px;position:absolute;right:8px;top:6px}.grid{grid-gap:18px;display:grid;gap:18px}.grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.logo{height:48px}.hero{background:linear-gradient(180deg,var(--white),#ffffffbf);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:18px 22px}.link{color:var(--brand-blue);text-decoration:none}.link:hover{color:var(--brand-blue-dark);text-decoration:underline}