:root,:root[data-theme=classic]{--c-primary: #1E3E7B;--c-primary-strong: #16294F;--c-primary-2: #2c5aa8;--c-primary-rgb: 30, 62, 123;--c-primary-soft: #eef1f7;--c-accent: #C9A21F;--c-accent-soft: #fbf5e1;--c-accent-line: #e8d894;--c-accent-ink: #7a5d00;--c-go: #547B5C;--c-success: #2c6e49;--c-success-soft: #eaf4ec;--c-danger: #b3372f;--c-danger-ink: #8b2b1d;--c-danger-soft: #fbeceb;--c-bg: #f4f6fa;--c-surface: #fff;--c-on-primary: #fff;--c-ink: #1a2333;--c-muted: #566173;--c-muted-2: #8a94a6;--c-line: #e3e8f0;--c-line-strong: #cfd6e4;--c-nav: var(--c-primary);--c-arena: #F1F3F6;--c-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' fill='none' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg stroke='%231E3E7B' stroke-opacity='.10'%3E%3Ccircle cx='26' cy='28' r='9'/%3E%3Cpath d='M118 18v16M110 26h16'/%3E%3Cpath d='M70 120l10 -17 10 17z'/%3E%3Crect x='128' y='112' width='14' height='14' rx='3' transform='rotate(18 135 119)'/%3E%3C/g%3E%3Cg stroke='%23C9A21F' stroke-opacity='.18'%3E%3Cpath d='M14 96c6-6 12 6 18 0s12 6 18 0'/%3E%3Ccircle cx='84' cy='52' r='4'/%3E%3Cpath d='M140 70l8 8M148 70l-8 8'/%3E%3C/g%3E%3Cg fill='%231E3E7B' fill-opacity='.10' stroke='none'%3E%3Ccircle cx='44' cy='140' r='2.5'/%3E%3Ccircle cx='104' cy='88' r='2.5'/%3E%3Ccircle cx='150' cy='150' r='2'/%3E%3C/g%3E%3C/svg%3E")}:root[data-theme=spark]{--c-primary: #4F46E5;--c-primary-strong: #3730A3;--c-primary-2: #7C3AED;--c-primary-rgb: 79, 70, 229;--c-primary-soft: #EEF0FF;--c-accent: #FF6B4A;--c-accent-soft: #FFEDE8;--c-accent-line: #FFC2B3;--c-accent-ink: #B33A1F;--c-go: #12A37A;--c-success: #0E8A66;--c-success-soft: #E3F7EF;--c-danger: #DC2F45;--c-danger-ink: #A11D30;--c-danger-soft: #FDECEE;--c-bg: #F6F6FD;--c-surface: #fff;--c-on-primary: #fff;--c-ink: #1B1B3A;--c-muted: #5B5E7A;--c-muted-2: #8C8FA8;--c-line: #E6E7F3;--c-line-strong: #CFD1E6;--c-nav: linear-gradient(90deg, #4F46E5, #7C3AED);--c-arena: #FFF7EE;--c-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' fill='none' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg stroke='%234F46E5' stroke-opacity='.10'%3E%3Ccircle cx='26' cy='28' r='9'/%3E%3Cpath d='M118 18v16M110 26h16'/%3E%3Cpath d='M70 120l10 -17 10 17z'/%3E%3Crect x='128' y='112' width='14' height='14' rx='3' transform='rotate(18 135 119)'/%3E%3C/g%3E%3Cg stroke='%23FF6B4A' stroke-opacity='.18'%3E%3Cpath d='M14 96c6-6 12 6 18 0s12 6 18 0'/%3E%3Ccircle cx='84' cy='52' r='4'/%3E%3Cpath d='M140 70l8 8M148 70l-8 8'/%3E%3C/g%3E%3Cg fill='%234F46E5' fill-opacity='.10' stroke='none'%3E%3Ccircle cx='44' cy='140' r='2.5'/%3E%3Ccircle cx='104' cy='88' r='2.5'/%3E%3Ccircle cx='150' cy='150' r='2'/%3E%3C/g%3E%3C/svg%3E")}:root[data-theme=lagoon]{--c-primary: #0E7C74;--c-primary-strong: #0A5A54;--c-primary-2: #14A699;--c-primary-rgb: 14, 124, 116;--c-primary-soft: #E2F4F1;--c-accent: #F5B301;--c-accent-soft: #FFF5D6;--c-accent-line: #FBDD85;--c-accent-ink: #8A6400;--c-go: #2E8B57;--c-success: #22764A;--c-success-soft: #E5F5EC;--c-danger: #D1453B;--c-danger-ink: #9E2C24;--c-danger-soft: #FCEDEB;--c-bg: #F3F8F7;--c-surface: #fff;--c-on-primary: #fff;--c-ink: #12302D;--c-muted: #4F6764;--c-muted-2: #86A09C;--c-line: #DDEBE8;--c-line-strong: #C3D8D4;--c-nav: linear-gradient(90deg, #0E7C74, #14A699);--c-arena: #F2F8EF;--c-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' fill='none' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg stroke='%230E7C74' stroke-opacity='.10'%3E%3Ccircle cx='26' cy='28' r='9'/%3E%3Cpath d='M118 18v16M110 26h16'/%3E%3Cpath d='M70 120l10 -17 10 17z'/%3E%3Crect x='128' y='112' width='14' height='14' rx='3' transform='rotate(18 135 119)'/%3E%3C/g%3E%3Cg stroke='%23F5B301' stroke-opacity='.18'%3E%3Cpath d='M14 96c6-6 12 6 18 0s12 6 18 0'/%3E%3Ccircle cx='84' cy='52' r='4'/%3E%3Cpath d='M140 70l8 8M148 70l-8 8'/%3E%3C/g%3E%3Cg fill='%230E7C74' fill-opacity='.10' stroke='none'%3E%3Ccircle cx='44' cy='140' r='2.5'/%3E%3Ccircle cx='104' cy='88' r='2.5'/%3E%3Ccircle cx='150' cy='150' r='2'/%3E%3C/g%3E%3C/svg%3E")}*{box-sizing:border-box;margin:0}body{font-family:system-ui,sans-serif;background:var(--c-bg);color:var(--c-ink)}body:not(.focus-mode){background-image:var(--c-pattern);background-size:160px 160px;background-attachment:fixed}.focus-fab{position:fixed;right:16px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:40;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:26px;background:var(--c-nav);background-color:var(--c-primary);color:var(--c-on-primary);text-decoration:none;box-shadow:0 6px 18px rgba(var(--c-primary-rgb),.35);transition:transform .15s ease}.focus-fab:hover,.focus-fab:focus-visible{transform:scale(1.08)}@media (min-width: 761px){.focus-fab{bottom:24px;right:24px}}@media (prefers-reduced-motion: reduce){.focus-fab{transition:none}}.nav{display:flex;justify-content:space-between;align-items:center;background:var(--c-nav);color:var(--c-on-primary);padding:12px 24px}.nav a,.link-btn{color:var(--c-on-primary);margin-left:16px;text-decoration:none;background:none;border:none;cursor:pointer;font-size:15px}.brand{font-weight:700;letter-spacing:.5px}.nav a.brand{margin-left:0;display:inline-flex;align-items:center;gap:8px;font-size:17px}.brand-mark{width:32px;height:32px;border-radius:50%;background:var(--c-surface);display:grid;place-items:center}.container{max-width:860px;margin:24px auto;padding:0 16px}.card{background:var(--c-surface);border-radius:10px;padding:16px;margin-bottom:16px;box-shadow:0 1px 4px #00000014}.auth-card{max-width:380px;margin:48px auto;display:flex;flex-direction:column;gap:10px}input,textarea,select{width:100%;padding:10px;margin-bottom:8px;border:1px solid var(--c-line-strong);border-radius:6px;font-size:15px}button{background:var(--c-primary);color:var(--c-on-primary);border:none;border-radius:6px;padding:10px 16px;cursor:pointer;font-size:15px}button:hover{opacity:.9}button.danger{background:var(--c-danger)}.error{color:var(--c-danger)}.info{color:var(--c-go)}.muted{color:var(--c-muted);font-size:13px}.note{display:flex;justify-content:space-between;align-items:center}.badge{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:10px;font-size:12px;background:var(--c-primary-soft)}.badge.high{background:var(--c-danger-soft)}.badge.medium{background:var(--c-accent-soft)}.tag-row{margin-bottom:12px}.tag{background:var(--c-primary-soft);color:var(--c-ink);margin-right:6px;padding:4px 12px}.tag.active{background:var(--c-accent);color:var(--c-on-primary)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.stat{background:var(--c-surface);border-radius:10px;padding:16px;text-align:center;box-shadow:0 1px 4px #00000014;font-size:13px;color:var(--c-muted)}.stat span{display:block;font-size:30px;font-weight:700;color:var(--c-primary)}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:8px;border-bottom:1px solid var(--c-primary-soft)}.live-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--c-success);animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.pw-rules{list-style:none;padding:8px 12px;margin:0 0 8px;background:var(--c-bg);border-radius:6px;font-size:13px}.rule{padding:2px 0}.rule.ok{color:var(--c-success)}.rule.bad{color:var(--c-muted-2)}button:disabled{opacity:.45;cursor:not-allowed}.arena{position:relative;margin:16px 0;border-radius:14px;background:var(--c-arena);overflow:hidden;border:1px solid var(--c-line)}.arena-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--c-ink);text-align:center}.arena-center .muted{color:var(--c-muted)}.countdown{font-size:90px;font-weight:700}.dot{position:absolute;border-radius:50%;background:var(--c-accent);color:var(--c-ink);font-weight:700;font-size:18px;padding:0;border:3px solid #fff;box-shadow:0 2px 10px #0000004d}.big-score{font-size:46px;font-weight:700;margin:4px 0}.big-score small{font-size:18px;font-weight:400;margin-left:4px}.result .info{color:var(--c-accent-ink);font-weight:700}.my-rank{display:flex;align-items:center;gap:16px}.rank-num{font-size:38px;font-weight:700;color:var(--c-primary)}.medal-1{background:var(--c-accent-soft)}.medal-2{background:#f1f3f6}.medal-3{background:#f8ece2}.medal td:first-child{font-size:18px}.ref-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}.ref-row input{margin-bottom:0}.ref-row button{white-space:nowrap}.ref-code{background:var(--c-primary-soft);padding:8px 14px;border-radius:6px;font-size:16px;letter-spacing:1px;font-weight:700}.ref-list{margin:0;padding-left:18px;font-size:14px}.tree{list-style:none;padding:0;margin:8px 0 0;font-size:14px}.tree li{padding:3px 0}.bell-wrap{position:relative;display:inline-block;margin-left:16px}.bell{font-size:18px;margin-left:0;position:relative}.bell-badge{position:absolute;top:-6px;right:-10px;background:var(--c-danger);color:var(--c-on-primary);font-size:11px;font-weight:700;border-radius:10px;padding:1px 6px}.bell-panel{position:absolute;right:0;top:30px;width:280px;z-index:30;background:var(--c-surface);color:var(--c-ink);border-radius:10px;padding:12px;box-shadow:0 6px 20px #0000002e}.bell-item{border-bottom:1px solid var(--c-primary-soft);padding:6px 0}.bell-item:last-child{border-bottom:none}.bell-item p{font-size:13px;margin-top:4px}.toast-stack{position:fixed;top:70px;right:20px;z-index:50;display:flex;flex-direction:column;gap:8px}.toast{background:var(--c-ink);color:var(--c-on-primary);padding:12px 16px;border-radius:8px;font-size:14px;max-width:300px;cursor:pointer;box-shadow:0 4px 14px #00000038}.toast-success{background:var(--c-success)}.toast-warn{background:#9c5b1f}.stars{display:flex;gap:4px;margin-bottom:10px}.star{background:none;border:none;font-size:28px;color:var(--c-line-strong);padding:0 2px;line-height:1}.star.on{color:var(--c-accent)}#root{display:flex;flex-direction:column;min-height:100vh}.container{flex:1}.site-footer{text-align:center;padding:18px 16px;font-size:13px;color:var(--c-muted);border-top:1px solid var(--c-line);background:var(--c-surface)}.site-footer a{color:var(--c-primary);font-weight:600;text-decoration:none}.site-footer a:hover{color:var(--c-accent);text-decoration:underline}.auth-split{display:grid;grid-template-columns:5fr 6fr;max-width:880px;margin:40px auto;border-radius:16px;overflow:hidden;background:var(--c-surface);box-shadow:0 10px 40px rgba(var(--c-primary-rgb),.16)}.auth-brand{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(160deg,var(--c-primary) 0%,var(--c-primary-2) 100%);color:var(--c-on-primary);padding:44px 32px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px}.auth-logo-badge{width:136px;height:136px;text-decoration:none;animation:auth-ring 3.2s ease-in-out infinite;border-radius:50%;background:var(--c-surface);display:grid;place-items:center;margin-bottom:10px;padding-top:4px;box-shadow:0 8px 24px #0000002e}.auth-college{font-size:19px;font-weight:700;line-height:1.3;margin:0}.auth-product{font-size:14px;color:var(--c-accent);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin:2px 0 0}.auth-tagline{font-size:13px;color:var(--c-line-strong);margin:10px 0 0}.auth-pane{padding:44px 40px;display:flex;align-items:center}.auth-form{width:100%;display:flex;flex-direction:column;gap:10px}.auth-form h2{margin:0;font-size:24px}.auth-hint{color:var(--c-muted);font-size:14px;margin:-4px 0 8px}.auth-form p{font-size:14px;margin:0}.auth-form input{margin-bottom:0}@media (max-width: 760px){.auth-split{grid-template-columns:1fr;margin:16px}.auth-brand{padding:26px 20px}.auth-logo-badge{width:84px;height:84px}.auth-logo-badge .enx{width:60px;height:70px}.auth-fact,.auth-glyphs{display:none}.auth-college{font-size:16px}.auth-tagline{display:none}.auth-pane{padding:28px 22px}}.fb-opt{display:flex;gap:10px;align-items:flex-start;padding:6px 0;cursor:pointer}.fb-opt input{width:auto;margin:4px 0 0}.fb-scale{display:flex;gap:6px}.fb-scale .tag{min-width:44px}.fb-open{display:inline-block;background:var(--c-go);color:var(--c-on-primary);padding:10px 18px;border-radius:6px;text-decoration:none;font-weight:600}.lesson{font-family:Catamaran,system-ui,sans-serif}.lesson-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:4px 0 12px}.seg{display:inline-flex;border:1px solid var(--c-line-strong);border-radius:8px;overflow:hidden}.seg button{background:var(--c-surface);color:var(--c-muted);border-radius:0;padding:7px 14px;font-weight:600}.su-type{display:flex;margin-bottom:10px}.su-type button{flex:1}.lp-ghost{background:var(--c-surface);color:var(--c-ink);border:1px solid var(--c-line-strong)}.lab-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.lab-exp{background:var(--c-surface);border-radius:12px;padding:16px;margin-bottom:18px;box-shadow:0 1px 4px #00000014}.lab-head{display:flex;gap:10px;align-items:center}.lab-num{background:var(--c-primary);color:var(--c-on-primary);border-radius:16px;padding:0 10px;font-weight:800;font-size:14px}.lab-why{color:var(--c-muted);margin:6px 0 12px}.lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 760px){.lab-grid{grid-template-columns:1fr}}.lab-grid textarea{min-height:290px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14px;line-height:1.5;background:var(--c-primary-strong);color:var(--c-on-primary);border-color:var(--c-primary-strong);-moz-tab-size:4;tab-size:4}.lab-grid canvas{width:100%;aspect-ratio:16 / 10;display:block;border:1px solid var(--c-line-strong);border-radius:8px}.lab-btns{display:flex;gap:8px}.lab-out{background:var(--c-bg);border-radius:6px;padding:8px 10px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13.5px;white-space:pre-wrap;margin:8px 0 0;min-height:40px}.lab-ch{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:var(--c-primary-soft);border-left:4px solid var(--c-primary)}.lab-ch summary{cursor:pointer;font-weight:700;color:var(--c-primary);margin-top:6px}.quiz-q.ok{border-left:5px solid var(--c-go)}.quiz-q.bad{border-left:5px solid var(--c-danger)}.quiz-fb{margin-top:6px;font-size:15px}.home-grid{display:grid;gap:16px;margin:18px 0;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.home-card{display:block;text-decoration:none;color:inherit;background:var(--c-surface);border-radius:14px;padding:22px;border:2px solid transparent;box-shadow:0 2px 10px rgba(var(--c-primary-rgb),.1);transition:transform .15s,box-shadow .15s,border-color .15s}.home-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(var(--c-primary-rgb),.18)}.home-card h3{margin:8px 0 6px;font-size:20px}.home-card p{color:var(--c-muted);font-size:14px;margin:0 0 12px}.home-emoji{font-size:34px;line-height:1}.home-go{font-weight:700;font-size:14px}.home-card-game:hover{border-color:var(--c-primary)}.home-card-game .home-go{color:var(--c-primary)}.home-card-learn:hover{border-color:var(--c-go)}.home-card-learn .home-go{color:var(--c-go)}.nav a.active{border-bottom:2px solid var(--c-accent);padding-bottom:2px}.lang-switch{display:flex;gap:6px}.lang-switch button{background:var(--c-primary-soft);color:var(--c-ink);font-size:14px;padding:6px 14px}.lang-switch button[aria-pressed=true]{background:var(--c-primary);color:var(--c-on-primary)}.link-btn,.logout-btn{display:inline-flex;align-items:center;gap:6px}.bell svg,.logout-btn svg{font-size:22px}.home-emoji svg{font-size:34px;vertical-align:middle}.staff-preview{font-size:13px;color:var(--c-muted);display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:4px}.staff-preview a{color:var(--c-primary);font-weight:600;margin-right:8px}.bell-panel{max-height:60vh;overflow-y:auto}.bell-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;background:transparent;border:none;padding:0;cursor:default}.mobile-nav{display:none}@media (max-width: 760px){.desktop-only{display:none!important}.nav{padding:10px 14px}.brand{font-size:16px}body{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}.mobile-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--c-surface);border-top:1px solid var(--c-line);padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -2px 12px rgba(var(--c-primary-rgb),.1)}.mobile-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 2px;text-decoration:none;color:var(--c-muted);font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:44px;justify-content:center}.mobile-tab-icon{font-size:22px}.mobile-tab.active{color:var(--c-primary);font-weight:700}.mobile-tab.active .mobile-tab-icon{transform:translateY(-1px)}.bell-panel{position:fixed;top:56px;left:12px;right:12px;width:auto}.container{margin-top:16px}.lesson-top{align-items:flex-start}}.pw-field{position:relative}.pw-field input{padding-right:44px;margin-bottom:0;width:100%}.pw-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--c-muted);cursor:pointer;padding:6px 8px;display:flex;align-items:center;min-height:36px;font-size:20px}.pw-toggle:hover{color:var(--c-primary);opacity:1}.lesson-card{padding:22px}.lesson-card h3{margin:8px 0 4px;font-size:20px}.version-row{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 8px}.version-btn{display:inline-flex;align-items:center;gap:6px;flex:1 1 220px;justify-content:center;text-decoration:none;font-weight:700;padding:12px 18px;border-radius:8px;font-size:15px;border:2px solid transparent;transition:transform .12s,box-shadow .12s}.version-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(var(--c-primary-rgb),.18)}.version-A{background:var(--c-primary);color:var(--c-on-primary)}.version-B{background:var(--c-go);color:var(--c-on-primary)}.version-hint{font-size:13px}.waking{margin-top:12px;padding:14px;border-radius:10px;background:var(--c-primary-soft);border:1px solid var(--c-line);text-align:center}.waking-text{font-weight:700;font-size:14px;margin:6px 0 2px;color:var(--c-primary)}.waking-detail{font-size:12.5px;color:var(--c-muted);margin:0 0 10px;line-height:1.45}.waking-count{font-size:11px;color:var(--c-muted-2);margin:6px 0 0}.waking-dots{display:flex;gap:6px;justify-content:center}.waking-dots span{width:8px;height:8px;border-radius:50%;background:var(--c-primary);animation:waking-bounce 1.2s infinite ease-in-out}.waking-dots span:nth-child(2){animation-delay:.15s}.waking-dots span:nth-child(3){animation-delay:.3s}@keyframes waking-bounce{0%,60%,to{transform:translateY(0);opacity:.45}30%{transform:translateY(-7px);opacity:1}}.waking-bar{height:6px;border-radius:4px;background:var(--c-line);overflow:hidden}.waking-bar-fill{height:100%;border-radius:4px;background:var(--c-primary);transition:width .5s linear;animation:waking-pulse 2s infinite}@keyframes waking-pulse{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion: reduce){.waking-dots span,.waking-bar-fill{animation:none}}.home-card-build:hover{border-color:#7a4e9b}.home-card-build .home-go{color:#7a4e9b}.mission-world h3{margin-bottom:4px}.mission-world h3 small,.journey-world h4 small{font-weight:500;font-size:.8em}.lesson-row{border-top:1px solid var(--c-primary-soft);padding:10px 0}.lesson-row:first-of-type{border-top:none}.lesson-row-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-weight:600;font-size:14px}.chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.chip{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;padding:5px 10px;border-radius:14px;text-decoration:none}.chip-live{background:var(--c-primary-soft);color:var(--c-primary);font-weight:600}.chip-live:hover{background:var(--c-primary);color:var(--c-on-primary)}.chip-done{background:var(--c-success-soft);color:var(--c-success);font-weight:700}.chip-soon{background:var(--c-bg);color:var(--c-muted-2);border:1px dashed var(--c-line-strong)}.filter-row{margin-bottom:14px}.seg{display:inline-flex;gap:6px;flex-wrap:wrap}.seg button{background:var(--c-primary-soft);color:var(--c-ink);font-size:14px;padding:8px 14px}.seg button[aria-pressed=true]{background:var(--c-primary);color:var(--c-on-primary)}.mission-canvas{width:100%;max-width:640px;height:auto;aspect-ratio:640 / 400;border-radius:10px;border:1px solid var(--c-line);background:var(--c-surface);display:block}.stage-tabs{margin-bottom:10px}.predict-row{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.predict-row button{background:var(--c-primary-soft);color:var(--c-ink)}.predict-row .predict-picked{background:var(--c-primary);color:var(--c-on-primary)}.code-area{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13.5px;line-height:1.5;-moz-tab-size:2;tab-size:2}.submit-btn{background:var(--c-success)}.hint-btn{background:#9c5b1f}.hint-line{background:var(--c-accent-soft);border-left:3px solid var(--c-accent);padding:8px 12px;margin:8px 0 0;font-size:14px;white-space:pre-wrap}.sample-ok td{background:var(--c-success-soft)}.sample-bad td{background:var(--c-danger-soft)}.result-pass{border-left:5px solid var(--c-success)}.result-fail{border-left:5px solid var(--c-danger)}.journey-world{margin-top:14px}.journey-world h4{font-size:15px;margin-bottom:4px}.journey-row{padding:6px 0 6px 10px;border-left:2px solid var(--c-primary-soft)}.journey-row.is-live{border-left-color:var(--c-go)}.journey-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px}.journey-row.is-soon .journey-title{color:var(--c-muted-2)}.journey-missions{font-size:12.5px;margin-top:2px}.prob{border-top:1px solid var(--c-primary-soft);padding:14px 0}.prob:first-child{border-top:none}.prob-tag{display:inline-block;background:var(--c-primary-soft);color:var(--c-primary);font-size:12px;font-weight:700;padding:2px 10px;border-radius:10px;margin-bottom:6px}.prob-in{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0}.prob-in input{width:120px;margin-bottom:0}.prob-fb{font-size:14px;margin:6px 0 0}.prob-fb.good{color:var(--c-success);font-weight:700}.prob-fb.bad{color:var(--c-danger)}.prob-code{display:block;background:var(--c-ink);color:var(--c-primary-soft);padding:10px 12px;border-radius:6px;font-size:13px;margin-top:8px;overflow-x:auto}.lab-pkg{background:var(--c-accent-soft);color:var(--c-accent-ink);border:1px solid var(--c-accent-line);font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:10px;margin-left:8px;white-space:nowrap}.lesson-top h2 .badge{margin-left:8px;vertical-align:middle;font-size:12px}.lp-stage{position:relative;border:2px solid var(--c-primary);border-radius:12px;overflow:hidden;background:var(--c-bg)}.lp-stage canvas{display:block;width:100%;aspect-ratio:16 / 9}.lp-stage.lp-idle{cursor:none}.lp-big{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;width:84px;height:84px;border-radius:50%;padding:0;display:grid;place-items:center;background:rgba(var(--c-primary-rgb),.78);color:var(--c-on-primary);font-size:64px;box-shadow:0 6px 24px #00000040}.lp-big:hover{background:rgba(var(--c-primary-rgb),.92);opacity:1}.lp-badge{position:absolute;top:10px;right:10px;z-index:4;background:#0009;color:var(--c-on-primary);border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-size:20px}.lp-ask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#f7f9fcf0;padding:16px 16px 84px;text-align:center}.lp-ask p{font-size:clamp(16px,2.4vw,26px);font-weight:700;max-width:640px}.lp-ask div{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.lp-ask div button{background:var(--c-surface);color:var(--c-primary);border:2px solid var(--c-primary);font-size:clamp(16px,2vw,22px);font-weight:700;min-width:84px;min-height:44px}.lp-end{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#102142d1;color:var(--c-on-primary);padding:16px 16px 84px;text-align:center}.lp-end-tick{display:flex;align-items:center;gap:8px;font-size:clamp(20px,3vw,30px);font-weight:800}.lp-end-tick svg{color:#8fd19e;font-size:1.3em}.lp-end-next{background:var(--c-accent);color:var(--c-ink);font-weight:800;font-size:17px;border-radius:26px;padding:12px 24px;min-height:44px}.lp-end-replay{background:transparent;color:var(--c-on-primary);border:1px solid rgba(255,255,255,.5);border-radius:22px;display:inline-flex;align-items:center;gap:6px;min-height:44px}.lp-cc{position:absolute;left:50%;bottom:12px;transform:translate(-50%);z-index:3;width:max-content;max-width:92%;background:#000000b8;color:var(--c-on-primary);padding:6px 14px;border-radius:6px;text-align:center;font-size:clamp(14px,2.1vw,22px);font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:bottom .25s ease;pointer-events:none}.lp-cc.lifted{bottom:86px}.lp-bar{position:absolute;left:0;right:0;bottom:0;z-index:5;padding:18px 8px 4px;background:linear-gradient(transparent,#000000b8 55%);color:var(--c-on-primary);transition:opacity .3s ease,transform .3s ease}.lp-bar.hidden{opacity:0;transform:translateY(8px);pointer-events:none}.lp-row{display:flex;align-items:center;gap:2px}.lp-row button{background:transparent;color:var(--c-on-primary);width:44px;height:44px;min-width:44px;padding:0;display:grid;place-items:center;font-size:26px;border-radius:8px}.lp-row button:hover{background:#ffffff24;opacity:1}.lp-row button:disabled{opacity:.35;cursor:default}.lp-row button[aria-pressed=false]{opacity:.8}.lp-row .lp-lang{width:auto;padding:0 8px;display:inline-flex;gap:4px;font-size:22px}.lp-row .lp-lang span{font-size:15px;font-weight:800}.lp-count{font-size:13px;opacity:.85;margin-left:4px;white-space:nowrap}.lp-spacer{flex:1}.lp-row button:focus-visible,.lp-seg:focus-visible,.lp-big:focus-visible,.lp-end button:focus-visible{outline:3px solid var(--c-accent);outline-offset:2px}.lp-segs{display:flex;gap:4px;padding:0 6px}.lp-seg{position:relative;flex:1;background:transparent;padding:0;height:24px;border-radius:0;display:flex;align-items:center}.lp-seg:hover{opacity:1}.lp-seg-track{display:block;width:100%;height:5px;border-radius:3px;background:#ffffff4d;overflow:hidden;transition:height .15s}.lp-seg:hover .lp-seg-track,.lp-seg.on .lp-seg-track{height:7px}.lp-seg-fill{display:block;height:100%;background:var(--c-accent);transform-origin:left center;transform:scaleX(0)}.lp-tip{position:absolute;bottom:28px;left:50%;transform:translate(-50%);background:var(--c-surface);color:var(--c-ink);font-size:13px;font-weight:700;padding:5px 10px;border-radius:6px;white-space:nowrap;box-shadow:0 2px 10px #0000004d;pointer-events:none}.lp-tip.start{left:0;transform:none}.lp-tip.end{left:auto;right:0;transform:none}@media (max-width: 520px){.lp-row button{font-size:22px}.lp-count{display:none}.lp-big{width:64px;height:64px;font-size:48px}.lp-cc.lifted{bottom:78px}}.lp.is-full{background:#000;display:flex;align-items:center;justify-content:center}.lp:fullscreen{width:100vw;height:100vh}.lp.is-immersive{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;width:100vw;height:100vh;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.lp.is-full .lp-stage{border:none;border-radius:0;aspect-ratio:16 / 9;width:min(100%,calc((100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 16 / 9));width:min(100%,calc((100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 16 / 9));max-width:100vw;max-height:100dvh}.lp-rotate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;background:#000000eb;color:var(--c-on-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:24px}.lp-rotate-icon{font-size:72px;animation:lp-tilt 1.6s ease-in-out infinite}.lp-rotate p{font-size:22px;font-weight:800}.lp-rotate div{display:flex;gap:10px}.lp-rotate button{background:transparent;color:var(--c-on-primary);border:1px solid rgba(255,255,255,.5);min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;font-size:15px}@keyframes lp-tilt{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media (prefers-reduced-motion: reduce){.lp-rotate-icon{animation:none}}body.focus-mode{padding-bottom:0}.shell{padding-bottom:8px}.shell-top{display:flex;align-items:center;gap:10px;margin:4px 0 12px}.shell-back{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:50%;color:var(--c-primary);font-size:26px;background:var(--c-surface);box-shadow:0 1px 4px #0000001a}.shell-title{flex:1;min-width:0}.shell-title h2{font-size:clamp(18px,3vw,24px);line-height:1.25}.shell-lang{display:inline-flex;align-items:center;gap:4px;flex:none;min-height:44px;border-radius:22px;background:var(--c-surface);color:var(--c-primary);border:1px solid var(--c-line-strong);font-weight:700}.stepper ol{list-style:none;padding:0;margin:0 0 16px;display:flex;gap:4px}.stepper li{flex:1;position:relative}.stepper li+li:before{content:"";position:absolute;top:22px;left:-50%;right:50%;height:2px;background:var(--c-line);z-index:0}.stepper li.done+li:before{background:var(--c-go)}.stepper a{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;color:var(--c-muted);font-size:13px;font-weight:600;padding:2px 0}.stepper-icon{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--c-surface);border:2px solid var(--c-line);font-size:24px;color:var(--c-muted)}.stepper li.done .stepper-icon{border-color:var(--c-go);color:var(--c-go)}.stepper li.on .stepper-icon{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-on-primary)}.stepper li.on a{color:var(--c-primary);font-weight:800}.stepper-tick{position:absolute;right:-4px;top:-4px;width:18px;height:18px;border-radius:50%;background:var(--c-go);color:var(--c-on-primary);font-size:13px;display:grid;place-items:center;border:2px solid var(--c-bg)}.stepper a:focus-visible{outline:3px solid var(--c-accent);outline-offset:2px;border-radius:8px}@media (max-width: 560px){.stepper li:not(.on) .stepper-label{display:none}.stepper a{font-size:12px}}.shell-body{min-height:50vh}.version-pill{display:inline-flex;align-items:center;margin-bottom:10px}.version-pill .muted{padding:0 12px;background:var(--c-surface);align-self:stretch;display:flex;align-items:center}.shell-nav{position:sticky;bottom:0;z-index:30;display:flex;justify-content:space-between;gap:10px;margin:20px -16px 0;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:#f4f6faf5;border-top:1px solid var(--c-line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.shell-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:22px;text-decoration:none;font-weight:700;font-size:15px}.shell-btn.primary{background:var(--c-primary);color:var(--c-on-primary);margin-left:auto}.shell-btn.lp-ghost{color:var(--c-ink)}.dots{display:flex;align-items:center;gap:12px;margin:0 0 12px;flex-wrap:wrap}.dots-count{font-weight:800;color:var(--c-primary);min-width:44px}.dots-row{display:flex;gap:6px;flex-wrap:wrap}.pg-dot{width:28px;height:28px;padding:0;border-radius:50%;background:var(--c-surface);border:2px solid var(--c-line-strong);color:var(--c-on-primary);display:grid;place-items:center;font-size:16px}.pg-dot.on{border-color:var(--c-primary);box-shadow:0 0 0 3px rgba(var(--c-primary-rgb),.15)}.pg-dot.done{background:var(--c-go);border-color:var(--c-go)}.pg-dot.wrong{background:var(--c-danger);border-color:var(--c-danger)}.pg-dot:focus-visible{outline:3px solid var(--c-accent);outline-offset:2px}.pager-nav{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px}.pager-nav button{min-height:44px}.pager-nav button:last-child{margin-left:auto}.quiz-opts{display:flex;flex-direction:column;gap:8px;margin-top:12px}.quiz-opt{text-align:left;background:var(--c-surface);color:var(--c-ink);border:2px solid var(--c-line-strong);min-height:44px;font-weight:600}.quiz-opt:not(:disabled):hover{border-color:var(--c-primary);opacity:1}.quiz-opt:disabled{cursor:default;opacity:1}.quiz-opt.right{border-color:var(--c-go);background:var(--c-success-soft)}.quiz-opt.wrong{border-color:var(--c-danger);background:var(--c-danger-soft)}.quiz-end{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 16px}.quiz-score{font-size:44px;font-weight:800;color:var(--c-primary)}.quiz-end button{display:inline-flex;align-items:center;gap:6px}.mcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:12px}.mcard{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--c-ink);margin:0;border:2px solid transparent}a.mcard:hover{border-color:var(--c-primary)}.mcard.soon{opacity:.6}.mcard-product{font-size:13px;color:var(--c-muted);font-weight:700}.mcard-cta{margin-top:auto;color:var(--c-primary);font-weight:800;display:inline-flex;align-items:center;gap:4px}.mcard-cta.built{color:var(--c-go)}.lesson-card-head{display:flex;justify-content:space-between;align-items:center}.ring{position:relative;display:inline-grid;place-items:center;width:40px;height:40px}.ring svg{position:absolute;top:0;right:0;bottom:0;left:0}.ring b{font-size:11px;color:var(--c-primary)}.ring-bg{fill:none;stroke:var(--c-line);stroke-width:4}.ring-fg{fill:none;stroke:var(--c-accent);stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .4s ease}.ring.full .ring-fg{stroke:var(--c-go)}.prebuilt{margin-bottom:8px;border:1px dashed var(--c-line-strong);border-radius:8px;background:var(--c-bg)}.prebuilt summary{cursor:pointer;padding:8px 12px;font-weight:700;color:var(--c-go)}.prebuilt summary .muted{font-weight:400}.prebuilt-area{background:var(--c-primary-soft);color:var(--c-muted);border-color:var(--c-line);margin:0;border-radius:0 0 8px 8px}.prebuilt-area:focus{color:var(--c-ink)}.mission-sig{margin:4px 0 6px;font-size:14px;color:var(--c-ink)}.mission-sig code{background:var(--c-primary-soft);color:var(--c-primary);padding:2px 8px;border-radius:6px;font-weight:700}.world-done{display:flex;align-items:center;gap:16px;border:2px solid var(--c-accent);background:var(--c-accent-soft)}.world-done h3{margin-bottom:2px}.world-done p{margin:4px 0}.world-done button{margin-top:8px}.world-done-cup{font-size:64px}@media (max-width: 520px){.world-done{flex-direction:column;text-align:center}}.shell-finale{text-align:center;padding:10px 12px;margin-top:16px;border-radius:10px;background:var(--c-accent-soft);border:1px solid var(--c-accent-line);font-weight:800;color:var(--c-accent-ink)}.fb-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#10214273;display:flex;align-items:flex-end;justify-content:center}.fb-sheet{width:min(560px,100%);max-height:88vh;overflow-y:auto;margin:0;border-radius:16px 16px 0 0;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}@media (min-width: 761px){.fb-sheet-backdrop{align-items:center}.fb-sheet{border-radius:16px}}.fb-sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.fb-sheet-close{background:transparent;color:var(--c-muted);font-size:24px;width:44px;height:44px;padding:0;display:grid;place-items:center}.fb-label{font-weight:700;margin:10px 0 6px}.fb-types{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.fb-type{background:var(--c-surface);color:var(--c-ink);border:2px solid var(--c-line-strong);border-radius:22px;min-height:40px;font-weight:600}.fb-type.on{border-color:var(--c-primary);background:var(--c-primary-soft)}.fb-form textarea{margin-top:8px}.inbox-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.inbox-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}.inbox-item{border:1px solid var(--c-line);border-left:5px solid var(--c-accent);border-radius:8px;padding:10px 12px}.inbox-item.status-seen{border-left-color:var(--c-primary)}.inbox-item.status-fixed{border-left-color:var(--c-go);opacity:.75}.inbox-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px}.inbox-meta .badge{margin-left:0}.inbox-stars{color:var(--c-accent)}.inbox-msg{margin:6px 0;white-space:pre-wrap}.inbox-status{width:auto;margin:0 0 0 auto;padding:4px 8px;font-size:13px}.referral-card h3{display:flex;align-items:center;gap:6px}.referral-card .ref-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.referral-card .ref-row button{display:inline-flex;align-items:center;gap:6px;min-height:44px}.google-signin{margin-top:8px}.or-line{display:flex;align-items:center;gap:10px;color:var(--c-muted);font-size:13px;margin:12px 0}.or-line:before,.or-line:after{content:"";flex:1;height:1px;background:var(--c-line)}.google-slot{display:flex;justify-content:center;min-height:44px}.refer-panel{width:340px;padding:0}.refer-panel .card{margin:0;box-shadow:none;color:var(--c-ink)}.refer-panel .ref-code{word-break:break-all}@media (max-width: 760px){.refer-panel{width:auto}}.brand{white-space:nowrap}.nav>div{display:flex;align-items:center}@media (max-width: 400px){.nav{padding:10px}.brand{font-size:15px}.bell-wrap,.nav .logout-btn{margin-left:10px}}.container,.card,.mission,.lesson-top>div{min-width:0}.mission .ref-row{flex-wrap:wrap}.mission .ref-row button{white-space:normal;min-height:44px}.mission code,.mission-sig code,.hint-line,.lab-out{overflow-wrap:anywhere}.mission .lab-out{white-space:pre-wrap;max-width:100%}.table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-scroll:focus-visible{outline:3px solid var(--c-accent);outline-offset:2px}.table-scroll table code{white-space:nowrap}canvas,img,video{max-width:100%}@media (max-width: 480px){.lp:not(.is-full) .lp-bar{position:static;background:#12223f;padding:6px 4px 4px}.lp:not(.is-full) .lp-bar.hidden{opacity:1;transform:none;pointer-events:auto}.lp:not(.is-full) .lp-row{flex-wrap:wrap;justify-content:space-between;row-gap:2px}.lp:not(.is-full) .lp-spacer{display:none}.lp:not(.is-full) .lp-stage.lp-idle{cursor:auto}.lp:not(.is-full) .lp-cc,.lp:not(.is-full) .lp-cc.lifted{position:static;transform:none;width:auto;max-width:none;border-radius:0;font-size:15px;-webkit-line-clamp:3}.lp:not(.is-full) .lp-ask,.lp:not(.is-full) .lp-end{bottom:auto;aspect-ratio:16 / 9;padding:8px;overflow-y:auto;gap:6px}.lp:not(.is-full) .lp-ask p{font-size:15px}.lp:not(.is-full) .lp-ask div button{min-width:64px;font-size:15px;padding:6px 10px}.lp:not(.is-full) .lp-big{top:calc((100vw - 36px)*.28125)}}@media (min-width: 900px){.home-grid{grid-template-columns:repeat(3,1fr)}}.home-card{display:flex;flex-direction:column}.home-card .home-go{margin-top:auto}.stepper-count{position:absolute;right:-10px;top:-6px;min-width:22px;height:18px;padding:0 4px;border-radius:9px;background:var(--c-primary);color:var(--c-on-primary);font-size:11px;font-weight:800;display:grid;place-items:center;border:2px solid var(--c-bg)}.stepper li.on .stepper-count{background:var(--c-accent);color:var(--c-ink)}.stepper-tick.locked{background:var(--c-muted-2)}.stepper li.locked .stepper-icon{opacity:.55}.stepper-locked{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--c-muted-2);font-size:13px;font-weight:600;padding:2px 0;cursor:not-allowed}.shell-btn.disabled{background:var(--c-muted-2);color:var(--c-on-primary);gap:6px;cursor:not-allowed;margin-left:auto}.lp-big{flex-direction:column}.lp-resume{position:absolute;top:100%;margin-top:8px;left:50%;transform:translate(-50%);white-space:nowrap;background:#000000b3;color:var(--c-on-primary);font-size:13px;font-weight:800;padding:3px 10px;border-radius:12px}.result-stats{display:flex;gap:24px;justify-content:center;margin:4px 0 8px}.result-stats span{display:flex;flex-direction:column;align-items:center}.result-stats small{color:var(--c-muted);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.result-stats b{font-size:20px}.result-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.result-actions button,.result-actions a{display:inline-flex;align-items:center;gap:6px;min-height:44px}.nav .link-btn{padding:8px;min-width:40px;min-height:40px;justify-content:center}.nav .bell-badge{right:-2px;top:-2px}@media (max-width: 400px){.bell-wrap,.nav .logout-btn{margin-left:2px}}.container{width:100%}.pager-nav{flex-wrap:wrap}.pager-arrow{width:48px;min-height:44px;padding:0;display:inline-grid;place-items:center;font-size:26px}.pager-count{display:inline-flex;align-items:center;gap:4px;font-weight:800;color:var(--c-primary);margin:0 auto}.pager-count svg{color:var(--c-go);font-size:18px}@media (max-width: 400px){.toast-stack{left:12px;right:12px}.toast{max-width:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.field-label{font-size:14px;font-weight:700;color:var(--c-ink);margin-bottom:-4px}input[aria-invalid=true]{border-color:var(--c-danger)}.star{min-width:44px;min-height:44px;font-size:26px}.lp-seg{height:32px}.lesson-link,.chip{min-height:36px;display:inline-flex;align-items:center;padding-top:6px;padding-bottom:6px}.chip-soon em{font-style:normal;opacity:.8;margin-left:2px}fieldset.fb-types{border:0;padding:0;margin:0 0 4px;min-width:0}fieldset.fb-types legend{padding:0;margin-bottom:6px}.fb-type{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;cursor:pointer}.fb-type:focus-within{outline:3px solid var(--c-accent);outline-offset:2px}.continue-card{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--c-ink);border:2px solid var(--c-primary);background:var(--c-surface)}.continue-card:hover{background:var(--c-primary-soft)}.continue-play{width:52px;height:52px;flex:none;border-radius:50%;background:var(--c-primary);color:var(--c-on-primary);display:grid;place-items:center;font-size:34px}.continue-text{flex:1;min-width:0;display:flex;flex-direction:column}.continue-text small{color:var(--c-muted);font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.continue-text b{font-size:19px}.continue-step{display:inline-flex;align-items:center;gap:4px;color:var(--c-primary);font-weight:700;font-size:14px}.lesson-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:16px}.lesson-tile{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:0;text-decoration:none;color:var(--c-ink);border:2px solid transparent;min-height:120px;position:relative}.lesson-tile:hover{border-color:var(--c-primary)}.lesson-tile .ring{position:absolute;right:10px;top:10px}.tile-num{width:36px;height:36px;border-radius:50%;background:var(--c-primary-soft);color:var(--c-primary);font-weight:800;font-size:17px;display:grid;place-items:center}.lesson-tile.complete .tile-num{background:var(--c-success-soft);color:var(--c-go);font-size:24px}.tile-title{font-weight:700;font-size:16px;line-height:1.25;margin-top:auto}.tile-hook{color:var(--c-muted);font-size:12.5px;line-height:1.3}details.roadmap>summary,details.soon-fold>summary{cursor:pointer;font-weight:700;display:flex;align-items:center;gap:6px;min-height:44px;list-style:none}details.roadmap>summary::-webkit-details-marker,details.soon-fold>summary::-webkit-details-marker{display:none}details.roadmap>summary:after,details.soon-fold>summary:after{content:"▸";margin-left:auto;color:var(--c-muted)}details[open].roadmap>summary:after,details[open].soon-fold>summary:after{content:"▾"}details.soon-fold{border-top:1px solid var(--c-primary-soft);margin-top:6px;color:var(--c-muted)}.concept-card{display:flex;align-items:center;gap:12px}.concept-card>div{flex:1;min-width:0}.concept-icon{font-size:30px;color:var(--c-primary);flex:none}.sample-summary{margin-top:10px;padding:10px 12px;border-radius:8px;border-left:5px solid var(--c-danger);background:var(--c-danger-soft)}.sample-summary.all{border-left-color:var(--c-go);background:var(--c-success-soft)}.sample-summary p{margin:4px 0 0}.sample-summary details{margin-top:6px}.sample-summary summary,.run-error summary{cursor:pointer;color:var(--c-primary);font-weight:700;min-height:32px}.run-error{margin-top:10px;padding:10px 12px;border-radius:8px;background:var(--c-danger-soft);color:var(--c-danger-ink);border-left:5px solid var(--c-danger)}.run-error code{display:block;margin-top:4px;overflow-wrap:anywhere}.clarity{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;margin:6px 0}.clarity-btn{width:48px;height:44px;padding:0;display:inline-grid;place-items:center;font-size:22px;background:var(--c-surface);color:var(--c-muted);border:2px solid var(--c-line-strong)}.clarity-btn.on.up{border-color:var(--c-go);color:var(--c-go);background:var(--c-success-soft)}.clarity-btn.on.down{border-color:var(--c-danger);color:var(--c-danger);background:var(--c-danger-soft)}.invite-card{max-width:560px;margin:0 auto 16px}.invite-card textarea{width:100%}.invite-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}.invite-link{background:var(--c-bg);border:1px dashed var(--c-line-strong);border-radius:10px;padding:12px;margin:12px 0}.invite-link input{width:100%;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px}.invite-row-actions{white-space:nowrap}.invite-row-actions button{padding:4px 10px;margin-right:4px}.invite-consent{display:flex;gap:10px;align-items:flex-start;margin:14px 0;cursor:pointer}.invite-consent input{width:auto;margin-top:4px}.role-toggles{display:flex;flex-wrap:wrap;gap:12px}.role-toggles label{display:inline-flex;gap:4px;align-items:center;cursor:pointer}.role-toggles input{width:auto;margin:0}.teacher{max-width:720px;margin:0 auto}.teacher-head{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.teacher-head .shell-lang{margin-left:auto}.teacher-id h2{margin:0 0 4px}.teacher-id p{margin:2px 0}.teacher-photo{width:88px;height:88px;border-radius:50%;object-fit:cover;flex:none}.teacher-initials{display:grid;place-items:center;background:var(--c-primary);color:var(--c-on-primary);font-size:32px;font-weight:800}.teacher-bio{white-space:pre-line;margin:0}@media (max-width: 600px){.teacher-photo{width:64px;height:64px;font-size:24px}.role-toggles{gap:8px}}.home-card-studio:hover{border-color:#c8553d}.home-card-studio .home-go{color:#c8553d}.voice-check{max-width:900px;margin:0 auto}.vc-pick select{width:100%;margin-bottom:8px}.vc-preview-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.lv-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.lv-lang{min-width:0}.lv-head{display:flex;align-items:center;gap:6px}.lv-head .badge{margin-left:auto}.lv-text{font-size:15px;margin:6px 0}.lv-actions,.rec-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.lv-actions button,.rec-row button{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;min-height:40px}.recorder{margin-top:8px}.rec-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px}.rec-live{background:#c8553d}.rec-time{font-variant-numeric:tabular-nums;opacity:.9}.teacher-photo-btn{display:inline-flex;align-items:center;gap:4px}@media (max-width: 700px){.lv-grid{grid-template-columns:1fr}}.studio{max-width:1180px;margin:0 auto}.studio-new .bi{margin-bottom:8px}.studio-list{list-style:none;padding:0;margin:0}.studio-list li{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 0;border-bottom:1px solid var(--c-primary-soft)}.studio-list li>div{flex:1 1 260px;min-width:0}.studio-chips{display:inline-flex;gap:6px}.studio-edit{display:inline-flex;align-items:center;gap:4px}.chip.st-draft{background:var(--c-primary-soft);color:var(--c-muted)}.chip.st-review{background:var(--c-accent-soft);color:var(--c-accent-ink)}.chip.st-changes{background:var(--c-danger-soft);color:var(--c-danger-ink)}.chip.st-live{background:var(--c-success-soft);color:var(--c-success)}.editor-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.editor-title{display:flex;align-items:center;gap:10px;flex:1 1 280px;min-width:0}.editor-title h2{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.save-state{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--c-muted)}.save-state.ok{color:var(--c-success)}.save-state.bad{color:var(--c-danger);flex-wrap:wrap}.editor-tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:2px solid var(--c-line);margin-bottom:14px;-webkit-overflow-scrolling:touch}.editor-tabs button{background:transparent;color:var(--c-muted);border-radius:8px 8px 0 0;padding:10px 14px;white-space:nowrap;font-weight:700}.editor-tabs button.on{background:var(--c-primary);color:var(--c-on-primary)}.sf{margin-bottom:12px}.sf input,.sf textarea,.sf select{width:100%}.sf-help{margin:4px 0 0}.sf-err{margin:4px 0 0;font-size:13px}.sf-bad input,.sf-bad textarea{border-color:var(--c-danger)}.sf-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0 12px}.bi{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bi-side{display:flex;flex-direction:column;gap:2px;min-width:0}.bi-lang{font-size:12px;font-weight:700;color:var(--c-muted)}.sf-list{border-left:3px solid var(--c-line);padding-left:10px}.sf-item{background:var(--c-bg);border:1px solid var(--c-line);border-radius:10px;padding:10px;margin:8px 0}.sf-item-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}.sf-add{display:inline-flex;align-items:center;gap:4px;margin-top:4px}.icon-btn{background:transparent;color:var(--c-primary);padding:6px;min-width:36px;min-height:36px;display:inline-grid;place-items:center}.icon-btn:disabled{opacity:.35}.check-row{display:flex;align-items:flex-start;gap:8px;margin:8px 0;cursor:pointer}.check-row input{width:auto;margin-top:4px}.scenes-tab{display:grid;grid-template-columns:320px 1fr;gap:16px;align-items:start}.parts-list{position:sticky;top:12px;max-height:calc(100vh - 40px);overflow-y:auto}.part-block{border-bottom:1px solid var(--c-line);padding-bottom:10px;margin-bottom:10px}.part-head{display:flex;justify-content:space-between;align-items:center}.scene-list{list-style:none;padding:0;margin:6px 0}.scene-list li{display:flex;align-items:center;gap:4px;border-radius:8px}.scene-list li.on{background:var(--c-primary-soft)}.scene-pick{flex:1;min-width:0;background:transparent;color:var(--c-ink);text-align:left;display:flex;flex-direction:column;padding:8px}.scene-pick span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.scene-tools{display:inline-flex}.scene-preview{display:block;max-width:100%;height:auto!important;aspect-ratio:16 / 9;border-radius:10px;border:1px solid var(--c-line);background:var(--c-bg)}.scene-preview-wrap{margin:8px 0 12px}.scene-preview-wrap .seg{margin-bottom:6px}.step-list{list-style:none;padding:0;margin:4px 0;display:flex;flex-direction:column;gap:4px}.step-list button{width:100%;text-align:left;background:var(--c-bg);color:var(--c-ink);font-weight:600;padding:6px 10px}.step-list button.on{background:var(--c-accent-soft)}.tpl-picker-head{display:flex;justify-content:space-between;align-items:center}.tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.tpl-card{background:var(--c-surface);color:var(--c-ink);border:2px solid var(--c-line);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:4px;text-align:left}.tpl-card:hover,.tpl-card:focus-visible{border-color:var(--c-accent)}.narr-head .narr-preview{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-top:8px}.narr-line{border-left:4px solid var(--c-accent)}.quiz-opt-edit{border-radius:8px}.quiz-opt-edit.right{background:var(--c-success-soft)}.code-results p{margin:6px 0}.preview-bar{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}.preview-bar select{width:auto;max-width:100%}.phone-frame{max-width:820px;margin:12px auto;padding:14px 22px;border-radius:36px;background:#111827;box-shadow:0 10px 30px #10214240}.wide-frame{margin-top:12px}.issue-list{list-style:none;padding:0;margin:0}.issue{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;margin-bottom:6px;flex-wrap:wrap}.issue.bad{background:var(--c-danger-soft)}.issue.warn{background:var(--c-accent-soft)}.issue span{flex:1 1 260px}.submit-done svg,.submit-tab h3 svg{vertical-align:-3px}@media (max-width: 860px){.scenes-tab{grid-template-columns:1fr}.parts-list{position:static;max-height:none}}@media (max-width: 600px){.bi{grid-template-columns:1fr}.phone-frame{padding:8px 10px;border-radius:20px}}.feedback-banner{background:var(--c-accent-soft);border:1px solid var(--c-accent);border-radius:10px;padding:10px 12px;margin-bottom:10px;color:var(--c-ink)}.has-comment{color:var(--c-accent-ink);font-weight:700}.pinned{list-style:none;padding:0;margin:6px 0 10px}.pinned-item{display:flex;gap:8px;align-items:flex-start;background:var(--c-accent-soft);border-left:4px solid var(--c-accent);border-radius:6px;padding:8px 10px;margin-bottom:6px}.pinned-item svg{flex:none;margin-top:3px;color:var(--c-accent-ink)}.pinned-item span{flex:1}.review-page{max-width:1280px;margin:0 auto}.review-grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:16px;align-items:start}.review-side{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow-y:auto}.rv-panel-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.rv-panel-head h3{margin:0}.rv-checks{list-style:none;padding:0;margin:8px 0 0}.rv-check summary{display:flex;align-items:center;gap:6px;cursor:pointer;padding:6px 0}.rv-check summary span{flex:1}.rv-check.pass svg{color:var(--c-success)}.rv-check.warn svg{color:var(--c-accent-ink)}.rv-check.fail svg{color:var(--c-danger)}.rv-check.pending svg,.rv-check.na svg{color:var(--c-muted-2)}.rv-check.fail summary b{color:var(--c-danger)}.rv-details{font-size:13px;color:var(--c-muted);margin:0 0 6px 24px;padding-left:12px}.rv-findings{list-style:none;padding:0;margin:8px 0 0}.rv-finding{border-left:4px solid var(--c-line-strong);padding:6px 10px;margin-bottom:8px;background:var(--c-bg);border-radius:6px}.rv-finding.sev-high{border-left-color:var(--c-danger)}.rv-finding.sev-medium{border-left-color:var(--c-accent)}.rv-finding p{margin:4px 0}.rv-finding-head{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.rv-finding-head .badge{margin-left:0}.chip.v-looks_good{background:var(--c-success-soft);color:var(--c-success)}.chip.v-minor_fixes{background:var(--c-accent-soft);color:var(--c-accent-ink)}.chip.v-needs_changes{background:var(--c-danger-soft);color:var(--c-danger-ink)}.chip.ck-pass{background:var(--c-success-soft);color:var(--c-success)}.chip.ck-warn,.chip.ck-pending{background:var(--c-accent-soft);color:var(--c-accent-ink)}.chip.ck-fail{background:var(--c-danger-soft);color:var(--c-danger-ink)}.rv-model,.rv-ranby{font-size:12px}.rv-outline h4{margin:12px 0 4px}.rv-scene{border-top:1px solid var(--c-primary-soft);padding-top:6px}.rv-lines{padding-left:20px}.rv-lines li{margin-bottom:8px}.rv-lines p,.rv-q p{margin:2px 0}.rv-q{border-top:1px dashed var(--c-line);padding-top:6px;margin-top:8px}.rv-right{font-weight:700;color:var(--c-success)}.rv-cbtn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:13px}.rv-cbox{display:flex;flex-direction:column;gap:6px;margin:6px 0}.rv-cbox textarea{width:100%}.rv-cbox span{display:flex;gap:6px}.rv-clist{list-style:none;padding:0;margin:0 0 8px}.rv-clist li{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:flex-start;border-bottom:1px solid var(--c-primary-soft);padding:6px 0}.rv-clist li b{flex-basis:100%;font-size:13px;color:var(--c-muted)}.rv-clist li span{flex:1}.rv-decide{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.review-page pre.code-area{white-space:pre-wrap;font-size:13px}@media (max-width: 980px){.review-grid{grid-template-columns:1fr}.review-side{position:static;max-height:none}}.home-worlds{margin-top:18px}.home-world.world-dsa:hover{border-color:var(--c-primary)}.world-page{max-width:860px;margin:0 auto}.world-path{list-style:none;padding:0;margin:12px 0}.world-step{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center}.world-step.next{border:2px solid var(--c-accent)}.world-step.done{background:var(--c-success-soft)}.world-num{width:40px;height:40px;border-radius:50%;background:var(--c-primary);color:var(--c-on-primary);display:grid;place-items:center;font-weight:800;font-size:18px}.world-step.done .world-num{background:var(--c-success)}.world-body h3{margin:0 0 4px}.world-body p{margin:0 0 6px}.world-hook{color:var(--c-primary);font-weight:600;font-size:14px}.world-board{display:inline-flex;align-items:center;gap:6px}.world-done{font-weight:700}.lb-list{list-style:none;padding:0;margin:8px 0 0}.lb-list li{display:grid;grid-template-columns:48px 1fr auto;gap:8px;padding:8px 6px;border-bottom:1px solid var(--c-primary-soft);align-items:center}.lb-list li.me{background:var(--c-accent-soft);border-radius:8px;font-weight:700}.lb-rank{font-weight:800;color:var(--c-primary)}.code-ex.ok{border-left:4px solid var(--c-success)}.code-ex-head{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap}.code-ex .code-area{width:100%;font-size:14px}.code-ex-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0}.code-ex-actions button{display:inline-flex;align-items:center;gap:4px}.code-ex tr.pass td:first-child{color:var(--c-success);font-weight:800}.code-ex tr.fail td:first-child{color:var(--c-danger);font-weight:800}.code-sol{white-space:pre-wrap;background:var(--c-primary-strong);color:#e8eefc;padding:10px;border-radius:8px;font-size:13px}.quiz-mistake{background:var(--c-accent-soft);border-radius:8px;padding:6px 10px}@media (max-width: 600px){.world-step{grid-template-columns:36px 1fr}.world-step>a{grid-column:1 / -1;justify-self:start}}.devops-track{margin-top:18px}.devops-track h3{margin:0 0 8px}.devops-lab h4{margin:0 0 6px;font-size:17px}.devops-lab .home-go{display:inline-flex;align-items:center;gap:4px}.devops-lab.is-soon{opacity:.75;cursor:default}.devops-lab.is-soon .chip{display:inline-flex;align-items:center;gap:4px}.devops-lab-page{display:flex;flex-direction:column;gap:8px}.devops-lab-bar{display:flex;align-items:center;gap:10px}.devops-lab-bar h2{flex:1;margin:0;font-size:clamp(17px,3vw,22px)}.devops-lab-bar .shell-btn{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.devops-frame{width:100%;height:calc(100vh - 150px);height:calc(100dvh - 150px);min-height:420px;border:1px solid var(--c-line-strong);border-radius:12px;background:var(--c-bg)}@media (max-width: 760px){.devops-frame{height:calc(100dvh - 204px - env(safe-area-inset-bottom,0px));min-height:360px}}.home-hello{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.streak-chip{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:999px;font-weight:800;text-decoration:none;background:var(--c-surface);color:var(--c-muted-2);border:1px solid var(--c-line)}.streak-chip.lit{color:var(--c-accent);border-color:var(--c-accent-line);background:var(--c-accent-soft)}.continue-card.done{cursor:default}.daily-goal{display:grid;gap:8px}.daily-goal-text{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.goal-bar,.world-bar{display:block;height:10px;border-radius:999px;background:var(--c-primary-soft);overflow:hidden}.goal-bar>span,.world-bar>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--c-accent),var(--c-go));transition:width .5s ease}.home-card-devops:hover{border-color:var(--c-accent)}.home-card-devops .home-go{color:var(--c-accent-ink)}.home-card-game{opacity:.92}.learn-page h3,.me-page h3{margin:18px 0 8px}.world-cards{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.world-card{display:flex;gap:14px;align-items:center;text-decoration:none;color:var(--c-ink);margin:0;border:2px solid transparent;transition:transform .15s,border-color .15s}.world-card:hover{transform:translateY(-2px);border-color:var(--c-primary)}.world-card-icon{font-size:38px;line-height:1;width:56px;height:56px;display:grid;place-items:center;border-radius:16px;background:var(--c-primary-soft);flex:none}.world-card-body{display:grid;gap:4px;min-width:0;flex:1}.world-card-name{font-size:1.15rem;color:var(--c-primary);letter-spacing:.01em}.world-card-title{color:var(--c-ink);font-weight:600}.missions-link{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--c-ink);margin-top:12px}.missions-link>svg{font-size:30px;color:var(--c-primary);flex:none}.missions-link span{display:grid;gap:2px}.play-tabs{margin-bottom:10px}.play-tabs a{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;text-decoration:none;font-weight:700;background:var(--c-primary-soft);color:var(--c-ink);border-radius:8px}.play-tabs a.on{background:var(--c-primary);color:var(--c-on-primary)}.game-nudge{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--c-ink);margin:14px 0 0;border-left:5px solid var(--c-accent)}.game-nudge>svg{font-size:28px;color:var(--c-primary);flex:none}.game-nudge span{display:grid;gap:2px;text-align:left}.me-head{display:flex;gap:14px;align-items:center}.me-avatar{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:24px;font-weight:800;background:var(--c-primary);color:var(--c-on-primary);flex:none}.me-head h2{margin:0}.me-today{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.goal-card,.streak-card{display:flex;gap:14px;align-items:center;margin:0}.goal-ring{--pct: 0;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;flex:none;background:conic-gradient(var(--c-go) calc(var(--pct) * 1%),var(--c-primary-soft) 0)}.goal-ring b{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--c-surface);font-size:14px}.streak-flame{font-size:44px;color:var(--c-accent);flex:none}.streak-num{font-size:28px}.me-stats{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.me-stats .stat{margin:0}.me-stats .stat span{font-size:24px}.me-stats .stat small{color:var(--c-muted)}.me-settings{display:grid;gap:14px}.me-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.me-row>span{display:inline-flex;align-items:center;gap:6px;font-weight:600}.theme-swatches{display:flex;gap:10px}.theme-swatch{background:none;color:var(--c-ink);padding:0;display:grid;justify-items:center;gap:4px}.theme-swatch .sw{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:20px;border:3px solid var(--c-surface);box-shadow:0 0 0 2px var(--c-line-strong)}.theme-swatch.on .sw{box-shadow:0 0 0 3px var(--c-ink)}.me-links{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:16px 0}.me-link{display:flex;gap:8px;align-items:center;text-decoration:none;color:var(--c-ink);font-weight:600;margin:0}.me-link svg{color:var(--c-primary);font-size:20px}.me-logout{display:inline-flex;align-items:center;gap:6px}.engagement-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.engagement-days{width:100%;margin:6px 0 12px}.engagement-days th{width:48px;text-align:left;font-weight:600;color:var(--c-muted);font-size:12px}.engagement-days td{display:grid;gap:2px;padding:3px 0}.engagement-days .bar{display:block;min-width:2px;height:14px;border-radius:4px;font-size:10px;line-height:14px;padding-left:4px;color:var(--c-on-primary)}.bar.learn,.key.learn{background:var(--c-go)}.bar.play,.key.play{background:var(--c-accent)}.key{display:inline-block;width:10px;height:10px;border-radius:2px;vertical-align:middle}.arena-center>button{background:var(--c-accent);color:var(--c-ink);font-weight:800;padding:12px 28px;font-size:18px;box-shadow:0 4px 14px #00000040}@media (max-width: 600px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.burst-bit{position:fixed;width:9px;height:9px;border-radius:2px;pointer-events:none;z-index:2000;margin:-4px 0 0 -4px}.goal-cheer{position:fixed;top:76px;left:50%;translate:-50% 0;z-index:1900;display:grid;justify-items:center;gap:2px;background:var(--c-surface);color:var(--c-ink);padding:14px 22px;border-radius:16px;text-align:center;box-shadow:0 12px 36px rgba(var(--c-primary-rgb),.28);border:2px solid var(--c-accent)}.goal-cheer-emoji{font-size:34px;display:inline-block}.goal-cheer small{color:var(--c-muted)}.continue-play{will-change:transform}.streak-chip svg{display:inline-block}.home-hello{flex-wrap:wrap}.home-hello h2{flex:1;min-width:0}.points-chip{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:999px;font-weight:800;text-decoration:none;background:var(--c-primary-soft);color:var(--c-primary);border:1px solid var(--c-line)}.freeze-count{margin-left:4px;font-size:12px}.reward-stack{position:fixed;top:70px;right:16px;z-index:1950;display:grid;gap:8px;justify-items:end;pointer-events:none}.reward{background:var(--c-surface);color:var(--c-ink);font-weight:800;padding:8px 14px;border-radius:999px;box-shadow:0 6px 20px rgba(var(--c-primary-rgb),.25);border:2px solid var(--c-accent)}.reward-freeze{border-color:var(--c-primary-2)}.game-locked{padding:20px;gap:8px}.game-lock-icon{font-size:44px;color:var(--c-primary)}.game-unlock-btn{display:inline-block;margin-top:6px;background:var(--c-accent);color:var(--c-ink);font-weight:800;padding:10px 20px;border-radius:10px;text-decoration:none}.home-card-game.locked{opacity:.75}.home-card-game.locked .home-emoji{color:var(--c-muted)}.share-btn{display:inline-flex;align-items:center;gap:6px;margin-top:8px}.dob-card{display:grid;gap:6px;border-left:5px solid var(--c-accent)}.dob-row{display:flex;gap:8px;flex-wrap:wrap}.dob-row input{flex:1;min-width:160px;margin:0}.install-card{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-left:5px solid var(--c-primary)}.install-card>div:nth-child(2){display:grid;gap:2px;flex:1;min-width:180px}.install-icon{font-size:34px;color:var(--c-primary);flex:none}.install-actions{display:flex;gap:8px}.world-done{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.class-report{max-width:1100px;margin:0 auto}.report-controls select{max-width:100%}.report-dates{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-top:8px}.report-dates label{display:grid;gap:4px;font-size:13px;color:var(--c-muted)}.report-dates input{margin:0}.report-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:4px 0 12px}.report-actions button{display:inline-flex;align-items:center;gap:6px}.report-table{font-size:13px;white-space:nowrap}.report-table th{position:sticky;top:0;background:var(--c-surface)}.report-table td:first-child{white-space:normal;min-width:160px}.report-table .lesson-col{max-width:90px;overflow:hidden;text-overflow:ellipsis}.report-table .lesson-cell{text-align:center}.mini-bar{display:inline-block;width:50px;height:8px;border-radius:99px;background:var(--c-primary-soft);overflow:hidden;vertical-align:middle}.mini-bar>span{display:block;height:100%;background:var(--c-go)}.class-card{display:grid;gap:8px;border-left:5px solid var(--c-go)}.class-card-head{display:flex;gap:10px;align-items:flex-start}.class-card-head>div{display:grid;gap:2px}.class-card-icon{font-size:28px;color:var(--c-go);flex:none;margin-top:2px}.class-card-fields{display:grid;gap:2px}.class-card-fields input{margin-bottom:6px}.class-card button{justify-self:start}.home-card-focus:hover{border-color:var(--c-go)}.home-card-focus .home-go{color:var(--c-go)}.focus-page{max-width:560px;margin:0 auto}.focus-page .shell-title h2{display:flex;align-items:center;gap:8px}.focus-start p,.focus-run p{margin:0 0 12px}.focus-durations{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 16px}.focus-dur{flex:1;min-width:70px;display:grid;justify-items:center;gap:2px;padding:14px 8px;background:var(--c-primary-soft);color:var(--c-ink);border:2px solid transparent;border-radius:12px}.focus-dur b{font-size:22px}.focus-dur small{color:var(--c-muted)}.focus-dur.on{border-color:var(--c-primary);background:var(--c-surface)}.focus-go{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:17px;padding:14px}.focus-privacy{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--c-muted);background:var(--c-primary-soft);border-radius:10px;padding:10px 12px;margin:12px 0}.focus-privacy svg{flex:none;margin-top:2px}.focus-run{text-align:center;display:grid;justify-items:center;gap:10px}.focus-ring{--pct: 0;width:220px;max-width:70vw;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--c-go) calc(var(--pct) * 1%),var(--c-primary-soft) 0)}.focus-time{width:82%;aspect-ratio:1;border-radius:50%;background:var(--c-surface);display:grid;place-items:center;font-size:clamp(36px,12vw,54px);font-weight:800;font-variant-numeric:tabular-nums;color:var(--c-primary)}.focus-left{color:var(--c-accent-ink);font-weight:600;margin:0}.focus-done{text-align:center;display:grid;justify-items:center;gap:8px}.focus-done-icon{font-size:54px;color:var(--c-go)}.focus-points{font-size:24px;font-weight:800;margin:0}.focus-stats{margin-top:16px}body.present-mode{padding-bottom:0}body.present-mode .nav,body.present-mode .site-footer{display:none}body.present-mode .container{max-width:none;margin:0;padding:0}.present-pick .shell-title h2,.present-lesson h2{display:flex;align-items:center;gap:8px}.present-world{margin-bottom:18px}.present-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.present-card{display:flex;gap:10px;align-items:flex-start;text-decoration:none;color:var(--c-ink);margin:0;font-weight:600}.present-card:hover{border-color:var(--c-primary)}.present-card svg{color:var(--c-primary);font-size:22px;flex:none;margin-top:2px}.present-card-text{display:flex;flex-direction:column;gap:3px;min-width:0}.present-card-hook{color:var(--c-muted);font-size:12.5px;font-weight:400;line-height:1.3}.present-lesson{display:flex;flex-direction:column;height:100vh;height:100dvh}.present-bar{display:flex;align-items:center;gap:12px;padding:8px 14px;border-bottom:1px solid var(--c-line);background:var(--c-surface)}.present-bar h2{flex:1;min-width:0;font-size:clamp(16px,2.4vw,22px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.present-keys{color:var(--c-muted);font-size:13px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.present-stage{flex:1;min-height:0;display:grid;place-items:center;padding:10px;background:var(--c-bg)}.present-stage .lp{width:100%;max-width:min(100%,calc((100dvh - 120px) * 16 / 9))}.lp.is-present .lp-cc{font-size:clamp(18px,2.6vw,34px);padding:8px 18px;font-weight:600}.devops-lab .lab-done{color:var(--c-success);vertical-align:-3px}.circles-page{display:grid;gap:14px}.circles-page h2 svg{vertical-align:-3px}.circle-list{display:grid;gap:10px}.circle-item{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--c-ink);margin:0}.circle-item:hover{border-color:var(--c-primary)}.circle-item-body{display:grid;gap:2px;min-width:0}.circle-item-body b{overflow-wrap:anywhere}.circle-badge{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-weight:800;font-size:20px;background:var(--c-nav);background-color:var(--c-primary);color:var(--c-on-primary)}.circle-badge.big{width:64px;height:64px;font-size:30px;border-radius:20px;margin-bottom:8px}.circle-forms{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.circle-forms .card{margin:0}.circle-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.circle-row input{flex:1;min-width:0}.circle-limits{font-size:13px}.chip.role-owner{background:var(--c-accent-soft);color:var(--c-accent-ink)}.chip.role-helper{background:var(--c-primary-soft);color:var(--c-primary)}.circle-week{grid-template-columns:repeat(3,1fr);margin:0}.circle-invite{display:grid;gap:8px;margin:0}.circle-invite .invite-link{margin:0;font-size:13px;overflow-wrap:anywhere}.circle-board{list-style:none;padding:4px 12px;margin:0}.circle-board li{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--c-line)}.circle-board li:first-child{border-top:none}.circle-board li.me{background:var(--c-primary-soft);margin:0 -12px;padding:10px 12px;border-radius:10px}.circle-board .rank{width:26px;height:26px;flex:none;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px;background:var(--c-bg)}.circle-board li:nth-child(1) .rank{background:#ffd54a}.circle-board li:nth-child(2) .rank{background:#d9dee8}.circle-board li:nth-child(3) .rank{background:#f2b48a}.circle-board .who{flex:1;min-width:0;overflow-wrap:anywhere}.circle-board .who .chip{margin-left:6px}.circle-board .pts{white-space:nowrap}.circle-board .tools{display:flex}.circle-join .card{display:grid;justify-items:start;gap:8px}.join-terms{list-style:none;padding:0;margin:6px 0;display:grid;gap:8px;font-size:14px}.join-terms li{display:flex;gap:8px;align-items:flex-start}.join-terms svg{flex:none;margin-top:3px;color:var(--c-primary)}.join-agree{display:flex;gap:10px;align-items:flex-start;font-weight:600}.join-agree input{width:20px;height:20px;flex:none;margin:2px 0 0}.lp-ghost.danger{color:var(--c-danger);border-color:var(--c-danger);background:transparent}.circle-week .stat{padding:12px 6px;min-width:0}.circle-week .stat span{font-size:24px}.circle-week .stat small{color:var(--c-muted);font-size:12px;display:block;overflow-wrap:anywhere}.circles-page h3{overflow-wrap:anywhere}.wars-page{display:grid;gap:14px}.war-worlds{display:flex;flex-wrap:wrap}.war-head{display:grid;gap:8px;margin:0}.war-head>div:first-child{display:grid;gap:2px}.war-ruler{background:var(--c-accent-soft);color:var(--c-accent-ink);border-radius:10px;padding:6px 10px;font-size:14px}.war-ruler svg{vertical-align:-3px}.war-cta{display:flex;gap:8px;align-items:center;margin:0;text-decoration:none;color:var(--c-ink);border:1.5px dashed var(--c-primary)}.war-road{list-style:none;margin:0;padding:6px 0;position:relative;display:grid;gap:14px}.war-road:before{content:"";position:absolute;top:0;bottom:0;left:50%;border-left:3px dashed var(--c-line-strong)}.war-node{position:relative;display:grid;grid-template-columns:1fr 44px 1fr;align-items:center}.war-node .war-pin{grid-column:2;z-index:1;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:22px;background:var(--c-surface);border:3px solid var(--flag, var(--c-line-strong));box-shadow:0 2px 8px #00000014}.war-node.left .war-card{grid-column:1;grid-row:1;margin-right:10px}.war-node.right .war-card{grid-column:3;grid-row:1;margin-left:10px}.war-card{background:var(--c-surface);border:1px solid var(--c-line);border-left:5px solid var(--flag, var(--c-line-strong));border-radius:12px;padding:10px 12px;display:grid;gap:3px;min-width:0}.war-node.held .war-card{box-shadow:0 0 0 2px var(--c-accent),0 6px 16px rgba(var(--c-primary-rgb),.15)}.war-node.held .war-pin{animation:war-glow 2.4s ease-in-out infinite}.war-node.free .war-card{border-left-style:dashed}.war-card b{overflow-wrap:anywhere}.war-holder{font-size:13px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.war-holder i,.war-flag{display:inline-block;width:12px;height:12px;border-radius:3px;flex:none}.war-holder em{color:var(--c-accent-ink);font-style:normal;font-weight:700}.war-mine{color:var(--c-primary);font-weight:600}.war-done{color:var(--c-success);font-weight:700}.war-fight{font-size:13px;font-weight:700;color:var(--c-primary);text-decoration:none;justify-self:start}.war-standings .who{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.war-how{margin:0}.war-how summary{cursor:pointer;font-weight:700}.war-how summary svg{vertical-align:-3px}.war-how ul{margin:10px 0 0;padding-left:18px;display:grid;gap:6px;font-size:14px}@keyframes war-glow{50%{box-shadow:0 0 0 6px #ffc40059}}@media (prefers-reduced-motion: reduce){.war-node.held .war-pin{animation:none}}@media (max-width: 560px){.war-road:before{left:21px}.war-node{grid-template-columns:44px 1fr}.war-node .war-pin{grid-column:1}.war-node.left .war-card,.war-node.right .war-card{grid-column:2;grid-row:1;margin:0 0 0 10px}}.promo-btn{margin-top:14px;display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:9px 16px;background:var(--c-surface);color:var(--c-primary);font-weight:700;box-shadow:0 4px 14px #0000002e}.promo-btn svg{font-size:20px}.promo-btn:hover{transform:translateY(-1px)}.promo-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;background:#0a0a1ecc;display:grid;place-items:center;padding:16px}.promo-dialog{display:grid;gap:8px;width:min(400px,100%)}.promo-bar{display:flex;justify-content:space-between;align-items:center}.promo-close{color:#fff;font-size:26px}.promo-frame{width:100%;aspect-ratio:9 / 16;max-height:calc(100dvh - 90px);border:0;border-radius:16px;background:#000}@media (max-width: 760px){.promo-btn{margin-top:10px;padding:7px 14px;font-size:14px}}.focus-start select{width:100%;margin-bottom:4px}.focus-fight{color:var(--c-primary);font-weight:600}.enx{overflow:visible;display:block}.enx .enx-stop-1{stop-color:var(--c-primary)}.enx .enx-stop-2{stop-color:var(--c-primary-2)}.enx-e{fill:none;stroke-width:14;stroke-linecap:round}.enx-face-fill{fill:var(--c-primary-soft)}.enx-foot{fill:var(--c-primary-strong)}.enx-shadow{fill:var(--c-ink);opacity:.12}.enx-white{fill:#fff}.enx-ink{fill:#1b1b3a}.enx-ink-line{fill:none;stroke:#1b1b3a;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.enx-mouth-open{fill:#1b1b3a;stroke:#1b1b3a;stroke-width:2;stroke-linejoin:round}.enx-cheek{fill:var(--c-accent);opacity:.45}.enx-cap-base{fill:#23233a}.enx-cap-top{fill:#34345a}.enx-button{fill:var(--c-accent)}.enx-tassel path{fill:none;stroke:var(--c-accent);stroke-width:2.2;stroke-linecap:round}.enx-tassel circle{fill:var(--c-accent)}.enx-arm path{fill:none;stroke-width:9;stroke-linecap:round}.enx-hands path{fill:none;stroke-width:8;stroke-linecap:round}.enx-hands{animation:enx-cover .3s cubic-bezier(.3,1.4,.5,1)}@keyframes enx-cover{0%{transform:translateY(26px);opacity:0}}.enx-z{font:700 14px system-ui,sans-serif;fill:var(--c-primary)}.enx-pupils{transition:transform .18s ease-out}.enx-body{animation:enx-bob 3.2s ease-in-out infinite}.enx-eyes{transform-box:fill-box;transform-origin:center;animation:enx-blink 4.6s infinite}.enx-tassel{transform-box:fill-box;transform-origin:0 0;animation:enx-swing 2.6s ease-in-out infinite}.enx-face{transform-box:fill-box;transform-origin:center;animation:enx-swap .28s ease-out}.enx-arm{transform-box:fill-box;transform-origin:0 100%;animation:enx-wave 1.2s ease-in-out infinite}.enx-happy .enx-body{animation:enx-hop .6s cubic-bezier(.3,1.6,.5,1),enx-bob 3.2s ease-in-out .6s infinite}.enx-sleep .enx-body{animation-duration:5s}.enx-z{animation:enx-float 2.4s ease-in-out infinite}.enx-still .enx-body,.enx-still .enx-tassel{animation:none}.enx-draw .enx-e{stroke-dasharray:1;animation:enx-write 1s cubic-bezier(.6,0,.3,1) both}.enx-draw .enx-face,.enx-draw .enx-face-fill{animation:enx-pop .45s cubic-bezier(.3,1.5,.5,1) .8s both;transform-box:fill-box;transform-origin:center}.enx-draw .enx-foot{animation:enx-pop .35s ease-out .7s both;transform-box:fill-box;transform-origin:center}.enx-draw .enx-cap{transform-box:fill-box;transform-origin:center;animation:enx-capdrop .7s cubic-bezier(.3,1.4,.5,1) 1.05s both}@keyframes enx-bob{50%{transform:translateY(-2.5px)}}@keyframes enx-blink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.08)}}@keyframes enx-swing{0%,to{transform:rotate(-5deg)}50%{transform:rotate(9deg)}}@keyframes enx-swap{0%{transform:scale(.7);opacity:.2}to{transform:scale(1);opacity:1}}@keyframes enx-wave{0%,to{transform:rotate(0)}30%{transform:rotate(-22deg)}65%{transform:rotate(14deg)}}@keyframes enx-hop{0%{transform:translateY(0)}40%{transform:translateY(-12px)}to{transform:translateY(0)}}@keyframes enx-float{0%{opacity:0;transform:translateY(4px)}50%{opacity:1}to{opacity:0;transform:translate(6px,-10px)}}@keyframes enx-write{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes enx-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes enx-capdrop{0%{opacity:0;transform:translateY(-40px) rotate(-25deg)}60%{opacity:1;transform:translateY(3px) rotate(5deg)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.enx *,.enx-body{animation:none!important;transition:none!important}}body.welcome-mode .mobile-nav,body.welcome-mode .focus-fab,body.welcome-mode .site-footer{display:none}body.welcome-mode{padding-bottom:0}.welcome{max-width:460px;margin:0 auto;min-height:calc(100dvh - 120px);display:flex;flex-direction:column;text-align:center}.welcome-top{display:flex;align-items:center;gap:12px}.welcome-icon{width:44px;height:44px;flex:none;display:grid;place-items:center;padding:0;border-radius:50%;background:var(--c-surface);color:var(--c-ink);font-size:22px;border:1px solid var(--c-line)}span.welcome-icon{visibility:hidden}.welcome-progress{flex:1;display:flex;gap:6px}.welcome-progress span{flex:1;height:8px;border-radius:99px;background:var(--c-line);transition:background .4s ease}.welcome-progress span.on{background:linear-gradient(90deg,var(--c-primary),var(--c-primary-2))}.welcome-stage{position:relative;height:230px;margin-top:8px;transition:height .5s ease}.welcome-glow{position:absolute;left:50%;top:50%;width:220px;height:220px;margin:-110px 0 0 -110px;border-radius:50%;background:radial-gradient(circle,rgba(var(--c-primary-rgb),.16),rgba(var(--c-primary-rgb),0) 68%);transition:transform .7s ease,opacity .5s ease}.stage-grow .welcome-glow{transform:translateY(-16px) scale(.8)}.stage-go .welcome-glow{opacity:0}.welcome-char{position:absolute;left:50%;top:22px;width:150px;margin-left:-75px;will-change:transform}.welcome-stones .stone{position:absolute;width:74px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:var(--c-muted);background:var(--c-surface);border:2px solid var(--c-line-strong);box-shadow:0 6px 0 var(--c-line-strong);animation:wel-stone .5s cubic-bezier(.3,1.5,.5,1) both}.welcome-stones .s1{left:calc(50% - 123px);top:168px;color:var(--c-on-primary);background:var(--c-primary);border-color:var(--c-primary-strong);box-shadow:0 6px 0 var(--c-primary-strong);animation-delay:.1s}.welcome-stones .s2{left:calc(50% - 30px);top:116px;animation-delay:.25s}.welcome-stones .s3{left:calc(50% + 60px);top:62px;opacity:.6;animation-delay:.4s}.welcome-stones .s1,.welcome-stones .s2,.welcome-stones .s3{line-height:1}@keyframes wel-stone{0%{opacity:0;transform:translateY(20px) scale(.6)}}.welcome-panel{display:grid;gap:10px;padding:4px 4px 0}.welcome-panel h1{font-size:28px;line-height:1.2;margin:0}.welcome-sub{color:var(--c-muted);font-size:15px;line-height:1.5;margin:0}.welcome-kicker{margin:0;color:var(--c-primary);font-size:13px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.welcome-langs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.welcome-lang{display:grid;gap:2px;padding:16px 10px;border-radius:16px;background:var(--c-surface);color:var(--c-ink);border:2px solid var(--c-line-strong);box-shadow:0 4px 0 var(--c-line-strong);transition:transform .15s ease,border-color .15s ease}.welcome-lang b{font-size:22px}.welcome-lang small{color:var(--c-muted);font-size:12px}.welcome-lang:hover,.welcome-lang:focus-visible{border-color:var(--c-primary);transform:translateY(-2px);opacity:1}.welcome-lang:active{transform:translateY(2px);box-shadow:0 2px 0 var(--c-line-strong)}.welcome-lang.on{border-color:var(--c-primary);box-shadow:0 4px 0 var(--c-primary)}.welcome-growth{list-style:none;padding:0;margin:6px 0 0;display:grid;gap:8px}.welcome-growth li{display:grid;grid-template-columns:48px 1fr 104px;align-items:center;gap:10px;opacity:.25;transition:opacity .35s ease}.welcome-growth li.on{opacity:1}.welcome-growth .g-n{font-weight:800;text-align:right;color:var(--c-muted)}.welcome-growth .g-bar{height:14px;border-radius:99px;background:var(--c-line);overflow:hidden}.welcome-growth .g-bar span{display:block;height:100%;border-radius:99px;background:var(--c-primary);transition:width .5s cubic-bezier(.3,1.2,.5,1)}.welcome-growth .g-v{text-align:left;font-variant-numeric:tabular-nums;white-space:nowrap}.welcome-growth .is-e .g-bar span{background:linear-gradient(90deg,var(--c-primary),var(--c-accent))}.welcome-growth .is-e .g-v,.welcome-growth .is-e .g-n{color:var(--c-accent-ink)}.welcome-growth .g-v i{font-style:italic;font-family:Georgia,Times New Roman,serif}.welcome-moral{margin:6px 0 0;font-weight:700;font-size:16px;opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .4s ease}.welcome-moral.on{opacity:1;transform:none}.welcome-actions{margin-top:auto;padding:20px 0 calc(12px + env(safe-area-inset-bottom));display:grid;gap:6px}.welcome-cta{display:inline-flex;justify-content:center;align-items:center;gap:6px;padding:15px;border-radius:16px;font-size:18px;font-weight:800;background:var(--c-primary);box-shadow:0 5px 0 var(--c-primary-strong)}.welcome-cta:active{transform:translateY(3px);box-shadow:0 2px 0 var(--c-primary-strong)}.welcome-cta svg{font-size:24px}.welcome-later{display:inline-flex;justify-content:center;align-items:center;gap:6px;background:none;color:var(--c-muted);font-weight:700;min-height:44px}@media (prefers-reduced-motion: reduce){.welcome-stones .stone{animation:none}.welcome-stage,.welcome-glow,.welcome-progress span,.welcome-growth li,.welcome-growth .g-bar span,.welcome-moral{transition:none}}@media (max-width: 360px){.welcome-panel h1{font-size:24px}.welcome-growth li{grid-template-columns:40px 1fr 100px;gap:8px}}@media (max-height: 720px){.welcome-stage{height:170px;margin-top:0}.welcome-stage.stage-grow{height:128px}.welcome-char{width:110px;margin-left:-55px;top:12px}.welcome-char .enx{width:110px;height:auto}.welcome-glow{width:170px;height:170px;margin:-85px 0 0 -85px}.welcome-stones .s1{top:122px}.welcome-stones .s2{top:82px}.welcome-stones .s3{top:42px}.welcome-panel h1{font-size:24px}.welcome-growth{gap:5px}.welcome-actions{padding-top:12px}}@keyframes auth-ring{0%,to{box-shadow:0 8px 24px #0000002e,0 0 #ffffff59}50%{box-shadow:0 8px 24px #0000002e,0 0 0 12px #fff0}}.auth-glyphs{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.auth-glyphs span{position:absolute;bottom:-40px;left:calc(6% + var(--i) * 12%);font:700 22px Georgia,Times New Roman,serif;color:#ffffff29;animation:auth-drift calc(11s + var(--i) * 1.3s) linear calc(var(--i) * -1.7s) infinite}@keyframes auth-drift{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-560px) rotate(30deg)}}.auth-fact{margin:12px 0 0;min-height:44px;display:grid;gap:0;animation:auth-fact .5s ease-out}.auth-fact b{font-size:22px;color:var(--c-accent-soft)}.auth-fact span{font-size:13px;color:#fffc}@keyframes auth-fact{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion: reduce){.auth-glyphs span,.auth-logo-badge,.auth-fact{animation:none}}.landing{position:relative;display:grid;gap:56px;padding-bottom:24px}.land-lang{position:absolute;top:0;right:0;z-index:2}.land-lang button{min-height:36px}.landing h2{font-size:clamp(22px,5vw,30px);line-height:1.2;margin:0 0 16px;text-align:center;text-wrap:balance}.land-sub{color:var(--c-muted);font-size:15px;line-height:1.5;margin:0 auto 16px;max-width:52ch;text-align:center}.land-hero{position:relative;min-height:min(640px,calc(100dvh - 140px));display:grid;align-content:center;justify-items:center;text-align:center;gap:8px;padding:48px 0 40px}.land-curve{position:absolute;left:0;top:8%;width:100%;height:84%;z-index:-1;opacity:.55}.land-curve-path{fill:none;stroke:url(#land-curve-g);stroke-width:4;stroke-linecap:round;stroke-dasharray:1;animation:enx-write 2.4s cubic-bezier(.5,0,.3,1) .2s both;vector-effect:non-scaling-stroke}.land-curve-dot{fill:var(--c-accent)}.land-curve-label{font:italic 700 18px Georgia,serif;fill:var(--c-primary);opacity:.7}.land-hero-char{margin-bottom:4px}.land-hero-text{display:grid;justify-items:center;gap:10px}.land-kicker{margin:0;color:var(--c-primary);font-weight:800;font-size:13px;letter-spacing:1.5px;text-transform:uppercase}.land-hero h1{margin:0;font-size:clamp(28px,7vw,46px);line-height:1.12;max-width:18ch;text-wrap:balance}.land-hero .land-sub{margin:0}.land-ctas{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 18px;margin-top:6px}.land-cta{display:inline-flex;align-items:center;gap:6px;padding:14px 26px;border-radius:16px;font-weight:800;font-size:18px;text-decoration:none;background:var(--c-primary);color:var(--c-on-primary);box-shadow:0 5px 0 var(--c-primary-strong);transition:transform .15s ease}.land-cta:hover{transform:translateY(-2px)}.land-cta:active{transform:translateY(3px);box-shadow:0 2px 0 var(--c-primary-strong)}.land-cta svg{font-size:22px}.land-ghost{color:var(--c-primary);font-weight:700;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.land-ghost:hover{text-decoration:underline}.land-hero .promo-btn{box-shadow:0 4px 14px rgba(var(--c-primary-rgb),.18)}.land-down{position:absolute;bottom:0;left:50%;margin-left:-22px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:var(--c-primary);font-size:24px;animation:land-bounce 1.8s ease-in-out infinite}@keyframes land-bounce{50%{transform:translateY(6px)}}.land-sec{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.3,1)}.land-sec.in{opacity:1;transform:none}.land-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.land-steps li{position:relative;display:grid;gap:6px;justify-items:center;align-content:start;text-align:center;padding:22px 14px 18px;margin:0;opacity:0;transform:translateY(18px) scale(.96);transition:opacity .5s ease calc(var(--i) * .12s),transform .5s cubic-bezier(.3,1.4,.5,1) calc(var(--i) * .12s)}.in .land-steps li{opacity:1;transform:none}.land-step-n{position:absolute;top:-12px;left:50%;margin-left:-14px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--c-accent);color:#fff;font-weight:800;font-size:14px}.land-step-icon{font-size:34px}.land-steps b{font-size:18px}.land-steps p{margin:0;color:var(--c-muted);font-size:14px;line-height:1.45}.toss{max-width:520px;margin:0 auto;display:grid;gap:12px;padding:18px}.toss-coins{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.coin{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:clamp(11px,3vw,15px);background:linear-gradient(145deg,#ffd66b,#e9a400);color:#6b4600;box-shadow:inset 0 -2px #00000026;animation:coin-flip .5s cubic-bezier(.3,1.4,.5,1) var(--d) both}.coin.t{background:linear-gradient(145deg,#e3e6f3,#b9bfd6);color:#3b4060}.coin.blank{background:var(--c-line);color:var(--c-muted-2);animation:none}@keyframes coin-flip{0%{transform:rotateY(540deg) translateY(-14px);opacity:0}}.toss-stats{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.toss-n{font-weight:800;font-variant-numeric:tabular-nums}.toss-n small{color:var(--c-muted);font-weight:600}.toss-bar{position:relative;height:14px;border-radius:99px;background:var(--c-line);overflow:hidden}.toss-bar span{display:block;height:100%;background:linear-gradient(90deg,#f0b400,#ffd66b);transition:width .5s cubic-bezier(.3,1.2,.5,1)}.toss-bar i{position:absolute;left:50%;top:-2px;bottom:-2px;width:2px;background:var(--c-ink);opacity:.5}.toss-pct{font-variant-numeric:tabular-nums;min-width:64px;text-align:right}.toss-spark{width:100%;height:56px}.toss-spark line{stroke:var(--c-muted-2);stroke-dasharray:4 4}.toss-spark polyline{fill:none;stroke:var(--c-primary);stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-linejoin:round}.toss-msg{margin:0;text-align:center;font-weight:700;min-height:1.5em}.toss-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.toss-btns button{min-height:44px;border-radius:12px;font-weight:700}.toss-btns .ghost{background:transparent;color:var(--c-muted);border:1px solid var(--c-line-strong)}.isles{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;align-items:start}.isle-road{list-style:none;margin:0;padding:0;position:relative;display:grid;gap:10px}.isle-road:before{content:"";position:absolute;top:20px;bottom:20px;left:50%;border-left:3px dashed var(--c-line-strong)}.isle-road li{display:flex;margin:0}.isle-road li.l{justify-content:flex-start}.isle-road li.r{justify-content:flex-end}.isle-road button{position:relative;width:62%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;text-align:left;background:var(--c-surface);color:var(--c-ink);border:2px solid var(--c-line-strong);border-radius:999px;padding:8px 12px;box-shadow:0 4px 0 var(--c-line-strong);transition:transform .15s ease,border-color .15s ease}.isle-road button:hover{transform:translateY(-2px);opacity:1}.isle-road li.on button{border-color:var(--c-primary);box-shadow:0 4px 0 var(--c-primary)}.isle-road li.soon button{opacity:.7}.isle-icon{font-size:22px}.isle-name{font-weight:700;font-size:14px;line-height:1.2}.isle-count{font-size:12px;font-weight:800;color:var(--c-success)}.isle-enx{position:absolute;top:-30px;right:14px;animation:enx-pop .4s cubic-bezier(.3,1.5,.5,1)}.isle-card{position:sticky;top:16px;display:grid;gap:6px;animation:auth-fact .35s ease-out}.isle-card b{font-size:18px}.isle-card p{margin:0;color:var(--c-muted)}.isle-card .isle-open{color:var(--c-primary);font-weight:800}.isle-card ul{margin:4px 0 0;padding-left:18px;display:grid;gap:4px;font-size:14px}.war-demo{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;align-items:center;max-width:620px;margin:0 auto}.war-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.war-grid .cell{aspect-ratio:1;border-radius:10px;background:var(--c-line);animation:cell-take .45s cubic-bezier(.3,1.6,.5,1)}.cell.t0,.war-score .t0 b{background:var(--c-primary)}.cell.t1,.war-score .t1 b{background:var(--c-accent)}.cell.t2,.war-score .t2 b{background:var(--c-go)}@keyframes cell-take{0%{transform:scale(.4)}}.war-score{list-style:none;margin:0;padding:0;display:grid;gap:8px}.war-score li{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;font-weight:700;margin:0}.war-score b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#fff}.war-score span{font-variant-numeric:tabular-nums}.land-term{position:relative;max-width:520px;margin:0 auto;border-radius:14px;overflow:hidden;background:#0f1a31;color:#dce3f2;font:14px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;box-shadow:0 14px 34px #0f1a3140}.land-termbar{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#1a2848;font-size:12px;color:#8c99b8}.land-termbar i{width:10px;height:10px;border-radius:50%;background:#ff6b5a}.land-termbar i:nth-child(2){background:#ffc94a}.land-termbar i:nth-child(3){background:#5ac87a}.land-termbar span{margin-left:6px}.land-termbody{padding:12px 14px 60px;min-height:200px}.land-termbody p{margin:0;animation:auth-fact .3s ease-out}.land-termbody .ps,.land-termbody .cmd{color:#f0c94a}.land-termbody .ok{color:#86c99a}.land-termbody .out{color:#8c99b8}.land-live{position:absolute;right:14px;bottom:14px;background:#fff;color:#14213d;font-weight:700;padding:8px 12px;border-radius:12px;box-shadow:0 8px 20px #0000004d;opacity:0;transform:scale(.6) translateY(10px);transition:opacity .3s ease,transform .4s cubic-bezier(.3,1.6,.5,1)}.land-live.on{opacity:1;transform:none}.land-numbers{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;text-align:center}.land-numbers li{margin:0;display:grid;gap:2px}.land-numbers b{font-size:clamp(34px,8vw,48px);line-height:1;color:var(--c-primary);font-variant-numeric:tabular-nums}.land-numbers span{color:var(--c-muted);font-weight:600;font-size:14px}.land-end{display:grid;justify-items:center;text-align:center;gap:4px;padding:10px 0 20px}.land-end-stone{position:relative;isolation:isolate;padding-bottom:8px}.land-end-stone:after{content:"";position:absolute;left:50%;bottom:0;width:120px;height:26px;margin-left:-60px;border-radius:50%;z-index:-1;background:var(--c-primary);box-shadow:0 6px 0 var(--c-primary-strong)}.land-guide{display:none}@media (min-width: 1320px){.land-guide{display:grid;justify-items:start;gap:6px;position:fixed;left:24px;bottom:24px;z-index:30;pointer-events:none;opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease}.land-guide.on{opacity:1;transform:none}.land-bubble{margin:0 0 0 30px;max-width:200px;background:var(--c-surface);border:2px solid var(--c-line-strong);border-radius:14px 14px 14px 4px;padding:8px 12px;font-weight:700;font-size:14px;box-shadow:0 6px 16px #00000014;animation:enx-pop .35s cubic-bezier(.3,1.5,.5,1)}}@media (max-width: 700px){.landing{gap:44px}.land-lang{position:static;justify-self:end;margin-bottom:-40px}.land-hero{padding-top:20px;min-height:0}.land-curve{opacity:.32}.land-hero-char .enx{width:130px;height:auto}.land-steps{grid-template-columns:1fr;gap:20px}.isles,.war-demo{grid-template-columns:1fr}.isle-road button{width:78%}.isle-card{position:static}.land-numbers{grid-template-columns:repeat(2,1fr);row-gap:20px}.land-cta{width:100%;justify-content:center}}@media (prefers-reduced-motion: reduce){.land-sec,.land-steps li{opacity:1;transform:none;transition:none}.land-curve-path{animation:none;stroke-dasharray:none}.land-down,.coin,.war-grid .cell,.isle-enx,.land-bubble{animation:none}.toss-bar span,.land-live{transition:none}}