/* Shared presentation only: deliberately leaves correctness, status and disabled colors intact. */
html{background:#eaf1ff!important}
html body{background:radial-gradient(ellipse at 0 12%,#d6e9ff 0,transparent 55%),radial-gradient(ellipse at 100% 30%,#e9deff 0,transparent 48%),linear-gradient(150deg,#f3faff,#e9edff 65%,#e0f8f7)!important;background-attachment:fixed!important;color:#183b56;min-height:100vh;padding-bottom:60px;isolation:isolate}
#learning-universe{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 85% 12%,#cfcdff88,transparent 35%)}
#learning-universe canvas{display:block;width:100%;height:100%;opacity:.6}
#learning-universe:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#f3f8ff77,transparent 75%)}
#learning-universe[data-renderer=static]{background-image:radial-gradient(ellipse at 85% 20%,#c8bbff88,transparent 40%),repeating-linear-gradient(115deg,transparent 0 100px,#78bfce22 101px 102px)}
html body .universe-control{position:fixed;z-index:40;bottom:12px;right:16px;border:1px solid #87aecd;border-radius:30px;padding:8px 14px;background:#f6fbff;color:#245774;font:600 12px/1.6 Krobkruat,Tahoma,sans-serif;box-shadow:0 3px 0 #b1c8df,0 6px 20px #15375318;cursor:pointer;min-height:40px}
html body .universe-control:focus-visible{outline:3px solid #784ac4;outline-offset:3px}
html body :is(.family-shell,.foundation,.eq-world,.st-root,.sci,.sw-root){background:transparent}
html body :is(.family-shell,.foundation,.eq-world){position:relative}
html body :is(.family-header,.foundation>nav,.eq-world>nav,.st-header){background:#f6fafff2;border:1px solid #c4d8ec;border-radius:20px;padding:16px 20px;box-shadow:0 4px 0 #c7d8eb,0 12px 30px #4665a112}
html body :is(.panel,.skill-card,.metric,.table-wrap,.sci-panel,.sci-world,.sci-metric,.st-card,.st-tower-card,.eq-panel,.gw-panel,.hw-world-card,.foundation section,.foundation .grid article){border-color:#bfd1e8;border-radius:22px;box-shadow:0 5px 0 #c3d1e5,0 16px 35px #223f7512,inset 0 1px 0 #fff;background-color:#fcfdff}
html body :is(.foundation header,.eq-hero,.st-hero,.sci header,.mint-hero,.home-world .hw-hero){background:linear-gradient(125deg,#ecfdff,#e5ecff 55%,#f0e7ff);border:1px solid #bdd0ed;box-shadow:0 7px 0 #bacce4,0 22px 45px #3b4f8320,inset 0 2px 0 #fff}
html body :is(.home-world .hw-card-art,.home-world .hw-science .hw-card-art,.home-world .hw-english .hw-card-art,.home-world .hw-thai .hw-card-art){background:radial-gradient(ellipse at 30% 0,#fff,transparent 70%),linear-gradient(135deg,#d8f5ff,#dcd7fb);color:#284f7d;border-bottom:1px solid #b8c9e3}
html body .home-world .hw-card-art:before{background:linear-gradient(#e5faff 0 45%,#93b8d6 46% 72%,#7289b2 73%);box-shadow:0 15px 18px #3d548330}
html body :is(.primary,.eq-primary,.st-root .st-primary,.home-world .hw-play){background:linear-gradient(135deg,#126d98,#5656ad);color:white;border-color:#3f629a;box-shadow:0 4px 0 #2e4071,0 8px 16px #4b68a52b}
html body :is(.keypad button,.foundation .options button,.eq-options button,.st-options button){box-shadow:0 3px 0 #c3d0e3;border-radius:14px}
html body :is(.student-nav a,.hw-shortcuts a,.level-card,.eq-route li){box-shadow:0 3px 0 #bcccdf}
html body :is(.family-footer,.foundation footer,.eq-world footer){background:#f5f9fff2;border:1px solid #c3d4e6;border-radius:16px;padding:16px}
html body .teacher-layout [data-slot=sidebar]{background:#f2f7ff;border-color:#b7cce4;color:#203e59}
html body .table-wrap th{background:#e6eefb;color:#244a70}
html body :is(.game,.sprint-arena){background:#fcfdff;border-color:#a5bedf;box-shadow:0 6px 0 #b8cce1,0 20px 40px #254b731c}
html body :is([class*='challengeCard'],[class*='levelCard'],[class*='modeCard']){box-shadow:0 5px 0 #c6d4e8,0 14px 30px #254b7312}
html body :is(input,select,textarea){accent-color:#326ca1}
html body :is(button,a,input,select,textarea):focus-visible{outline:3px solid #8154c8;outline-offset:3px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){html body :is(.hw-world-card,.sci-world,.st-tower-card,.foundation .grid article){transition:transform .18s,box-shadow .18s}html body :is(.hw-world-card,.sci-world,.st-tower-card,.foundation .grid article):hover{transform:translateY(-3px);box-shadow:0 7px 0 #bdcce2,0 20px 32px #254b7320}}
@media(max-width:600px){html body :is(.family-header,.foundation>nav,.eq-world>nav,.st-header){padding:12px;border-radius:15px}#learning-universe canvas{opacity:.38}html body .universe-control{right:10px;bottom:8px;font-size:11px}html body :is(.panel,.st-card,.eq-panel,.foundation section){box-shadow:0 4px 0 #c3d1e5,0 8px 18px #223f7510}}
@media(prefers-reduced-motion:reduce){html body *,html body *:before,html body *:after{scroll-behavior:auto!important}.universe-control{transition:none}}
@media print{#learning-universe,.universe-control{display:none!important}html body{background:white!important;padding-bottom:0}}
/* Subject-specific surfaces share the station materials without changing layouts. */
html body :is(.gw-page,[class*='_shell_'],[class*='_page_']){background:transparent}
html body :is(.sw-hero,.diligence header){background:linear-gradient(125deg,#ecfdff,#e5ecff 55%,#f0e7ff);border-color:#bdd0ed;box-shadow:0 6px 0 #bacce4,0 20px 40px #3b4f8320}
html body :is(.sw-panel,.sw-resume,.sw-grid article,.diligence-table,.diligence-cards article,.gw-preview,.gw-item,[class*='_card_'],[class*='_panel_']){border-color:#bfd1e8;box-shadow:0 4px 0 #c3d1e5,0 12px 30px #223f7512}
html body :is(.sw-tower,.gw-avatar-stage){background:radial-gradient(ellipse at 50% 20%,#fff,#dbe8ff 65%,#dad2f5);border-color:#b8c8e6;box-shadow:inset 0 2px 0 #fff,0 5px 0 #b3c7dd}
/* Avatar docking bay: layer existing character over a CSS perspective set. */
html body .home-world .hw-scene{background:radial-gradient(ellipse at 50% 25%,#e8ffff 0,#bde3f5 35%,#acbde9 80%);overflow:hidden}
html body .home-world .hw-landscape{display:none}
html body .home-world .hw-scene:before{content:'';position:absolute;width:65%;height:78%;left:17.5%;top:9%;border:9px solid #e9faff;border-bottom-color:#849fcb;border-radius:48% 48% 18% 18%;box-shadow:0 0 0 2px #93b9d9,0 0 0 12px #ffffff40,inset 0 0 35px #68b7f177,12px 10px 0 #7995c055;background:repeating-linear-gradient(0deg,transparent 0 28px,#ddfaff55 29px 30px);z-index:-1;transform:perspective(650px) rotateY(-8deg)}
html body .home-world .hw-scene:after{content:'';position:absolute;left:20%;bottom:30px;width:60%;height:58px;border-radius:50%;background:radial-gradient(ellipse,#dffbff 0 40%,#92d9ed 42% 49%,#efffff 51% 58%,#a0b1d9 60%);box-shadow:0 9px 0 #7186b2,0 19px 25px #506f9550;filter:none;z-index:-1}
html body .home-world .hw-avatar{filter:drop-shadow(0 14px 8px #3e608b33)}
html body .home-world{--hw-ink:#243f63;--hw-green:#3364a1;--hw-line:#bdd0e9}
html body .home-world h1 span{color:#4f58a3}
@media(max-width:700px){html body .home-world .hw-scene:after{height:28px;bottom:10px;width:45%;left:27.5%}html body .home-world .hw-scene:before{width:48%;left:26%;border-width:5px}}
/* Scene preferences stay in document flow: never cover the learner or page controls. */
html body .universe-control{position:relative!important;inset:auto!important;display:block;clear:both;width:max-content;max-width:calc(100% - 24px);margin:18px auto;z-index:1;float:none}.universe-control~.universe-control{display:none!important}