@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(./rubik-arabic-400-normal-B6c_9tGI.woff2)format("woff2"),url(./rubik-arabic-400-normal-Dci85dQr.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(./rubik-cyrillic-ext-400-normal-D-KNTwvG.woff2)format("woff2"),url(./rubik-cyrillic-ext-400-normal-CTkTGo13.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(./rubik-cyrillic-400-normal-C5G8_8ug.woff2)format("woff2"),url(./rubik-cyrillic-400-normal-D5R8xuhl.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(./rubik-hebrew-400-normal-Dp0lvSRB.woff2)format("woff2"),url(./rubik-hebrew-400-normal-BQDoxs6C.woff)format("woff");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(./rubik-latin-ext-400-normal-BtzQ7olK.woff2)format("woff2"),url(./rubik-latin-ext-400-normal-E7wwwcV8.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(./rubik-latin-400-normal-j0pmKyiQ.woff2)format("woff2"),url(./rubik-latin-400-normal-BV1Ho3GG.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:500;src:url(./rubik-arabic-500-normal-soGt7v5W.woff2)format("woff2"),url(./rubik-arabic-500-normal-DNk3Rzpj.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:500;src:url(./rubik-cyrillic-ext-500-normal-DVRnamQw.woff2)format("woff2"),url(./rubik-cyrillic-ext-500-normal-CnfIzV8i.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:500;src:url(./rubik-cyrillic-500-normal-Didq2w9O.woff2)format("woff2"),url(./rubik-cyrillic-500-normal-BH_pkKR0.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:500;src:url(./rubik-hebrew-500-normal-B_5jqoVI.woff2)format("woff2"),url(./rubik-hebrew-500-normal--anb7y8_.woff)format("woff");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:500;src:url(./rubik-latin-ext-500-normal-CKoAoPpD.woff2)format("woff2"),url(./rubik-latin-ext-500-normal-BUryUc8T.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:500;src:url(./rubik-latin-500-normal-1os41rQk.woff2)format("woff2"),url(./rubik-latin-500-normal-LZYVHeqz.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:600;src:url(./rubik-arabic-600-normal-q6c7POk1.woff2)format("woff2"),url(./rubik-arabic-600-normal-DM3TNo7p.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:600;src:url(./rubik-cyrillic-ext-600-normal-vwfZBdfm.woff2)format("woff2"),url(./rubik-cyrillic-ext-600-normal-BH0SVxfR.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:600;src:url(./rubik-cyrillic-600-normal-AdySaCq0.woff2)format("woff2"),url(./rubik-cyrillic-600-normal-CtS_KWzi.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:600;src:url(./rubik-hebrew-600-normal-CpCbvE17.woff2)format("woff2"),url(./rubik-hebrew-600-normal-BGAyptFf.woff)format("woff");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:600;src:url(./rubik-latin-ext-600-normal-DPvxRCiz.woff2)format("woff2"),url(./rubik-latin-ext-600-normal-DCdMT6U0.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:600;src:url(./rubik-latin-600-normal-7iWW07_k.woff2)format("woff2"),url(./rubik-latin-600-normal-Bd1rsTk4.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:700;src:url(./rubik-arabic-700-normal-DNWlnGaX.woff2)format("woff2"),url(./rubik-arabic-700-normal-BJDbbalN.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:700;src:url(./rubik-cyrillic-ext-700-normal-3CKVJqgg.woff2)format("woff2"),url(./rubik-cyrillic-ext-700-normal-CEbQMks9.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:700;src:url(./rubik-cyrillic-700-normal-DFnztZBh.woff2)format("woff2"),url(./rubik-cyrillic-700-normal-C_jxLOfU.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:700;src:url(./rubik-hebrew-700-normal-Da14F88e.woff2)format("woff2"),url(./rubik-hebrew-700-normal-B2Hm7hpE.woff)format("woff");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:700;src:url(./rubik-latin-ext-700-normal-D5I4eEgK.woff2)format("woff2"),url(./rubik-latin-ext-700-normal-CQ1www4I.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:700;src:url(./rubik-latin-700-normal-D-tMm-eS.woff2)format("woff2"),url(./rubik-latin-700-normal-KHOtubUA.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:800;src:url(./rubik-arabic-800-normal-ByBdlBy_.woff2)format("woff2"),url(./rubik-arabic-800-normal-Ds6dJ7Q-.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:800;src:url(./rubik-cyrillic-ext-800-normal-D8Ih7GUu.woff2)format("woff2"),url(./rubik-cyrillic-ext-800-normal-BLkQng3O.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:800;src:url(./rubik-cyrillic-800-normal-wonQiwhm.woff2)format("woff2"),url(./rubik-cyrillic-800-normal-DocVmW4N.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:800;src:url(./rubik-hebrew-800-normal-CEoY7Wj3.woff2)format("woff2"),url(./rubik-hebrew-800-normal-DgqUxLtA.woff)format("woff");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:800;src:url(./rubik-latin-ext-800-normal-C-Q65BvC.woff2)format("woff2"),url(./rubik-latin-ext-800-normal-MUfMznEV.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:800;src:url(./rubik-latin-800-normal-BtaGuVpR.woff2)format("woff2"),url(./rubik-latin-800-normal-Dq1miTTj.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#f6f4ef;--surface:#fff;--surface-2:#fbfaf7;--ink:#1e2433;--ink-2:#4b5263;--muted:#7a8091;--line:#e6e2d9;--accent:#4353ff;--accent-ink:#fff;--good:#1e9e6a;--good-bg:#e6f6ee;--soft:#b5541b;--soft-bg:#fdf1e6;--star:#f2b01f;--radius:18px;--shadow:0 1px 2px #1e24330f, 0 6px 20px #1e24330f;--font:"Rubik", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:17px;line-height:1.5}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}a{color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:8px}.topbar{z-index:10;padding:12px max(16px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#f6f4efe0;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:20px;font-weight:700;text-decoration:none;display:flex}.brand-mark{width:32px;height:32px;color:var(--accent);display:block}.brand-mark svg{width:100%;height:100%;display:block}.lang-switch{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:3px;display:flex}.lang-switch button{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:600}.lang-switch button.is-on{background:var(--ink);color:#fff}main{max-width:920px;margin:0 auto;padding:20px 16px 80px}main:focus{outline:none}main:focus-visible{outline:none}.hero{padding:28px 0 24px}.hero h1{letter-spacing:-.025em;margin:0 0 14px;font-size:clamp(30px,6vw,48px);font-weight:700;line-height:1.08}.hero h1 span{color:var(--accent)}.lead{color:var(--ink-2);max-width:60ch;margin:0;font-size:18px}.module-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:12px;display:grid}.module-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:16px;padding:18px;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative}a.module-card:hover{border-color:var(--c);transform:translateY(-2px)}.module-card.is-soon{opacity:.6;box-shadow:none;background:var(--surface-2)}.module-icon{border-radius:14px;flex:none;place-items:center;width:52px;height:52px;font-size:26px;display:grid}.module-text{flex-direction:column;min-width:0;display:flex}.module-text strong{font-size:18px}.module-text small{color:var(--muted);font-size:14px}.module-stars{color:var(--star);font-size:13px;font-weight:600;position:absolute;top:10px;right:12px}.soon{color:var(--muted);font-size:12px;font-weight:600;position:absolute;top:10px;right:12px}.principles{margin-top:44px}.principles h2{margin:0 0 14px;font-size:22px}.principle-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.principle{background:var(--surface-2);border:1px dashed var(--line);border-radius:14px;padding:16px}.principle strong{margin-bottom:4px;display:block}.principle p{color:var(--ink-2);margin:0;font-size:15px}.page-head{padding:8px 0 18px}.page-head h1{letter-spacing:-.02em;margin:8px 0 6px;font-size:clamp(28px,5vw,38px);line-height:1.1}.page-head.compact{padding-bottom:8px}.back{color:var(--muted);background:0 0;border:0;padding:6px 0;font-size:15px;font-weight:500;text-decoration:none;display:inline-block}.back:hover{color:var(--ink)}.level-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;display:grid}.level-card{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:14px;align-items:center;gap:14px;padding:14px 16px;transition:border-color .15s,transform .15s;display:flex}.level-card:hover{border-color:var(--accent);transform:translateY(-1px)}.level-num{background:var(--bg);width:36px;height:36px;color:var(--accent);border-radius:10px;flex:none;place-items:center;font-weight:700;display:grid}.level-text{flex-direction:column;flex:1;min-width:0;display:flex}.level-text small{color:var(--muted);font-size:14px}.stars{letter-spacing:0;gap:1px;font-size:18px;display:inline-flex}.star{color:#ddd8cc}.star.on{color:var(--star)}.settings-row{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:18px 0 0;display:flex}.settings-label{color:var(--muted);min-width:90px;font-size:14px;font-weight:500}.segmented{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.segmented button{color:var(--ink-2);background:0 0;border:0;border-radius:9px;min-height:40px;padding:8px 14px;font-size:15px;font-weight:500}.segmented button.is-on{background:var(--ink);color:#fff}.idea{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-top:28px}.idea summary{cursor:pointer;align-items:center;gap:10px;padding:14px 18px;font-weight:600;list-style:none;display:flex}.idea summary::-webkit-details-marker{display:none}.idea summary:after{content:"+";color:var(--muted);margin-left:auto;font-size:22px;font-weight:400}.idea[open] summary:after{content:"−"}.idea-body{color:var(--ink-2);padding:0 18px 16px;font-size:16px}.idea-body p{margin:0 0 10px}.idea-body ul{margin:0 0 10px;padding-left:20px}.idea-body li{margin-bottom:4px}.play-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.play-title{text-align:center;flex:1;font-weight:600}.counter{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:500}.progress{background:var(--line);border-radius:99px;height:6px;margin:10px 0 16px;overflow:hidden}.progress span{background:var(--accent);border-radius:99px;height:100%;transition:width .3s;display:block}.stage{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;place-items:center;min-height:300px;padding:20px;display:grid;overflow:hidden}.stage .pattern{width:100%;max-width:440px;max-height:300px;animation:.18s ease-out pop-in}.stage-start{text-align:center;max-width:380px}.stage-start p{color:var(--ink-2);margin:0 0 18px}.stage-ready{color:var(--line);font-size:30px}.stage-hidden{background:var(--bg);color:#cfc9bc;border-radius:26px;place-items:center;width:140px;height:140px;font-size:60px;font-weight:700;display:grid}.pattern .face-bg{fill:#f3f1ec}.pattern .dot{transition:fill .3s}.pattern .cluster-ring{fill:none;stroke-width:2.5px;stroke-dasharray:5 5;opacity:.6}.frame-bg{fill:#fff;stroke:#2a3147;stroke-width:2.5px}.frame-line{stroke:#2a3147;stroke-width:1.5px}.rek-frame{fill:#f3ede2;stroke:#d9cdb7;stroke-width:2px}.rek-wire{stroke:#9a8f7c;stroke-width:2.5px}.bead-red{fill:#e4574a}.bead-white{fill:#fff;stroke:#c9c2b4;stroke-width:2px}.bead.is-away{opacity:.4}.feedback{text-align:center;min-height:30px;margin:14px 0 6px;padding:0 4px}.feedback:empty{min-height:0;margin:8px 0 0}.feedback strong{font-size:20px}.feedback.is-good strong{color:var(--good)}.feedback.is-soft strong{color:var(--soft)}.feedback .explain{color:var(--ink);font-variant-numeric:tabular-nums;margin-top:4px;font-size:20px;font-weight:500}.answer-area{flex-direction:column;align-items:center;gap:12px;margin-top:12px;display:flex}.choice-grid{grid-template-columns:repeat(5,1fr);gap:8px;width:100%;max-width:420px;display:grid}.choice-grid.cols-6{grid-template-columns:repeat(6,1fr);max-width:480px}.choice{aspect-ratio:1;border:1px solid var(--line);background:var(--surface);box-shadow:0 1px 0 var(--line);border-radius:14px;font-size:24px;font-weight:600;transition:transform 80ms,background .15s}.choice:hover{background:#eef0ff}.choice:active{transform:scale(.95)}.answer-display{text-align:center;border-bottom:3px solid var(--accent);font-variant-numeric:tabular-nums;min-width:120px;min-height:52px;padding:6px 20px;font-size:32px;font-weight:700}.numpad{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:300px;display:grid}.numpad .key{border:1px solid var(--line);background:var(--surface);height:56px;box-shadow:0 1px 0 var(--line);border-radius:14px;font-size:24px;font-weight:600;transition:transform 80ms,background .15s}.numpad .key:hover{background:#eef0ff}.numpad .key:active{transform:scale(.95)}.numpad .key-soft{color:var(--muted);font-size:20px}.numpad .key-ok{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);grid-column:1/-1;font-size:20px}.numpad .key-ok:hover{background:#3442e0}.numpad.is-disabled{opacity:.35;pointer-events:none}.btn{border:1px solid #0000;border-radius:14px;min-height:48px;padding:12px 20px;font-size:16px;font-weight:600;transition:transform 80ms,background .15s}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:#3442e0}.btn-ghost{background:var(--surface);border-color:var(--line);color:var(--ink)}.btn-ghost:hover{border-color:var(--ink-2)}.btn-big{min-width:200px;padding:14px 28px;font-size:18px}.btn-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.done-card{text-align:center;background:var(--surface);border:1px solid var(--line);max-width:460px;box-shadow:var(--shadow);border-radius:24px;margin:30px auto;padding:32px 22px}.done-card h2{margin:6px 0 8px}.done-card .stars{font-size:38px}.done-emoji{font-size:48px}.done-card .btn-row{margin-top:18px}.muted{color:var(--muted)}.task-line{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:6px 16px;margin:4px 0 8px;display:flex}.task-label{color:var(--ink-2);font-weight:500}.big-number{letter-spacing:.01em;font-variant-numeric:tabular-nums;font-size:clamp(40px,9vw,60px);font-weight:700}.task-note{text-align:center;color:var(--ink-2);max-width:56ch;margin:0 auto 12px;font-size:15px}.pv-board{gap:8px;margin-top:8px;display:grid}.pv-board.cols-2{grid-template-columns:repeat(2,1fr);max-width:520px;margin-left:auto;margin-right:auto}.pv-board.cols-3{grid-template-columns:repeat(3,1fr)}.pv-board.cols-4{grid-template-columns:repeat(4,1fr)}.pv-col{--c:#888;background:var(--surface);border:1px solid var(--line);border-top:5px solid var(--c);border-radius:16px;flex-direction:column;align-items:center;min-width:0;padding:10px 6px 12px;display:flex}.pv-col.is-locked{background:repeating-linear-gradient(-45deg, var(--surface-2), var(--surface-2) 8px, #f1eee7 8px, #f1eee7 16px)}.pv-col.is-locked .pv-head:after{content:" 🔒"}.pv-head{text-align:center;line-height:1.2}.pv-head strong{color:var(--c);font-size:15px}.pv-head small{color:var(--muted);font-size:13px;display:block}.pv-pile{flex-wrap:wrap;flex:1;place-content:flex-start center;gap:3px;width:100%;min-height:190px;padding:10px 2px;display:flex}.pv-pile.bump{animation:.35s bump}.pv-block{background:0 0;border:0;padding:0;line-height:0;transition:transform .1s}.pv-block:hover{opacity:.85}.is-readonly .pv-block{cursor:default}.is-readonly .pv-block:hover{transform:none}.blk{display:block}.shape-unit{max-width:84px;margin:0 auto}.shape-unit .blk{width:13px;height:13px}.shape-rod .blk{width:10px;height:52px}.shape-flat .blk{width:52px;height:52px}.shape-cube .blk{width:56px;height:56px}.shape-flat,.shape-cube{gap:5px}.shape-flat .blk,.shape-cube .blk{filter:drop-shadow(0 2px #1418284d)}.pv-count{color:var(--c);font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.pv-controls{gap:8px;margin-top:4px;display:flex}.round-btn{border:1px solid var(--line);background:var(--surface);border-radius:50%;place-items:center;width:44px;height:44px;font-size:24px;font-weight:600;line-height:1;display:grid}.round-btn-add{background:var(--c);border-color:var(--c);color:#fff}.round-btn:disabled{opacity:.3}.pv-exchange{flex-direction:column;align-items:center;gap:4px;width:100%;min-height:30px;margin-top:8px;display:flex}.chip-btn{border:1px dashed var(--c);background:var(--surface);color:var(--c);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:600}.chip-btn:hover{background:var(--bg)}.pv-value{text-align:center;margin-top:14px}.pv-expanded{font-variant-numeric:tabular-nums;background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 10px;padding:10px 18px;font-size:20px;font-weight:600;display:inline-flex}.pv-expanded .op{color:var(--muted);font-weight:400}.pv-total{font-size:28px}.play-settings{flex-direction:column;gap:0;display:flex}.play-settings .settings-row{margin-top:10px}.stat-row{color:var(--ink-2);flex-wrap:wrap;gap:8px 18px;margin:18px 0 10px;font-size:15px;display:flex}.stat strong{color:var(--ink);font-variant-numeric:tabular-nums}.problem-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:28px 16px}.problem{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;font-size:clamp(38px,10vw,64px);font-weight:700;display:flex}.problem .op{color:var(--muted);font-weight:500}.problem .slot{text-align:center;border-bottom:4px solid var(--accent);min-width:1.6em;color:var(--accent);padding:0 12px}.problem .slot.is-done{color:var(--good);border-color:var(--good);animation:.25s ease-out pop-in}.how{flex-direction:column;align-items:center;gap:8px;margin:6px 0 4px;display:flex}.how-q{color:var(--muted);font-size:14px;font-weight:500}.chips{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;min-height:36px;padding:7px 14px;font-size:14px;font-weight:500}.chip:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.chip.is-picked{background:var(--accent);color:#fff;border-color:var(--accent)}.chip.is-static{cursor:default;background:var(--surface-2)}.tally{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:20px;display:flex}.strategy-area{flex-direction:column;align-items:center;gap:10px;margin-top:18px;display:flex}.strategy-area:empty{display:none}.strategy{background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--star);border-radius:18px;width:100%;padding:16px 18px;animation:.2s ease-out pop-in}.strategy h3{margin:0 0 4px;font-size:19px}.strategy-desc{color:var(--ink-2);margin:0 0 8px}.strategy-sum{text-align:center;font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:22px;font-weight:600}.strategy-rows{flex-direction:column;align-items:center;gap:6px;padding:8px 0;display:flex}.strategy-row{font-variant-numeric:tabular-nums;opacity:0;font-size:24px;font-weight:600;animation:.4s ease-out forwards fade-up}.strategy-row.is-last{color:var(--good);border-top:2px solid var(--line);padding-top:6px}.frame-visual{width:100%;max-width:520px;margin:6px auto 0;display:block}.frame-visual .is-pop{opacity:0;animation:.35s ease-out forwards fade-in}.frame-visual .is-ghost{animation:.35s ease-out forwards fade-ghost}.frame-visual .cross{stroke:#1e2433;stroke-width:3px;stroke-linecap:round;opacity:0;animation:.3s ease-out forwards fade-in}.numberline{width:100%;max-width:680px;margin:0 auto;display:block;overflow:visible}.nl-base{stroke:var(--ink);stroke-width:2.5px;stroke-linecap:round}.nl-tick{stroke:var(--ink);stroke-width:2.5px}.nl-num{fill:var(--ink);font-size:19px;font-weight:600;font-family:var(--font)}.nl-point{opacity:0;animation:.3s ease-out forwards fade-in}.nl-point.is-answer .nl-num{fill:var(--good);font-size:22px;font-weight:700}.nl-point.is-answer .nl-tick{stroke:var(--good);stroke-width:4px}.nl-arc{fill:none;stroke-width:3px;stroke-dasharray:1;stroke-dashoffset:1px;animation:.6s ease-in-out forwards draw}.nl-arc.nl-fwd{stroke:var(--accent)}.nl-arc.nl-back{stroke:#e4574a}.nl-arrow-fwd{fill:var(--accent)}.nl-arrow-back{fill:#e4574a}.nl-jump{font-size:18px;font-weight:700;font-family:var(--font);opacity:0;animation:.3s ease-out forwards fade-in}.nl-jump.nl-fwd{fill:var(--accent)}.nl-jump.nl-back{fill:#e4574a}@keyframes pop-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes fade-ghost{0%{opacity:1}to{opacity:.15}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes bump{50%{transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:.01ms!important;animation-delay:0s!important}}@media (max-width:600px){body{font-size:16px}main{padding:12px 12px 60px}.pv-board.cols-4{gap:5px}.pv-board.cols-4 .pv-col{padding:8px 2px 10px}.pv-board.cols-4 .pv-head strong{font-size:12px}.pv-board .shape-flat .blk,.pv-board .shape-cube .blk{width:31px;height:31px}.pv-board .shape-rod .blk{width:7px;height:31px}.pv-board .shape-flat,.pv-board .shape-cube{gap:4px}.pv-board.cols-4 .round-btn{width:36px;height:36px;font-size:20px}.pv-board.cols-4 .pv-controls{gap:4px}.shape-unit{max-width:72px}.shape-unit .blk{width:11px;height:11px}.chip-btn{padding:3px 7px;font-size:11px}.pv-expanded{font-size:16px}.settings-label{width:100%;min-width:0}.stage{min-height:240px;padding:14px}.numpad .key{height:52px}}.sandbox{background:#fffdf8;border:2px dashed #e3d9c4;border-radius:24px;margin-top:36px;padding:20px 18px 22px}.sandbox-head h2{letter-spacing:-.01em;margin:6px 0 4px;font-size:24px}.sandbox-head p{color:var(--ink-2);max-width:62ch;margin:0 0 14px}.sandbox-badge{letter-spacing:.06em;text-transform:uppercase;color:#9a6b12;background:#fff1d0;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.small{font-size:14px}.center{text-align:center}.sb-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.sb-palette{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sb-label{color:var(--muted);margin-right:2px;font-size:14px;font-weight:500}.swatch{width:34px;height:34px;box-shadow:0 0 0 1px var(--line);border:3px solid #fff;border-radius:50%}.swatch.is-on{box-shadow:0 0 0 3px var(--ink)}.block-pick{--c:#888;border:1px solid var(--line);background:var(--surface);height:44px;color:var(--c);border-radius:12px;align-items:center;gap:6px;padding:0 12px 0 8px;font-weight:600;display:inline-flex}.block-pick .blk{width:auto;height:24px}.block-pick .blk-unit{width:12px;height:12px}.block-pick .blk-rod{width:6px;height:28px}.block-pick.is-on{border-color:var(--c);box-shadow:inset 0 0 0 1px var(--c)}.sb-tools button{min-height:38px;padding:7px 11px;font-size:14px}.sb-actions{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:12px;display:flex}.btn-small{border-radius:11px;min-height:38px;padding:7px 13px;font-size:14px}.btn.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}.sb-stage{touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid var(--line);cursor:crosshair;background-color:#fff;background-image:radial-gradient(circle,#e9e4d8 1.2px,#0000 1.3px);background-size:22px 22px;border-radius:18px;height:420px;position:relative;overflow:hidden}.sb-stage[data-tool=erase]{cursor:not-allowed}.sb-stage[data-tool=smash],.sb-stage[data-tool=glue]{cursor:pointer}.sb-rings{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.sb-ring{fill:#4353ff0d;stroke:#9aa3ff;stroke-width:2px;stroke-dasharray:6 5}.sb-ring-tag{fill:var(--ink)}.sb-ring-num{fill:#fff;font:700 13px var(--font)}.sb-hint{text-align:center;color:var(--muted);pointer-events:none;place-items:center;padding:30px;font-size:17px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.sb-item{cursor:grab;touch-action:none;will-change:transform;position:absolute;top:0;left:0}.sb-item.is-dragging{cursor:grabbing;z-index:5;filter:drop-shadow(0 6px 10px #1e243340)}.sb-item.is-moving{transition:transform .45s cubic-bezier(.3,.8,.3,1)}.sb-item.is-leaving{opacity:0;transition:opacity .2s,scale .2s;scale:.4}.sb-item.is-popping{animation:.25s ease-out sb-pop}.sb-item.is-wiggle{animation:.4s sb-wiggle}.sb-item .blk{width:100%;height:100%}.sb-dot{border-radius:50%;width:100%;height:100%;display:block;box-shadow:inset 0 -3px #00000026}.sb-burst{border:3px solid var(--star);pointer-events:none;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;animation:.55s ease-out forwards sb-burst;position:absolute}.sb-toast{background:var(--ink);color:#fff;opacity:0;pointer-events:none;text-align:center;z-index:8;border-radius:12px;max-width:calc(100% - 24px);padding:8px 14px;font-size:14px;font-weight:500;transition:opacity .2s,transform .2s;position:absolute;bottom:12px;left:50%;transform:translate(-50%,12px)}.sb-toast.is-on{opacity:1;transform:translate(-50%)}.sb-curtain{z-index:7;color:#fff;background:#2a3147;border:0;place-items:center;padding:20px;font-size:22px;font-weight:600;display:none;position:absolute;top:0;bottom:0;left:0;right:0}.has-curtain .sb-curtain{display:grid}.sb-readout{text-align:center;flex-direction:column;align-items:center;gap:6px;margin-top:12px;display:flex}.sb-total{font-variant-numeric:tabular-nums;font-size:42px;font-weight:700;line-height:1}.sb-total.is-hidden{color:#cfc9bc}.sb-eq{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 8px;font-size:20px;display:flex}.sb-eq.big{font-size:26px}.sb-eq .op{color:var(--muted)}.sb-eq .fwd{color:var(--accent)}.sb-eq .back{color:#e4574a}.sb-eq-label{color:var(--muted);margin-right:4px;font-size:14px;font-weight:500}.sb-note{color:var(--ink-2);font-size:15px}@keyframes sb-pop{0%{scale:.3}70%{scale:1.12}to{scale:1}}@keyframes sb-wiggle{25%{rotate:-8deg}75%{rotate:8deg}}@keyframes sb-burst{to{opacity:0;width:120px;height:120px;margin:-60px 0 0 -60px}}.stage-split,.stage-line,.stage-area{justify-items:normal;display:block}.split-q{text-align:center;font-variant-numeric:tabular-nums;margin:4px 0 12px;font-size:clamp(26px,6vw,38px);font-weight:700}.split-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 28px;display:flex}.bond{width:240px;max-width:70vw}.bond-line{stroke:#c9cdd8;stroke-width:3px}.bond-node{fill:#fff;stroke-width:4px}.bond-node.is-unknown{stroke-dasharray:7 6;stroke:#9aa0ae}.bond-num{font:700 26px var(--font)}.bond-num.big{font-size:32px}.split-vis{flex:260px;max-width:420px}.split-vis .pattern{width:100%;max-height:280px}.split-grid .frame-line.mid{stroke-width:3px}.bar-bracket{fill:none;stroke:var(--ink);stroke-width:2px}.bar-label{font:700 22px var(--font);fill:var(--ink)}.bar-part{stroke:#fff;stroke-width:3px}.bar-part.is-unknown{stroke:#9aa0ae;stroke-dasharray:6 5;stroke-width:2px}.bar-num{font:700 24px var(--font);fill:#fff}.bar-num.dark{fill:#9aa0ae}.stepper{align-items:center;gap:10px;display:flex}.stepper-val{flex-direction:column;align-items:center;min-width:64px;line-height:1.1;display:flex}.stepper-val small{color:var(--muted);font-size:12px}.stepper-val strong{font-size:30px}.split-sb{border:1px solid var(--line);text-align:center;background:#fff;border-radius:18px;padding:18px 12px 8px}.split-dots{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;max-width:520px;margin:0 auto;display:flex}.split-dot{border:0;border-radius:50%;width:38px;height:38px;transition:background .2s,transform .1s;box-shadow:inset 0 -3px #00000026}.split-dot:active{transform:scale(.9)}.split-gap{width:10px}.split-break{flex-basis:100%;height:4px}.split-sb-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 24px;display:flex}.split-sb-row .bond{width:200px}.found{text-align:center;flex-direction:column;align-items:center;gap:8px;margin-top:12px;display:flex}.chip.is-found{border-color:var(--good);color:var(--good);background:#e6f6ee;font-weight:600}.line-q{color:var(--ink-2);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:10px;margin-bottom:6px;font-size:22px;display:flex}.line-q strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:clamp(40px,9vw,56px)}.temp-q{color:var(--ink);text-align:center;max-width:36ch;margin:0 auto 6px;font-size:20px;font-weight:500}.line-holder{touch-action:none;justify-self:stretch;width:100%}.scaled-line{cursor:pointer;width:100%;display:block;overflow:visible}.nl-tick.minor{stroke-width:1.5px;stroke:#9aa0ae}.nl-num.zero{font-weight:800}.pin path{stroke:#fff;stroke-width:2px}.pin-guess path{fill:var(--accent)}.pin-target path{fill:var(--good)}.pin-start path{fill:var(--ink-2)}.pin-label{font:700 18px var(--font);fill:var(--ink)}.pin-label.good,.pin-target .pin-label{fill:var(--good)}.pin-guess .pin-label{fill:var(--accent)}.gap-line{stroke:#e4574a;stroke-width:3px;stroke-dasharray:4 4}.read-arrow{fill:#e4574a}.frog-holder{border:1px solid var(--line);touch-action:none;background:#fff;border-radius:18px;padding:8px 6px 0}.frog-line{cursor:crosshair}.frog{font-size:34px}.frog-pos{font:700 20px var(--font);fill:var(--good)}.frog-arc{fill:none;stroke-width:3px}.frog-arc.nl-fwd{stroke:var(--accent)}.frog-arc.nl-back{stroke:#e4574a}.frog-jumps{flex-wrap:wrap;justify-content:center;gap:10px 22px;margin-top:12px;display:flex}.jump-group{gap:6px;display:flex}.jump-btn{color:#fff;border:0;border-radius:14px;min-width:58px;height:48px;font-size:18px;font-weight:700}.jump-btn.fwd{background:var(--accent)}.jump-btn.back{background:#e4574a}.jump-btn:active{transform:scale(.94)}.area-svg{width:100%;max-width:720px;max-height:420px;margin:0 auto;display:block}.area-part{fill-opacity:.28;transition:fill-opacity .3s}.area-part.is-active{fill-opacity:.55;animation:1.2s ease-in-out infinite pulse}.area-part.is-todo{fill-opacity:1}.area-grid{stroke:#1e24331f;stroke-width:1px}.area-outline{fill:none;stroke:var(--ink);stroke-width:2.5px}.area-label{font-family:var(--font);fill:var(--ink);font-weight:700}.area-label.dim{fill:#9aa0ae}.area-dim{font:700 20px var(--font);fill:var(--ink-2)}.row-band{fill-opacity:.14}.steps{flex-direction:column;align-items:center;gap:6px;margin-top:14px;display:flex}.step{font-variant-numeric:tabular-nums;border-radius:12px;align-items:baseline;gap:10px;padding:4px 14px;font-size:22px;display:flex}.step.is-todo{color:#b8bcc8}.step.is-active{background:#eef0ff}.step.is-active .step-a{color:var(--accent);border-bottom:3px solid var(--accent);text-align:center;min-width:2em}.step.is-done .step-a{color:var(--good);font-weight:700}.step.is-sum{border-top:2px solid var(--line);border-radius:0;margin-top:4px;padding-top:8px}.choice-list{flex-direction:column;gap:8px;width:100%;max-width:380px;display:flex}.choice-wide{aspect-ratio:auto;padding:14px;font-size:22px}.area-sb{border:1px solid var(--line);touch-action:none;background:#fff;border-radius:18px;padding:6px}.area-sb-svg{-webkit-user-select:none;user-select:none;width:100%;display:block}.ghost-grid{stroke:#eeeae0;stroke-width:1px}.handle{cursor:grab}.handle-corner{fill:var(--ink);stroke:#fff;stroke-width:4px}.handle-split{fill:#e4574a}.split-line{stroke:#e4574a;stroke-width:3px;stroke-dasharray:6 5}.own-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:32px;font-weight:700;display:flex}.own-input{width:3.6em;font:inherit;text-align:center;border:2px solid var(--line);color:var(--ink);background:#fff;border-radius:14px;padding:6px 4px}.own-input:focus{border-color:var(--accent);outline:none}.own-op{border:2px solid var(--line);background:var(--surface);border-radius:14px;width:56px;height:56px;font-size:30px;font-weight:700}.own-eq{color:var(--muted)}.own-ans{color:var(--good);min-width:2em}.own-out{flex-direction:column;gap:12px;margin-top:14px;display:flex}@keyframes pulse{50%{fill-opacity:.3}}@media (max-width:600px){.sandbox{margin-left:-4px;margin-right:-4px;padding:16px 10px 18px}.sb-stage{height:360px}.sb-bar{flex-direction:column;align-items:stretch}.sb-tools,.sb-palette{justify-content:center}.block-pick{height:40px;padding:0 8px 0 6px;font-size:14px}.step{font-size:19px}.numberline .nl-num{font-size:26px}.numberline .nl-jump{font-size:24px}.split-dots{gap:4px}.split-dot{width:27px;height:27px}.split-gap{width:6px}.own-row{font-size:26px}.jump-btn{min-width:50px;height:44px;font-size:16px}.frog-jumps{gap:8px}}.board-cta{background:#fffdf8;border:2px dashed #e3d9c4;border-radius:24px;align-items:center;gap:20px;margin:4px 0 36px;padding:24px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.board-cta:hover{border-color:var(--accent);transform:translateY(-2px)}.board-cta-text{flex:1}.board-cta-text h2{letter-spacing:-.01em;margin:8px 0 6px;font-size:clamp(22px,4vw,30px)}.board-cta-text p{color:var(--ink-2);max-width:52ch;margin:0 0 16px}.board-cta-text .btn{display:inline-block}.board-cta-art{flex:0 0 300px;padding:26px 10px 24px 18px}.board-cta-art .pa-art{zoom:.58}.pa-art{font-family:var(--font,"Rubik", system-ui, sans-serif);color:#1e2433;position:relative}.pa-board{background:#fff;border:1px solid #e6e2d9;border-radius:22px;position:relative;overflow:hidden;transform:rotate(1.2deg);box-shadow:0 1px 2px #1e24330f,0 10px 30px #1e243314}.pa-bar{border-bottom:1px solid #e6e2d9;align-items:center;gap:6px;padding:12px 16px;font-size:14px;display:flex}.pa-bar span{background:#e6e2d9;border-radius:50%;width:11px;height:11px}.pa-bar b{color:#4b5263;margin-left:10px;font-weight:600}.pa-bar .pa-try{white-space:nowrap;color:#4353ff;margin-left:auto;font-size:13px;font-style:normal;font-weight:600}.pa-body{background:#fbfaf7 radial-gradient(#e1ddd3 1.3px,#0000 1.4px) 0 0/22px 22px;flex-direction:column;gap:6px;padding:26px 26px 18px;display:flex}.pa-row{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.pa-tf-wrap{flex:1.25;min-width:0}.pa-tf{background:#fff;border:2px solid #e6e2d9;border-radius:12px;grid-template-columns:repeat(5,1fr);display:grid;overflow:hidden}.pa-tf-cell{aspect-ratio:1;background:#fff;border-bottom:2px solid #e6e2d9;border-right:2px solid #e6e2d9;position:relative}.pa-tf-cell:nth-child(5n){border-right:0}.pa-tf-cell:nth-child(n+6){border-bottom:0}.pa-tf-cell.is-on:after{content:"";background:#4353ff;border-radius:50%;position:absolute;top:18%;bottom:18%;left:18%;right:18%}.pa-tf-cell.is-on:nth-child(n+6):after{background:#f29e1f}.pa-say{text-align:center;color:#4b5263;min-height:26px;margin:10px 0 0;font-size:16px;font-weight:600}.pa-say b{color:#1e2433;font-size:18px}.pa-say span{text-transform:uppercase;letter-spacing:.06em;color:#1e9e6a;vertical-align:2px;background:#e6f6ee;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}.pa-rods{flex:1;min-width:0;max-width:200px;height:auto;margin-top:4px;overflow:visible}.pa-nl{width:100%;height:auto;margin-top:26px;overflow:visible}.pa-svg-label{fill:#4b5263;font:600 17px Rubik,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.pa-svg-tick{fill:#7a8091;font:500 15px Rubik,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.pa-svg-jump{fill:#4353ff;font:700 16px Rubik,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.pa-people{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.pa-cursor{filter:drop-shadow(0 2px 3px #1e243340);width:0;height:0;display:block;position:absolute}.pa-cursor svg{width:17px;height:21px;position:absolute;top:0;left:0;overflow:visible}.pa-cursor svg path{fill:var(--pc);stroke:#fff;stroke-width:1.6px;stroke-linejoin:round}.pa-cursor b{background:var(--pc);color:#fff;white-space:nowrap;border-radius:3px 10px 10px;padding:5px 9px 6px;font-size:12.5px;font-weight:600;line-height:1;position:absolute;top:17px;left:12px}.pa-c1{animation:7s ease-in-out infinite pa-drift;top:58%;left:73%}.pa-c2{animation:9s ease-in-out infinite reverse pa-drift;top:58%;left:5%}@keyframes pa-drift{0%,to{transform:translate(0)}50%{transform:translate(24px,-14px)}}.pa-chip{background:#fff;border:1px solid #e6e2d9;border-radius:14px;padding:10px 16px;position:absolute;box-shadow:0 1px 2px #1e24330f,0 10px 30px #1e243314}.pa-chip-code{flex-direction:column;display:flex;bottom:-34px;left:-26px;transform:rotate(-3deg)}.pa-chip-code small{color:#7a8091;font-size:12px;font-weight:500}.pa-chip-code b{letter-spacing:.12em;font-size:22px}.pa-chip-star{font-size:15px;top:-40px;right:-14px;transform:rotate(3deg)}.pa-chip-star span{margin-left:4px;font-weight:600}@media (prefers-reduced-motion:reduce){.pa-c1,.pa-c2{animation:none}}.section-title{margin:0 0 12px;font-size:22px}@media (max-width:640px){.board-cta{flex-direction:column-reverse;align-items:stretch}.board-cta-art{flex-basis:auto;width:100%;max-width:320px;margin:0 auto}}body.is-board{overscroll-behavior:none;overflow:hidden}body.is-board .topbar{display:none}body.is-board main{max-width:none;padding:0}.board-view,.bd{position:fixed;top:0;bottom:0;left:0;right:0}.bd{-webkit-user-select:none;user-select:none;background:#f6f4ef}.bd-canvas{touch-action:none;cursor:default;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.bd-canvas[data-tool=place]{cursor:copy}.bd-canvas[data-tool=smash],.bd-canvas[data-tool=glue]{cursor:pointer}.bd-canvas[data-tool=erase]{cursor:not-allowed}.bd-canvas.is-panning{cursor:grab}.bd-float{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);background:#fffffff5;border-radius:14px;position:absolute;box-shadow:0 2px 4px #1e24330d,0 10px 30px #1e24331a}.bd button{font:inherit}.bd-top{align-items:center;gap:10px;padding:6px 8px 6px 6px;display:flex;top:12px;left:12px}.bd-back{border-radius:10px;align-items:center;gap:8px;padding:6px 10px;font-weight:700;text-decoration:none;display:flex}.bd-back:hover{background:var(--bg)}.bd-logo{color:var(--accent)}.bd-title{color:var(--ink-2);border-left:1px solid var(--line);padding-left:12px;padding-right:6px;font-weight:600}.bd-lang{background:var(--bg);border-radius:999px;padding:2px;display:flex}.bd-lang button{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700}.bd-lang button.is-on{background:var(--ink);color:#fff}.bd-rail{border:1px solid var(--line);z-index:5;background:#fffffff5;border-radius:16px;flex-direction:column;gap:4px;padding:6px;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%);box-shadow:0 2px 4px #1e24330d,0 10px 30px #1e24331a}.bd-rail-sep{background:var(--line);height:1px;margin:4px 6px}.bd-group{position:relative}.bd-rail-btn{background:0 0;border:0;border-radius:12px;place-items:center;width:46px;height:46px;font-size:22px;transition:background .12s;display:grid}.bd-rail-btn:hover,.bd-group.is-open .bd-rail-btn{background:var(--bg)}.bd-group.is-active .bd-rail-btn{box-shadow:inset 0 0 0 2px var(--accent);background:#e8ebff}.bd-fly{z-index:6;padding-left:12px;display:none;position:absolute;top:-6px;left:100%}.bd-fly>*{position:relative}.bd-fly:before{content:"";border:1px solid var(--line);background:#fff;border-radius:16px;position:absolute;top:0;bottom:0;left:12px;right:0;box-shadow:0 10px 30px #1e243329}.bd-fly-title{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:12px 14px 6px;font-size:12px;font-weight:700}.bd-fly-grid{grid-template-columns:repeat(3,104px);gap:6px;max-height:calc(100vh - 80px);padding:0 10px 10px;display:grid;overflow-y:auto}.bd-fly.is-list .bd-fly-grid{grid-template-columns:240px}.bd-fly-item{background:var(--surface-2);text-align:center;border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;transition:border-color .12s,background .12s;display:flex}.bd-fly-item:hover{border-color:var(--accent);background:#fff}.bd-fly-item.is-on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:#fff}.bd-fly-item.is-action{flex-direction:row;grid-column:1/-1;justify-content:center}.bd-fly.is-list .bd-fly-item{text-align:left;align-items:flex-start;padding:10px 12px}.bd-fly-item strong{font-size:15px}.bd-fly-item small{color:var(--muted);font-size:12px}.bd-fly-label{font-size:13px;font-weight:600;line-height:1.2}.bd-fly-icon{place-items:center;height:60px;font-size:28px;display:grid}.bd-prev{width:88px;height:60px}.bd-group.is-open .bd-fly{display:block}@media (hover:hover){.bd-rail:not(.is-picked) .bd-group:hover .bd-fly{display:block}}.bd-bottom{align-items:center;gap:4px;padding:6px;display:flex;bottom:14px;left:50%;transform:translate(-50%)}.bd-zoom{align-items:center;gap:2px;padding:6px;display:flex;bottom:14px;right:12px}.bd-btn{background:0 0;border:0;border-radius:10px;place-items:center;min-width:40px;height:40px;padding:0 8px;font-size:19px;font-weight:600;display:grid}.bd-btn:hover{background:var(--bg)}.bd-zoom-val{text-align:center;min-width:48px;color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.bd-sep{background:var(--line);width:1px;height:26px;margin:0 4px}.bd-switch{background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:6px 10px 6px 8px;font-size:14px;font-weight:600;display:flex}.bd-switch:hover{background:var(--bg)}.bd-switch-track{background:#c9cdd8;border-radius:999px;width:40px;height:24px;transition:background .2s;position:relative}.bd-switch-dot{background:#fff;border-radius:50%;width:18px;height:18px;transition:left .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.bd-switch.is-on .bd-switch-track{background:var(--good)}.bd-switch.is-on .bd-switch-dot{left:19px}.bd-panel{width:280px;max-height:calc(100% - 100px);padding:4px;top:12px;right:12px;overflow:auto}.bd-panel:not(.is-open){width:auto}.bd-panel-toggle{background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:14px;font-weight:600;display:flex}.bd-panel-toggle:hover{background:var(--bg)}.bd-panel-body{padding:0 10px 10px}.bd-panel-label{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:10px 0 4px;font-size:11px;font-weight:700}.bd-total{font-variant-numeric:tabular-nums;font-size:38px;font-weight:700;line-height:1.05}.bd-eq{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:2px 6px;margin-top:2px;font-size:15px;display:flex}.bd-eq .op{color:var(--muted)}.bd-obj{text-align:left;background:var(--surface-2);border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:flex-start;width:100%;margin-top:4px;padding:7px 10px;display:flex}.bd-obj:hover{border-color:var(--line)}.bd-obj.is-sel{border-color:var(--accent)}.bd-obj-name{color:var(--muted);font-size:12px}.bd-obj strong{font-variant-numeric:tabular-nums;font-size:15px}.bd-ctx{z-index:4;flex-wrap:wrap;align-items:center;gap:4px;max-width:calc(100vw - 150px);padding:5px;display:none;top:0;left:0}.bd-ctx.is-on{display:flex}.bd-ctx-btn{background:0 0;border:0;border-radius:9px;min-width:36px;height:36px;padding:0 10px;font-size:14px;font-weight:600}.bd-ctx-btn:hover{background:var(--bg)}.bd-ctx-btn.is-danger:hover{background:#fdecea}.bd-ctx-sep{background:var(--line);width:1px;height:24px;margin:0 2px}.bd-seg{background:var(--bg);border-radius:10px;padding:2px;display:flex}.bd-seg button{height:32px;color:var(--ink-2);background:0 0;border:0;border-radius:8px;padding:0 9px;font-size:13px;font-weight:600}.bd-seg button.is-on{background:var(--ink);color:#fff}.bd-stepper{--c:var(--ink);background:var(--bg);border-radius:10px;align-items:center;gap:2px;padding:2px;display:flex}.bd-stepper button{min-width:32px;height:32px;color:var(--c);background:#fff;border:0;border-radius:8px;padding:0 6px;font-size:15px;font-weight:700}.bd-stepper strong{text-align:center;min-width:34px;color:var(--c);font-variant-numeric:tabular-nums;font-size:17px}.bd-hint{background:var(--ink);color:#fff;opacity:0;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;border-radius:12px;max-width:calc(100vw - 24px);padding:8px 14px;font-size:14px;font-weight:500;transition:opacity .2s,transform .2s;position:absolute;bottom:74px;left:50%;overflow:hidden;transform:translate(-50%,8px)}.bd-hint.is-on{opacity:.92;transform:translate(-50%)}.bd-toast{color:var(--ink);opacity:0;pointer-events:none;text-align:center;background:#fff6dc;border:1px solid #f1dfa6;border-radius:14px;max-width:min(560px,100vw - 24px);padding:10px 16px;font-size:15px;font-weight:500;transition:opacity .2s,transform .2s;position:absolute;top:76px;left:50%;transform:translate(-50%,-8px);box-shadow:0 10px 30px #1e24331a}.bd-toast.is-on{opacity:1;transform:translate(-50%)}.bd-bottom .bd-btn:first-child,.bd-bottom .bd-btn:nth-child(2){color:var(--ink);font-size:24px;font-weight:800}.bd-btn:disabled{opacity:.3;cursor:default}.bd-btn:disabled:hover{background:0 0}.bd-ctx-btn.is-toggle{border:1px solid var(--line)}.bd-ctx-btn.is-toggle.is-on{border-color:var(--good);color:var(--good);background:#e6f6ee}.bd-ctx-btn:disabled{opacity:.4;cursor:default}.bd-pick{position:relative}.bd-pick-pop{z-index:8;flex-direction:column;gap:6px;width:320px;max-width:calc(100vw - 32px);padding:8px;display:flex;position:absolute;top:calc(100% + 8px);left:0}.bd-pick-pop.is-up{top:auto;bottom:calc(100% + 8px)}.bd-pick-pop.is-right{left:auto;right:0}.bd-pick-search{border:1px solid var(--line);height:36px;font:inherit;border-radius:9px;padding:0 10px;font-size:14px}.bd-pick-head{align-items:center;gap:2px;display:flex}.bd-pick-head .bd-ctx-btn{min-width:30px;height:30px;font-size:13px}.bd-pick-count{color:var(--muted);margin-left:auto;margin-right:4px;font-size:13px;font-weight:700}.bd-pick-list{overscroll-behavior:contain;grid-template-columns:1fr 1fr;gap:2px;max-height:min(320px,45vh);display:grid;overflow-y:auto}.bd-pick-item{cursor:pointer;border-radius:8px;align-items:center;gap:8px;min-width:0;padding:7px 8px;font-size:14px;font-weight:600;display:flex}.bd-pick-item:hover{background:var(--bg)}.bd-pick-item input{width:18px;height:18px;accent-color:var(--good);flex:none;margin:0}.bd-pick-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bd-pick-empty{color:var(--muted);text-align:center;grid-column:1/-1;padding:10px;font-size:13px}.bd-fly.is-list .bd-fly-item{flex-direction:row;align-items:center;gap:10px}.bd-fly-game{font-size:28px}.bd-fly-text{flex-direction:column;display:flex}.bd-mission{z-index:7;width:min(520px,100vw - 420px);min-width:320px;padding:12px 14px;display:none;top:12px;left:50%;transform:translate(-50%)}.bd-mission.is-on{display:block}.bd-mission-head{align-items:center;gap:8px;display:flex}.bd-mission-head strong{font-size:17px}.bd-mission-icon{font-size:22px}.bd-mission-round{color:var(--muted);margin-left:auto;font-size:13px;font-weight:500}.bd-mission-dots{gap:5px;margin:8px 0 6px;display:flex}.bd-mission-dots span{background:var(--line);border-radius:99px;flex:1;height:5px}.bd-mission-dots span.is-now{background:#c9ceff}.bd-mission-dots span.is-done{background:var(--good)}.bd-mission-story{margin:6px 0 8px;font-size:17px;font-weight:500;line-height:1.4}.bd-mission-status{color:var(--ink-2);background:var(--bg);font-variant-numeric:tabular-nums;border-radius:10px;padding:7px 10px;font-size:15px;font-weight:600}.bd-mission-hint{background:#fff6dc;border-radius:10px;margin-top:8px;padding:7px 10px;font-size:14px}.bd-mission-result{color:var(--ink);font-variant-numeric:tabular-nums;background:#e6f6ee;border-radius:12px;padding:9px 12px;font-size:15px}.bd-mission-result strong{color:var(--good);margin-bottom:2px;font-size:17px;display:block}.bd-mission-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-top:10px;display:flex}.bd-mission-actions .btn:disabled{opacity:.35}@media (max-width:700px){.bd-title{display:none}.bd-rail{top:auto;bottom:74px;left:8px;transform:none}.bd-rail-btn{width:40px;height:40px;font-size:19px}.bd-rail{gap:2px;padding:5px}.bd-ctx{z-index:7;justify-content:center;max-width:calc(100vw - 60px)}.bd-toast{top:168px}.bd-fly{top:auto;bottom:-6px}.bd-fly-grid{grid-template-columns:repeat(2,96px)}.bd-fly.is-list .bd-fly-grid{grid-template-columns:200px}.bd-bottom{bottom:8px;left:8px;transform:none}.bd-zoom{flex-direction:column;padding:4px;top:64px;bottom:auto;right:8px}.bd-zoom .bd-zoom-val{display:none}.bd-zoom .bd-btn{min-width:38px;height:38px}.bd-switch>span:last-child{display:none}.bd-panel{z-index:6;width:240px;top:8px;right:8px}.bd-panel:not(.is-open) .bd-panel-toggle{padding:9px 10px}.bd-top{top:8px;left:8px}.bd-hint{font-size:13px;bottom:64px}.bd-mission{width:auto;min-width:0;padding:10px 12px;top:60px;left:8px;right:8px;transform:none}.bd-mission-story{font-size:15px}.bd-panel:not(.is-open){width:auto}.bd-panel:not(.is-open) .bd-panel-name,.bd-panel:not(.is-open) .bd-panel-caret{display:none}}.topbar-right{align-items:center;gap:8px;display:flex}.speak-toggle{border:1px solid var(--line);background:var(--surface);border-radius:50%;width:38px;height:38px;font-size:17px}.speak-toggle.is-on{background:var(--ink);border-color:var(--ink)}.speak-btn{background:var(--bg);vertical-align:middle;border:0;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;margin-left:8px;font-size:16px;display:inline-grid}.speak-btn:hover{background:#e8ebff}.split-q .speak-btn,.line-q .speak-btn,.cmp-q .speak-btn,.frac-q .speak-btn{font-size:16px}.problem-card{position:relative}.problem-card>.speak-btn{margin:0;position:absolute;top:10px;right:10px}.task-line .speak-btn{align-self:center}.feedback .why{color:var(--ink);background:#fff6dc;border-radius:12px;max-width:560px;margin:8px auto 0;padding:8px 12px;font-size:16px;font-weight:500}.fm-row{flex-wrap:wrap;align-items:center;gap:5px;margin-top:10px;display:flex}.fm-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-right:2px;font-size:12px;font-weight:700}.fm-chip{color:var(--ink-2);background:#eef0f4;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600}.fm-chip.is-k{color:#3442c9;background:#e8ebff}.probe-row{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 12px;display:flex}.level-card.is-rec{border-color:var(--good);box-shadow:inset 0 0 0 1px var(--good)}.rec-badge{color:#fff;background:var(--good);border-radius:999px;align-self:flex-start;margin-top:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.adapt-tip{background:#fff6dc;border-radius:12px;padding:8px 12px;font-size:15px}.adapt-chip{background:#fff6dc;border-color:#f1dfa6;margin-top:10px}.mode-tabs{margin:4px 0 6px}.cmp-q{text-align:center;margin:14px 0 10px}.cmp-q p{color:var(--ink-2);margin:0 0 6px;font-size:17px}.cmp-eq{font-variant-numeric:tabular-nums;font-size:clamp(30px,7vw,44px);font-weight:700;display:inline-block}.cmp-cols{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cmp-col{border-radius:20px;flex-direction:column;align-items:stretch;gap:8px;padding:8px;transition:opacity .2s;display:flex}.cmp-col.is-chosen{background:#e8ebff}.cmp-col.is-other{opacity:.75}.cmp-col .strategy{margin:0}.cmp-name{text-align:center;font-weight:700}.fact-grid{grid-template-columns:28px repeat(10,1fr);gap:3px;max-width:520px;display:grid}.fg-corner,.fg-head{color:var(--muted);place-items:center;font-size:13px;font-weight:700;display:grid}.fg-cell{aspect-ratio:1;font-variant-numeric:tabular-nums;border:0;border-left:4px solid #0000;border-radius:7px;font-size:13px;font-weight:700}.fg-cell.is-new{color:#9aa0ae;background:#f1f2f6}.fg-cell.is-learning{color:#9a6b12;background:#fff1d6}.fg-cell.is-known{color:#13704a;background:#d8f1e4}.fg-cell.is-sel{outline:3px solid var(--ink);outline-offset:1px}.cat-plus12{border-left-color:#9aa0ae!important}.cat-double{border-left-color:#4353ff!important}.cat-near{border-left-color:#8b5cf6!important}.cat-friends{border-left-color:#f29e1f!important}.cat-ten{border-left-color:#1e9e6a!important}.cat-bridge{border-left-color:#e4574a!important}.cat-other{border-left-color:#0ea5a4!important}.map-wrap{flex-wrap:wrap;align-items:flex-start;gap:18px;margin-top:10px;display:flex}.map-wrap .fact-grid{flex:320px}.map-legend{flex-direction:column;gap:6px;font-size:14px;display:flex}.map-legend .lg{border-left:5px solid;padding-left:8px}.lg-status{color:var(--muted);align-items:center;gap:6px;margin-top:6px;display:flex}.lg-status .sw{border-radius:4px;width:14px;height:14px;display:inline-block}.sw.is-known{background:#d8f1e4}.sw.is-learning{background:#fff1d6}.sw.is-new{background:#f1f2f6}.map-progress{align-items:center;gap:12px;margin:10px 0;display:flex}.map-progress .bar{background:var(--line);border-radius:99px;flex:1;max-width:320px;height:10px;overflow:hidden}.map-progress .bar span{background:var(--good);height:100%;display:block}.map-detail{flex-direction:column;align-items:flex-start;gap:10px;margin-top:16px;display:flex}.map-detail h3{margin:0}.map-detail .strategy{width:100%}.frac{vertical-align:middle;font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;font-weight:700;line-height:1;display:inline-flex}.frac-n{border-bottom:3px solid;padding:0 4px 3px}.frac-d{padding:3px 4px 0}.frac.big{font-size:clamp(34px,8vw,48px)}.frac-q{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 14px;margin-bottom:10px;font-size:clamp(22px,5vw,30px);font-weight:700;display:flex}.frac-eq{color:var(--muted);font-size:clamp(30px,7vw,44px)}.frac-center{flex-direction:column;align-items:center;gap:12px;display:flex}.frac-stack{width:100%;max-width:560px;margin:0 auto}.frac-pic{width:min(240px,60vw)}.frac-bar{width:100%;max-width:480px}.frac-pic.is-tappable .frac-slice,.frac-bar.is-tappable rect{cursor:pointer}.frac-bar-label{font:700 22px var(--font);fill:var(--ink);paint-order:stroke;stroke:#fff;stroke-width:4px}.frac-choices{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.frac-choice{aspect-ratio:auto;place-items:center;min-width:88px;min-height:88px;padding:10px 16px;font-size:28px;display:grid}.frac-choice.is-eq{font-size:17px}.linetap{cursor:pointer;touch-action:none;width:100%;max-width:680px;margin:0 auto;display:block}.frac-wall{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;gap:4px;padding:10px;display:flex}.frac-wall-row{gap:3px;display:flex}.fw-cell{min-width:0;height:36px;color:var(--muted);background:#f6f7fa;border:1px solid #c9cdd8;border-radius:5px;flex:1;padding:0;font-size:11px;font-weight:700;overflow:hidden}.fw-cell.is-on{color:#fff;border-color:#0000}.frac-same{color:var(--good);font-size:14px;font-weight:700}.race-msg{text-align:center;min-height:56px;margin:12px 0;font-size:19px;font-weight:600}.race-scroll{padding:6px 2px 10px;overflow-x:auto}.race-squares{grid-template-columns:repeat(var(--n), minmax(46px, 1fr));gap:4px;min-width:min-content;display:grid}.race-sq{border:2px solid var(--line);background:var(--surface);border-radius:14px;flex-direction:column;justify-content:space-between;align-items:center;height:92px;padding:6px 2px;display:flex;position:relative}.race-sq.is-start{background:#eef0f4}.race-sq.is-goal{background:#fff1d6;border-color:#f2b01f}.race-sq.is-passed{background:#e8ebff}.race-sq.is-hint{border-color:var(--accent);animation:.6s infinite bump}.race-num{font-size:20px;font-weight:800}.race-sq.is-start .race-num{font-size:12px}.race-pawns{min-height:28px;font-size:26px;line-height:1}.race-line{cursor:pointer;touch-action:none;width:100%;min-width:640px;display:block}.race-pawn{font-size:30px}.race-guess{font:800 20px var(--font);fill:#e4574a}.race-controls{align-items:center;gap:16px;display:flex}.race-die{border:2px solid var(--ink);background:#fff;border-radius:18px;place-items:center;width:72px;height:72px;font-size:30px;font-weight:800;display:grid}.race-die.is-empty{color:#c9cdd8;border-color:var(--line)}.race-win{text-align:center;font-size:28px;font-weight:800}.check-row{align-items:center;gap:8px;margin-top:12px;font-size:15px;display:flex}.check-row input{width:20px;height:20px}.daily-vis{justify-content:center;margin-top:8px;display:flex}.daily-vis .pattern{max-width:360px;max-height:220px}.week{justify-content:center;align-items:center;gap:10px;margin:12px 0 16px;display:flex}.week-dots{gap:6px;display:flex}.week-dots span{background:var(--line);border-radius:50%;width:16px;height:16px}.week-dots span.is-on{background:var(--good)}.skill-title{margin:16px 0 6px;font-size:16px}.skill-list{text-align:left;flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.skill-row{justify-content:space-between;align-items:center;gap:10px;font-size:14px;display:flex}.skill-bar{gap:3px;display:flex}.skill-bar span{background:var(--line);border-radius:3px;width:16px;height:8px}.skill-bar span.is-on{background:var(--good)}.talk-stage{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:24px;place-items:center;min-height:320px;margin-top:14px;padding:20px;display:grid}.talk-svg{width:100%;max-width:640px;max-height:60vh}.talk-q{font:800 80px var(--font);fill:#fff}.talk-caption{text-align:center;font-variant-numeric:tabular-nums;min-height:40px;margin:14px 0;font-size:clamp(20px,4vw,28px)}.talk-n{color:var(--good);font-weight:700}.talk-controls{margin-bottom:16px}.talk-starters{background:#fffdf8;border:1px dashed #e3d9c4;border-radius:16px;padding:12px 18px}.talk-starters ul{margin:6px 0 0;padding-left:20px}.tool-row,.teacher-tools{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:0 0 30px;display:grid}.tool-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;padding:14px 16px;text-decoration:none;transition:border-color .15s,transform .15s;display:grid}.tool-card:hover{border-color:var(--accent);transform:translateY(-1px)}.tool-icon{grid-row:span 2;font-size:28px}.tool-card small{color:var(--muted);font-size:13px}.teacher-sec{margin:28px 0}.teacher-sec h2{margin:0 0 8px;font-size:22px}.teacher-body{color:var(--ink-2)}.teacher-body li{margin-bottom:6px}.teacher-body a{color:var(--accent)}.teacher-table{flex-direction:column;gap:8px;display:flex}.tt-row{background:var(--surface);border:1px solid var(--line);border-radius:14px;grid-template-columns:180px 1fr;gap:4px 16px;padding:12px 14px;display:grid}.tt-name{grid-row:span 2;text-decoration:none}.tt-fm .fm-row{margin:0}.tt-use{color:var(--ink-2);margin:0;font-size:15px}.bd-share{background:var(--bg);border:0;border-radius:10px;padding:6px 10px;font-size:13px;font-weight:600}.bd-share:hover{background:#e8ebff}.bd-note-input{width:min(320px,70vw);min-height:64px;font:inherit;border:1px solid var(--line);resize:vertical;background:#fffbe6;border-radius:10px;padding:8px;font-size:15px}@media (max-width:700px){.cmp-cols,.tt-row{grid-template-columns:1fr}.tt-name{grid-row:auto}.race-sq{height:78px}.race-num{font-size:17px}.fg-cell{border-left-width:3px;font-size:11px}.topbar-right{gap:6px}}.btn:disabled{opacity:.4;cursor:default}.btn:disabled:active{transform:none}.flip-rules{margin-top:14px}.flip-best{background:#b98a1e}.flip{flex-direction:column;gap:12px;margin-top:10px;display:flex}.flip-content{flex-direction:column;gap:12px;min-width:0;display:flex}.flip-modes{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;display:grid}.flip-rooms,.flip-player-list{padding:0;list-style:none}.flip-rooms a{border:1px solid var(--line);background:var(--surface);border-radius:14px;flex-wrap:wrap;gap:8px 16px;margin-bottom:10px;padding:16px;text-decoration:none;display:flex}.flip-rooms a span:last-child{color:var(--accent);margin-left:auto}.flip-player-list li{border-bottom:1px solid var(--line);padding:10px 0}.flip-scoreboard{flex:none;gap:8px;padding:2px;display:flex;overflow-x:auto}.flip-player{border:2px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;min-width:100px;padding:6px 10px;display:flex}.flip-player span{white-space:nowrap;text-overflow:ellipsis;max-width:140px;overflow:hidden}.flip-player small{color:var(--muted);font-size:12px;font-weight:400}.flip-player.is-me{background:#eef0ff}.flip-player.is-turn{border-color:var(--accent)}.flip-command-row{justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.flip-command-row>.btn-row{flex-wrap:nowrap;width:100%}.flip-command-row>.btn{width:100%}.flip-room-tools{padding:12px 0;font-size:14px}.flip-online .answer-area{padding-bottom:8px}.flip button{touch-action:manipulation;-webkit-user-select:none;user-select:none}.flip .numpad.is-compact .key-ok{grid-column:auto}.flip .numpad .key:active{background:#dde2ff;transform:none}.flip .answer-area{width:100%}.flip-top{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px 22px;padding:10px 16px;display:flex}.flip-score{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.flip-score strong{font-variant-numeric:tabular-nums;font-size:26px}.flip-progress{background:var(--line);border-radius:99px;align-self:center;width:140px;height:8px;display:block;overflow:hidden}.flip-progress span{background:var(--good);border-radius:99px;height:100%;transition:width .4s;display:block}.flip-progress.is-cpu span{background:#9aa0ae}.flip-stars{background:#fff6dc;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:4px 14px;font-size:22px;display:flex}.flip-table{background:#1f6b4e radial-gradient(circle at 30% 20%,#2a8563,#1b5c43);border-radius:22px;align-items:flex-start;gap:18px;min-height:170px;padding:18px;display:flex;box-shadow:inset 0 2px 12px #00000040}.flip-deck{background:0 0;border:0;flex:none;padding:0;position:relative}.flip-deck:disabled{cursor:default}.flip-deck-n{color:#d8f1e4;text-align:center;margin-top:6px;font-size:13px;font-weight:600;display:block}.flip-hand-wrap{flex:1;min-width:0}.flip-hand{flex-wrap:wrap;align-items:flex-start;gap:8px;min-height:100px;display:flex}.flip-hand .muted{color:#bfe3d0;align-self:center}.flip-status{gap:6px;margin-top:8px;display:flex}.fcard{--c:#2a3147;border:3px solid var(--c);width:70px;height:98px;color:var(--c);background:#fff;border-radius:12px;place-items:center;display:grid;position:relative;box-shadow:0 3px #00000040}.fcard.is-small{border-width:2px;border-radius:9px;width:46px;height:64px}.fcard-num{font-size:38px;font-weight:800}.fcard.is-small .fcard-num{font-size:24px}.fcard-corner{font-size:12px;font-weight:800;position:absolute;top:4px;left:6px}.fcard.is-small .fcard-corner{display:none}.fcard.is-mod{background:#fff6dc}.fcard.is-back{color:#fff;background:repeating-linear-gradient(45deg,#4353ff,#4353ff 8px,#5a68ff 8px 16px);border-color:#fff}.fcard.is-back span{font-size:32px;font-weight:800}.fcard.is-bust{color:#e4574a;background:#fdecea;border-color:#e4574a;animation:.5s sb-wiggle}.fcard.is-fresh{animation:.35s ease-out card-in}.flip-deck:not(:disabled):hover .fcard{transform:translateY(-3px)}@keyframes card-in{0%{transform:rotateY(90deg)scale(.9)}to{transform:none}}.flip-sum{text-align:center;min-height:40px}.flip-total{font-variant-numeric:tabular-nums;font-size:22px}.flip-q{font-variant-numeric:tabular-nums;font-size:clamp(32px,7vw,46px);font-weight:800}.flip-pairs{color:var(--good);margin-top:4px;font-weight:700}.flip-risk{background:#e6f6ee;border-radius:14px;padding:10px 14px}.flip-risk.is-mid{background:#fff6dc}.flip-risk.is-high{background:#fdecea}.flip-risk-bar{background:#00000014;border-radius:99px;height:10px;margin-top:6px;overflow:hidden}.flip-risk-bar span{background:var(--good);border-radius:99px;height:100%;display:block}.flip-risk.is-mid .flip-risk-bar span{background:#f2b01f}.flip-risk.is-high .flip-risk-bar span{background:#e4574a}.flip-msg{min-height:26px;margin:0;font-weight:600}.flip-choice{aspect-ratio:auto;min-width:90px;min-height:70px;font-size:28px}.flip-after{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.flip-breakdown{background:var(--surface);border:1px solid var(--line);font-variant-numeric:tabular-nums;border-radius:14px;padding:10px 18px;font-size:17px}.flip-breakdown strong{color:var(--good);margin-top:4px;font-size:19px;display:block}.flip-powers{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px;display:flex}.flip-power{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:14px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;min-width:130px;padding:8px 12px;display:grid}.flip-power:hover:not(:disabled){border-color:var(--accent)}.flip-power:disabled{opacity:.45;cursor:default}.flip-power.is-on{opacity:1;border-color:var(--good);background:#e6f6ee}.flip-power-icon{grid-row:span 2;font-size:24px;font-weight:800}.flip-power-name{font-size:14px;font-weight:700}.flip-power-cost{color:var(--muted);font-size:12px}.flip-cpu{background:var(--surface);border:1px dashed var(--line);border-radius:14px;padding:8px 12px}.flip-cpu .flip-hand{min-height:0;margin-top:4px}@media (max-width:600px){.flip-table{gap:10px;padding:12px}.fcard{width:54px;height:76px}.fcard-num{font-size:28px}.flip-power{flex:40%;min-width:0}.flip-progress{width:90px}}@media (max-width:1099px){.flip-game{z-index:20;background:var(--bg);padding:max(8px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));flex-direction:column;height:100dvh;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.flip-game>.play-head{flex:none;min-height:40px;font-size:14px}.flip-game .flip{flex:1;gap:8px;min-height:0;margin-top:6px}.flip-game .flip-content{overscroll-behavior:contain;flex:1;min-height:0;padding:2px 2px 8px;overflow-y:auto}.flip-game .flip-top{gap:6px 12px;padding:6px 10px}.flip-game .flip-score strong{font-size:22px}.flip-game .flip-progress{width:60px}.flip-game .flip-table{min-height:150px;padding:12px}.flip-game .fcard{flex:0 0 72px;width:72px;height:100px}.flip-game .fcard-num{font-size:38px}.flip-game .fcard.is-small{flex-basis:54px;width:54px;height:76px}.flip-game .fcard.is-small .fcard-num{font-size:28px}.flip-game .flip-hand{gap:10px}.flip-game .answer-area{border-top:1px solid var(--line);flex:none;gap:6px;margin:0;padding:8px 0 0}.flip-game .flip-sum{width:100%;min-height:32px;max-height:60px;overflow-y:auto}.flip-game .flip-q{font-size:30px;line-height:1.2}.flip-game .flip-total{font-size:18px}.flip-game .flip-msg{text-align:center;width:100%;height:42px;min-height:42px;font-size:14px;line-height:1.45;overflow-y:auto}.flip-game .answer-display{height:36px;min-height:36px;padding:4px 12px;font-size:26px;line-height:1}.flip-game .numpad{gap:6px;max-width:460px}.flip-game .numpad .key{border-radius:10px;height:clamp(44px,6.4dvh,56px)}.flip-game .answer-area>.btn-row{flex-wrap:nowrap;width:100%}.flip-game .answer-area .btn-big{flex:1;min-width:0;padding:10px 8px;font-size:15px}.flip-game .flip-after{gap:6px;width:100%}.flip-game .flip-after>p,.flip-game .flip-breakdown{max-height:70px;margin:0;font-size:14px;overflow-y:auto}.flip-game .flip-after>.btn{width:100%}.flip-game .answer-area:has(.numpad){grid-template-columns:minmax(0,1fr) 76px;gap:4px;display:grid}.flip-game .answer-area:has(.numpad) .flip-sum{text-align:left;grid-area:1/1}.flip-game .answer-area:has(.numpad) .answer-display{grid-area:1/2;width:76px;min-width:0}.flip-game .answer-area:has(.numpad) .flip-msg{grid-area:2/1/auto/-1;height:36px;min-height:36px}.flip-game .answer-area:has(.numpad)>.btn-row{grid-area:3/1/auto/-1}.flip-game .answer-area:has(.numpad)>.flip-after{grid-area:3/1/auto/-1}.flip-game .answer-area:has(.numpad)>.flip-command-row{grid-area:3/1/auto/-1}.flip-game .answer-area:has(.numpad) .numpad{grid-area:4/1/auto/-1;margin:0 auto}.flip-game .flip[data-phase=ask] .answer-area:has(.numpad){grid-template-rows:36px 36px 48px auto}.flip-game .flip[data-phase=cpu] .answer-area:has(.numpad){grid-template-rows:36px 36px 48px auto}.flip-game .flip[data-phase=won] .flip-content{flex:1}}@media (max-width:1099px) and (max-height:650px){.flip-game>.play-head{min-height:32px}.flip-game .flip-top{gap:4px 8px;padding:3px 8px}.flip-game .flip-stars{padding:0 8px;font-size:16px}.flip-game .flip-score strong{font-size:20px}.flip-game .flip-content{gap:8px}.flip-game .flip-table{min-height:136px;padding:8px}}@media (min-width:600px) and (max-width:1099px) and (max-height:500px){.flip-game .flip{grid-template-columns:minmax(0,1fr) 290px;display:grid}.flip-game .flip-content{height:100%}.flip-game .answer-area{max-height:100%;padding-top:0;overflow-y:auto}.flip-game .flip[data-phase=won]{display:flex}}.principles-box{margin-top:30px}.principles-box .principle-grid{padding:0 18px 18px}.probe-row{margin-bottom:14px}@media (min-width:1100px){main{max-width:1180px;padding-left:32px;padding-right:32px}.hero{padding:40px 0 28px}.hero .lead{font-size:20px}.module-grid{grid-template-columns:repeat(4,1fr)}.level-list{grid-template-columns:repeat(3,1fr)}.page-head h1{font-size:42px}.stage{min-height:380px;padding:28px}.stage .pattern{max-width:620px;max-height:380px}.split-vis{max-width:520px}.bond{width:290px}.problem{font-size:72px}.area-svg{max-width:860px;max-height:480px}.scaled-line,.linetap{max-width:900px;margin:0 auto}.numberline{max-width:860px}.play-settings{flex-flow:wrap;gap:0 32px}.flip{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:12px 24px;display:grid}.flip>.flip-content{grid-column:1}.flip>.answer-area{background:var(--surface);border:1px solid var(--line);border-radius:20px;grid-area:1/2;margin:0;padding:18px;position:sticky;top:80px}.flip[data-phase=won]{display:block}.flip>.answer-area .btn-row{flex-direction:column;align-items:stretch;width:100%}.flip>.answer-area .btn-big{width:100%;min-width:0}.flip-powers{grid-template-columns:1fr 1fr;width:100%;display:grid}.flip-power{min-width:0}.flip-table{min-height:260px;padding:24px}.fcard{width:84px;height:118px}.fcard-num{font-size:46px}.flip-q{font-size:52px}.frac-pic{width:280px}.frac-bar{max-width:620px}.talk-svg{max-width:820px}}.play-bar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 20px;margin:6px 0 14px;display:flex}.play-bar .settings-row{margin-top:8px}.play-bar .stat-row{gap:14px;margin:0;font-size:16px}.play-layout{flex-direction:column;gap:12px;display:flex}.play-main,.play-side{flex-direction:column;gap:10px;min-width:0;display:flex}.play-side .answer-area{margin-top:0}.bd-more-wrap{position:relative}.bd-more-btn{gap:6px;font-size:15px;display:flex}.bd-more-btn span:first-child{font-size:22px;line-height:1}.bd-more{border:1px solid var(--line);background:#fff;border-radius:14px;min-width:210px;padding:6px;display:none;position:absolute;bottom:calc(100% + 12px);right:0;box-shadow:0 10px 30px #1e243329}.bd-more.is-open{flex-direction:column;display:flex}.bd-more-item{text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:15px;font-weight:500;display:flex}.bd-more-item:hover{background:var(--bg)}@media (min-width:1100px){.play-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px;display:grid}.play-side{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:18px;position:sticky;top:80px}.play-side .numpad{max-width:none}.play-side .btn-row .btn-big{width:100%;min-width:0}.play-main .problem-card{padding:48px 20px}}@media (max-width:700px){.bd-more-label{display:none}.bd-more{left:0;right:auto}}.section-title{margin:44px 0 14px}.board-cta+.section-title{margin-top:36px}.module-card{min-height:104px}.module-text small{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.module-icon.is-soft{font-size:24px}@media (min-width:1100px){.module-grid{grid-template-columns:repeat(3,1fr);gap:16px}.module-card{min-height:112px;padding:20px 22px}}.mode-pick{flex-wrap:wrap;align-items:center;gap:10px 16px;margin:0 0 18px;display:flex}.mode-pick-label{color:var(--ink-2);font-weight:600}.mode-pick .check-row{margin:0}.level-list.is-big{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.level-card.is-big{text-align:left;border-radius:20px;flex-direction:column;align-items:stretch;gap:14px;padding:0 0 18px;overflow:hidden}.level-card.is-big:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.lc-art{background:#1f6b4e radial-gradient(circle at 30% 20%,#2a8563,#1b5c43);place-items:center;height:130px;display:grid}.lc-body{flex-direction:column;flex:1;gap:6px;padding:0 20px;display:flex}.lc-num{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}.lc-title{font-size:22px}.lc-facts{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.lc-fact{background:var(--bg);color:var(--ink-2);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:600}.lc-foot{justify-content:space-between;align-items:center;gap:10px;min-height:30px;padding:0 20px;display:flex}.lc-go{color:var(--accent);white-space:nowrap;font-weight:700}.level-card.is-big:hover .lc-go{text-decoration:underline}.card-fan{align-items:center;display:flex}.card-fan .fcard{margin:0 -6px;box-shadow:0 4px 10px #00000040}.card-fan .fcard:first-child{transform:rotate(-10deg)}.card-fan .fcard:nth-child(3){transform:rotate(10deg)translateY(4px)}.fan-pct{color:var(--ink);background:#fff6dc;border-radius:999px;margin-left:18px;padding:6px 12px;font-size:15px;font-weight:800}.track-art{gap:6px;display:flex}.track-art span{width:40px;height:48px;color:var(--ink);background:#fff;border-radius:10px;place-items:center;font-size:15px;font-weight:800;display:grid}.track-art span.is-pawn{background:#fff1d6;font-size:24px}.level-card.is-big .rec-badge{margin-top:0}.menu-info{grid-template-columns:1fr;gap:12px;margin-top:28px;display:grid}.menu-info .idea{margin-top:0}@media (min-width:900px){.level-list.is-big{grid-template-columns:repeat(3,1fr)}.menu-info{grid-template-columns:1fr 1fr;align-items:start}}.fcard{display:grid}span.fcard{display:inline-grid}.pbar{background:var(--line);border-radius:99px;height:6px;display:block;overflow:hidden}.pbar>span{background:var(--accent);border-radius:99px;height:100%;transition:width .4s;display:block}.pbar.is-big{height:10px}.probe-row{justify-content:space-between}.probe-row .settings-row{margin:0}.probe-row .settings-label{width:auto;min-width:0}.level-card{position:relative;overflow:hidden}.lc-track{background:0 0;height:4px;position:absolute;bottom:0;left:0;right:0}.lc-track>span{background:var(--accent);opacity:.55;border-radius:0 4px 4px 0;height:100%;display:block}.level-card.is-full .lc-track>span{background:var(--good);opacity:1}.level-card.is-full .level-num{color:var(--good);background:#e3f6ec}.lv-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:22px 0 10px;display:flex}.lv-head h2{margin:0;font-size:18px}.lv-head-prog{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:10px;font-size:14px;display:flex}.lv-head-prog .pbar{width:120px}.fv-card{text-align:left;width:100%;color:var(--ink);background:linear-gradient(135deg,#eef0ff,#f7f3ff);border:1px solid #d8dbff;border-radius:14px;align-items:center;gap:14px;margin:4px 0 0;padding:12px 14px;transition:transform .15s,border-color .15s;display:flex}.fv-card:hover{border-color:var(--accent);transform:translateY(-1px)}.fv-icon{background:var(--accent);color:#fff;border-radius:12px;flex:none;place-items:center;width:44px;height:44px;font-size:26px;font-weight:700;display:grid}.fv-text{flex-direction:column;flex:1;min-width:0;display:flex}.fv-text small{color:var(--muted);font-size:14px}.fv-rec{flex:none;font-size:14px;font-weight:700}.fv-card .lc-go{flex:none}.fv-stats{font-variant-numeric:tabular-nums;justify-content:center;gap:22px;margin:0 0 12px;font-size:17px;display:flex}.fv-msg{text-align:center;border-radius:12px;max-width:460px;margin:0 auto 12px;padding:8px 12px;font-weight:700;animation:.25s ease-out pop-in}.fv-msg.is-up{color:#137452;background:#e3f6ec}.fv-msg.is-down{color:#8a5a00;background:#fff6dc}.done-prog{max-width:300px;color:var(--muted);gap:6px;margin:14px auto 0;font-size:14px;font-weight:700;display:grid}@media (max-width:520px){.fv-card .lc-go{display:none}}.level-card.is-big.is-full{border-color:#bfe6d2}.level-card.is-big.is-full .lc-num{color:var(--good)}.bd-mission.is-min>:not(.bd-mission-head):not(.bd-mission-status):not(.bd-mission-result){display:none}.bd-mission.is-min .bd-mission-status{margin-top:8px}.page-head,.hero{position:relative}.page-head.has-help,.hero.has-help{padding-right:52px}.hero .help-btn{top:28px}.help-btn{border:1px solid var(--line);background:var(--surface);width:40px;height:40px;color:var(--muted);border-radius:50%;place-items:center;font-size:19px;font-weight:700;transition:color .15s,border-color .15s;display:grid;position:absolute;top:4px;right:0}.help-btn:hover{color:var(--accent);border-color:var(--accent)}.help-btn:focus-visible{color:var(--accent);border-color:var(--accent)}.help-modal{z-index:100;background:#1418286b;place-items:center;padding:16px;animation:.15s ease-out pop-in;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.help-card{background:var(--surface);border-radius:20px;width:min(640px,100%);max-height:calc(100vh - 32px);padding:6px 0 18px;overflow:auto;box-shadow:0 20px 60px #00000040}.help-head{background:var(--surface);align-items:center;gap:10px;padding:12px 14px 10px 18px;font-size:17px;display:flex;position:sticky;top:0}.help-tag{color:var(--muted);background:var(--bg);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700}.help-close{background:var(--bg);border:0;border-radius:50%;width:36px;height:36px;margin-left:auto;font-size:16px}.help-card .fm-row{margin-bottom:12px}.help-more{color:var(--accent);margin:4px 18px 0;font-weight:700;text-decoration:none;display:inline-block}.help-more:hover{text-decoration:underline}.stage-prime{text-align:center;display:block}.pr-pic{flex-direction:column;align-items:center;gap:6px;margin:6px 0 4px;display:flex;overflow-x:auto}.pr-dots{max-width:100%;height:auto;display:block}.pr-note{color:var(--muted);margin:4px 0 0;font-size:15px;font-weight:600}.pr-note.is-ok{color:var(--good)}.pr-try{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:10px;display:flex}.pr-try .chip{min-width:44px}.pr-rects{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:14px 22px;display:flex}.pr-rect{font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;gap:4px;font-weight:700;display:flex}.pr-chips{max-width:560px;margin:0 auto}.pr-chip{font-variant-numeric:tabular-nums;min-width:46px}.chip.is-wrong{color:#b23a2e;background:#fdecea;border-color:#e4574a}.pr-p{color:var(--pc);border-color:var(--pc);font-weight:700}.pr-sieve-wrap{justify-content:center;display:flex}.pr-grid{grid-template-columns:repeat(10,1fr);gap:4px;width:100%;max-width:560px;display:grid}.pr-grid.cols-6{grid-template-columns:repeat(6,1fr);max-width:360px}.pr-cell{aspect-ratio:1;border:1px solid var(--line);background:var(--surface);font-variant-numeric:tabular-nums;min-width:0;color:var(--ink);border-radius:8px;place-items:center;padding:0;font-size:clamp(11px,2.8vw,16px);font-weight:600;display:grid;position:relative}button.pr-cell:hover{border-color:var(--accent)}.pr-cell.is-one{color:var(--muted);background:var(--bg)}.pr-cell.is-struck{color:#a3a8b6;background:color-mix(in srgb, var(--pc) 10%, #fff);border-color:color-mix(in srgb, var(--pc) 30%, #fff)}.pr-cell.is-struck:after{content:"";background:var(--pc);border-radius:2px;height:2px;position:absolute;top:50%;left:18%;right:18%;transform:rotate(-35deg)}.pr-cell.is-prime{background:var(--pc);border-color:var(--pc);color:#fff;border-radius:50%;font-weight:800}.pr-cell.is-new{animation:.35s ease-out both pr-strike}@keyframes pr-strike{0%{background:color-mix(in srgb, var(--pc) 40%, #fff);transform:scale(1.25)}to{transform:scale(1)}}.pr-mini-wrap{justify-content:center;margin:4px 0;display:flex}.pr-grid.is-mini{gap:2px;max-width:380px}.pr-grid.is-mini .pr-cell{border-radius:5px;font-size:clamp(9px,2.3vw,12px)}.pr-cell.is-mark{outline:3px solid var(--ink);outline-offset:1px;z-index:1}.pr-msg{max-width:560px;margin:0;font-weight:600}.pr-found{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;max-width:600px;display:flex}.pr-fac{background:var(--pc);color:#fff;font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;min-width:30px;height:30px;padding:0 6px;font-size:15px;font-weight:800;display:inline-grid}.pr-chain{font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;gap:8px;margin:8px 0;font-size:24px;display:flex}.pr-step{align-items:center;gap:8px;animation:.2s ease-out pop-in;display:flex}.pr-step .op{color:var(--muted)}.pr-step .pr-fac{min-width:40px;height:40px;font-size:22px}.pr-gap{fill:none;stroke:#f29e1f;stroke-width:2px;stroke-dasharray:3 3}@media (min-width:600px) and (max-width:1099px){.module-grid.is-mods{grid-template-columns:repeat(2,1fr)}}@media (min-width:1100px){.module-grid.is-mods{grid-template-columns:repeat(5,1fr);gap:14px}.is-mods .module-card{flex-direction:column;align-items:flex-start;gap:12px;min-height:0;padding:18px;position:relative}.is-mods .module-stars{position:absolute;top:18px;right:16px}}.gg-app{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:22px;margin-top:8px;display:grid}.gg-panel{background:var(--surface);border:1px solid var(--line);border-radius:20px;flex-direction:column;gap:20px;padding:20px;display:flex}.gg-block{flex-direction:column;gap:10px;display:flex}.gg-block .muted.small{margin:0}.gg-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.gg-count{font-variant-numeric:tabular-nums;letter-spacing:0;background:var(--bg);border:1px solid var(--line);color:var(--ink);text-transform:none;border-radius:999px;padding:1px 9px}.gg-add{align-items:flex-end;gap:8px;display:flex}.gg-input{resize:none;min-width:0;font:inherit;background:var(--bg);border:1px solid var(--line);max-height:140px;color:var(--ink);border-radius:12px;flex:1;padding:10px 12px;font-size:16px;line-height:1.4}.gg-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #4353ff26}.gg-note{color:var(--muted);background:#fff6dc;border-radius:12px;margin:0;padding:8px 12px;font-size:13px}.gg-link{font:inherit;color:var(--accent);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:600;text-decoration:underline}.gg-link.is-danger{color:#d2453a}.gg-names{flex-wrap:wrap;gap:6px;max-height:200px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.gg-names li{background:var(--bg);border:1px solid var(--line);border-radius:999px;align-items:center;gap:2px;padding:3px 4px 3px 11px;font-size:14px;font-weight:500;display:inline-flex}.gg-names li button{width:22px;height:22px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;font-size:16px;line-height:1;display:grid}.gg-names li button:hover{background:var(--line);color:var(--ink)}.gg-seg{grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.gg-seg button{white-space:normal;padding:8px 6px;font-size:14px;line-height:1.2}.gg-stepper{align-items:center;gap:12px;display:flex}.gg-step-btn{border:1px solid var(--line);background:var(--surface);width:44px;height:44px;color:var(--ink);border-radius:12px;font-size:22px;line-height:1}.gg-step-btn:hover{border-color:var(--accent);color:var(--accent)}.gg-step-val{text-align:center;font-variant-numeric:tabular-nums;letter-spacing:-.03em;min-width:2ch;font-size:40px;font-weight:800;line-height:1}.gg-step-unit{color:var(--muted);max-width:90px;font-size:14px;line-height:1.3}.gg-draw{justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.gg-stage{flex-direction:column;gap:20px;min-width:0;display:flex}.gg-stage:-webkit-full-screen{background:var(--bg);padding:40px;overflow:auto}.gg-stage:fullscreen{background:var(--bg);padding:40px;overflow:auto}.gg-stage-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.gg-status{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;margin:0 0 4px;font-size:12px;font-weight:700;display:flex}.gg-pulse{background:#c9cdd8;border-radius:50%;width:8px;height:8px}.gg-stage.is-drawing .gg-pulse{background:#e4574a;animation:1s infinite gg-pulse}.gg-stage.is-done .gg-pulse{background:var(--good)}@keyframes gg-pulse{50%{opacity:.25}}.gg-title{letter-spacing:-.02em;margin:0;font-size:clamp(26px,4vw,40px);line-height:1.08}.gg-sub{font-variant-numeric:tabular-nums;margin:6px 0 0}.gg-actions{flex-wrap:wrap;gap:8px;display:flex}.gg-pool{background:var(--surface);border:1px solid var(--line);border-radius:20px;flex-direction:column;gap:12px;padding:16px 18px;display:flex}.gg-pool-chips{flex-wrap:wrap;gap:8px;display:flex}.gg-chip{background:var(--bg);border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;padding:6px 13px;font-size:15px;font-weight:600;line-height:1.3;transition:background .12s,color .12s,opacity .3s,transform .12s;display:inline-flex}.gg-chip.is-hot{background:var(--ink);color:#fff;border-color:var(--ink);transform:scale(1.08)}.gg-chip.is-picked{background:var(--accent);color:#fff;border-color:var(--accent);transform:scale(1.14)}.gg-chip.is-taken{opacity:.18;background:0 0;border-style:dashed}.gg-groups{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));align-items:start;gap:14px;display:grid}.gg-card{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--gc);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;gap:12px;padding:14px;display:flex}.gg-card.is-receive{animation:.5s ease-out gg-receive}@keyframes gg-receive{30%{box-shadow:0 0 0 3px var(--gc)}to{box-shadow:var(--shadow)}}.gg-card-head{align-items:center;gap:10px;display:flex}.gg-badge{background:var(--gc);color:#fff;border-radius:10px;flex:none;place-items:center;width:32px;height:32px;font-size:15px;font-weight:800;display:grid}.gg-card-head h3{flex:1;margin:0;font-size:17px}.gg-n{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.gg-members{flex-wrap:wrap;gap:6px;min-height:32px;margin:0;padding:0;list-style:none;display:flex}.gg-members .gg-chip{background:color-mix(in srgb, var(--gc) 14%, #fff);border-color:#0000}.gg-slot{border:1.5px dashed var(--line);border-radius:999px;width:64px;height:31px}.gg-stage:-webkit-full-screen .gg-chip{padding:8px 16px;font-size:21px}.gg-stage:fullscreen .gg-chip{padding:8px 16px;font-size:21px}.gg-stage:-webkit-full-screen .gg-slot{width:84px;height:41px}.gg-stage:fullscreen .gg-slot{width:84px;height:41px}.gg-stage:-webkit-full-screen .gg-groups{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.gg-stage:fullscreen .gg-groups{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.gg-stage:-webkit-full-screen .gg-card-head h3{font-size:22px}.gg-stage:fullscreen .gg-card-head h3{font-size:22px}.gg-toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));opacity:0;background:var(--ink);color:#fff;pointer-events:none;z-index:50;border-radius:12px;max-width:calc(100% - 32px);padding:10px 16px;font-size:14px;font-weight:600;transition:opacity .2s,transform .2s;position:fixed;transform:translate(-50%,20px)}.gg-toast.is-on{opacity:1;transform:translate(-50%)}@media (max-width:880px){.gg-app{grid-template-columns:1fr;gap:16px}.gg-groups{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (prefers-reduced-motion:reduce){.gg-chip,.gg-card{transition:none;animation:none}}@media (min-width:600px){.module-grid.is-tools{grid-template-columns:repeat(3,1fr)}}.confirm-card{text-align:center;width:min(420px,100%);padding:26px 24px 22px}.confirm-icon{margin-bottom:8px;font-size:40px;line-height:1}.confirm-title{margin:0 0 6px;font-size:22px}.confirm-text{color:var(--ink-2);margin:0 0 20px}.confirm-actions{justify-content:center}.btn-danger{color:#fff;background:#e4574a;border-color:#e4574a}.btn-danger:hover{background:#cf4336}.bd-btn.bd-undo svg{width:22px;height:22px;display:block}.bd-ctx-count{white-space:nowrap;padding:0 8px;font-size:14px;font-weight:700}@media (min-width:701px) and (max-width:1100px){.bd-bottom{left:12px;transform:none}}@media (max-height:560px){.bd-rail{grid-template-columns:repeat(2,38px);gap:2px;padding:5px;display:grid;top:64px;bottom:auto;transform:none}.bd-rail-btn{width:38px;height:38px;font-size:18px}.bd-rail-sep{grid-column:1/-1}.bd-fly{top:-6px;bottom:auto}}@media (max-height:420px){.bd-rail{grid-template-columns:repeat(3,38px)}}@media (min-width:701px) and (max-height:820px) and (min-height:561px){.bd-rail{gap:2px;padding:5px;top:68px;transform:none}.bd-rail-btn{width:42px;height:42px;font-size:20px}}.bd-more-btn .bd-more-label{font-size:14px;font-weight:600}.acc-top-btn{border:1px solid var(--line);background:var(--surface);height:38px;color:var(--ink);white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:0 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.acc-top-btn:hover{border-color:var(--accent);color:var(--accent)}.acc-top-btn.is-student{background:#eef0ff;border-color:#d8dbff}.acc-menu-wrap{position:relative}.acc-menu{background:var(--surface);border:1px solid var(--line);min-width:180px;box-shadow:var(--shadow);z-index:40;border-radius:14px;flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.acc-menu a,.acc-menu button{text-align:left;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:10px 12px;font-size:15px;font-weight:500;text-decoration:none}.acc-menu a:hover,.acc-menu button:hover{background:var(--bg)}.acc-menu-info{color:var(--muted);padding:8px 12px 4px;font-size:13px}@media (max-width:520px){.acc-top-btn{padding:0 10px;font-size:13px}}.acc-strip{flex-wrap:wrap;align-items:center;gap:6px 12px;margin:14px 0 0;font-size:15px;font-weight:600;display:flex}.acc-strip a{color:var(--accent);text-decoration:none}.acc-strip a:hover{text-decoration:underline}.acc-strip-sep{color:var(--muted)}.acc-strip.is-student{color:var(--ink)}.acc-strip.is-welcome{color:#137452;background:#e3f6ec;border-radius:12px;padding:10px 14px;animation:.25s ease-out pop-in}.acc-page{max-width:480px;margin:0 auto}.acc-page.is-wide{max-width:none}.acc-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;flex-direction:column;gap:14px;padding:26px 24px;display:flex}.acc-card h1{margin:0;font-size:26px}.acc-card>p{margin:0}.acc-field{flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}.acc-field input,.acc-field select,.acc-field textarea,.cls-new input{font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:12px;padding:11px 13px;font-size:16px;font-weight:400}.acc-field input:focus,.acc-field select:focus,.acc-field textarea:focus,.cls-new input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #4353ff26}.acc-field textarea{resize:vertical;min-height:90px}.acc-field small{font-weight:400}.school-picker{position:relative}.school-picked{color:var(--good)}.school-picked .linklike{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;margin-left:4px;padding:0;text-decoration:underline}.school-list{z-index:20;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;max-height:320px;margin:0;padding:6px;font-weight:400;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.school-list li{cursor:pointer;border-radius:8px;flex-direction:column;gap:1px;padding:8px 10px;display:flex}.school-list li b{font-size:15px;font-weight:600}.school-list li span{color:var(--muted);font-size:13px}.school-list li.is-active,.school-list li:hover{background:var(--bg)}.school-list .school-empty{color:var(--muted);cursor:default;font-size:14px}.school-list .school-empty:hover{background:0 0}.school-list .school-own{border-top:1px solid var(--line);color:var(--ink-2);border-radius:0 0 8px 8px;margin-top:4px;font-size:14px}.acc-submit{width:100%}.acc-error{color:#a8362b;background:#fdecea;border-radius:12px;margin:0;padding:10px 12px;font-size:14px;font-weight:500}.acc-notice{color:#137452;background:#e3f6ec;border-radius:12px;margin:0 0 14px;padding:10px 12px;font-size:14px;font-weight:500}.acc-card .acc-notice{margin:0}.acc-links{color:var(--muted);flex-direction:column;align-items:center;gap:8px;font-size:14px;display:flex}.acc-link{font:inherit;color:var(--accent);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.acc-link.is-danger{color:#c4473b;font-size:13px}.acc-privacy{text-align:center;max-width:420px;margin:16px auto 0}.acc-terms{text-align:center;margin:10px 0 0}.acc-privacy a,.acc-terms a{color:inherit;text-decoration:underline}.join-card{text-align:center;align-items:stretch}.join-card.is-wide{max-width:720px;margin:0 auto}.acc-page:has(.join-card.is-wide){max-width:760px}.join-code{font:inherit;letter-spacing:.25em;text-align:center;text-transform:uppercase;border:2px solid var(--line);background:var(--bg);color:var(--ink);font-variant-numeric:tabular-nums;border-radius:16px;width:100%;padding:12px 8px 12px 20px;font-size:clamp(30px,9vw,44px);font-weight:800}.join-code:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px #4353ff26}.join-code::placeholder{color:#d2cec4}.join-names{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.join-name{border:2px solid var(--line);background:var(--surface);font:inherit;color:var(--ink);cursor:pointer;text-align:left;border-radius:16px;align-items:center;gap:10px;padding:12px;font-size:18px;font-weight:700;transition:transform .1s,border-color .15s;display:flex}.join-name:hover{border-color:var(--c);transform:translateY(-1px)}.join-name.is-me{border-color:var(--c);background:color-mix(in srgb, var(--c) 10%, #fff)}.join-avatar{background:var(--c);color:#fff;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.cls-new{gap:10px;max-width:460px;margin:0 0 16px;display:flex}.cls-new input{flex:1;min-width:0}.cls-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.cls-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);color:var(--ink);border-radius:18px;flex-direction:column;gap:6px;padding:18px;text-decoration:none;display:flex}.cls-card:hover{border-color:var(--accent)}.cls-card strong{font-size:20px}.cls-code-chip{letter-spacing:.12em;background:var(--bg);font-variant-numeric:tabular-nums;border-radius:8px;align-self:flex-start;margin-top:6px;padding:3px 8px;font-weight:800}.cls-rename{vertical-align:middle;margin-left:8px;font-size:14px}.cls-rename-form{margin:8px 0 6px}.cls-codebox{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin:0 0 16px;padding:16px 20px;display:flex}.cls-codebox>div:first-child{flex-direction:column;display:flex}.cls-code{letter-spacing:.18em;font-variant-numeric:tabular-nums;font-size:38px;font-weight:800}.cls-columns{grid-template-columns:minmax(260px,340px) minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (max-width:860px){.cls-columns{grid-template-columns:1fr}}.cls-panel{background:var(--surface);border:1px solid var(--line);border-radius:20px;min-width:0;padding:18px}.cls-panel h2{margin:0 0 10px;font-size:19px}.cls-students{flex-direction:column;margin:0 0 14px;padding:0;list-style:none;display:flex}.cls-students li{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:7px 0;display:flex}.cls-sname{flex:1;font-weight:600}.cls-dot{background:#d5d1c7;border-radius:50%;flex:none;width:9px;height:9px}.cls-dot.is-on{background:var(--good)}.cls-add{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.cls-add .acc-field{align-self:stretch}.cls-table-wrap{overflow-x:auto}.cls-table{border-collapse:separate;border-spacing:3px;font-variant-numeric:tabular-nums;width:100%;font-size:14px}.cls-table th{text-align:left;color:var(--muted);white-space:nowrap;padding:4px 6px;font-size:12px;font-weight:600}.cls-table tbody th{color:var(--ink);font-size:14px}.cls-table td{text-align:center;background:var(--bg);color:var(--muted);border-radius:8px;min-width:48px;padding:7px 6px}.cls-table td.has{background:color-mix(in srgb, var(--good) calc(var(--p,0) * 55% + 10%), #fff);color:var(--ink);font-weight:700}.cls-danger{margin:22px 0 0}.cls-privacy{margin-top:16px}.cls-present{z-index:120;background:var(--bg);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.cls-present p{color:var(--ink-2);margin:0;font-size:clamp(18px,3vw,28px)}.cls-present strong{letter-spacing:.15em;font-variant-numeric:tabular-nums;font-size:clamp(64px,16vw,200px);line-height:1}.cls-boards{margin:0 0 16px}.cls-board-list{flex-direction:column;margin:0 0 12px;padding:0;list-style:none;display:flex}.cls-board-list li{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:8px 0;display:flex}.cls-board-open{color:var(--accent);flex:1;font-weight:700;text-decoration:none}.cls-board-open:hover{text-decoration:underline}.cls-lock{border:1px solid var(--line);background:var(--surface);font:inherit;cursor:pointer;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.cls-lock.is-on{background:#fff6dc;border-color:#f1dfa6}.acc-boards{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.acc-board-link{background:var(--surface);color:var(--ink);box-shadow:var(--shadow);border:2px solid #d8dbff;border-radius:16px;align-items:center;gap:12px;padding:12px 16px;font-size:22px;text-decoration:none;display:flex}.acc-board-link:hover{border-color:var(--accent)}.acc-board-link small{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700;display:block}.acc-board-link strong{font-size:17px;display:block}.acc-board-link .lc-go{font-size:15px}.acc-board-lock{font-size:18px}.bd-room-title{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden;display:inline!important}.bd-lock.is-on{background:#fff6dc}.bd-lock-badge{background:#fff6dc;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:700}@media (max-width:700px){.bd-room-title{max-width:110px}}.cls-board-new{flex-wrap:wrap;gap:8px;margin:0 0 14px;display:flex}.cls-board-new input{min-width:0;font:inherit;border:1px solid var(--line);background:var(--bg);border-radius:12px;flex:200px;padding:10px 12px;font-size:16px}.cls-board-new select{font:inherit;border:1px solid var(--line);background:var(--surface);border-radius:12px;max-width:100%;padding:10px 12px;font-size:15px}.cls-board-list li{flex-wrap:wrap}.cls-board-list li.is-active{background:#eef0ff;border-bottom-color:#0000;border-radius:12px;margin-bottom:4px;padding:10px 12px}.cls-board-main{flex-direction:column;flex:240px;gap:2px;min-width:0;display:flex}.cls-board-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cls-chip{border:1px solid var(--line);background:var(--surface);font:inherit;cursor:pointer;white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600}.cls-chip:hover{border-color:var(--accent)}.cls-chip.is-active{background:var(--accent);color:#fff;border-color:var(--accent)}.cls-chip.is-locked{background:#fff6dc;border-color:#f1dfa6}.play-choice{margin:0 0 8px}.play-choice-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.play-choice-card{border:2px solid var(--line);background:var(--surface);box-shadow:var(--shadow);color:var(--ink);border-radius:22px;align-items:center;gap:16px;padding:20px;text-decoration:none;transition:transform .15s,border-color .15s;display:flex}a.play-choice-card:hover{border-color:var(--accent);transform:translateY(-2px)}.play-choice-card.is-class{background:linear-gradient(135deg,#eef0ff,#f7f3ff);border-color:#d8dbff}.play-choice-card.is-empty{opacity:.75;box-shadow:none}.play-choice-icon{background:var(--surface);border-radius:16px;flex:none;place-items:center;width:58px;height:58px;font-size:32px;display:grid;box-shadow:0 2px 6px #1e243314}.play-choice-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.play-choice-text strong{font-size:19px}.play-choice-text small{color:var(--muted);font-size:14px}.play-choice-earlier{margin-top:12px}.play-choice-earlier summary{cursor:pointer;color:var(--accent);font-weight:600}.play-choice-earlier ul{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.play-choice-earlier li{align-items:baseline;gap:10px;display:flex}.play-choice-earlier a{color:var(--ink);font-weight:600}.bd-online{align-items:center;margin-left:2px;display:inline-flex}.bd-avatar{color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:28px;height:28px;margin-left:-6px;font-size:12px;font-weight:800;display:grid;box-shadow:0 1px 3px #00000026}.bd-avatar:first-child{margin-left:0}.bd-avatar.is-more{background:var(--ink-2);font-size:11px}@media (max-width:700px){.bd-online .bd-avatar:nth-child(n+3):not(.is-more){display:none}}.bd-penbar{align-items:center;gap:4px;display:flex}.bd-penbar[hidden],.bd-bottom .bd-sep[hidden]{display:none}.bd-penbar button{cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;width:40px;height:40px;padding:0;display:grid}.bd-penbar button:hover{background:#1e24330d}.bd-penbar button.is-on{background:#4353ff1a;box-shadow:inset 0 0 0 2px #4353ff}.bd-pen-color:before{content:"";background:var(--c);border-radius:50%;width:22px;height:22px;box-shadow:0 0 0 2px #fff,0 0 0 3px #0000001f}.bd-pen-width span{width:22px;height:var(--w);background:var(--c);border-radius:99px}.bd-pen-tool{font-size:20px}@media (max-width:700px){.bd-bottom:has(.bd-penbar:not([hidden])){flex-wrap:wrap;max-width:calc(100vw - 16px)}.bd-penbar{border-bottom:1px solid var(--line);flex-basis:100%;order:-1;justify-content:space-between;margin-bottom:2px;padding-bottom:4px}.bd-penbar+.bd-sep{display:none}.bd-sep:has(+.bd-penbar){display:none}.bd-penbar .bd-sep{display:none}:has(>.bd-bottom .bd-penbar:not([hidden]))>.bd-rail{bottom:122px}:has(>.bd-bottom .bd-penbar:not([hidden]))>.bd-hint{bottom:114px}.bd-penbar button{width:34px;height:36px}.bd-pen-color:before{width:18px;height:18px}}.bd-fly-sub{color:var(--muted,#7a8091);margin-top:-2px;font-size:11px;display:block}.calc-page{max-width:860px;margin:0 auto;padding-bottom:90px}.calc-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.calc-seg{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:3px;display:inline-flex}.calc-seg button{font:inherit;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:7px 14px;font-size:15px;font-weight:600}.calc-seg button.is-on{background:var(--ink);color:#fff}.calc-dec{background:var(--surface);border:1px solid var(--line);color:var(--ink-2);border-radius:12px;align-items:center;gap:6px;padding:3px 3px 3px 12px;font-size:15px;display:inline-flex}.calc-dec button{background:var(--bg);width:32px;height:32px;font:inherit;cursor:pointer;border:0;border-radius:9px;font-weight:700}.calc-dec strong{text-align:center;min-width:16px;color:var(--ink)}.calc-clear{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;margin-left:auto;padding:8px;font-size:15px}.calc-clear:hover{color:#c0392b}.calc-lines{gap:10px;margin:0;padding:0;list-style:none;display:grid}.calc-line{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;grid-template-columns:28px 1fr 32px;align-items:start;gap:8px;padding:12px 10px 12px 12px;display:grid}.calc-line:focus-within{border-color:var(--accent)}.calc-line.has-error{border-color:#f3b8b2}.calc-num{color:var(--muted);text-align:center;padding-top:11px;font-size:13px;font-weight:700}.calc-main{min-width:0}.calc-input{width:100%;font:inherit;background:var(--surface-2);color:var(--ink);font-variant-numeric:tabular-nums;border:1px solid #0000;border-radius:10px;padding:8px 10px;font-size:18px}.calc-input:focus{border-color:var(--line);background:#fff;outline:none}.calc-out{flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:10px 4px 2px;font-size:21px;display:flex;overflow-x:auto}.calc-out .katex{font-size:1.05em}.calc-res{color:var(--accent);font-weight:600}.calc-approx{color:var(--muted)}.calc-err{color:#c0392b;margin:6px 4px 0;font-size:15px}.calc-note{color:var(--muted);margin:6px 4px 0;font-size:14px}.calc-steps-btn{background:var(--good-bg);color:var(--good);font:inherit;cursor:pointer;border:0;border-radius:99px;margin:8px 0 0;padding:5px 12px;font-size:14px;font-weight:600}.calc-steps{background:var(--surface-2);border-radius:12px;gap:8px;margin:10px 0 0;padding:10px 14px;font-size:18px;list-style:none;display:grid;overflow-x:auto}.calc-steps li{flex-direction:column;gap:2px;display:flex}.calc-step-note{color:var(--good);font-size:13px;font-weight:600}.calc-step-note .katex{font-size:1.1em}.calc-x{color:var(--muted);cursor:pointer;opacity:.5;background:0 0;border:0;border-radius:8px;width:32px;height:36px;font-size:22px;line-height:1}.calc-line:hover .calc-x,.calc-line:focus-within .calc-x{opacity:1}.calc-x:hover{background:var(--bg);color:var(--ink)}.calc-add{border:1px dashed var(--line);font:inherit;color:var(--ink-2);cursor:pointer;background:0 0;border-radius:12px;margin:10px 0 0 36px;padding:9px 14px;font-size:15px}.calc-add:hover{border-color:var(--accent);color:var(--accent)}.calc-try{flex-wrap:wrap;align-items:center;gap:6px;margin:22px 0 10px;font-size:14px;display:flex}.calc-chip{border:1px solid var(--line);background:var(--surface);font:inherit;cursor:pointer;color:var(--ink-2);border-radius:99px;padding:5px 11px;font-size:14px}.calc-chip:hover{border-color:var(--accent);color:var(--accent)}.calc-help{color:var(--ink-2);margin-top:8px;font-size:15px}.calc-help summary{cursor:pointer;font-weight:600}.calc-help ul{padding-left:20px;line-height:1.7}.calc-keys{border:1px solid var(--line);z-index:5;background:#fffffff5;border-radius:16px;flex-wrap:wrap;justify-content:center;gap:4px;max-width:calc(100vw - 16px);padding:6px;display:flex;position:fixed;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #1e24331f}.calc-keys button{background:var(--bg);min-width:42px;height:40px;font:inherit;color:var(--ink);cursor:pointer;border:0;border-radius:10px;font-size:17px;font-weight:600}.calc-keys button:hover{background:var(--line)}@media (max-width:600px){.calc-line{grid-template-columns:1fr 28px;padding:10px}.calc-num{display:none}.calc-add{margin-left:0}.calc-keys{flex-wrap:nowrap;justify-content:flex-start;max-width:none;bottom:8px;left:8px;right:8px;overflow-x:auto;transform:none}.calc-keys button{flex:none;min-width:40px;height:38px;font-size:16px}.calc-page{padding-bottom:80px}}.section-head{flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:44px 0 14px;display:flex}.section-head .section-title{margin:0}.section-head p{margin:0;font-size:15px}.board-cta+.section-head{margin-top:36px}@media (min-width:1100px){.module-grid.is-mods.is-ex{grid-template-columns:repeat(4,1fr)}.module-grid.is-mods.is-games{grid-template-columns:repeat(3,1fr)}.is-tools .module-card{flex-direction:column;align-items:flex-start;gap:10px;padding:16px}}.cls-board-thumb{aspect-ratio:8/5;border:1px solid var(--line);width:128px;color:var(--muted);background:#f6f4ef;border-radius:10px;flex:none;place-items:center;font-size:13px;text-decoration:none;display:grid;overflow:hidden}.cls-board-thumb img{object-fit:cover;width:100%;height:100%;display:block}.cls-board-thumb:hover{border-color:var(--accent)}@media (max-width:560px){.cls-board-thumb{width:96px}}.prob-page{max-width:1040px;margin:0 auto}.prob-page.is-detail{max-width:820px}.prob-filters{gap:8px;margin:4px 0 14px;display:grid}.prob-filter{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.prob-filter-label{color:var(--muted);min-width:150px;font-size:13px;font-weight:700}.prob-filter button{border:1px solid var(--line);background:var(--surface);font:inherit;cursor:pointer;color:var(--ink-2);border-radius:99px;padding:5px 12px;font-size:14px}.prob-filter button.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}.prob-filter select{font:inherit;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:6px 10px;font-size:14px}.prob-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;margin-top:8px;display:grid}.prob-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--ink);flex-direction:column;gap:8px;padding:16px;text-decoration:none;display:flex}.prob-card:hover{border-color:var(--accent);transform:translateY(-1px)}.prob-card strong{font-size:17px}.prob-card p{color:var(--ink-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14px;display:-webkit-box;overflow:hidden}.prob-time{color:var(--muted);margin-top:auto;font-size:13px}.prob-tags{flex-wrap:wrap;gap:5px;display:flex}.prob-tag{background:var(--bg);color:var(--ink-2);white-space:nowrap;border-radius:99px;padding:3px 9px;font-size:12px;font-weight:600}.prob-tag.is-stage{color:var(--accent);background:#eef0ff}.prob-tag.is-idea{color:#9a4a12;background:#fdf1e6}.prob-tag.is-skill{background:var(--good-bg);color:#16734e}.prob-about{margin:28px 0 10px;font-size:15px}.prob-about summary{cursor:pointer;font-weight:700}.prob-about h3{margin:14px 0 6px;font-size:15px}.prob-about dl{gap:6px;margin:0;display:grid}.prob-about dt{font-weight:600}.prob-about dd{color:var(--ink-2);margin:0}.prob-student{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin:8px 0 16px;padding:20px 22px}.prob-h{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 8px;font-size:13px}.prob-h3{margin:16px 0 6px;font-size:15px}.prob-prompt{margin:0 0 12px;font-size:21px;line-height:1.45}.prob-floor{background:var(--good-bg);border-radius:12px;margin:0;padding:10px 14px}.prob-ceiling{gap:6px;margin:0;padding-left:22px;display:grid}.prob-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.prob-guide{border-radius:var(--radius);background:#fffcf3;border:1px solid #f1e3bc;margin-bottom:40px}.prob-guide-toggle{width:100%;font:inherit;cursor:pointer;color:var(--ink);background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;padding:16px 20px;font-size:18px;font-weight:700;display:flex}.prob-guide-body{padding:0 22px 20px;line-height:1.55}.prob-guide-body h3{color:#8a5a00;margin:18px 0 6px;font-size:15px}.prob-guide-body h4{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px;font-size:13px}.prob-guide-body p,.prob-guide-body ul,.prob-guide-body ol{margin:0}.prob-guide-body ul,.prob-guide-body ol{gap:4px;padding-left:20px;display:grid}.prob-answer{background:#fff;border:1px solid #f1e3bc;border-radius:10px;padding:10px 14px}.prob-q{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.prob-proj{z-index:100;background:#fbfaf7;flex-direction:column;padding:5vh 6vw;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}.prob-proj-inner{flex:1;width:100%;max-width:1200px;margin:0 auto}.prob-proj h2{letter-spacing:-.02em;margin:0 0 3vh;font-size:clamp(28px,4vw,52px)}.prob-proj-prompt{margin:0 0 3vh;font-size:clamp(24px,3.2vw,44px);line-height:1.35}.prob-proj-floor,.prob-proj-ext{border-radius:16px;margin:0 0 2vh;padding:14px 20px;font-size:clamp(20px,2.4vw,32px);line-height:1.35}.prob-proj-floor{background:var(--good-bg)}.prob-proj-ext{background:#fdf1e6}.prob-proj-bar{justify-content:flex-end;gap:10px;display:flex}.prob-modal{z-index:90;background:#1e243359;place-items:center;padding:16px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.prob-modal-card{background:var(--surface);border-radius:var(--radius);gap:10px;width:min(460px,100%);padding:22px;display:grid;box-shadow:0 20px 60px #1e243340}.prob-modal-card h2{margin:0 0 4px;font-size:20px}.prob-field{gap:4px;font-size:14px;font-weight:600;display:grid}.prob-field select{font:inherit;border:1px solid var(--line);border-radius:10px;padding:8px 10px}.prob-radio,.prob-check{align-items:center;gap:8px;font-size:15px;display:flex}.prob-check{color:var(--ink-2);padding-left:24px;font-size:14px}.prob-modal-actions{gap:10px;margin-top:6px;display:flex}@media (max-width:600px){.prob-filter-label{width:100%;min-width:0}.prob-prompt{font-size:19px}}.update-notice{z-index:200;background:var(--ink);color:#fff;border-radius:14px;align-items:center;gap:10px;max-width:calc(100vw - 24px);padding:8px 8px 8px 16px;font-size:15px;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #1e243340}.update-notice .btn{padding:7px 14px;font-size:14px}.update-x{color:#fff;opacity:.7;cursor:pointer;background:0 0;border:0;padding:0 6px;font-size:20px}.error-page{text-align:center;padding-top:10vh}.error-page .prob-actions{justify-content:center}.teacher-home{margin:8px 0}.section-head.is-tight{justify-content:space-between;margin:28px 0 12px}.th-row{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.th-class{min-height:118px}.th-class.is-new{box-shadow:none;color:var(--ink-2);background:0 0;border-style:dashed;justify-content:center;align-items:center}.th-class.is-new strong{font-size:16px}.th-plus{color:var(--accent);font-size:28px;line-height:1}.th-board{color:var(--ink);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:4px;padding:8px 8px 12px;text-decoration:none;display:flex}.th-board:hover{border-color:var(--accent)}.th-board strong{padding:4px 4px 0;font-size:15px}.th-board .muted{padding:0 4px}.th-thumb{aspect-ratio:8/5;color:var(--muted);background:#f6f4ef;border-radius:10px;place-items:center;font-size:13px;display:grid;position:relative;overflow:hidden}.th-thumb img{object-fit:cover;width:100%;height:100%;display:block}.th-badge{background:var(--accent);color:#fff;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:700;position:absolute;top:6px;left:6px}@media (max-width:600px){.th-row{scroll-snap-type:x mandatory;grid-template-columns:none;grid-auto-columns:72%;grid-auto-flow:column;padding-bottom:6px;overflow-x:auto}.th-row>*{scroll-snap-align:start}}@media (min-width:701px){.bd-rail{top:84px;transform:none}}@media (min-width:701px) and (max-height:1000px){.bd-rail{grid-template-columns:repeat(2,44px);gap:2px;padding:5px;display:grid}.bd-rail .bd-rail-sep{grid-column:1/-1}}.bd-canvas.is-dup{cursor:copy}.flip-room-page .page-head h1{margin-bottom:0}.flip-class-picker{flex-direction:column;gap:6px;display:flex}.flip-class-picker .acc-field{width:100%}.flip-class-picker select{width:100%;min-height:48px}.flip-room-overview{margin-top:28px}.flip-empty{border:1px dashed var(--line);background:var(--surface);border-radius:16px;padding:24px}.flip-empty p{color:var(--muted);margin:8px 0 0}.flip-notice{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 18px}.flip-player-list{gap:10px;margin:22px 0;display:grid}.flip-player-list li{background:var(--bg);border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex}.flip-ready{width:30px;height:30px;color:var(--accent);background:var(--surface);border-radius:50%;place-items:center;display:grid}.flip-result{text-align:center}.flip-result h2{margin:8px 0}.flip-results{text-align:left;padding:0;list-style:none}.flip-results li{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:12px 0;display:flex}.flip-overview{flex-direction:column;gap:10px;margin:12px 0;display:flex}.flip-overview-row{background:var(--surface);border:1px solid var(--line);border-radius:12px;grid-template-columns:minmax(90px,auto) 1fr;align-items:center;gap:4px 12px;padding:10px 12px;display:grid}.flip-overview-row .flip-hand{grid-column:1/-1;min-height:0}.bd-stepper-icon{color:var(--c);padding:0 2px 0 6px;font-weight:700}.bd-stepper-input{text-align:center;width:38px;height:32px;font:inherit;color:var(--c);font-variant-numeric:tabular-nums;background:#fff;border:0;border-radius:8px;font-size:17px;font-weight:700}.bd-stepper-input:focus{outline:2px solid var(--c)}a.btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.teacher-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;padding:24px 0 8px;display:flex}.teacher-hello h1{letter-spacing:-.02em;margin:0 0 4px;font-size:clamp(26px,5vw,36px)}.teacher-hello p{margin:0}.prep-strip{color:var(--ink);background:#fffdf8;border:2px dashed #e3d9c4;border-radius:18px;align-items:center;gap:14px;padding:10px 12px 10px 14px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.prep-strip:hover{border-color:var(--accent);transform:translateY(-1px)}.prep-strip-art{flex:none;width:84px}.prep-strip-art svg{width:100%;display:block}.prep-strip-text{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.prep-strip-text strong{font-size:18px}.prep-strip .btn{white-space:nowrap;min-height:40px;padding:8px 14px;font-size:15px}.prep-strip .sandbox-badge{white-space:nowrap}@media (max-width:560px){.prep-strip{width:100%;min-width:0}.prep-strip-art{width:60px}.prep-strip-text{flex:1;min-width:0}.prep-strip-open{display:none}.prep-strip .btn{min-width:44px;padding:8px 12px}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cls-page{flex-direction:column;gap:16px;display:flex}.cls-page>.page-head{padding-bottom:0}.cls-page .acc-notice,.cls-page .acc-error{margin:0}.cls-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 24px;display:flex}.cls-head-title h1{letter-spacing:-.02em;align-items:center;gap:8px;margin:0 0 4px;font-size:clamp(28px,5vw,40px);line-height:1.1;display:flex}.cls-head-title p{margin:0}.cls-page .cls-rename{cursor:pointer;opacity:.55;background:0 0;border:0;border-radius:10px;margin:0;padding:6px;font-size:18px}.cls-page .cls-rename:hover{opacity:1;background:var(--surface)}.cls-page .cls-rename-form{margin:0 0 4px}.cls-head-code{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;grid-template-columns:auto auto;align-items:center;gap:2px 16px;padding:12px 16px;display:grid}.cls-head-code>.muted{grid-column:1}.cls-head-code .cls-code{grid-column:1;font-size:32px}.cls-head-code .btn-row{grid-area:1/2/span 2;justify-content:flex-end;gap:8px}.cls-head-code .btn{min-height:42px;padding:8px 14px;font-size:15px}.cls-page .cls-panel{margin:0}.cls-panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.cls-panel-head h2{margin:0}.cls-roster .cls-add{background:var(--bg);border-radius:14px;margin:8px 0 14px;padding:14px}.cls-roster .cls-add .btn-row{justify-content:flex-start}.cls-legend{flex-wrap:wrap;align-items:center;gap:4px 14px;margin:0 0 8px;display:flex}.cls-legend>span{align-items:center;gap:6px;display:inline-flex}.cls-roster .cls-table thead th{vertical-align:bottom;white-space:normal;min-width:64px;line-height:1.2}.cls-roster .cls-table thead th:first-child{min-width:0}.cls-roster .cls-table tbody th{white-space:nowrap;padding-right:12px}.cls-roster .cls-table tbody th .cls-dot{vertical-align:middle;margin-right:8px;display:inline-block}.cls-roster .cls-table tbody tr:hover th,.cls-roster .cls-table tbody tr:hover td:not(.has):not(.cls-row-actions){background:#efece4}.cls-roster .cls-table tbody tr:hover th{border-radius:8px}.cls-roster .cls-table td.cls-row-actions{background:0 0;min-width:0;padding:0}.cls-row-menu{position:relative}.cls-row-menu summary{cursor:pointer;width:34px;height:30px;color:var(--muted);border-radius:8px;place-items:center;font-weight:800;list-style:none;display:grid}.cls-row-menu summary::-webkit-details-marker{display:none}.cls-row-menu summary:hover,.cls-row-menu[open] summary{background:var(--bg);color:var(--ink)}.cls-row-menu .acc-menu{min-width:150px}.acc-menu button.is-danger{color:#c4473b}.cls-flip{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.cls-flip h2{margin:0 0 4px}.cls-flip p{margin:0}.cls-foot{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-top:8px;display:flex}.cls-foot .cls-privacy{flex:320px;margin:0}.btn.is-danger{color:#c4473b}@media (max-width:640px){.cls-head-code{grid-template-columns:1fr;width:100%}.cls-head-code .btn-row{grid-area:auto/1;justify-content:stretch}.cls-head-code .btn-row .btn{flex:1}.cls-roster .cls-table tbody th{background:var(--surface);z-index:1;position:sticky;left:0}}.cls-page>*{min-width:0}.cls-board-list li:last-child{border-bottom:0}.cls-chip.is-danger{color:#c4473b}.cls-chip.is-danger:hover{background:#fdf1ef;border-color:#e9b7b1}.cls-table-wrap{position:relative}.join-hero{color:#fff;background:linear-gradient(135deg,#4353ff 0%,#6a5cff 100%);border-radius:28px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:20px 32px;margin:24px 0 8px;padding:clamp(22px,4vw,36px);display:grid;box-shadow:0 18px 40px -18px #4353ffb3}.join-hero-badge{letter-spacing:.02em;background:#ffffff2e;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700;display:inline-block}.join-hero h1{letter-spacing:-.025em;margin:12px 0 8px;font-size:clamp(30px,6vw,46px);line-height:1.05}.join-hero-text p{opacity:.92;max-width:34ch;margin:0;font-size:clamp(16px,2.2vw,19px)}.join-hero-form{background:#fff;border-radius:20px;flex-direction:column;gap:10px;padding:16px;display:flex;box-shadow:0 10px 30px -12px #14183c73}.join-hero-form .join-code{font-size:clamp(32px,8vw,46px)}.join-hero-form .btn{width:100%}.join-hero-teacher{text-align:center;color:var(--muted);margin:2px 0 0;font-size:14px}.join-hero-teacher a{color:var(--accent);font-weight:600}.hero.is-after-join{padding-top:22px}.hero.is-after-join h1{font-size:clamp(24px,4.2vw,34px)}.hero.is-after-join .help-btn{top:22px}@media (max-width:720px){.join-hero{grid-template-columns:1fr;margin-top:12px}}.cls-tools{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.cls-tools .cls-flip{align-items:flex-end}.gg-class{border-bottom:1px solid var(--line);flex-direction:column;gap:6px;margin-bottom:14px;padding-bottom:14px;display:flex}.gg-class-pick{font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:12px;padding:9px 11px;font-size:15px}.gg-class-note{margin:0}.grade-note{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 8px;margin:6px 0 0;font-size:14px;display:flex}.grade-chip{color:var(--accent);background:#eef0ff;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:700;display:inline-block}.grade-tag{border-radius:999px;align-self:flex-start;margin-top:4px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-block}.grade-tag.is-below{background:var(--bg);color:var(--muted)}.grade-tag.is-above{color:#b4650b;background:#fff1e0}.level-card.is-below{opacity:.72}.level-card.is-below:hover{opacity:1}.grade-pick{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:36px 0 -20px;display:flex}.grade-pick .segmented button{white-space:nowrap}.grade-pick-label{font-weight:700}.module-grid.is-other .module-card{opacity:.75}.module-grid.is-other .module-card:hover{opacity:1}.grade-more{color:var(--muted);margin:18px 0 10px;font-size:15px;font-weight:600}.cls-grade{color:var(--ink-2);align-items:center;gap:8px;margin-top:8px;font-size:14px;font-weight:600;display:inline-flex}.cls-grade select{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:6px 10px;font-size:14px}.tp-hero{padding:8px 0}.tp-hero h1{letter-spacing:-.02em;margin:10px 0 8px;font-size:clamp(30px,6vw,44px)}.tp-hero .lead{max-width:62ch}.tp-cta{justify-content:flex-start;margin-top:16px}.tp-sec{margin:40px 0 0}.tp-sec>h2{letter-spacing:-.01em;margin:0 0 14px;font-size:24px}.tp-steps{counter-reset:none;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.tp-steps li{background:var(--surface);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:6px;padding:18px;display:flex}.tp-steps li strong{font-size:17px}.tp-steps li .muted{font-size:14.5px;line-height:1.45}.tp-step-n{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;margin-bottom:4px;font-weight:800;display:grid}.tp-features{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.tp-feature{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:18px;flex-direction:column;gap:6px;padding:18px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.tp-feature:hover{border-color:var(--accent);transform:translateY(-2px)}.tp-feature strong{font-size:17px}.tp-feature .muted{font-size:14.5px;line-height:1.45}.tp-feature-icon{margin-bottom:4px;font-size:26px;line-height:1}.tp-lesson{background:var(--surface);border:1px solid var(--line);border-radius:18px;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.tp-lesson li{border-left:1px solid var(--line);flex-direction:column;gap:6px;padding:18px;display:flex;position:relative}.tp-lesson li:first-child{border-left:0}.tp-lesson li strong{font-size:17px}.tp-lesson li .muted{font-size:14.5px;line-height:1.45}.tp-lesson-time{color:var(--good);background:#e6f6ee;border-radius:999px;align-self:flex-start;padding:3px 10px;font-size:13px;font-weight:700}.tp-mods{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin-top:12px;display:grid}.tp-mod{background:var(--surface);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:8px;padding:16px 18px;display:flex}.tp-mod-head{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:flex}.tp-mod-head:hover strong{color:var(--accent)}.tp-mod-head strong{flex:1;font-size:17px}.tp-mod-icon{font-size:22px}.tp-bands{gap:4px;display:inline-flex}.tp-mod-use{color:var(--ink-2);margin:0;font-size:14.5px;line-height:1.45}.tp-mod-fm .fm-row{margin:0}.tp-tips ul{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.tp-tips li{background:var(--surface);border:1px solid var(--line);color:var(--ink-2);border-radius:18px;padding:16px 18px;font-size:15px;line-height:1.5}.tp-tips li b{color:var(--ink);margin-bottom:4px;font-size:16px;display:block}.tp-privacy{color:var(--ink-2);background:#eef0ff;border-radius:18px;align-items:flex-start;gap:14px;max-width:80ch;margin:0;padding:18px;line-height:1.5;display:flex}.tp-privacy-icon{font-size:22px}.tp-research{margin-top:40px}@media (max-width:760px){.tp-lesson{grid-template-columns:1fr}.tp-lesson li{border-left:0;border-top:1px solid var(--line)}.tp-lesson li:first-child{border-top:0}}.tp-mod-head{flex-wrap:wrap}.tp-mod-head strong{flex:auto;min-width:0}.tp-bands .grade-chip{white-space:nowrap}@media (min-width:900px){.tp-features{grid-template-columns:repeat(3,1fr)}}.bd-inline-edit{z-index:3;color:#1e2433;resize:none;white-space:pre-wrap;overflow-wrap:break-word;caret-color:#4353ff;background:0 0;border:0;outline:0;margin:0;padding:0;position:absolute;overflow:hidden}.bd-inline-edit::placeholder{color:#9aa0ae}.bd-inline-edit.is-single{white-space:pre;overflow:hidden}.bd-keys{z-index:8;background:var(--surface);border:1px solid var(--line);width:min(340px,100% - 32px);max-height:calc(100% - 180px);box-shadow:var(--shadow);border-radius:16px;padding:10px 14px 12px;position:absolute;bottom:90px;right:16px;overflow:auto}.bd-keys-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.bd-keys ul{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.bd-keys li{color:var(--ink-2);grid-template-columns:116px 1fr;align-items:center;gap:10px;font-size:14px;display:grid}.bd-keys-k{flex-wrap:wrap;gap:4px;display:inline-flex}.bd-keys kbd{border:1px solid var(--line);background:var(--bg);text-align:center;min-width:24px;color:var(--ink);border-bottom-width:2px;border-radius:6px;padding:2px 7px;font:700 12.5px/1.4 Rubik,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:inline-block}.bd-swatches{gap:4px;padding:0 4px;display:flex}.bd-swatch{background:var(--c);width:26px;height:26px;box-shadow:0 0 0 1px var(--line);cursor:pointer;border:2px solid #fff;border-radius:50%;padding:0}.bd-swatch.is-on{box-shadow:0 0 0 2px var(--ink)}.module-grid.is-mods,.module-grid.is-tools{grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width:700px){.module-grid.is-mods,.module-grid.is-tools{grid-template-columns:repeat(3,1fr);gap:16px}}@media (min-width:1100px){.module-grid.is-mods.is-ex{grid-template-columns:repeat(4,1fr)}}.module-grid .module-card{border-radius:20px;flex-direction:column;align-items:stretch;gap:0;min-height:0;padding:12px 12px 16px}.module-grid a.module-card:hover{border-color:var(--line);box-shadow:0 1px 2px #1e24330f,0 12px 28px #1e24331a}.module-art{aspect-ratio:16/10;background:var(--soft);border-radius:14px;place-items:center;margin-bottom:14px;display:grid;position:relative}.module-art>span:first-child{display:contents}.module-art svg{width:72%;height:auto;transition:transform .25s;overflow:visible}a.module-card:hover .module-art svg{transform:scale(1.05)}.module-art .mc-num{font:700 15px var(--font);fill:var(--ink)}.module-emoji{font-size:40px}.module-grid .module-stars{background:var(--surface);border-radius:999px;padding:2px 9px;position:absolute;top:8px;right:8px;box-shadow:0 1px 3px #1e24331f}.module-grid .module-text{padding:0 4px}.module-grid .module-text strong{font-size:17px}.module-grid .module-text small{margin-top:3px;font-size:14px;line-height:1.4}.module-grades{gap:4px;margin-top:12px;padding:0 4px;display:flex}.module-grades i{background:var(--bg);color:#b6b2a8;border-radius:999px;padding:2px 7px;font-size:11px;font-style:normal;font-weight:600}.module-grades i.on{background:var(--soft);color:var(--c)}.module-card.is-tool .module-art{aspect-ratio:16/8}.module-card.is-tool .module-art svg{width:58%}@media (max-width:599px){.module-grid .module-card{border-radius:16px;padding:8px 8px 12px}.module-grid .module-text strong{font-size:15px}.module-grid .module-text small{font-size:12.5px}.module-grades i{padding:2px 5px;font-size:10px}}.join-hero+.board-cta{margin-top:24px}.student-top .is-welcome{color:var(--good);font-weight:600}