:root{--color-bg:#faf8f5;--color-surface:#fff;--color-primary:#c45c26;--color-primary-hover:#a34a1e;--color-text:#1a1a1a;--color-text-muted:#5c5c5c;--color-border:#e8e4df;--font-sans:"DM Sans",system-ui,sans-serif;--radius:10px;--shadow:0 4px 20px rgba(0,0,0,.08);--shadow-popup:0 12px 40px rgba(0,0,0,.15)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1100px;margin:0 auto;padding:0 1.25rem}@keyframes hotspot-pulse{0%,to{box-shadow:0 0 0 0 rgba(196,92,38,.35)}50%{box-shadow:0 0 0 12px rgba(196,92,38,0)}}.hotspot-active{animation:hotspot-pulse 1.2s ease-in-out infinite}.scene-object-highlight{filter:drop-shadow(0 0 8px var(--color-primary)) drop-shadow(0 0 14px rgba(196,92,38,.6))}.scene-object-clickable{cursor:pointer}.scene-object-clickable:hover{opacity:.92}.popup-overlay{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.home-root{min-height:100%;background:linear-gradient(180deg,#fff5f0,#e8f8ff 35%,#f0fff4 70%,#fff8e8);position:relative;overflow:hidden}.home-root:before{top:0;height:400px;background:radial-gradient(ellipse 80% 60% at 50% 0,rgba(255,182,193,.4) 0,transparent 60%)}.home-root:after,.home-root:before{content:"";position:absolute;left:0;right:0;pointer-events:none}.home-root:after{bottom:0;height:300px;background:radial-gradient(ellipse 70% 50% at 50% 100%,rgba(173,216,230,.35) 0,transparent 60%)}.home-bubble{position:absolute;border-radius:50%;pointer-events:none}.home-card{transition:transform .2s ease,box-shadow .2s ease}.home-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 28px rgba(0,0,0,.12)}@keyframes home-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.home-float{animation:home-float 3s ease-in-out infinite}footer a:hover{text-decoration:underline;text-underline-offset:3px}.lesson-game-root{min-height:100vh;background:linear-gradient(165deg,#1a1a2e,#16213e 40%,#0f3460);position:relative;padding:0 0 3rem}.lesson-game-root:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 100% 50% at 50% 0,rgba(88,166,255,.08) 0,transparent 50%);pointer-events:none}.lesson-game-container{position:relative;max-width:1400px;margin:0 auto;padding:0 1.5rem}.lesson-game-hud{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:.75rem 0 1rem;border-bottom:1px solid hsla(0,0%,100%,.12);margin-bottom:1rem}.lesson-game-hud a,.lesson-game-hud span{color:hsla(0,0%,100%,.85);font-size:.9rem}.lesson-game-hud a:hover{color:#7dd3fc;text-decoration:none}.lesson-game-title{font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:700;color:#fff;margin:0;text-shadow:0 0 20px rgba(125,211,252,.3)}.lesson-game-stage{border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px hsla(0,0%,100%,.1),0 20px 50px rgba(0,0,0,.4),0 0 80px rgba(88,166,255,.08);background:#0f172a}.lesson-game-stage-inner{position:relative;width:100%;margin:0 auto;background:#1e293b}.lesson-game-card{background:linear-gradient(160deg,rgba(30,41,59,.95),rgba(15,23,42,.98));border:1px solid hsla(0,0%,100%,.1);border-radius:14px;box-shadow:0 4px 24px rgba(0,0,0,.25)}.lesson-game-btn{padding:.5rem 1rem;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;border:none}.lesson-game-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(125,211,252,.25)}.lesson-game-btn-primary{background:linear-gradient(135deg,#0ea5e9,#38bdf8);color:#fff}.lesson-game-btn-secondary{background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.9);border:1px solid hsla(0,0%,100%,.2)}.lesson-game-btn:disabled{opacity:.5;cursor:not-allowed}