:root{--fb-primary:#8d6e63;--fb-primary-h:#705247;--fb-accent-a:#ff7043;--fb-accent-b:#29b6f6;--fb-bg-a:#ff704326;--fb-bg-b:#29b6f626;--fb-empty:#e0e0e0;--fb-cut:#fff;--fb-panel:#fff;--fb-panel-border:#e0e0e0;--fb-sidebar-w:320px;--fb-text:#2c3e50;--fb-text-muted:#7f8c8d;--fb-btn-bg:#eceff1;--fb-btn-hover:#cfd8dc;--fb-btn-active:#b0bec5;--fb-radius:18px;--fb-danger:#ef5350;--fb-success:#66bb6a;--fb-star:#ffc107;--fb-grid-bg:#f5f7f8;--fb-ok-fg:#2e7d32;--fb-warn-fg:#d84315;--sk-accent:var(--fb-primary)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--fb-grid-bg);color:var(--fb-text);-webkit-tap-highlight-color:transparent;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;overflow:hidden}.screen{display:none}.screen.active{display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes popIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.intro-screen{text-align:center;background:radial-gradient(circle at 20% 30%, #8d6e6314 0, transparent 40%), radial-gradient(circle at 80% 70%, #29b6f60f 0, transparent 35%), var(--fb-grid-bg);animation:.6s fadeUp}.intro-art{margin-bottom:12px;font-size:80px;line-height:1;animation:2.4s ease-in-out infinite bounce}.intro-screen h1{letter-spacing:-.02em;margin-bottom:6px;font-size:32px;font-weight:800}.intro-sub{color:var(--fb-text-muted);margin-bottom:20px;font-size:15px;line-height:1.7}.intro-tag{background:var(--fb-primary);color:#fff;letter-spacing:.05em;border-radius:99px;margin-bottom:18px;padding:5px 14px;font-size:14px;font-weight:700;display:inline-block}.intro-card{background:var(--fb-panel);border:2px dashed var(--fb-primary);border-radius:var(--fb-radius);width:100%;max-width:440px;margin-bottom:24px;padding:20px 24px;box-shadow:0 8px 32px #0000000f}.intro-card h3{color:var(--fb-primary);margin-bottom:10px;font-size:17px;font-weight:700}.intro-card p{color:var(--fb-text-muted);font-size:14px;line-height:1.7}.sk-btn.fb-big{border-radius:99px;min-height:52px;padding:0 32px;font-size:17px}.explore-screen{width:100vw;height:100dvh;animation:.4s fadeUp}.explore-layout{grid-template-columns:1fr var(--fb-sidebar-w);width:100%;height:100%;display:grid}.canvas-zone{background-color:var(--fb-grid-bg);min-width:0;padding:var(--sk-stage-top,60px) 20px 20px;background-image:radial-gradient(#8d6e631f 1.5px,#0000 1.5px),radial-gradient(#29b6f61f 1.5px,#0000 1.5px);background-position:0 0,16px 16px;background-size:32px 32px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.canvas-zone.in-mission{padding-top:104px}.mission-indicator{z-index:5;backdrop-filter:blur(6px);color:#fff;background:#263238c7;border:1px solid #fff3;border-radius:14px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;display:flex;position:absolute;top:56px;left:14px}.mission-indicator .num{background:var(--fb-primary);border-radius:50%;justify-content:center;align-items:center;min-width:26px;height:26px;font-size:14px;font-weight:700;display:inline-flex}.mission-indicator .stars{color:var(--fb-star);gap:1px;font-size:14px;display:inline-flex}.mission-indicator .stars .ic,.result-cell .stars .ic,.result-stars-row .ic{fill:currentColor}.sidebar{background:var(--fb-panel);border-left:2px solid var(--fb-panel-border);flex-direction:column;display:flex;overflow-y:auto;box-shadow:-4px 0 24px #0000000f}.side-head{background:linear-gradient(135deg, var(--fb-primary) 0%, var(--fb-primary-h) 100%);color:#fff;flex-shrink:0;padding:16px 20px 14px;position:relative;overflow:hidden}.side-head:after{content:"";background:radial-gradient(circle at 80% -20%,#ffffff26 0,#0000 55%);position:absolute;inset:0}.side-head h2{z-index:1;font-size:20px;font-weight:700;position:relative}.side-head .side-sub{opacity:.8;z-index:1;margin-top:2px;font-size:14px;position:relative}.side-body{flex:1;padding:14px 16px 20px}.view-tabs{gap:6px;margin-bottom:14px;display:flex}.view-tab{border:2px solid var(--fb-panel-border);background:var(--fb-btn-bg);text-align:center;cursor:pointer;color:var(--fb-text-muted);border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:10px 8px;font-family:inherit;font-size:15px;font-weight:700;transition:all .15s;display:flex}.view-tab:disabled{cursor:not-allowed;opacity:.6}.view-tab.active{border-color:var(--fb-primary);color:var(--fb-primary);background:#8d6e631a}.ctrl-group{border:1px solid var(--fb-panel-border);background:var(--fb-btn-bg);border-radius:14px;margin-bottom:14px;padding:12px}.ctrl-group-title{color:var(--fb-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:14px;font-weight:700}.target-select{gap:6px;margin-bottom:10px;display:flex}.target-opt{border:1px solid var(--fb-panel-border);background:var(--fb-panel);text-align:center;cursor:pointer;min-height:44px;color:var(--fb-text-muted);border-radius:10px;flex:1;padding:8px;font-family:inherit;font-size:14px;font-weight:700;transition:all .1s}.target-opt.active.a{border-color:var(--fb-accent-a);color:var(--fb-accent-a);background:var(--fb-bg-a)}.target-opt.active.b{border-color:var(--fb-accent-b);color:var(--fb-accent-b);background:var(--fb-bg-b)}.stepper{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.step-btn{border:1px solid var(--fb-panel-border);background:var(--fb-panel);cursor:pointer;width:44px;height:44px;color:var(--fb-text);border-radius:10px;justify-content:center;align-items:center;font-size:18px;font-weight:700;transition:all .1s;display:flex}.step-btn:active{transform:scale(.92)}.step-btn .ic{width:20px;height:20px}.step-btn:disabled,.preset-chip:disabled,.action-btn:disabled{opacity:.45;cursor:not-allowed}.step-val{color:var(--fb-text);font-size:18px;font-weight:800}.presets{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.preset-chip{border:1px solid var(--fb-panel-border);background:var(--fb-panel);cursor:pointer;text-align:center;min-height:44px;color:var(--fb-text);border-radius:8px;padding:6px 2px;font-family:inherit;font-size:14px;font-weight:700;transition:all .1s}.preset-chip:active{transform:scale(.92)}.preset-chip.active{background:var(--fb-primary);color:#fff;border-color:var(--fb-primary)}.fraction-readout{background:var(--fb-panel);border:1px solid var(--fb-panel-border);border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-bottom:10px;padding:10px;display:flex}.fraction-display{flex-direction:column;align-items:center;font-size:18px;font-weight:800;line-height:1.1;display:inline-flex}.fraction-display .num{border-bottom:2px solid var(--fb-text);text-align:center;width:100%;padding-bottom:2px}.fraction-display .denom{text-align:center;width:100%;padding-top:2px}.read-text{color:var(--fb-text-muted);font-size:15px;font-weight:700}.tts-btn{cursor:pointer;color:var(--fb-text-muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;min-width:44px;min-height:44px;font-size:18px;display:inline-flex}.side-body.hide-frac .fraction-readout,.side-body.hide-frac .ctrl-group{display:none}.tts-btn:hover{color:var(--fb-primary)}.compare-control{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.mission-panel{background:var(--fb-panel);border-radius:var(--fb-radius);border:2px solid var(--fb-panel-border);margin-bottom:12px;padding:16px;animation:.35s popIn}.mission-panel h3{margin-bottom:8px;font-size:15px;font-weight:700}.mission-panel p{color:var(--fb-text-muted);font-size:15px;line-height:1.6}.ox-row{gap:10px;margin-top:12px;display:flex}.ox-btn{border:2px solid var(--fb-panel-border);cursor:pointer;text-align:center;border-radius:12px;flex:1;padding:12px;font-family:inherit;font-size:24px;font-weight:800;transition:all .15s}.ox-btn.o{color:var(--fb-success);background:#66bb6a0d}.ox-btn.x{color:var(--fb-danger);background:#ef53500d}.ox-btn.o:hover{border-color:var(--fb-success);background:#66bb6a26}.ox-btn.x:hover{border-color:var(--fb-danger);background:#ef535026}.ox-btn:disabled,.predict-btn:disabled{cursor:default}.ox-btn.correct{border-color:var(--fb-success);background:#66bb6a33!important}.ox-btn.wrong{border-color:var(--fb-danger);background:#ef535033!important}.predict-row{flex-direction:column;gap:8px;margin-top:12px;display:flex}.predict-btn{border:2px solid var(--fb-panel-border);background:var(--fb-btn-bg);cursor:pointer;color:var(--fb-text);text-align:center;border-radius:12px;padding:10px 14px;font-family:inherit;font-size:14px;font-weight:700;transition:all .15s}.predict-btn:hover:not(:disabled){border-color:var(--fb-primary)}.predict-btn.selected{border-color:var(--fb-primary);background:#8d6e6326}.predict-btn.correct{border-color:var(--fb-success);background:#66bb6a26}.predict-btn.wrong{border-color:var(--fb-danger);background:#ef53501a}.m-feedback{text-align:center;border-radius:12px;margin-top:10px;padding:12px 14px;font-size:15px;line-height:1.6;animation:.3s popIn}.m-feedback.success{color:var(--fb-ok-fg);background:#66bb6a1f}.m-feedback.warn{color:var(--fb-warn-fg);background:#ff70431f}.progress-bar{background:var(--fb-btn-bg);border-radius:99px;height:6px;margin-bottom:12px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--fb-primary), var(--fb-success));border-radius:99px;height:100%;transition:width .4s}.action-btns{margin-top:10px}.result-screen{text-align:center;background:radial-gradient(circle at 30% 40%, #66bb6a0f 0, transparent 40%), radial-gradient(circle at 70% 60%, #8d6e6314 0, transparent 35%), var(--fb-grid-bg);animation:.5s fadeUp}.result-trophy{color:var(--fb-star);margin-bottom:8px;font-size:72px;line-height:1}.result-screen h1{margin-bottom:4px;font-size:28px;font-weight:800}.result-screen .score-text{color:var(--fb-text-muted);margin-bottom:16px;font-size:18px}.result-stars-row{margin-bottom:20px;font-size:28px}.result-grid{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;max-width:400px;margin-bottom:20px;display:grid}.result-cell{background:var(--fb-panel);border:1px solid var(--fb-panel-border);border-radius:10px;padding:8px 4px;font-size:14px;font-weight:600}.result-cell .num{font-size:15px;font-weight:700}.result-cell .stars{color:var(--fb-star);font-size:14px}.result-summary-box{background:var(--fb-panel);border:1px solid var(--fb-panel-border);border-radius:var(--fb-radius);text-align:left;width:100%;max-width:440px;margin-bottom:20px;padding:20px 24px}.result-summary-box h3{color:var(--fb-primary);align-items:center;gap:6px;margin-bottom:8px;font-size:15px;font-weight:700;display:flex}.result-summary-box p{color:var(--fb-text-muted);font-size:14px;line-height:1.7}.result-summary-box strong{color:var(--fb-success)}.result-btns{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.slice-path,.bar-rect{cursor:pointer;transition:fill .15s,stroke .15s}.bar-rect:focus,.slice-path:focus{outline:none}.bar-rect:focus-visible,.slice-path:focus-visible{stroke:var(--fb-text);stroke-width:4px}.cal-line{animation:.3s ease-out cutFlash}@keyframes cutFlash{0%{stroke:#ffeb3b;stroke-width:3px}to{stroke:var(--fb-cut);stroke-width:1px}}@media (width<=800px){body{overflow:auto}.explore-layout{flex-direction:column;height:auto;min-height:100dvh;display:flex}.canvas-zone{z-index:40;flex-shrink:0;height:48dvh;min-height:280px;position:sticky;top:0}.sidebar{border-left:none;border-top:2px solid var(--fb-panel-border)}.intro-screen h1{font-size:26px}.intro-art{font-size:64px}}