:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg: #060a20;--bg-2: #0c1433;--panel: rgba(12, 22, 52, .76);--panel-strong: rgba(16, 31, 72, .9);--line: rgba(171, 227, 255, .22);--line-strong: rgba(185, 233, 255, .42);--text: #f4fbff;--muted: #adc0d6;--cyan: #70edff;--violet: #a99bff;--green: #9affc4;--gold: #ffd37a;--wrong: #ff9aa8;--shadow: 0 24px 80px rgba(0, 0, 0, .34)}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100vh;margin:0}body{background:linear-gradient(145deg,rgba(74,112,255,.14),transparent 32%),linear-gradient(225deg,rgba(123,54,190,.17),transparent 36%),linear-gradient(180deg,#060a20,#0a1029 48%,#060815);color:var(--text);overflow-x:hidden}button{font:inherit;color:inherit;touch-action:manipulation}.app{position:relative;min-height:100vh;isolation:isolate}.ambient-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.95),transparent 86%);mask-image:linear-gradient(180deg,rgba(0,0,0,.95),transparent 86%)}.eyebrow{display:inline-flex;align-items:center;gap:.45rem;color:var(--cyan);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.home-screen{display:grid;grid-template-columns:minmax(360px,.88fr) minmax(420px,1.12fr);align-items:center;gap:2rem;min-height:100vh;padding:4.5rem clamp(1.4rem,4vw,5rem) 3.5rem}.hero-copy{max-width:700px;padding:1rem 0}.hero-copy h1{margin:1rem 0 .8rem;font-size:clamp(3.6rem,6rem,6rem);line-height:.9;letter-spacing:0;text-shadow:0 18px 50px rgba(112,237,255,.24)}.hero-copy p{max-width:620px;margin:0;color:#dceaff;font-size:1.5rem;line-height:1.42}.hero-actions,.panel-actions,.teacher-actions,.top-actions{display:flex;flex-wrap:wrap;gap:.75rem}.hero-actions{margin-top:2.1rem}.home-credit{margin:1rem 0 0;color:#dceaff;font-size:1rem;font-weight:800;letter-spacing:0;opacity:.92}.home-credit strong{color:var(--gold)}.home-scene{height:min(72vh,680px);min-height:520px}.primary-action,.secondary-action,.top-action,.icon-button{min-height:54px;border:1px solid var(--line);border-radius:16px;padding:.9rem 1.1rem;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.primary-action{background:linear-gradient(135deg,#67e8ff,#aa93ff);color:#06152c;font-weight:900;box-shadow:0 16px 44px #6adbff38}.secondary-action,.top-action,.icon-button{background:#ffffff12;color:var(--text);font-weight:800}.primary-action:hover,.secondary-action:hover,.top-action:hover,.icon-button:hover,.shape-button:hover,.tool-button:hover,.answer-button:hover{transform:translateY(-1px);border-color:var(--line-strong)}.primary-action:disabled,.secondary-action:disabled,.answer-button:disabled{cursor:not-allowed;opacity:.52;transform:none}.hero-button{min-height:66px;padding:1rem 1.25rem;font-size:1.04rem}.main-shell{display:grid;grid-template-rows:auto 1fr auto;height:100vh;padding:1rem;gap:1rem;overflow:hidden}.top-bar{min-height:76px;padding:.55rem .8rem .55rem 1rem;border:1px solid var(--line);border-radius:24px;background:#09122dc2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand-lockup{min-height:58px;border:0;background:transparent;display:inline-flex;align-items:center;gap:.8rem;cursor:pointer;text-align:left}.brand-mark{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#70edfff2,#a99bfff2);color:#06152c;font-weight:1000;box-shadow:0 14px 34px #70edff33}.brand-lockup strong,.brand-lockup small{display:block}.brand-lockup small{color:var(--muted);margin-top:.15rem}.workspace{display:grid;grid-template-columns:minmax(224px,270px) minmax(420px,1fr) minmax(330px,410px);gap:1rem;min-height:0;overflow:hidden}.shape-selector,.info-panel,.challenge-panel,.teacher-drawer{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--shadow)}.shape-selector{border-radius:24px;padding:1rem;overflow:auto}.panel-title,.challenge-top,.net-head,.progress-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.panel-title{margin-bottom:.8rem}.panel-title span,.net-head span{color:var(--muted);font-size:.88rem;font-weight:800}.panel-title strong,.net-head strong{color:var(--cyan);font-size:.9rem}.shape-list{display:grid;gap:.7rem}.shape-button{width:100%;min-height:84px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#ffffff0f;padding:.65rem;display:flex;align-items:center;gap:.75rem;text-align:left;cursor:pointer}.shape-button.is-active{background:linear-gradient(135deg,#70edff33,#a99bff38);border-color:#8ff4ff9e;box-shadow:inset 0 0 0 1px #ffffff1a}.shape-button strong,.shape-button small{display:block}.shape-button small{margin-top:.18rem;color:var(--muted);font-size:.78rem;line-height:1.28}.shape-glyph{position:relative;flex:0 0 48px;width:48px;height:48px;border:2px solid rgba(143,244,255,.75);background:linear-gradient(145deg,#70edff2e,#a99bff3d);box-shadow:inset 0 0 22px #70edff29}.shape-glyph-cube,.shape-glyph-rectangular-prism{border-radius:12px;transform:skewY(-8deg)}.shape-glyph-triangular-prism,.shape-glyph-square-pyramid,.shape-glyph-triangular-pyramid{clip-path:polygon(50% 6%,96% 90%,6% 90%);border-radius:4px}.shape-glyph-cylinder{border-radius:50%/22%}.shape-glyph-cone{clip-path:polygon(50% 5%,95% 92%,5% 92%);border-radius:6px}.shape-glyph-sphere{border-radius:999px}.scene-stage{position:relative;height:100%;min-height:0;border-radius:28px;overflow:hidden}.scene-wrap{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;background:linear-gradient(180deg,#070e265c,#040816cc),linear-gradient(135deg,#70edff0f,#a99bff1a);border:1px solid rgba(155,221,255,.15);border-radius:28px}.scene-wrap canvas{display:block;touch-action:none}.scene-wrap-home{height:100%;min-height:520px;border:0;border-radius:0;background:transparent}.scene-badge{position:absolute;left:1.15rem;top:1.15rem;max-width:min(340px,calc(100% - 2.3rem));border:1px solid rgba(255,255,255,.15);border-radius:18px;padding:.85rem 1rem;background:#040a1c9e;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 16px 46px #00000038}.scene-badge span,.scene-badge small,.scene-badge strong{display:block}.scene-badge span{font-weight:950;font-size:1.08rem}.scene-badge small{margin-top:.2rem;color:var(--muted)}.scene-badge strong{margin-top:.35rem;color:var(--green)}.scene-label{white-space:nowrap;pointer-events:none;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:.36rem .58rem;background:#060e22b8;color:#f7fcff;font-size:.78rem;font-weight:900;box-shadow:0 10px 30px #00000047}.scene-loading,.app-error{color:#f8fcff;text-align:center}.scene-loading{min-width:220px;border:1px solid rgba(123,241,255,.32);border-radius:18px;padding:.85rem 1rem;background:#040a1cb8;box-shadow:0 16px 46px #00000047;font-weight:900}.app-error{min-height:100vh;display:grid;align-content:center;justify-items:center;gap:.7rem;padding:2rem;background:radial-gradient(circle at 50% 28%,rgba(123,241,255,.14),transparent 22rem),#040612}.app-error h1{max-width:720px;margin:0;font-size:2rem}.app-error p{margin:0;color:#dceaff}.app-error pre{max-width:min(760px,100%);overflow:auto;border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:.9rem;color:#ffd889;background:#ffffff0f}.info-panel,.challenge-panel{border-radius:24px;padding:1rem;overflow:auto}.panel-stack{display:grid;gap:.9rem}.info-head h2,.challenge-card h2,.final-panel h2,.teacher-head h2{margin:.25rem 0 .55rem;font-size:1.72rem;line-height:1.05;letter-spacing:0}.info-head p,.challenge-card p,.teacher-block p,.final-panel p,.real-object-note,.stack-note p,.gesture-hint span,.action-task p,.touch-task p,.observe-card p{margin:0;color:#d8e6f7;line-height:1.46}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.metric-card{min-height:96px;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:.85rem;background:#ffffff0f}.metric-card span{display:block;min-height:2rem;color:var(--muted);font-size:.78rem;font-weight:800}.metric-card strong{display:block;margin-top:.42rem;color:var(--text);font-size:1rem;line-height:1.22}.insight-block,.question-list,.focus-card,.observe-card,.real-world,.stack-note,.net-viewer,.challenge-card,.score-card,.teacher-block,.action-task,.touch-task{border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:.95rem;background:#ffffff0e}.insight-block h3,.question-list h3,.observe-card h3,.real-world h3,.teacher-block h3{display:flex;align-items:center;gap:.5rem;margin:0 0 .55rem;font-size:.98rem;letter-spacing:0}.focus-card{display:flex;gap:.75rem;align-items:flex-start;background:linear-gradient(135deg,#70edff24,#9affc414);border-color:#8ff4ff47}.focus-card svg,.observe-card svg{flex:0 0 auto;color:var(--cyan)}.focus-card span,.observe-card small{display:block;color:var(--muted);font-size:.82rem;font-weight:850}.focus-card strong{display:block;margin-top:.22rem;font-size:1.1rem;line-height:1.28}.observe-card small{margin-top:.48rem;color:var(--green)}.question-list ul{margin:0;padding-left:1.05rem;color:#dceaff;line-height:1.48}.question-list li+li{margin-top:.35rem}.example-chips{display:flex;flex-wrap:wrap;gap:.5rem}.example-chips span,.shape-chip{border:1px solid rgba(143,244,255,.26);border-radius:999px;padding:.48rem .68rem;background:#70edff1a;color:#eafcff;font-size:.86rem;font-weight:850}.real-object-note{margin-top:.7rem;color:var(--green)}.stack-note,.gesture-hint,.touch-task,.action-task{display:flex;align-items:flex-start;gap:.75rem}.stack-note svg,.gesture-hint svg,.touch-task svg,.action-task svg{flex:0 0 auto;color:var(--cyan)}.gesture-hint{margin-top:.85rem;border-top:1px solid rgba(255,255,255,.1);padding-top:.85rem}.net-viewer{overflow:hidden}.net-head{display:grid;justify-content:stretch;gap:.35rem;margin-bottom:.25rem}.net-head strong{color:#eafcff;line-height:1.28;text-align:left}.net-viewer svg{display:block;width:100%;height:auto}.challenge-panel{display:flex;flex-direction:column;gap:.9rem}.challenge-top strong,.score-card strong{color:var(--gold)}.progress-block{display:grid;gap:.45rem}.progress-heading{color:var(--muted);font-size:.86rem;font-weight:800}.progress-track{height:12px;border-radius:999px;overflow:hidden;background:#ffffff1a}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--violet));box-shadow:0 0 24px #70edff73}.challenge-card{display:grid;gap:.75rem}.answer-list{display:grid;gap:.62rem}.answer-button{min-height:62px;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:.8rem .9rem;background:#fff1;color:var(--text);display:flex;align-items:center;gap:.6rem;cursor:pointer;text-align:left;font-weight:850}.answer-button span{width:22px;display:inline-flex}.answer-button.is-selected{border-color:#8ff4ff8c}.answer-button.is-correct{background:#9affc424;border-color:#9affc48c}.answer-button.is-wrong{background:#ff9aa824;border-color:#ff9aa88c}.touch-task strong{color:var(--gold)}.feedback{border-radius:18px;padding:.85rem;display:flex;gap:.72rem;border:1px solid rgba(255,255,255,.14)}.feedback strong,.feedback p{display:block;margin:0}.feedback p{margin-top:.22rem;color:#e3eefb;line-height:1.42}.feedback.is-correct{background:#9affc421;border-color:#9affc46b}.feedback.is-correct svg{color:var(--green)}.feedback.is-wrong{background:#ff9aa81f;border-color:#ff9aa866}.feedback.is-wrong svg{color:var(--wrong)}.final-panel{justify-content:center}.final-panel>svg{color:var(--gold)}.score-card span,.score-card strong{display:block}.score-card span{color:var(--muted);font-weight:800}.score-card strong{margin-top:.25rem;font-size:1.55rem}.touch-toolbar{border:1px solid var(--line);border-radius:24px;background:#081028d1;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:var(--shadow);padding:.65rem;display:flex;gap:.7rem;overflow-x:auto;scrollbar-color:rgba(143,244,255,.55) rgba(255,255,255,.08)}.toolbar-group{flex:0 0 auto;min-height:86px;border:1px solid rgba(255,255,255,.08);border-radius:19px;padding:.45rem;display:flex;align-items:stretch;gap:.42rem;background:#ffffff09}.toolbar-group>span{display:none}.toolbar-group-wide>span{color:var(--cyan)}.tool-button{min-width:98px;min-height:76px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#ffffff0f;color:var(--text);display:grid;justify-items:center;align-content:center;gap:.25rem;cursor:pointer;flex:0 0 auto}.tool-button svg{color:var(--cyan)}.tool-button span{max-width:94px;text-align:center;font-size:.8rem;line-height:1.15;font-weight:900}.tool-button small{color:var(--muted);font-size:.66rem;font-weight:850;line-height:1}.tool-button.is-active{background:linear-gradient(135deg,#70edff2e,#a99bff33);border-color:#8ff4ff80}.teacher-drawer{position:fixed;top:1rem;right:1rem;bottom:1rem;z-index:20;width:min(480px,calc(100vw - 2rem));border-radius:26px;padding:1rem;overflow:auto;display:grid;align-content:start;gap:.8rem}.teacher-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.icon-button{width:54px;padding:0;flex:0 0 auto}.teacher-block h3{color:var(--text)}.teacher-block h3 svg{color:var(--cyan)}.teacher-actions{margin-top:.2rem}.teacher-actions .primary-action,.teacher-actions .secondary-action{flex:1 1 190px}.presentation-mode .top-bar,.presentation-mode .shape-selector,.presentation-mode .info-panel,.presentation-mode .challenge-panel,.presentation-mode .touch-toolbar{background:#040a1beb}.presentation-mode .workspace{grid-template-columns:minmax(180px,220px) minmax(520px,1fr) minmax(300px,360px)}.presentation-mode .scene-stage,.presentation-mode .scene-wrap{height:100%;min-height:0}.presentation-mode .tool-button{min-height:82px;min-width:112px}.presentation-mode .info-head h2,.presentation-mode .challenge-card h2{font-size:2rem}.presentation-mode .brand-lockup small,.presentation-mode .shape-button small,.presentation-mode .real-world,.presentation-mode .stack-note,.presentation-mode .gesture-hint{display:none}.presentation-mode .shape-button{min-height:74px;justify-content:center}.presentation-mode .shape-glyph{flex-basis:42px;width:42px;height:42px}.presentation-mode .metric-card{min-height:86px}.presentation-mode .top-action{min-height:62px;font-size:1.05rem}@media(max-width:1180px){.main-shell{height:auto;min-height:100vh;overflow:visible}.workspace{overflow:visible}.workspace{grid-template-columns:minmax(205px,250px) minmax(420px,1fr)}.info-panel,.challenge-panel{grid-column:1 / -1}.scene-stage,.scene-wrap{min-height:560px}.touch-toolbar{position:sticky;bottom:.5rem;z-index:8}.home-screen{grid-template-columns:1fr;padding-top:3rem}.home-scene{min-height:520px}}@media(max-width:760px){.main-shell{padding:.65rem}.top-bar{align-items:flex-start;flex-direction:column}.top-actions,.top-action{width:100%}.top-action{flex:1 1 140px}.workspace{grid-template-columns:1fr}.shape-list{grid-template-columns:repeat(2,minmax(0,1fr))}.shape-button{min-height:92px;align-items:flex-start;flex-direction:column}.scene-stage,.scene-wrap{min-height:460px}.metric-grid{grid-template-columns:1fr}.toolbar-group{min-height:82px}.toolbar-group>span{width:34px}.tool-button{min-width:92px;min-height:72px}.home-screen{padding:2rem 1rem}.hero-copy h1{font-size:3.6rem}.hero-copy p{font-size:1.22rem}.hero-button{width:100%}}:root{--bg: #040612;--bg-2: #10123a;--panel: rgba(9, 18, 45, .68);--panel-strong: rgba(10, 22, 55, .9);--line: rgba(186, 237, 255, .22);--line-strong: rgba(255, 219, 148, .52);--text: #f8fcff;--muted: #b8c7dd;--cyan: #7bf1ff;--violet: #b9a5ff;--green: #9effc9;--gold: #ffd889;--amber: #ffbd66;--wrong: #ff9aa8;--glass-edge: rgba(255, 255, 255, .14);--inner-glow: inset 0 1px 0 rgba(255, 255, 255, .18), inset 0 -18px 44px rgba(82, 117, 255, .08);--shadow: 0 28px 90px rgba(0, 0, 0, .42)}body{background:radial-gradient(circle at 18% 18%,rgba(123,241,255,.16),transparent 31rem),radial-gradient(circle at 82% 14%,rgba(255,216,137,.12),transparent 27rem),radial-gradient(circle at 48% 84%,rgba(185,165,255,.18),transparent 35rem),linear-gradient(180deg,#03040c,#090c24 44%,#03050e)}.app:before,.app:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none}.app:before{background:linear-gradient(115deg,transparent 0 22%,rgba(123,241,255,.075) 38%,transparent 54%),linear-gradient(245deg,transparent 0 30%,rgba(255,216,137,.06) 47%,transparent 66%);filter:blur(.5px);animation:ambientDrift 18s ease-in-out infinite alternate}.app:after{background-image:radial-gradient(circle,rgba(255,230,168,.42) 0 1px,transparent 1.7px),radial-gradient(circle,rgba(123,241,255,.28) 0 1px,transparent 1.5px);background-size:132px 132px,86px 86px;background-position:0 0,24px 42px;opacity:.28;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.95),transparent 88%);mask-image:linear-gradient(180deg,rgba(0,0,0,.95),transparent 88%)}.ambient-grid{background-image:linear-gradient(rgba(139,237,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(139,237,255,.05) 1px,transparent 1px),linear-gradient(120deg,rgba(255,216,137,.035) 1px,transparent 1px);background-size:48px 48px,48px 48px,144px 144px;opacity:.9}.home-screen{position:relative;overflow:hidden;gap:2.5rem}.hero-copy{position:relative;z-index:1}.hero-copy:before{content:"";position:absolute;inset:-2.4rem -1rem auto -2rem;height:16rem;border-left:1px solid rgba(255,216,137,.28);border-top:1px solid rgba(123,241,255,.22);pointer-events:none;opacity:.8}.hero-copy h1{font-size:5.8rem;font-weight:1000;color:#fff;text-shadow:0 0 18px rgba(123,241,255,.36),0 0 48px rgba(185,165,255,.28),0 24px 78px rgba(0,0,0,.48)}.hero-copy p{color:#ecf7ff;text-shadow:0 12px 34px rgba(0,0,0,.42)}.home-scene{position:relative;filter:drop-shadow(0 36px 76px rgba(39,196,255,.14))}.home-scene:before{content:"";position:absolute;top:9%;right:2%;bottom:11%;left:2%;border:1px solid rgba(255,216,137,.18);border-radius:999px;transform:rotate(-9deg);pointer-events:none;box-shadow:0 0 58px #ffd88914}.top-bar,.touch-toolbar,.shape-selector,.info-panel,.challenge-panel,.teacher-drawer{border-color:var(--glass-edge);background:linear-gradient(145deg,#ffffff18,#ffffff09),linear-gradient(180deg,#09122dd1,#050a1cb8);box-shadow:var(--shadow),var(--inner-glow),0 0 0 1px #7bf1ff0f}.shape-selector,.info-panel,.challenge-panel,.teacher-drawer,.top-bar{animation:panelReveal .34s ease both}.top-bar{border-radius:28px}.brand-mark{position:relative;background:radial-gradient(circle at 35% 24%,rgba(255,255,255,.92),rgba(255,255,255,.12) 20%,transparent 35%),linear-gradient(135deg,#7bf1fff2,#ffd889e0 52%,#b9a5fff2);box-shadow:0 0 0 1px #ffffff3d,0 18px 42px #7bf1ff3d,0 0 34px #ffd8892e}.brand-mark:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border:1px solid rgba(255,216,137,.26);border-radius:20px;opacity:.75}.primary-action,.secondary-action,.top-action,.icon-button,.shape-button,.tool-button,.answer-button{position:relative;overflow:hidden;border-color:#ffffff29;box-shadow:inset 0 1px #ffffff29,0 12px 30px #00000038}.primary-action:before,.secondary-action:before,.top-action:before,.shape-button:before,.tool-button:before,.answer-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 0 24%,rgba(255,255,255,.22) 42%,transparent 62%);transform:translate(-120%);transition:transform .42s ease;pointer-events:none}.primary-action:hover:before,.secondary-action:hover:before,.top-action:hover:before,.shape-button:hover:before,.tool-button:hover:before,.answer-button:hover:before{transform:translate(120%)}.primary-action:active,.secondary-action:active,.top-action:active,.icon-button:active,.shape-button:active,.tool-button:active,.answer-button:active{transform:translateY(1px) scale(.985)}.primary-action{background:radial-gradient(circle at 30% 18%,rgba(255,255,255,.82),transparent 18%),linear-gradient(135deg,#7bf1ff,#ffd889 52%,#b9a5ff);color:#08122a;box-shadow:0 18px 48px #7bf1ff3d,0 0 36px #ffd88929}.secondary-action,.top-action,.icon-button,.shape-button,.tool-button,.answer-button{background:linear-gradient(145deg,#ffffff18,#ffffff09),#08112bb8}.hero-button{min-height:72px;border-radius:20px}.shape-button{min-height:88px}.shape-button.is-active{background:linear-gradient(135deg,#7bf1ff38,#ffd8891f,#b9a5ff33),#ffffff12;border-color:#ffd8896b;box-shadow:inset 0 0 0 1px #ffffff1f,0 0 34px #7bf1ff29}.shape-glyph{border-color:#cff8ffc7;background:radial-gradient(circle at 32% 22%,rgba(255,255,255,.45),transparent 23%),linear-gradient(145deg,#7bf1ff33,#ffd8891a,#b9a5ff47);box-shadow:inset 0 0 22px #7bf1ff33,0 0 20px #7bf1ff1f}.scene-wrap{border-radius:32px;background:radial-gradient(circle at 50% 28%,rgba(123,241,255,.13),transparent 19rem),radial-gradient(circle at 64% 62%,rgba(255,216,137,.08),transparent 19rem),linear-gradient(180deg,#090e2ba3,#030510f0),linear-gradient(135deg,#7bf1ff1a,#b9a5ff1f);border:1px solid rgba(186,237,255,.22);box-shadow:inset 0 1px #ffffff1f,inset 0 -42px 80px #0305105c,0 34px 96px #00000061,0 0 80px #7bf1ff17}.scene-wrap:before,.scene-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.scene-wrap:before{background:linear-gradient(118deg,rgba(255,255,255,.12),transparent 20%,transparent 74%,rgba(255,216,137,.08)),linear-gradient(180deg,rgba(123,241,255,.09),transparent 34%);mix-blend-mode:screen;opacity:.52}.scene-wrap:after{inset:auto 7% 7% 7%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,216,137,.7),rgba(123,241,255,.8),transparent);filter:blur(.3px);animation:sceneHalo 4.8s ease-in-out infinite alternate}.scene-wrap-home{background:transparent;box-shadow:none}.scene-wrap-home:before,.scene-wrap-home:after{display:none}.scene-badge,.scene-label{background:linear-gradient(145deg,#ffffff1f,#ffffff09),#050a1cad;border-color:#ffd88938;box-shadow:0 16px 48px #0000004d,0 0 28px #7bf1ff14}.scene-badge span{color:#fff}.scene-badge small{color:#cddcf1}.metric-card,.insight-block,.question-list,.focus-card,.observe-card,.real-world,.stack-note,.net-viewer,.challenge-card,.score-card,.teacher-block,.action-task,.touch-task{border-color:#ffffff21;background:linear-gradient(145deg,#ffffff17,#ffffff09),#ffffff09;box-shadow:inset 0 1px #ffffff1a}.focus-card,.observe-card{border-color:#7bf1ff42}.metric-card strong,.focus-card strong{color:#fff}.net-viewer{box-shadow:inset 0 1px #ffffff1a,0 0 34px #7bf1ff14}.challenge-panel{position:relative}.challenge-panel:before{content:"";position:absolute;inset:0 0 auto;height:7rem;background:linear-gradient(180deg,rgba(255,216,137,.12),transparent);pointer-events:none;border-radius:inherit}.challenge-top strong,.score-card strong{color:var(--gold);text-shadow:0 0 20px rgba(255,216,137,.32)}.progress-track{height:16px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(180deg,#ffffff1a,#ffffff0a),#040816c2;box-shadow:inset 0 0 18px #00000040}.progress-fill{position:relative;background:linear-gradient(90deg,#7bf1ff,#9effc9 42%,#ffd889 74%,#b9a5ff);box-shadow:0 0 26px #7bf1ff80,0 0 38px #ffd8892e}.progress-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:energyTravel 2.2s ease-in-out infinite}.challenge-card{position:relative;border-color:#ffd88938}.challenge-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,216,137,.12),transparent 38%),linear-gradient(315deg,rgba(123,241,255,.1),transparent 42%)}.shape-chip,.example-chips span{border-color:#ffd8893d;background:linear-gradient(135deg,#7bf1ff1f,#ffd88914),#ffffff0a}.answer-button{min-height:68px;border-radius:20px}.answer-button.is-correct{background:linear-gradient(135deg,#9effc92e,#7bf1ff14),#ffffff0d;border-color:#9effc99e;box-shadow:0 0 34px #9effc91f}.answer-button.is-wrong{background:linear-gradient(135deg,#ff9aa826,#ffd8890f),#ffffff0a;border-color:#ff9aa885}.feedback{position:relative;overflow:hidden;border-radius:20px}.feedback-light{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:radial-gradient(circle,rgba(255,216,137,.34),transparent 46%);animation:correctRadiance .92s ease-out both;pointer-events:none}.feedback.is-correct{animation:correctLift .56s ease both}.feedback.is-wrong{animation:softWrongPulse .52s ease both}.final-panel{background:radial-gradient(circle at 50% 14%,rgba(255,216,137,.18),transparent 12rem),linear-gradient(145deg,#ffffff18,#ffffff09),#09122dc7}.final-panel>svg{filter:drop-shadow(0 0 24px rgba(255,216,137,.4))}.touch-toolbar{border-radius:28px;padding:.72rem;background:linear-gradient(180deg,#ffffff17,#ffffff09),#040919e0}.toolbar-group{border-color:#ffffff1f;background:linear-gradient(145deg,#ffffff12,#ffffff07),#0307125c}.tool-button{min-width:104px;min-height:82px}.tool-button svg{color:#9df7ff;filter:drop-shadow(0 0 10px rgba(123,241,255,.32))}.tool-button.is-active{background:linear-gradient(135deg,#7bf1ff33,#ffd8891f,#b9a5ff2e),#ffffff0f;border-color:#ffd88975;box-shadow:inset 0 0 0 1px #ffffff1f,0 0 30px #7bf1ff24}.teacher-drawer{background:linear-gradient(145deg,#ffffff1a,#ffffff09),#060d22ed}.teacher-block{background:linear-gradient(145deg,#ffffff13,#ffffff08),#ffffff06}.presentation-mode .top-bar,.presentation-mode .shape-selector,.presentation-mode .info-panel,.presentation-mode .challenge-panel,.presentation-mode .touch-toolbar{background:linear-gradient(145deg,#ffffff1c,#ffffff0b),#030818f0;border-color:#ffd8893d}.presentation-mode .tool-button{min-width:118px;min-height:88px}.presentation-mode .scene-wrap{box-shadow:inset 0 1px #ffffff24,0 0 92px #7bf1ff1f,0 34px 96px #0000006b}@keyframes ambientDrift{0%{opacity:.75;transform:translate3d(-1rem,-.5rem,0)}to{opacity:1;transform:translate3d(1rem,.5rem,0)}}@keyframes panelReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sceneHalo{0%{opacity:.45;transform:scaleX(.86)}to{opacity:.85;transform:scaleX(1)}}@keyframes energyTravel{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes correctRadiance{0%{opacity:0;transform:scale(.65)}38%{opacity:1}to{opacity:0;transform:scale(1.25)}}@keyframes correctLift{0%{transform:translateY(6px)}to{transform:translateY(0)}}@keyframes softWrongPulse{0%,to{transform:translate(0)}34%{transform:translate(-3px)}68%{transform:translate(3px)}}@media(max-width:1180px){.hero-copy h1{font-size:4.8rem}.tool-button{min-width:100px}}@media(max-width:760px){.hero-copy:before,.home-scene:before{display:none}.hero-copy h1{font-size:3.5rem}.top-bar,.touch-toolbar,.shape-selector,.info-panel,.challenge-panel{border-radius:22px}.tool-button{min-width:96px;min-height:76px}}.touch-toolbar{gap:.45rem;padding:.55rem}.toolbar-group{min-height:82px;gap:.32rem;padding:.32rem}.tool-button{min-width:88px;min-height:78px;border-radius:17px}.tool-button span{max-width:82px}.presentation-mode .tool-button{min-width:86px;min-height:84px}.class-panel{border:1px solid var(--glass-edge);border-radius:24px;padding:1rem;overflow:auto;background:linear-gradient(145deg,#ffffff18,#ffffff09),linear-gradient(180deg,#09122dd1,#050a1cb8);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--shadow),var(--inner-glow),0 0 0 1px #7bf1ff0f;animation:panelReveal .34s ease both;scrollbar-color:rgba(255,216,137,.55) rgba(255,255,255,.08);scrollbar-width:thin}.class-panel::-webkit-scrollbar{width:8px}.class-panel::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#7bf1ff99,#ffd8898c);border-radius:999px}.class-head h2,.guided-step-card h3{margin:.22rem 0 .55rem;line-height:1.08;letter-spacing:0}.class-head h2{font-size:1.65rem}.class-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin:.8rem 0 .9rem;padding:.32rem;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#ffffff0b}.class-tabs button{min-height:48px;border:1px solid transparent;border-radius:14px;background:transparent;color:var(--muted);font-weight:950;cursor:pointer}.class-tabs button.is-active{color:#08122a;background:linear-gradient(135deg,#7bf1ff,#ffd889);box-shadow:0 10px 28px #7bf1ff29}.class-stack{display:grid;gap:.75rem}.class-card,.guided-step-card,.class-question-card,.paperlux-card,.team-block,.question-bank,.reflection-card{border:1px solid rgba(255,255,255,.13);border-radius:20px;padding:.9rem;background:linear-gradient(145deg,#ffffff17,#ffffff09),#ffffff09;box-shadow:inset 0 1px #ffffff1a}.class-card-hero{display:flex;gap:.75rem;align-items:flex-start;border-color:#7bf1ff3d}.class-card-hero svg,.teacher-prompt svg,.team-block h3 svg,.paperlux-card h3 svg,.reflection-card svg{flex:0 0 auto;color:var(--cyan)}.class-card strong,.guided-step-card h3,.class-question-card strong,.team-card strong,.paperlux-card h3,.team-block h3,.question-bank h3{color:#fff}.class-card p,.guided-step-card p,.teacher-prompt span,.team-card p,.question-bank p{margin:0;color:#dceaff;line-height:1.38}.prompt-grid{display:grid;gap:.55rem}.prompt-card,.closing-list article{min-height:66px;display:flex;align-items:center;border:1px solid rgba(255,216,137,.18);border-radius:18px;padding:.78rem .85rem;background:linear-gradient(135deg,#7bf1ff14,#ffd88912),#ffffff0b;color:#f6fbff;font-weight:850;line-height:1.32}.guided-step-card{display:grid;gap:.65rem;border-color:#ffd8893d}.guided-count{width:fit-content;border:1px solid rgba(123,241,255,.22);border-radius:999px;padding:.36rem .62rem;color:var(--cyan);background:#7bf1ff14;font-size:.78rem;font-weight:950}.guided-step-card h3{font-size:1.45rem}.teacher-prompt{display:flex;gap:.6rem;align-items:flex-start;padding:.72rem;border-radius:16px;background:#7bf1ff14}.class-apply{width:100%}.class-question-card{display:grid;gap:.32rem}.class-question-card span,.team-card span,.question-bank article span{color:var(--gold);font-size:.82rem;font-weight:950}.class-question-card strong{font-size:1.08rem;line-height:1.28}.step-actions{display:grid;grid-template-columns:1fr 1fr;gap:.62rem}.step-actions .primary-action,.step-actions .secondary-action{min-height:54px}.team-block h3,.paperlux-card h3,.question-bank h3{display:flex;align-items:center;gap:.5rem;margin:0 0 .65rem;font-size:.98rem}.team-grid{display:grid;gap:.5rem}.team-card{border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:.7rem;background:#ffffff0b}.team-card strong,.team-card p,.team-card span{display:block}.team-card p{margin-top:.2rem;font-size:.9rem}.paperlux-card div{display:grid;gap:.42rem}.paperlux-card span,.reflection-card div{display:flex;align-items:center;min-height:42px;border-radius:14px;padding:.56rem .65rem;background:#ffffff0e;color:#edf8ff;font-weight:850}.paperlux-card.is-compact span{min-height:36px}.closing-list{display:grid;gap:.5rem}.reflection-card{display:grid;gap:.48rem;border-color:#9effc933}.reflection-card div{gap:.5rem}.question-bank{display:grid;gap:.55rem}.question-bank article{border-top:1px solid rgba(255,255,255,.09);padding-top:.55rem}.question-bank article:first-of-type{border-top:0;padding-top:0}.question-bank p{margin-top:.26rem;font-size:.9rem}.presentation-mode .class-panel{background:linear-gradient(145deg,#ffffff1c,#ffffff0b),#030818f0;border-color:#ffd8893d}.presentation-mode .class-card p,.presentation-mode .team-card p,.presentation-mode .question-bank{display:none}.presentation-mode .prompt-card,.presentation-mode .closing-list article{min-height:74px;font-size:1.02rem}.presentation-mode .guided-step-card h3{font-size:1.8rem}.presentation-mode .class-question-card strong{font-size:1.18rem}@media(max-width:1180px){.class-panel{grid-column:1 / -1}.team-grid,.prompt-grid,.closing-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.class-tabs,.team-grid,.prompt-grid,.closing-list,.step-actions{grid-template-columns:1fr}}.shape-selector,.info-panel,.challenge-panel,.teacher-drawer,.touch-toolbar{scrollbar-color:rgba(255,216,137,.55) rgba(255,255,255,.08);scrollbar-width:thin}.shape-selector::-webkit-scrollbar,.info-panel::-webkit-scrollbar,.challenge-panel::-webkit-scrollbar,.teacher-drawer::-webkit-scrollbar,.touch-toolbar::-webkit-scrollbar{width:8px;height:8px}.shape-selector::-webkit-scrollbar-thumb,.info-panel::-webkit-scrollbar-thumb,.challenge-panel::-webkit-scrollbar-thumb,.teacher-drawer::-webkit-scrollbar-thumb,.touch-toolbar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#7bf1ff99,#ffd8898c);border-radius:999px}.challenge-panel{gap:.72rem}.challenge-card{gap:.62rem;padding:.82rem}.challenge-card h2{font-size:1.52rem;line-height:1.08}.touch-task,.action-task{padding:.78rem}.feedback{padding:.72rem}.feedback p{line-height:1.34}.challenge-panel .panel-actions .primary-action,.challenge-panel .panel-actions .secondary-action{min-height:54px}@media(min-width:1181px){.touch-toolbar{overflow-x:hidden}}@media(max-width:760px){.tool-button{min-width:92px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}.main-shell{height:auto;min-height:100dvh;grid-template-rows:auto auto auto;align-content:start;overflow:visible}.workspace,.presentation-mode .workspace{grid-template-columns:minmax(180px,230px) minmax(0,1fr) minmax(300px,370px);min-width:0;overflow:visible}.scene-stage,.scene-wrap{height:clamp(420px,calc(100dvh - 250px),760px);min-height:420px}.scene-stage,.shape-selector,.info-panel,.challenge-panel,.class-panel{min-width:0}.shape-selector,.info-panel,.challenge-panel,.class-panel{max-height:clamp(420px,calc(100dvh - 250px),760px)}.shape-button{min-height:66px}.shape-button>span:last-child{min-width:0}.shape-button strong{line-height:1.18;overflow-wrap:anywhere}.shape-glyph{flex-basis:38px;width:38px;height:38px}.info-panel .panel-stack{gap:.9rem}.observation-primary{border-color:#7bf1ff6b;background:#7bf1ff1a}.observation-primary p,.conversation-prompt p{color:#fff;font-size:1.18rem;font-weight:750;line-height:1.32}.detail-toggle,.class-resource>summary{width:100%;min-height:58px;border:1px solid var(--line-strong);border-radius:12px;background:#7bf1ff14;color:var(--text);padding:.75rem .9rem;font:inherit;font-weight:800;cursor:pointer;text-align:left}.detail-toggle{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.detail-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.shape-details{display:grid;gap:.9rem}.shape-facts{margin:0;display:grid;gap:.55rem}.shape-facts div{border-top:1px solid rgba(255,255,255,.12);padding-top:.55rem}.shape-facts dt{color:var(--cyan);font-weight:800}.shape-facts dd{margin:.2rem 0 0;line-height:1.4}.detail-description{margin:0;color:#d8e6f7;line-height:1.4}.real-world .example-chips{margin-top:.7rem}.touch-toolbar{display:grid;overflow:visible;gap:.55rem;padding:.55rem}.toolbar-primary,.toolbar-extra{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem;min-width:0}.toolbar-extra{border-top:1px solid rgba(255,255,255,.13);padding-top:.55rem}.tool-button,.presentation-mode .tool-button{width:100%;min-width:0;min-height:70px;padding:.48rem .3rem;border-radius:12px}.tool-button span{max-width:100%;overflow-wrap:anywhere}.tool-button small{overflow-wrap:anywhere;text-align:center}.more-tools-button svg:last-child{position:absolute;right:.5rem;top:.5rem}.more-tools-button[aria-expanded=true] svg:last-child{transform:rotate(180deg)}.conversation-prompt{display:grid;gap:.75rem;border:1px solid rgba(123,241,255,.4);border-radius:12px;padding:1rem;background:#7bf1ff1a}.conversation-prompt>span{color:var(--cyan);font-size:.86rem;font-weight:800}.conversation-prompt .secondary-action{justify-self:start}.class-panel .class-head h2{margin-bottom:0}.class-panel .class-tabs{margin:.65rem 0 .7rem}.class-panel .class-stack{gap:.65rem}.class-panel .guided-step-card{gap:.55rem;padding:.8rem}.class-panel .guided-step-card h3{margin:0;font-size:1.35rem}.class-panel .teacher-prompt{padding:.65rem}.class-panel .step-actions{margin-top:.15rem}.scene-wrap-home{height:100%}.top-action[aria-current=page]{border-color:#7bf1ffb3;background:#7bf1ff29;box-shadow:inset 0 0 0 1px #7bf1ff2e,0 0 22px #7bf1ff1a}.tool-button:disabled{cursor:not-allowed;opacity:.58;transform:none;border-style:dashed}.class-resource>summary{list-style:none}.class-resource>summary::-webkit-details-marker{display:none}.class-resource>summary:after{content:"+";float:right;color:var(--cyan);font-size:1.3rem;line-height:1}.class-resource[open]>summary:after{content:"−"}.class-resource>:not(summary){margin-top:.6rem}.teacher-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:19}.teacher-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;border:0;background:#020511b3;cursor:pointer}.teacher-drawer{z-index:1}.primary-action:focus-visible,.secondary-action:focus-visible,.top-action:focus-visible,.shape-button:focus-visible,.tool-button:focus-visible,.detail-toggle:focus-visible,.class-resource>summary:focus-visible{outline:3px solid var(--gold);outline-offset:2px}@media(max-width:1180px){.workspace,.presentation-mode .workspace{grid-template-columns:minmax(0,1fr)}.shape-selector,.info-panel,.challenge-panel,.class-panel{grid-column:1;max-height:none}.shape-list{display:flex;overflow-x:auto;padding-bottom:.4rem;scroll-snap-type:x proximity}.shape-button,.presentation-mode .shape-button{flex:0 0 164px;min-height:70px;justify-content:flex-start;scroll-snap-align:start}.scene-stage,.scene-wrap{height:clamp(400px,58dvh,620px);min-height:400px}.touch-toolbar{position:static}}@media(max-width:760px){.top-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.top-action{min-width:0}.shape-list{display:flex;overflow-x:auto;padding-bottom:.4rem;scroll-snap-type:x proximity}.shape-button,.presentation-mode .shape-button{flex:0 0 152px;min-height:72px;flex-direction:row;align-items:center;scroll-snap-align:start}.toolbar-primary,.toolbar-extra{grid-template-columns:repeat(4,minmax(0,1fr))}.scene-stage,.scene-wrap{height:clamp(360px,52dvh,520px);min-height:360px}.teacher-drawer{top:.5rem;right:.5rem;bottom:.5rem;width:calc(100vw - 1rem)}.hero-copy h1{font-size:3.5rem}}@media(max-width:430px){.toolbar-primary,.toolbar-extra{grid-template-columns:repeat(3,minmax(0,1fr))}.home-scene,.scene-wrap-home{min-height:360px}}.home-screen{display:block;min-height:100dvh;padding:0;background:#050817}.home-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;min-height:100%;filter:none;pointer-events:none}.home-scene:before{display:none}.home-scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#030613f0,#030613db,#03061342 62%,#03061314),linear-gradient(0deg,rgba(3,6,19,.55),transparent 24%,transparent 78%,rgba(3,6,19,.32))}.home-scene .scene-wrap-home{height:100%;min-height:100%;border:0;border-radius:0}.hero-copy{z-index:2;width:min(580px,52%);min-height:100dvh;margin-left:clamp(1.5rem,5vw,6rem);padding:3.5rem 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero-copy:before{display:none}.hero-copy .eyebrow{border-left:2px solid var(--gold);padding-left:.85rem}.hero-copy h1{margin:1.1rem 0 .85rem;font-size:5.6rem;line-height:1}.hero-copy p{max-width:470px;font-size:1.35rem}.hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;width:min(490px,100%);margin-top:1.75rem}.hero-actions .hero-button{min-width:0;min-height:62px;padding:.75rem .9rem;border-radius:10px;line-height:1.22}.hero-actions .primary-action,.hero-actions .secondary-action:last-child{grid-column:1 / -1}.home-credit{margin-top:1.35rem!important;font-size:.95rem!important}@media(max-width:1020px){.hero-copy{justify-content:flex-start;width:min(590px,calc(100% - 3rem));margin-left:1.5rem;padding-top:3.2rem}.hero-copy h1{font-size:4.5rem}.home-scene:after{background:linear-gradient(180deg,#030613f2,#030613c2,#0306131f 72%,#0306134d)}}@media(max-width:620px){.hero-copy{width:calc(100% - 2rem);margin-left:1rem;padding-top:2rem}.hero-copy h1{font-size:3.5rem}.hero-copy p{font-size:1.1rem}.hero-actions{margin-top:1.2rem}.hero-actions .hero-button{min-height:56px;font-size:.92rem}.hero-actions .hero-button svg{flex:0 0 auto;width:20px}.home-credit{font-size:.86rem!important}}.shape-icon{flex:0 0 42px;width:42px;height:42px;padding:4px;overflow:visible;color:#9cefff;filter:drop-shadow(0 0 7px rgba(123,241,255,.22))}.shape-button[data-shape=rectangular-prism] .shape-icon,.shape-button[data-shape=sphere] .shape-icon{color:#cfb6ff}.shape-button[data-shape=triangular-prism] .shape-icon{color:#99f3ce}.shape-button[data-shape=square-pyramid] .shape-icon,.shape-button[data-shape=triangular-pyramid] .shape-icon{color:#e0b8ee}.shape-button[data-shape=cone] .shape-icon{color:#ffdb9e}.challenge-panel .challenge-card{border:0;border-radius:0;padding:0;background:none;box-shadow:none;gap:.85rem}.challenge-card:before{display:none}.challenge-card .shape-chip{width:fit-content;border:0;border-left:2px solid var(--gold);border-radius:0;padding:.18rem .65rem;background:transparent;color:var(--gold)}.challenge-panel .touch-task,.challenge-panel .action-task,.info-panel .observation-primary{border:0;border-left:2px solid rgba(123,241,255,.72);border-radius:0 8px 8px 0;background:#7bf1ff13;box-shadow:none}.class-net-reveal,.challenge-net-reveal{margin-top:.8rem}@media(max-width:760px){.class-panel .class-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.class-panel .class-tabs button{min-width:0;min-height:52px;padding:.35rem .2rem}.class-panel .step-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}