@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@600;800&family=Montserrat:wght@400;500;700&family=Outfit:wght@300;400;600;800&family=Caveat:wght@700&family=Comfortaa:wght@400;600;700&family=Fredoka:wght@400;600;700&display=swap";:root{--bg-dark:#f1f5f9;--bg-card:#ffffffe6;--border-glass:#6366f133;--border-glass-hover:#6366f173;--color-emerald:#059669;--color-emerald-light:#10b981;--color-emerald-dark:#047857;--color-emerald-glow:#05966926;--color-gold:#c2410c;--color-gold-light:#ea580c;--color-gold-dark:#9a3412;--color-gold-glow:#c2410c26;--color-recher:#be123c;--color-recher-glow:#be123c26;--color-text-main:#0f172a;--color-text-muted:#475569;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2.5rem;--space-xl:4rem;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--transition-smooth:all .35s cubic-bezier(.25, .8, .25, 1);--font-main:"Comfortaa", sans-serif;--font-headings:"Fredoka", sans-serif;--font-accent:"Cinzel", serif;--font-handwritten:"Caveat", cursive}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}html,body{color:var(--color-text-main);font-family:var(--font-main);background:linear-gradient(135deg,#e0e7ff 0%,#fae8ff 45%,#fef3c7 100%) fixed;min-height:100vh;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff80}::-webkit-scrollbar-thumb{border-radius:var(--radius-sm);background:#6366f133}::-webkit-scrollbar-thumb:hover{background:var(--color-emerald)}#particleCanvas{z-index:2;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.app-container{z-index:10;flex-direction:column;min-height:100vh;display:flex;position:relative}.container{width:100%;max-width:1200px;padding:0 var(--space-md);margin:0 auto}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-col{flex-direction:column}.gap-sm{gap:var(--space-xs)}.gap-md{gap:var(--space-sm)}.grid{gap:var(--space-md);display:grid}.text-center{text-align:center}.text-gold{color:var(--color-gold)}.text-emerald{color:var(--color-emerald)}.text-accent{color:var(--color-gold-dark)}.font-accent{font-family:var(--font-accent)}.font-handwritten{font-family:var(--font-handwritten)}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:var(--radius-md);transition:var(--transition-smooth);box-shadow:0 8px 32px #1f268714}.glass-panel:hover{border-color:var(--border-glass-hover)}.btn{font-family:var(--font-main);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-smooth);align-items:center;gap:var(--space-xs);border:none;padding:.8rem 1.6rem;font-weight:600;text-decoration:none;display:inline-flex}.btn--primary{background:linear-gradient(135deg, var(--color-emerald), var(--color-emerald-dark));color:#fff;box-shadow:0 0 15px var(--color-emerald-glow)}.btn--primary:hover{box-shadow:0 0 25px var(--color-emerald-light);transform:translateY(-2px)}.btn--secondary{color:var(--color-text-main);background:#fffc;border:1px solid #6366f133}.btn--secondary:hover{border-color:var(--color-gold);color:var(--color-gold);background:#fff}.btn--glow{background:linear-gradient(135deg, var(--color-gold-light), var(--color-gold));color:#fff;box-shadow:0 0 15px var(--color-gold-glow)}.btn--glow:hover{box-shadow:0 0 25px var(--color-gold);transform:translateY(-2px)}header{padding:var(--space-md) 0;justify-content:space-between;align-items:center;display:flex}.logo{font-family:var(--font-accent);letter-spacing:.05em;color:var(--color-text-main);text-shadow:0 0 10px #ffffff1a;font-size:1.5rem;font-weight:800}.controls-group{gap:var(--space-xs);align-items:center;display:flex}.lang-select{border:1px solid var(--border-glass);color:var(--color-text-main);cursor:pointer;height:44px;transition:var(--transition-smooth);appearance:none;text-align:center;-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border-radius:22px;outline:none;padding:0 14px;font-family:inherit;font-size:.9rem;font-weight:600}.lang-select:hover{border-color:var(--color-emerald);color:var(--color-emerald);background:#ffffff26;box-shadow:0 0 10px #10b98133}.lang-select option{color:#f3f4f6;background:#111827;font-weight:400}.icon-btn{border:1px solid var(--border-glass);cursor:pointer;width:44px;height:44px;color:var(--color-text-main);transition:var(--transition-smooth);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;display:flex}.icon-btn:hover{border-color:var(--color-emerald);color:var(--color-emerald);background:#ffffff26}.pencil-tracker{align-items:center;gap:var(--space-xs);border-radius:var(--radius-sm);background:#fbbf2414;border:1px solid #fbbf2433;padding:.5rem 1rem;display:flex}.pencil-bar-outer{background:#0006;border:1px solid #ffffff1a;border-radius:6px;width:100px;height:12px;overflow:hidden}.pencil-bar-inner{background:linear-gradient(90deg, var(--color-gold-dark), var(--color-gold));width:100%;height:100%;box-shadow:0 0 10px var(--color-gold-glow);transition:width .5s ease-in-out}.screen{opacity:0;transition:opacity .5s ease-in-out;display:none}.screen--active{opacity:1;display:block}.hero-grid{gap:var(--space-xl);min-height:calc(100vh - 120px);padding:var(--space-lg) 0;grid-template-columns:1.1fr 1.2fr;justify-content:center;align-items:center;width:100%;max-width:1200px;margin:0 auto;display:grid}.hero-left{text-align:center;flex-direction:column;align-items:center;display:flex}.hero-right{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.video-showcase{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);background:#ffffffb3;border:2px solid #d977064d;width:100%;max-width:560px;padding:12px;transition:transform .4s,box-shadow .4s,border-color .4s;box-shadow:0 20px 40px #8b5c1a26,0 0 25px #f59e0b1a}.video-showcase:hover{border-color:#d9770699;transform:translateY(-5px);box-shadow:0 25px 50px #8b5c1a40,0 0 35px #f59e0b33}.video-wrapper{aspect-ratio:16/9;border-radius:var(--radius-md);background:#000;width:100%;position:relative;overflow:hidden}.video-wrapper video{object-fit:cover;width:100%;height:100%;display:block}.video-controls-overlay{justify-content:flex-end;gap:var(--space-sm);opacity:0;pointer-events:none;z-index:10;background:linear-gradient(#0000,#000000b3);padding:16px;transition:opacity .3s;display:flex;position:absolute;bottom:0;left:0;right:0}.video-wrapper:hover .video-controls-overlay,.video-wrapper:focus-within .video-controls-overlay{opacity:1;pointer-events:auto}.video-control-btn{color:#fff;cursor:pointer;pointer-events:auto;background:#fff3;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s,transform .2s;display:flex}.video-control-btn:hover{background:#fff6;transform:scale(1.1)}.video-control-btn:active{transform:scale(.95)}.video-icon{font-size:1.2rem;line-height:1}.video-caption{color:var(--color-gold-dark);text-align:center;justify-content:center;align-items:center;gap:6px;margin-top:10px;font-size:.9rem;font-weight:600;display:flex}.book-container{perspective:1000px;margin-bottom:var(--space-lg);cursor:pointer}.book{width:260px;height:380px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.16,1,.3,1);position:relative;transform:rotateY(-10deg)rotateX(15deg);box-shadow:15px 20px 40px #0009}.book-container:hover .book{transform:rotateY(0)rotateX(5deg)scale(1.05);box-shadow:0 25px 50px #10b98140}.book-cover{border:10px solid var(--color-gold-dark);width:100%;height:100%;padding:var(--space-md);text-align:center;background:linear-gradient(145deg,#312e81,#1e1b4b);border-radius:4px;flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:absolute}.book-cover:before{content:"✦";color:var(--color-gold);font-size:1.2rem;position:absolute;top:5px;left:5px}.book-cover:after{content:"✦";color:var(--color-gold);font-size:1.2rem;position:absolute;bottom:5px;right:5px}.book-title{font-family:var(--font-accent);color:#fbbf24;text-shadow:0 0 10px #fbbf2466;font-size:2.2rem;font-weight:800;line-height:1.1}.book-subtitle{color:var(--color-emerald-light);text-transform:uppercase;letter-spacing:.2em;font-size:.9rem;font-weight:700}.book-ornament{color:#34d399;text-shadow:0 0 25px #34d39966;font-size:3.5rem;animation:2.5s infinite alternate pulse-glow}.book-author{font-family:var(--font-accent);color:#e2e8f0;letter-spacing:.1em;font-size:.85rem}.hero-title{font-family:var(--font-accent);text-align:center;margin-bottom:var(--space-xs);background:linear-gradient(to right, var(--color-gold-dark), var(--color-gold), var(--color-gold-dark));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:3.2rem;font-weight:800}.hero-subtitle{color:var(--color-text-muted);text-align:center;max-width:500px;margin-bottom:var(--space-lg);font-size:1.15rem}.map-screen{padding:var(--space-md) 0}.map-container{width:100%;max-width:900px;margin:0 auto;position:relative}.map-title-box{margin-bottom:var(--space-md);text-align:center}.map-svg-wrapper{aspect-ratio:16/10;border-radius:var(--radius-lg);background:radial-gradient(circle,#fefbf3 0%,#ebdcb9 100%);border:2px solid #b45309;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #8b5c1a33,0 10px 30px #0000001a}.map-svg{width:100%;height:100%}.map-path{fill:none;stroke:#0f172a26;stroke-width:4px;stroke-dasharray:8 6;transition:var(--transition-smooth)}.map-path--unlocked{stroke-dashoffset:0;filter:drop-shadow(0 0 5px var(--color-emerald));opacity:.95;animation:1.2s linear infinite flowEnergy;stroke:var(--color-emerald)!important;stroke-dasharray:8 6!important}.map-path--active{stroke-dashoffset:0;filter:drop-shadow(0 0 3px var(--color-gold));opacity:.8;animation:1.8s linear infinite flowEnergy;stroke:var(--color-gold)!important;stroke-dasharray:8 6!important}@keyframes flowEnergy{to{stroke-dashoffset:-28px}}.tower-node{cursor:pointer;transition:var(--transition-smooth)}.tower-circle{fill:#fff;stroke:var(--color-text-muted);stroke-width:3px;transition:var(--transition-smooth)}.tower-node:hover .tower-circle{stroke:var(--color-gold);transform:scale(1.1)}.tower-node--locked{cursor:not-allowed;opacity:.6}.tower-node--locked .tower-circle{stroke:var(--color-recher);fill:#fef2f2}.tower-node--locked:hover .tower-circle{stroke:var(--color-recher);transform:none}.tower-node--unlocked .tower-circle{stroke:var(--color-emerald);fill:#ecfdf5}.tower-node--unlocked:hover .tower-circle{stroke:var(--color-emerald-light);fill:#d1fae5;filter:drop-shadow(0 0 10px #10b9814d)}.tower-node--active .tower-circle{stroke:var(--color-gold);fill:#fffbeb;filter:drop-shadow(0 0 12px #d9770659);animation:1.5s infinite alternate activeGlow}.tower-text{fill:#1e293b;font-family:var(--font-main);pointer-events:none;font-size:14px;font-weight:700}.tower-node--unlocked .tower-text{fill:var(--color-emerald-dark)}.tower-node--active .tower-text{fill:var(--color-gold-dark)}.map-legend{margin-top:var(--space-md);padding:var(--space-sm);justify-content:center;gap:var(--space-lg);font-size:.9rem;display:flex}.legend-item{align-items:center;gap:var(--space-xs);display:flex}.legend-dot{border:2px solid;border-radius:50%;width:14px;height:14px}.legend-dot--locked{border-color:var(--color-recher);background:#f43f5e1a}.legend-dot--unlocked{border-color:var(--color-emerald);background:#10b9811a}.legend-dot--active{border-color:var(--color-gold);box-shadow:0 0 8px var(--color-gold);background:#fbbf2433}.puzzle-modal{z-index:100;-webkit-backdrop-filter:blur(8px);width:100%;height:100%;padding:var(--space-md);background:#0f172a73;display:none;position:fixed;top:0;left:0;overflow-y:auto}.puzzle-modal--active{justify-content:center;align-items:center;display:flex}.puzzle-panel{border-radius:var(--radius-lg);width:100%;max-width:900px;max-height:90vh;padding:var(--space-lg);position:relative;overflow-y:auto}.close-btn{top:var(--space-md);right:var(--space-md);font-size:1.5rem;position:absolute}.dialogue-box{gap:var(--space-md);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md);border:1px solid #6366f126;border-left:5px solid var(--color-gold);background:#6366f10f;display:flex}.char-avatar{font-size:3rem;line-height:1}.char-content{flex:1}.char-name{font-family:var(--font-accent);color:var(--color-gold);margin-bottom:var(--space-xs);font-size:1.1rem;font-weight:800}.char-speech{color:var(--color-text-main);font-size:.95rem;line-height:1.5}.question-card{border-left:4px solid var(--color-emerald);padding-left:var(--space-md);margin-bottom:var(--space-lg)}.question-title{font-family:var(--font-accent);color:var(--color-emerald);margin-bottom:var(--space-xs);font-size:1.25rem}.question-text{color:var(--color-text-main);font-size:1.05rem;font-weight:600}.vis-workarea{border-radius:var(--radius-md);min-height:240px;padding:var(--space-md);margin-bottom:var(--space-lg);background:#f8fafcd9;border:1px solid #6366f133;position:relative;box-shadow:inset 0 2px 8px #6366f10a}.vis-instruction{color:var(--color-text-muted);margin-bottom:var(--space-md);font-size:.85rem}.submission-bar{gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);background:#6366f10a;border:1px solid #6366f126;flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.input-container{align-items:center;gap:var(--space-xs);display:flex}.answer-input{border-radius:var(--radius-sm);color:var(--color-text-main);font-family:var(--font-main);text-align:center;width:140px;transition:var(--transition-smooth);background:#fff;border:2px solid #6366f140;padding:.8rem 1rem;font-size:1.2rem;font-weight:700}.answer-input:focus{border-color:var(--color-emerald);box-shadow:0 0 10px var(--color-emerald-glow);outline:none}.answer-input--error{border-color:var(--color-recher)!important;box-shadow:0 0 10px var(--color-recher-glow)!important}.info-box{margin-top:var(--space-md);padding:var(--space-md);border-radius:var(--radius-sm);font-size:.95rem;display:none}.info-box--active{display:block}.info-box--hint{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.info-box--solution{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.vis-reverse{flex-direction:column;align-items:center;display:flex}.pipeline{align-items:center;gap:var(--space-xs);margin-bottom:var(--space-lg);transition:var(--transition-smooth);display:flex}.pipe-node{border-radius:var(--radius-sm);width:60px;height:60px;font-family:var(--font-main);transition:var(--transition-smooth);background:#fff;border:2px solid #6366f133;justify-content:center;align-items:center;font-size:1.3rem;font-weight:700;display:flex}.pipe-node--active{border-color:var(--color-gold);color:var(--color-gold-light);box-shadow:0 0 10px var(--color-gold-glow)}.pipe-node--highlight{border-color:var(--color-emerald);color:var(--color-emerald);box-shadow:0 0 15px var(--color-emerald-glow)}.pipe-link{color:var(--color-text-muted);padding:0 1rem;font-size:1rem;position:relative}.pipe-link:before{content:"→";transition:var(--transition-smooth);font-size:1.1rem;position:absolute;bottom:-1.2rem;left:50%;transform:translate(-50%)}.pipeline--reversed .pipeline-link:before{content:"←"}.pipeline-explain{text-align:center;color:var(--color-text-muted);max-width:500px;font-size:.95rem}.vis-pattern{flex-direction:column;align-items:center;display:flex}.pattern-sequence{align-items:flex-end;gap:var(--space-xs);width:100%;max-width:650px;height:220px;margin-bottom:var(--space-md);border-bottom:2px solid #6366f140;padding-bottom:5px;display:flex}.seq-item{flex-direction:column;flex:1;justify-content:flex-end;display:flex}.seq-block{border-radius:var(--radius-sm) var(--radius-sm) 0 0;width:100%;color:var(--color-text-main);transition:var(--transition-smooth);background:#fff;border:1px solid #6366f133;justify-content:center;align-items:center;font-size:1.15rem;font-weight:700;display:flex}.seq-block--target{border:2px dashed var(--color-gold);color:var(--color-gold);background:#fffdf5}.seq-block--highlight{border:2px solid var(--color-emerald);color:var(--color-emerald);box-shadow:0 0 15px var(--color-emerald-glow);background:#ecfdf5}.seq-diff{width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;transition:var(--transition-smooth);background:#f1f5f9;border:1px solid #6366f133;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;display:flex;transform:translateY(-12px)}.seq-diff:hover{border-color:var(--color-gold);background:#fff}.seq-diff--glow{border-color:var(--color-gold);box-shadow:0 0 8px var(--color-gold-glow)}.seq-diff--active{background:var(--color-gold);color:#fff;border-color:var(--color-gold-dark);font-weight:700;transform:scale(1.1)translateY(-12px)}.pattern-explain{color:var(--color-text-muted);font-size:.95rem}.vis-fraction{flex-direction:column;align-items:center;display:flex}.fraction-bar{border-radius:var(--radius-sm);width:100%;max-width:600px;height:60px;margin-bottom:var(--space-md);background:#fff;border:2px solid #6366f133;display:flex;overflow:hidden}.fraction-block{color:#0f172a59;transition:var(--transition-smooth);border-right:1px solid #6366f126;flex:1;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:flex}.fraction-block:last-child{border-right:none}.fraction-block--vanessa{color:var(--color-recher);background:#f43f5e26;border-right-color:#f43f5e40}.fraction-block--sam{color:#1d4ed8;background:#3b82f626;border-right-color:#3b82f640}.fraction-block--emerald{color:var(--color-emerald);box-shadow:inset 0 0 15px var(--color-emerald-glow);background:#10b98126;border-right-color:#10b98140;animation:1.5s infinite alternate emeraldPulse}.block-num{opacity:.6;font-size:.65rem}.fraction-explain{color:var(--color-text-muted);text-align:center;font-size:.95rem}.vis-scale{flex-direction:column;align-items:center;display:flex}.scale-container{width:450px;height:220px;margin-bottom:var(--space-md);position:relative}.scale-beam{transform-origin:50%;z-index:2;background:#6366f14d;border-radius:4px;width:400px;height:8px;transition:transform .5s;position:absolute;top:50px;left:25px}.scale-beam:before{content:"";border-left:10px solid #0000;border-right:10px solid #0000;border-bottom:12px solid var(--color-gold);width:0;height:0;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.scale-beam--balanced{background:var(--color-emerald);box-shadow:0 0 10px var(--color-emerald-glow)}.scale-pan{border-top:3px solid var(--color-text-muted);transform-origin:top;z-index:3;flex-direction:column;align-items:center;width:130px;min-height:110px;transition:transform .5s;display:flex;position:absolute}.scale-pan:before{content:"";background:linear-gradient(135deg, transparent 48%, var(--color-text-muted) 50%, transparent 52%);border-left:2px solid var(--color-text-muted);border-right:2px solid var(--color-text-muted);transform-origin:top;width:100%;height:45px;position:absolute;top:0;transform:scaleY(-1)}.scale-pan--left{top:8px;left:-20px}.scale-pan--right{top:8px;right:-20px}.pan-contents{border-radius:0 0 var(--radius-sm) var(--radius-sm);background:#fff;border:1px solid #6366f133;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;min-height:60px;margin-top:45px;padding:8px;display:flex;box-shadow:0 4px 6px #6366f10d}.pan-row{justify-content:center;align-items:center;gap:2px;width:100%;display:flex}.block-lbl{color:var(--color-text-muted);margin-right:4px;font-size:.65rem}.scale-box{border:1px solid;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex}.scale-box--young{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6}.scale-box--lead{border-color:var(--color-gold);color:var(--color-gold);background:#fffdf5}.weight-block{color:#fff;background:#64748b;border:2px solid #475569;border-radius:50% 50% 4px 4px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:700;display:flex;box-shadow:0 4px 6px #00000026}.scale-base{z-index:1;background:#64748b;width:20px;height:130px;position:absolute;top:50px;left:215px}.scale-base:after{content:"";background:#475569;border-radius:6px;width:100px;height:12px;position:absolute;bottom:0;left:-40px}.scale-control{margin-bottom:var(--space-md);flex-direction:column;align-items:center;width:100%;display:flex}.scale-control label{margin-bottom:var(--space-xs);font-size:.95rem}.scale-explain{color:var(--color-text-muted);text-align:center;font-size:.95rem}.vis-logic{flex-direction:column;align-items:center;display:flex}.chests-row{justify-content:center;gap:var(--space-md);width:100%;margin-bottom:var(--space-md);display:flex}.chest-card{border-radius:var(--radius-md);max-width:200px;padding:var(--space-sm);text-align:center;cursor:pointer;transition:var(--transition-smooth);background:#fff;border:1px solid #6366f133;flex:1;box-shadow:0 4px 6px #6366f105}.chest-card:hover{border-color:#6366f166;transform:translateY(-3px)}.chest-card--active{border-color:var(--color-gold);box-shadow:0 0 15px var(--color-gold-glow);background:#fffdf5}.chest-icon{margin-bottom:var(--space-xs);font-size:2.2rem;display:block}.chest-title{margin-bottom:var(--space-xs);font-size:.9rem;font-weight:700}.chest-statement{color:var(--color-text-main);font-size:1.15rem;line-height:1.2}.logic-table-wrapper{width:100%;max-width:600px;margin-bottom:var(--space-sm);border-radius:var(--radius-sm);background:#fff;border:1px solid #6366f133;overflow-x:auto;box-shadow:0 4px 10px #6366f108}.logic-table{border-collapse:collapse;text-align:center;width:100%;font-size:.85rem}.logic-table th,.logic-table td{border-bottom:1px solid #6366f11f;border-right:1px solid #6366f11f;padding:8px 12px}.logic-table th:last-child,.logic-table td:last-child{border-right:none}.logic-table th{color:var(--color-text-main);background:#f8fafc;font-weight:600}.row-assume--active{background:#6366f10a}.cell-status--true{color:var(--color-emerald);font-weight:700}.cell-status--false{color:var(--color-recher);font-weight:700}.cell-count{font-weight:700}.cell-count--valid{color:var(--color-emerald)}.cell-count--invalid{color:var(--color-recher)}.vis-speed{flex-direction:column;align-items:center;width:100%;display:flex}.speed-road{border-radius:var(--radius-md);width:100%;max-width:550px;height:80px;margin:var(--space-md) 0;background:linear-gradient(#1e293b 0%,#0f172a 100%);border:2px solid #6366f140;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 8px #00000080,0 4px 12px #6366f10d}.speed-road:before{content:"";border-top:2px dashed #fde04799;height:2px;position:absolute;top:calc(50% - 1px);left:0;right:0}.speed-flag{color:#fff;z-index:5;border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:700;position:absolute;top:8px;box-shadow:0 2px 4px #0003}.speed-flag--left{background:var(--color-recher);left:8px}.speed-flag--right{background:var(--color-emerald);right:8px}.speed-truck{z-index:4;flex-direction:column;align-items:center;font-size:2.2rem;display:flex;position:absolute}.speed-truck--left{left:10px}.speed-truck--right{right:10px}.truck-label{color:#fff;white-space:nowrap;background:#0f172ad9;border:1px solid #ffffff26;border-radius:4px;margin-top:-2px;padding:1px 6px;font-size:.7rem;font-weight:700}.meeting-point{color:#fff;background:var(--color-recher);border-radius:var(--radius-sm);border:2px solid var(--color-gold);box-shadow:0 0 15px var(--color-gold-glow);z-index:6;text-align:center;padding:6px 12px;font-size:.85rem;font-weight:700;animation:1s infinite alternate meetingPulse;position:absolute;left:45%}@keyframes meetingPulse{0%{box-shadow:0 0 10px var(--color-gold-glow);transform:scale(.95)}to{transform:scale(1.05);box-shadow:0 0 20px #ef4444cc}}.speed-explain{color:var(--color-text-muted);text-align:center;font-size:.95rem}.vis-towers{flex-direction:column;align-items:center;width:100%;display:flex}.towers-row{justify-content:center;align-items:flex-end;gap:var(--space-xs);width:100%;max-width:500px;height:230px;margin-bottom:var(--space-md);border-bottom:2px solid #6366f133;padding-bottom:10px;display:flex}.tower-col{flex-direction:column;flex:1;justify-content:flex-end;max-width:65px;transition:all .6s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}.t-col-roof{background:var(--color-recher);clip-path:polygon(50% 0%,0% 100%,100% 100%);width:100%;height:14px;margin-bottom:-1px}.t-col-body{color:var(--color-text-main);background:linear-gradient(#cbd5e1 0%,#94a3b8 100%);border:1px solid #0f172a1a;border-top:none;border-radius:0 0 4px 4px;justify-content:center;align-items:center;height:calc(100% - 14px);font-size:.9rem;font-weight:700;display:flex;box-shadow:inset 0 2px 4px #fff6,0 2px 4px #00000014}.tower-col--target .t-col-roof{background:var(--color-gold)}.tower-col--target .t-col-body{color:#713f12;background:linear-gradient(#fef08a 0%,#ca8a04 100%);border-color:#ca8a044d}.tower-col--revealed{animation:.5s forwards towerReveal}@keyframes towerReveal{0%{transform-origin:bottom;opacity:0;transform:scaleY(0)}to{transform-origin:bottom;opacity:1;transform:scaleY(1)}}.tower-col-diff{width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;transition:var(--transition-smooth);background:#ffffffe6;border:2px solid #6366f14d;border-radius:50%;justify-content:center;align-items:center;margin-bottom:15px;font-size:.8rem;font-weight:700;display:flex;box-shadow:0 2px 4px #0000000d}.tower-col-diff:hover{border-color:var(--color-gold);color:var(--color-gold);transform:scale(1.15)}.tower-col-diff--active{background:var(--color-gold-light);border-color:var(--color-gold);color:#713f12;box-shadow:0 0 10px var(--color-gold-glow);pointer-events:none}.towers-explain{color:var(--color-text-muted);text-align:center;font-size:.95rem}.vis-eyes{flex-direction:column;align-items:center;width:100%;display:flex}.eyes-layout{justify-content:space-between;align-items:center;gap:var(--space-md);width:100%;max-width:500px;margin-bottom:var(--space-md);display:flex}.eyes-summary-box{border-radius:var(--radius-md);background:#fff;border:1px solid #6366f133;flex-direction:column;flex:1.2;gap:4px;padding:10px 14px;display:flex;box-shadow:0 4px 6px #00000005}.sum-row{color:var(--color-text-muted);justify-content:space-between;font-size:.85rem;display:flex}.sum-val{color:var(--color-text-main);font-weight:700}.eyes-controls{border-radius:var(--radius-md);background:#fff;border:1px solid #6366f133;flex-direction:column;flex:1;align-items:center;padding:10px;display:flex;box-shadow:0 4px 6px #00000005}.eyes-controls label{color:var(--color-text-muted);margin-bottom:var(--space-xs);text-align:center;font-size:.75rem;font-weight:700}.counter-buttons{gap:var(--space-sm);display:flex}.btn-count{border:2px solid var(--color-gold);width:32px;height:32px;color:var(--color-gold);cursor:pointer;transition:var(--transition-smooth);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.btn-count:hover{background:var(--color-gold-light);color:#713f12;transform:scale(1.1)}.btn-count:active{transform:scale(.95)}.monsters-grid{gap:var(--space-sm);width:100%;max-width:480px;margin-bottom:var(--space-md);grid-template-columns:repeat(5,1fr);display:grid}.monster-item{border-radius:var(--radius-sm);text-align:center;min-height:70px;transition:var(--transition-smooth);background:#fff9;border:1px solid #6366f126;flex-direction:column;justify-content:center;align-items:center;padding:8px 4px;font-size:1.8rem;display:flex;position:relative}.monster-item:hover{border-color:#6366f14d;transform:translateY(-2px)}.monster-item--three{border-color:var(--color-gold);box-shadow:0 0 10px var(--color-gold-glow);background:#fffdf5}.m-eyes-badge{color:#fff;white-space:nowrap;background:#0f172acc;border-radius:3px;margin-top:4px;padding:1px 4px;font-size:.55rem}.eyes-explain{color:var(--color-text-muted);text-align:center;min-height:48px;font-size:.95rem}.success-screen{min-height:calc(100vh - 120px);padding:var(--space-lg) 0;flex-direction:column;justify-content:center;align-items:center;display:flex}.success-card{width:100%;max-width:600px;padding:var(--space-lg);text-align:center;margin-bottom:var(--space-lg)}.success-badge{margin-bottom:var(--space-md);font-size:4.5rem;animation:3s ease-in-out infinite bounce-float}.success-title{font-family:var(--font-accent);color:var(--color-gold);margin-bottom:var(--space-sm);text-shadow:0 0 10px var(--color-gold-glow);font-size:2.2rem}.success-text{color:var(--color-text-muted);margin-bottom:var(--space-lg);font-size:1.05rem}.certificate-form{align-items:center;gap:var(--space-md);margin-top:var(--space-md);flex-direction:column;display:flex}.cert-input{border-radius:var(--radius-sm);font-family:var(--font-main);color:var(--color-text-main);text-align:center;width:100%;max-width:300px;transition:var(--transition-smooth);background:#fff;border:1px solid #6366f140;padding:.8rem 1.2rem;font-size:1.1rem}.cert-input:focus{border-color:var(--color-gold);outline:none}@keyframes drawPath{to{stroke-dashoffset:0}}@keyframes activeGlow{0%{filter:drop-shadow(0 0 5px var(--color-gold-glow));stroke-width:3px}to{filter:drop-shadow(0 0 15px var(--color-gold));stroke-width:5px}}@keyframes pulse-glow{0%{opacity:.8;transform:scale(.98)}to{opacity:1;transform:scale(1.02)}}@keyframes emeraldPulse{0%{box-shadow:inset 0 0 10px #10b98133}to{box-shadow:inset 0 0 25px #10b98180}}@keyframes bounce-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media (width<=768px){header{gap:var(--space-sm);flex-direction:column}.hero-title{font-size:2.3rem}.book{width:160px;height:240px}.book-title{font-size:1.4rem}.book-ornament{font-size:2rem}.book-subtitle{letter-spacing:.1em;font-size:.75rem}.book-author{font-size:.75rem}.video-controls-overlay{opacity:1;pointer-events:auto;padding:8px}.video-control-btn{width:34px;height:34px}.video-icon{font-size:1rem}.pipeline{justify-content:center;gap:var(--space-sm);flex-wrap:wrap}.pipe-node{width:46px;height:46px;font-size:1.1rem}.pipe-link{padding:0 .5rem;font-size:.85rem}.pipe-link:before{font-size:.95rem;bottom:-1rem}.scale-container{width:100%;max-width:320px;height:180px}.scale-beam{width:270px;top:40px;left:25px}.scale-base{height:100px;top:40px;left:150px}.scale-base:after{width:80px;left:-30px}.scale-pan{width:90px;min-height:80px}.scale-pan:before{height:30px}.pan-contents{margin-top:30px}.scale-pan--left{left:-15px}.scale-pan--right{right:-15px}.chests-row{flex-direction:column;align-items:center}.chest-card{width:100%}.puzzle-modal--active{align-items:flex-start;overflow-y:auto}.puzzle-panel{max-height:none;margin:var(--space-md) auto;overflow-y:visible}}@media (width<=600px){.puzzle-panel{padding:var(--space-md) var(--space-sm);margin:var(--space-xs) auto}.close-btn{top:var(--space-sm);right:var(--space-sm)}.dialogue-box{padding:var(--space-sm);gap:var(--space-sm);margin-bottom:var(--space-sm)}.char-avatar{font-size:2.2rem}.char-name{font-size:1rem}.char-speech{font-size:.9rem}.question-card{padding:var(--space-sm);margin-bottom:var(--space-sm)}.question-title{font-size:.85rem}.question-text{font-size:.95rem}.vis-workarea{padding:var(--space-sm);min-height:200px;margin-bottom:var(--space-sm)}.submission-bar{padding:var(--space-sm);align-items:stretch;gap:var(--space-sm);flex-direction:column}.input-container{justify-content:space-between}}@media (height<=550px) and (orientation:landscape){header{flex-direction:row;padding:8px 0}.logo{font-size:1.1rem}.hero-grid{gap:var(--space-md);min-height:auto;padding:var(--space-sm) 0;grid-template-columns:1fr 1.1fr}.hero-left{text-align:left;align-items:center;gap:var(--space-md);flex-direction:row}.hero-left .book-container{margin-bottom:0}.book{width:110px;height:160px}.book-title{font-size:1rem}.book-subtitle{letter-spacing:.05em;font-size:.6rem}.book-ornament{font-size:1.5rem}.book-author{font-size:.6rem}.hero-title{text-align:left;font-size:1.6rem}.hero-subtitle{text-align:left;margin-bottom:var(--space-sm);max-width:100%;font-size:.95rem}.video-showcase{max-width:320px;padding:6px}.video-caption{margin-top:4px;font-size:.8rem}.video-controls-overlay{opacity:1;pointer-events:auto;padding:6px}.video-control-btn{width:30px;height:30px}.video-icon{font-size:.9rem}.puzzle-panel{padding:var(--space-sm) var(--space-md);max-height:95vh}.dialogue-box{margin-bottom:var(--space-xs);padding:var(--space-xs) var(--space-sm)}.char-avatar{font-size:1.8rem}.question-card{margin-bottom:var(--space-xs)}.vis-workarea{min-height:140px;margin-bottom:var(--space-xs);padding:var(--space-xs)}.submission-bar{padding:var(--space-xs) var(--space-sm)}}.map-tooltip{z-index:1000;pointer-events:none;-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-sm);color:var(--color-text-main);opacity:0;background:#0f162aeb;border:1px solid #ffffff26;max-width:240px;padding:.6rem .9rem;font-size:.85rem;transition:opacity .2s,transform .2s;position:fixed;transform:translate(-50%,-120%)scale(.95);box-shadow:0 8px 24px #00000080}.map-tooltip--active{opacity:1;transform:translate(-50%,-120%)scale(1)}.tooltip-title{font-family:var(--font-accent);color:var(--color-gold);margin-bottom:2px;font-size:.95rem;font-weight:700}.tooltip-status{text-transform:uppercase;border-radius:3px;margin-bottom:6px;padding:1px 6px;font-size:.7rem;font-weight:700;display:inline-block}.tooltip-status--locked{color:#fda4af;background:#f43f5e33;border:1px solid #f43f5e66}.tooltip-status--unlocked{color:var(--color-emerald-light);background:#10b98133;border:1px solid #10b98166}.tooltip-status--active{color:var(--color-gold);background:#fbbf2433;border:1px solid #fbbf2466}.tooltip-desc{color:#d1d5db;line-height:1.35}.padlock-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:relative}.padlock-svg{transition:var(--transition-smooth);filter:drop-shadow(0 0 4px #f43f5e4d)}.lock-shackle{transform-origin:8px 12px;transition:transform .5s cubic-bezier(.175,.885,.32,1.275),stroke .5s}.lock-body,.lock-keyhole{transition:stroke .5s,fill .5s}.padlock-wrapper--unlocked .lock-shackle{transform:translateY(-5px)rotate(-20deg);stroke:var(--color-emerald)!important}.padlock-wrapper--unlocked .lock-body{stroke:var(--color-emerald)!important}.padlock-wrapper--unlocked .lock-keyhole{fill:var(--color-emerald)!important;stroke:var(--color-emerald)!important}.padlock-wrapper--unlocked .padlock-svg{filter:drop-shadow(0 0 8px var(--color-emerald-glow))}.key-svg{z-index:100;filter:drop-shadow(0 0 6px var(--color-gold))}.tower-node .tower-circle{transition:var(--transition-smooth)}.tower-node .tower-icon{color:var(--color-text-muted);transition:var(--transition-smooth)}.tower-node--active .tower-icon{color:var(--color-gold);animation:2.2s ease-in-out infinite iconFloat}.tower-node--unlocked .tower-icon{color:var(--color-emerald-light)}.tower-node--locked .tower-icon{color:var(--color-recher);opacity:.4}@keyframes iconFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-4px)scale(1.06)}}.tower-node:hover .tower-icon{color:var(--color-gold-light);transform:scale(1.2)rotate(5deg)}.tower-node--locked:hover .tower-icon{color:var(--color-recher);transform:none}.map-clouds-group{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.map-cloud{pointer-events:none}.map-cloud--1{animation:45s linear infinite floatCloud1}.map-cloud--2{animation:65s linear infinite floatCloud2}.map-cloud--3{animation:50s linear infinite floatCloud3}@keyframes floatCloud1{0%{opacity:0;transform:translate(-100px,40px)scale(.8)}5%{opacity:.75}95%{opacity:.75}to{opacity:0;transform:translate(850px,40px)scale(.8)}}@keyframes floatCloud2{0%{opacity:0;transform:translate(-100px,160px)scale(.5)}5%{opacity:.6}95%{opacity:.6}to{opacity:0;transform:translate(850px,160px)scale(.5)}}@keyframes floatCloud3{0%{opacity:0;transform:translate(-100px,280px)scale(.65)}5%{opacity:.7}95%{opacity:.7}to{opacity:0;transform:translate(850px,280px)scale(.65)}}.pencil-lbl{color:var(--color-gold-dark);margin-right:4px;font-size:.85rem;font-weight:800}@media (width<=650px){.pencil-lbl{display:none}}.magical-auras{z-index:1;pointer-events:none;opacity:1;width:100%;height:100%;transition:opacity .8s cubic-bezier(.25,.8,.25,1);position:fixed;top:0;left:0;overflow:hidden}.magical-auras--disabled{opacity:0!important}.aura-blob{filter:blur(120px);opacity:.14;pointer-events:none;will-change:transform;border-radius:50%;width:45vw;max-width:500px;height:45vw;max-height:500px;position:absolute}.aura-blob--indigo{background:#6366f1;animation:24s ease-in-out infinite alternate driftBlob;top:-10%;left:5%}.aura-blob--amber{background:#f59e0b;animation:32s ease-in-out infinite alternate-reverse driftBlob;bottom:-5%;right:10%}.aura-blob--rose{background:#ec4899;animation:28s ease-in-out infinite alternate driftBlob;top:35%;left:55%}@keyframes driftBlob{0%{transform:translate(0)scale(1)rotate(0)}50%{transform:translate(50px,-30px)scale(1.08)rotate(180deg)}to{transform:translate(-30px,60px)scale(.92)rotate(360deg)}}@media (width<=900px){.hero-grid{gap:var(--space-lg);padding:var(--space-md) var(--space-sm);grid-template-columns:1fr;min-height:auto}.hero-right{order:-1}.video-showcase{max-width:100%}}.about-section{margin-top:var(--space-xl);padding:var(--space-xl);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);background:#ffffffb3;border:1px solid #d9770633;width:100%;max-width:1100px;margin-left:auto;margin-right:auto;box-shadow:0 15px 35px #8b5c1a14}.about-grid{gap:var(--space-xl);grid-template-columns:1fr 1.5fr;align-items:center;display:grid}.about-left{justify-content:center;align-items:center;display:flex}.author-img{aspect-ratio:1;border-radius:var(--radius-md);border:4px solid var(--color-gold-dark);width:100%;max-width:320px;transition:transform .4s;box-shadow:0 10px 25px #8b5c1a26}.author-img:hover{transform:scale(1.03)rotate(1deg)}.about-right{gap:var(--space-md);text-align:left;flex-direction:column;display:flex}.about-title{color:var(--color-gold-dark);background:linear-gradient(to right, var(--color-gold-dark), var(--color-gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:2.2rem}.about-text{color:var(--color-text-main);margin:0;font-size:1.15rem;line-height:1.6}.author-badge{color:var(--color-gold-dark);background:#d9770614;border:1px solid #d9770633;border-radius:20px;align-self:flex-start;align-items:center;padding:6px 12px;font-size:.9rem;font-weight:600;display:inline-flex}@media (width<=768px){.about-grid{gap:var(--space-lg);grid-template-columns:1fr}.about-section{padding:var(--space-lg) var(--space-md);margin-top:var(--space-lg)}.author-img{max-width:240px}.about-title{text-align:center;font-size:1.8rem}.about-right{text-align:center}.author-badge{align-self:center}}h1,h2,h3,h4,h5,h6,.hero-title,.about-title,.logo{font-family:var(--font-headings), var(--font-accent), sans-serif;letter-spacing:.02em}.mascot-welcome{align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);border-radius:var(--radius-md);border:2px solid var(--border-glass-hover);text-align:left;background:#fffffff2;width:100%;max-width:550px;padding:16px;display:flex;box-shadow:0 8px 24px #6366f11a}.welcome-mascot-img{border:3px solid var(--color-gold);object-fit:contain;background:#e0e7ff;border-radius:50%;width:80px;height:80px;animation:3s ease-in-out infinite bounceSlow;box-shadow:0 4px 10px #00000026}@keyframes bounceSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.mascot-bubble{border-radius:var(--radius-sm);color:var(--color-text-main);background:#f8fafc;border:1px solid #6366f126;flex:1;padding:10px 14px;position:relative}.mascot-bubble:before{content:"";background:#f8fafc;border-bottom:1px solid #6366f126;border-left:1px solid #6366f126;width:10px;height:10px;position:absolute;top:50%;left:-6px;transform:translateY(-50%)rotate(45deg)}.mascot-name{color:var(--color-gold-dark);font-size:.85rem;font-weight:700;font-family:var(--font-headings);margin-bottom:3px;display:block}.mascot-bubble p{margin:0;font-size:.85rem;line-height:1.4}.illustration-wrapper{aspect-ratio:16/9;border-radius:var(--radius-md);background:#000;width:100%;position:relative;overflow:hidden}.hero-illustration{object-fit:cover;width:100%;height:100%;transition:transform .6s;display:block}.illustration-wrapper:hover .hero-illustration{transform:scale(1.04)}.play-teaser-btn{bottom:var(--space-xs);right:var(--space-xs);z-index:10;padding:6px 12px;font-size:.8rem;position:absolute;box-shadow:0 4px 15px #0000004d}.modal-tabs{gap:var(--space-xs);margin:var(--space-md) 0;border-bottom:2px solid #6366f126;padding-bottom:1px;display:flex}.tab-btn{font-family:var(--font-headings);color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:var(--transition-smooth);background:0 0;border:none;border-bottom:3px solid #0000;padding:8px 16px;font-size:.95rem;font-weight:600}.tab-btn:hover{color:var(--color-gold-light);background:#6366f10d}.tab-btn--active{border-bottom-color:var(--color-gold-dark);background:#6366f114;color:var(--color-gold-dark)!important}.tab-content{display:none}.tab-content--active{animation:.35s tabFadeIn;display:block}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.worksheet-preview-card{border-radius:var(--radius-md);padding:var(--space-md);color:var(--color-text-main);background:#fff;border:1px solid #6366f133;box-shadow:0 8px 24px #0000000a}.preview-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);border-radius:var(--radius-sm);background:#f8fafc;border:1px dashed #6366f133;padding:12px;display:flex}.preview-mascot{object-fit:contain;width:54px;height:54px;animation:3.5s ease-in-out infinite bounceSlow}.preview-bubble{text-align:left;flex:1;font-size:.85rem;line-height:1.4}.bubble-title{color:var(--color-emerald-dark);font-weight:700;font-family:var(--font-headings);margin-bottom:2px;display:block}.preview-bubble p{margin:0}.preview-info-rows{margin-bottom:var(--space-md);border-radius:var(--radius-sm);border-left:4px solid var(--color-emerald);text-align:left;background:#10b9810a;flex-direction:column;gap:6px;padding:10px 14px;font-size:.85rem;display:flex}.preview-questions-list{gap:var(--space-xs);margin-bottom:var(--space-md);text-align:left;flex-direction:column;display:flex}.preview-q-item{border-radius:var(--radius-sm);gap:var(--space-xs);background:#f8fafc;border:1px solid #0000000f;padding:10px 12px;display:flex}.pq-num{color:var(--color-gold-dark);white-space:nowrap;font-weight:700;font-family:var(--font-headings)}.pq-text{font-size:.85rem;line-height:1.4}.worksheet-actions{margin-top:var(--space-sm);justify-content:center;display:flex}.printable-worksheet{display:none}@media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body>:not(#printableWorksheet){display:none!important}@page{size:A4 portrait;margin:12mm 15mm}html,body{color:#1e293b!important;background:#fff!important;min-height:auto!important;margin:0!important;padding:0!important;font-family:Comfortaa,system-ui,-apple-system,sans-serif!important;font-size:9.5pt!important}.printable-worksheet,.printable-worksheet *{display:block!important}.printable-worksheet{width:100%;position:absolute;top:0;left:0;background:#fff!important;padding:0!important}.ws-print-header{border-bottom:3px solid #fbbf24;flex-direction:column;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex!important}.ws-header-title{letter-spacing:.02em;text-align:center;margin-bottom:6px;font-family:Fredoka,system-ui,sans-serif;font-size:13pt;font-weight:800;color:#4338ca!important}.ws-header-meta{flex-direction:row;justify-content:space-between;width:100%;font-family:inherit;font-size:8.5pt;color:#4b5563!important;display:flex!important}.ws-section-box{border:1px solid #c7d2fe;border-radius:6px;margin-bottom:10px;padding:8px 12px;background:#f5f3ff!important}.ws-section-box h3{text-transform:uppercase;margin-bottom:4px;font-family:Fredoka,system-ui,sans-serif;font-size:10.5pt;font-weight:800;color:#4f46e5!important}.ws-section-box p{margin:2px 0;font-size:8.5pt;line-height:1.3;color:#4b5563!important}.ws-intro-story{border-left:4px solid #f59e0b;border-radius:4px;margin-bottom:12px;padding:8px 12px;font-size:8.5pt;font-style:italic;line-height:1.35;color:#78350f!important;background:#fffbeb!important}.ws-questions-container{flex-direction:column;gap:12px;display:flex}.ws-q-block{page-break-inside:avoid}.ws-q-header{border-radius:4px;margin-bottom:4px;padding:3px 10px;font-family:Fredoka,system-ui,sans-serif;font-size:9.5pt;font-weight:800;color:#fff!important;background:#10b981!important;display:inline-block!important}.ws-q-text{margin-bottom:6px;font-size:9pt;font-weight:700;line-height:1.3;color:#1f2937!important}.ws-working-space{margin-top:4px}.ws-space-title{color:#4b5563;margin-bottom:3px;font-size:8pt;font-weight:800}.ws-empty-box{border:2px dashed #a5b4fc;border-radius:6px;width:100%;height:115px;position:relative;background:#fafafa!important}.ws-empty-box:before{content:"";pointer-events:none;background-image:linear-gradient(#6366f10d 1.5px,#0000 1.5px),linear-gradient(90deg,#6366f10d 1.5px,#0000 1.5px);background-size:18px 18px;width:100%;height:100%;position:absolute;top:0;left:0}.ws-print-footer{text-align:center;border-top:2px solid #e2e8f0;margin-top:15px;padding-top:6px;font-size:7.5pt;color:#64748b!important}}@media (height<=850px){.puzzle-panel{padding:var(--space-md) var(--space-lg);margin-top:2vh;margin-bottom:2vh}.dialogue-box{padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-sm)}.question-card{margin-bottom:var(--space-sm)}.vis-workarea{min-height:200px;padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-sm)}.submission-bar{padding:var(--space-sm) var(--space-md)}.char-avatar{font-size:2.2rem}.modal-tabs{margin-bottom:var(--space-sm)}}