:root{--reel-navy:#101c4f;--reel-navy-deep:#0a1236;--reel-yellow:#ffd93a;--reel-orange:#ff7a1f;--reel-sea:#2fb7c9;--bg:#0a1236;--bg2:#0c1642;--panel:#15225e;--panel2:#1b2a6e;--panel3:#243585;--edge:#070d29;--line:#c4cbe61f;--line2:#c4cbe638;--text:#f4f6ff;--muted:#b3bde3;--faint:#7f8bc0;--accent:#ff7a1f;--accent-2:#4fd6e8;--gold:#ffd93a;--good:#4ee39a;--warn:#ffc23d;--bad:#ff6b6b;--radius:18px;--radius-sm:12px;--shadow:0 14px 34px #03071a8c;--block:0 4px 0 var(--edge);--font-display:"Lilita One", "Nunito", system-ui, sans-serif;--font-body:"Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{font-synthesis:none}html,body{color:var(--text);font-family:var(--font-body);margin:0;font-size:15px;line-height:1.5}body{background-color:var(--bg);background-image:radial-gradient(900px 420px at 70% -120px,#7ff0ff47,#0000 70%),linear-gradient(#1d6fa6 0,#16478a 380px,#122e6d 900px,#0d1b4c 1600px,#0a1236 2400px);background-repeat:no-repeat;min-height:100vh}body:before,body:after{content:"";pointer-events:none;z-index:0;height:900px;position:absolute;top:0;left:0;right:0}body:before{background:repeating-linear-gradient(105deg,#0000 0 90px,#bef5ff0d 90px 150px,#0000 150px 260px);-webkit-mask-image:linear-gradient(#000 0%,#0000 85%);mask-image:linear-gradient(#000 0%,#0000 85%)}body:after{background-image:radial-gradient(2px 2px at 12% 18%,#ffffff73,#0000 60%),radial-gradient(1.5px 1.5px at 33% 42%,#ffffff59,#0000 60%),radial-gradient(2px 2px at 58% 26%,#fff6,#0000 60%),radial-gradient(1.5px 1.5px at 76% 60%,#ffffff4d,#0000 60%),radial-gradient(2.5px 2.5px at 88% 14%,#ffffff59,#0000 60%),radial-gradient(1.5px 1.5px at 44% 78%,#ffffff4d,#0000 60%),radial-gradient(2px 2px at 22% 64%,#ffffff4d,#0000 60%),radial-gradient(1.5px 1.5px at 66% 88%,#ffffff40,#0000 60%);animation:18s linear infinite alternate drift}@keyframes drift{to{transform:translateY(40px)}}@media (prefers-reduced-motion:reduce){body:after,.progress>i:after,.claim.ready,.landing-hero .hero-logo{animation:none!important}}#root{z-index:1;position:relative}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:.005em;margin:0;font-weight:400}h1{text-shadow:0 3px 0 var(--edge);font-size:34px;line-height:1.1}h2{font-size:22px}h3{font-size:17px}p{margin:0}button{font:inherit}::selection{background:#ff7a1f8c}.app{grid-template-columns:252px 1fr;min-height:100vh;display:grid}.sidebar{border-right:3px solid var(--edge);background:linear-gradient(#101c4ff5,#0a1236fa);flex-direction:column;gap:4px;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{color:var(--text);flex-direction:column;align-items:flex-start;gap:0;padding:6px 8px 14px;display:flex}.brand:hover{text-decoration:none}.brand img{filter:drop-shadow(0 6px 10px #00000059);width:150px;height:auto;transition:transform .2s}.brand:hover img{transform:rotate(-2deg)scale(1.03)}.brand .brand-sub{font-family:var(--font-display);color:var(--gold);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px 0 var(--edge);margin:-6px 0 0 10px;font-size:15px}.nav-label{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);opacity:.85;padding:16px 12px 6px;font-size:13px}.nav a{color:var(--muted);border:2px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:9px 12px;font-weight:700;display:flex;position:relative}.nav a:hover{color:var(--text);background:#ffffff0d;text-decoration:none}.nav a.active{color:#fff;border-color:var(--edge);box-shadow:var(--block), inset 0 2px 0 #ffffff2e;background:linear-gradient(#2d63c4,#2150a8)}.nav a.active .icon{background-color:var(--gold)}.nav .count{background:var(--accent);color:#fff;border:2px solid var(--edge);border-radius:99px;margin-left:auto;padding:0 8px;font-size:12px;font-weight:800;line-height:18px}.nav .count.gold{background:var(--gold);color:var(--reel-navy)}.icon{width:20px;height:20px;-webkit-mask:var(--icon) center / contain no-repeat;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;background-color:currentColor;flex:none}.sidebar-foot{border-top:2px solid var(--line);align-items:center;gap:10px;margin-top:auto;padding-top:14px;padding-left:6px;display:flex}.sidebar-foot .who{flex:1;min-width:0}.sidebar-foot .who b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.sidebar-foot .who span{color:var(--muted);text-transform:capitalize;font-size:12px}.main{min-width:0}.topbar{display:none}.page{max-width:1180px;margin:0 auto;padding:30px 32px 72px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.page-head p{color:var(--muted);margin-top:6px;font-weight:600}@media (width<=900px){.app{grid-template-columns:1fr}.sidebar{z-index:50;width:264px;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.open{box-shadow:var(--shadow);transform:none}.topbar{border-bottom:3px solid var(--edge);background:var(--reel-navy);z-index:40;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.topbar img{width:auto;height:34px}.page{padding:20px 16px 48px}h1{font-size:27px}}.card{border:2px solid var(--edge);border-radius:var(--radius);box-shadow:var(--block), inset 0 2px 0 #ffffff12;background:linear-gradient(#1b2a6eeb,#15225eeb);padding:20px}.card.tight{padding:14px}.card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.card-head a{font-size:13px;font-weight:700}.grid{gap:16px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.auto{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.split{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (width<=1000px){.grid.three,.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr!important}}@media (width<=640px){.grid.two,.grid.three,.grid.four{grid-template-columns:1fr}}.stack{flex-direction:column;gap:12px;display:flex}.stack.lg{gap:20px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row.between{justify-content:space-between}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:13px}.tiny{font-size:12px}.mono{font-family:ui-monospace,Cascadia Code,Consolas,monospace}.right{margin-left:auto}.divider{background:var(--line);border-radius:2px;height:2px;margin:6px 0}.btn{cursor:pointer;border:2px solid var(--edge);color:var(--text);white-space:nowrap;box-shadow:var(--block), inset 0 2px 0 #ffffff24;background:linear-gradient(#2c3f93,#22337c);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:800;transition:transform 60ms,box-shadow 60ms,filter .15s;display:inline-flex}.btn:hover{filter:brightness(1.1);text-decoration:none}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--edge), inset 0 2px 0 #ffffff24;transform:translateY(3px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:linear-gradient(180deg, #ffa53a, var(--accent) 60%, #f0620a);color:#fff;text-shadow:0 2px #78280073;box-shadow:var(--block), inset 0 2px 0 #ffecaa99}.btn.gold{background:linear-gradient(180deg, #fff07a, var(--gold) 55%, #ffb400);color:var(--reel-navy);box-shadow:var(--block), inset 0 2px 0 #ffffffb3}.btn.good{color:#052a19;box-shadow:var(--block), inset 0 2px 0 #ffffff80;background:linear-gradient(#79f2b8,#2fcf86)}.btn.danger{color:#fff;text-shadow:0 2px #5a000059;background:linear-gradient(#ff8a7a,#e8504a)}.btn.ghost{box-shadow:none;color:var(--muted);background:0 0;border-color:#0000}.btn.ghost:hover{color:var(--text);background:#ffffff0f}.btn.ghost:active:not(:disabled){box-shadow:none;transform:none}.btn.sm{border-radius:10px;padding:5px 11px;font-size:13px}.btn.lg{font-size:18px;font-family:var(--font-display);letter-spacing:.02em;border-radius:14px;padding:12px 24px;font-weight:400}.btn.block{width:100%}.icon-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:4px 8px;font-size:20px;position:relative}.icon-btn:hover{color:var(--text);background:#ffffff12}.icon-btn .dot{background:var(--accent);color:#fff;border:2px solid var(--edge);border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:800;display:grid;position:absolute;top:-2px;right:-2px}.chip{border:1.5px solid var(--line2);color:var(--muted);white-space:nowrap;background:#ffffff12;border-radius:99px;align-items:center;gap:6px;padding:2px 10px;font-size:12px;font-weight:800;display:inline-flex}.chip.good{color:#8ff5c2;background:#4ee39a1f;border-color:#4ee39a66}.chip.warn{color:#ffe08a;background:#ffc23d1f;border-color:#ffc23d6b}.chip.bad{color:#ffaaa0;background:#ff6b6b21;border-color:#ff6b6b73}.chip.accent{color:#ffc08f;background:#ff7a1f24;border-color:#ff7a1f73}.chip.cyan{color:#a6f0fa;background:#4fd6e81f;border-color:#4fd6e866}.xp{font-family:var(--font-display);color:var(--gold);letter-spacing:.02em;text-shadow:0 2px 0 var(--edge);align-items:center;gap:4px;display:inline-flex}.xp.big{font-size:26px}.reward{color:#ffe9a3;background:#ffd93a1a;border:1.5px solid #ffd93a59;border-radius:12px;align-items:center;gap:7px;padding:4px 10px 4px 5px;font-size:13px;font-weight:800;display:inline-flex}.reward .ri{background:#ffd93a33;border-radius:8px;place-items:center;width:24px;height:24px;font-size:14px;display:grid}.reward.cosmetic{color:#ffcfa8;background:#ff7a1f1a;border-color:#ff7a1f66}.reward.cosmetic .ri{background:#ff7a1f38}.reward.item{color:#bff4fb;background:#4fd6e817;border-color:#4fd6e859}.reward.item .ri{background:#4fd6e833}.rewards{flex-wrap:wrap;gap:6px;display:flex}.tier{font-family:var(--font-display);letter-spacing:.03em;border:2px solid var(--edge);background:color-mix(in srgb, var(--tc) 28%, var(--panel));color:color-mix(in srgb, var(--tc) 55%, white);box-shadow:0 2px 0 var(--edge);border-radius:99px;align-items:center;gap:7px;padding:2px 12px 2px 4px;font-size:14px;display:inline-flex}.tier .gem{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(160deg, color-mix(in srgb, var(--tc) 50%, white), var(--tc));width:18px;height:18px}.emblem{--size:92px;width:var(--size);height:var(--size);filter:drop-shadow(0 5px 0 var(--edge)) drop-shadow(0 0 22px color-mix(in srgb, var(--tc) 45%, transparent));flex:none;place-items:center;display:grid;position:relative}.emblem:before{content:"";clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--edge);position:absolute;inset:0}.emblem:after{content:"";clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(170deg, color-mix(in srgb, var(--tc) 35%, white) 0%, var(--tc) 50%, color-mix(in srgb, var(--tc) 70%, black) 100%);position:absolute;inset:7%}.emblem span{z-index:1;font-family:var(--font-display);font-size:calc(var(--size) * .42);color:#fff;-webkit-text-stroke:calc(var(--size) * .035) var(--edge);paint-order:stroke fill;text-shadow:0 3px 0 var(--edge);position:relative}.progress{background:var(--edge);border:2px solid var(--edge);border-radius:99px;height:16px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #00000080}.progress>i{background:linear-gradient(180deg, #8ff0ff, var(--reel-sea) 55%, #1d8ea6);border-radius:99px;transition:width .9s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0 auto 0 0;box-shadow:inset 0 2px #ffffff73}.progress>i:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);animation:2.6s infinite shimmer;position:absolute;inset:0}.progress.thin{height:11px}.progress.gold>i{background:linear-gradient(180deg, #fff07a, var(--gold) 50%, #ff9a1f)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.hero{border:2px solid var(--edge);box-shadow:0 5px 0 var(--edge);background:radial-gradient(520px 220px at 0% 0%, color-mix(in srgb, var(--tc) 30%, transparent), transparent 70%), linear-gradient(160deg, #2a5f86 0%, #16305e 55%, #101c4f 100%);border-radius:22px;align-items:center;gap:24px;padding:26px;display:flex;position:relative;overflow:hidden}.hero-body{z-index:1;flex:1;min-width:0;position:relative}.hero-title{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hero .next{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin:14px 0 7px;font-size:13px;font-weight:700;display:flex}.hero .next b{color:var(--text)}@media (width<=640px){.hero{flex-direction:column;align-items:flex-start;padding:20px}}.stat{border:2px solid var(--edge);box-shadow:var(--block), inset 0 2px 0 #ffffff12;background:linear-gradient(#1b2a6eeb,#15225eeb);border-radius:16px;padding:16px}.stat .v{font-family:var(--font-display);text-shadow:0 2px 0 var(--edge);font-size:28px;line-height:1.1}.stat .l{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:4px;font-size:12px;font-weight:800}.stat .ic{float:right;font-size:22px}.bounty{border-radius:var(--radius);background:var(--panel);border:2px solid var(--edge);color:var(--text);box-shadow:var(--block);flex-direction:column;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.bounty:hover{box-shadow:0 7px 0 var(--edge), var(--shadow);text-decoration:none;transform:translateY(-3px)}.bounty-top{background:var(--b);border-bottom:2px solid var(--edge);flex-direction:column;justify-content:space-between;gap:10px;min-height:108px;padding:16px 16px 14px;display:flex;position:relative}.bounty-top:after{content:"";pointer-events:none;background:repeating-linear-gradient(105deg,#0000 0 40px,#ffffff0d 40px 70px,#0000 70px 120px);position:absolute;inset:0}.bounty-top>*{z-index:1;position:relative}.bounty[data-d="1"]{--b:linear-gradient(170deg, #36c6d6 0%, #1d8ea6 55%, #19698f 100%)}.bounty[data-d="2"]{--b:linear-gradient(170deg, #2f72c4 0%, #1f4f9c 55%, #193b80 100%)}.bounty[data-d="3"]{--b:radial-gradient(160px 90px at 88% 30%, #ff96288c, transparent 70%), linear-gradient(170deg, #1a2a6a 0%, #0f1a4a 60%, #0a1236 100%)}.bounty.featured{box-shadow:0 0 0 3px var(--gold), 0 7px 0 var(--edge)}.bounty h3{text-shadow:0 2px #070d2999;font-size:20px;line-height:1.15}.bounty-top .xp{color:#fff}.bounty-body{flex-direction:column;flex:1;gap:12px;padding:14px 16px 16px;display:flex}.bounty-body .sum{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:600;display:-webkit-box;overflow:hidden}.bounty-foot{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;font-size:12px;font-weight:700;display:flex}.pips{gap:4px;display:inline-flex}.pips i{border:1px solid var(--edge);background:#ffffff38;border-radius:2px;width:8px;height:8px;transform:rotate(45deg)}.pips i.on{background:var(--gold)}.lock-veil{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-align:center;z-index:4;font-family:var(--font-display);background:#0a1236bd;place-items:center;font-size:17px;display:grid;position:absolute;inset:0}.lock-veil span{font-size:28px;display:block}.ribbon{z-index:3;background:linear-gradient(180deg, #fff07a, var(--gold));color:var(--reel-navy);font-family:var(--font-display);letter-spacing:.08em;border-top:2px solid var(--edge);border-bottom:2px solid var(--edge);padding:2px 42px;font-size:13px;position:absolute;top:14px;right:-36px;transform:rotate(35deg)}.claim{border:2px solid var(--edge);box-shadow:var(--block);background:linear-gradient(#1b2a6eeb,#15225eeb);border-radius:16px;flex-wrap:wrap;align-items:center;gap:16px;padding:16px;display:flex}.claim.ready{box-shadow:0 0 0 2px #ffd93a8c, var(--block);background:linear-gradient(135deg,#ffd93a2e,#1b2a6ef2 55%);animation:2.6s ease-in-out infinite glow}.claim .cic{background:var(--panel3);border:2px solid var(--edge);border-radius:14px;flex:none;place-items:center;width:52px;height:52px;font-size:25px;display:grid}.claim.ready .cic{background:linear-gradient(180deg, #fff07a, var(--gold))}.claim .cbody{flex-direction:column;flex:1;gap:8px;min-width:200px;display:flex}@keyframes glow{50%{box-shadow:0 0 0 2px #ffd93ad9, 0 0 26px #ffbe324d, var(--block)}}.badges{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;display:grid}.badge{text-align:center;background:var(--bg2);border:2px solid var(--edge);border-radius:14px;padding:12px 6px}.badge .e{font-size:30px;display:block}.badge b{margin-top:4px;font-size:12px;display:block}.badge.off{opacity:.4;filter:grayscale()}.badge.on{background:linear-gradient(180deg, #ffd93a2e, var(--bg2));box-shadow:0 3px 0 var(--edge), inset 0 0 0 2px #ffd93a66}.feed{flex-direction:column;display:flex}.feed-item{border-bottom:2px solid var(--line);align-items:flex-start;gap:12px;padding:10px 0;font-size:14px;font-weight:600;display:flex}.feed-item:last-child{border-bottom:0}.feed-item .fi{background:var(--bg2);border:2px solid var(--edge);border-radius:10px;flex:none;place-items:center;width:32px;height:32px;font-size:15px;display:grid}.feed-item.unread .fi{background:#ff7a1f4d}.feed-item time{color:var(--faint);white-space:nowrap;font-size:12px}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;font-weight:800;display:flex}.field .hint{color:var(--faint);font-size:12px;font-weight:600}input,textarea,select{border:2px solid var(--edge);width:100%;color:var(--text);font:inherit;background:#0b1540;border-radius:12px;outline:none;padding:10px 12px;font-size:14px;font-weight:600;transition:border-color .15s,box-shadow .15s;box-shadow:inset 0 2px #0000004d}input:focus,textarea:focus,select:focus{border-color:var(--accent-2);box-shadow:inset 0 2px #0000004d,0 0 0 3px #4fd6e840}textarea{resize:vertical;min-height:84px}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--accent);box-shadow:none}.check{color:var(--text);cursor:pointer;align-items:flex-start;gap:10px;font-size:14px;font-weight:600;display:flex}.check input{margin-top:3px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-grid .full{grid-column:1/-1}@media (width<=640px){.form-grid{grid-template-columns:1fr}}.seg{background:var(--edge);border:2px solid var(--edge);border-radius:13px;flex-wrap:wrap;gap:3px;padding:3px;display:inline-flex}.seg button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:6px 12px;font-size:13px;font-weight:800}.seg button:hover{color:var(--text)}.seg button.on{color:#fff;background:linear-gradient(#2d63c4,#2150a8);box-shadow:inset 0 2px #ffffff2e}.error-box{color:#ffc9c2;background:#ff6b6b24;border:2px solid #ff6b6b73;border-radius:12px;padding:10px 14px;font-size:14px;font-weight:600}.note-box{background:#4fd6e81a;border:2px solid #4fd6e852;border-radius:12px;padding:10px 14px;font-size:14px;font-weight:600}.warn-box{color:#ffeab0;background:#ffc23d1c;border:2px solid #ffc23d6b;border-radius:12px;padding:10px 14px;font-size:14px;font-weight:600}.table-wrap{border-radius:var(--radius);border:2px solid var(--edge);box-shadow:var(--block);background:#15225eeb;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--gold);background:var(--reel-navy);white-space:nowrap;border-bottom:2px solid var(--edge);padding:12px 14px;font-size:13px;font-weight:400}td{border-top:1.5px solid var(--line);vertical-align:middle;padding:12px 14px;font-weight:600}tr.click{cursor:pointer}tr.click:hover td{background:#ffffff0a}tr.sel td{background:#ff7a1f21}.list-item{cursor:pointer;border:2px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.list-item:hover{background:#ffffff0d}.list-item.sel{background:var(--panel2);border-color:var(--edge);box-shadow:var(--block)}.avatar{width:36px;height:36px;font-family:var(--font-display);color:#fff;background:linear-gradient(180deg, var(--reel-sea), #1d6fa6);border:2px solid var(--edge);text-shadow:0 2px 0 var(--edge);border-radius:50%;flex:none;place-items:center;font-size:16px;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar.lg{width:56px;height:56px;font-size:24px}.modal-back{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05091eb8;place-items:center;padding:16px;animation:.15s fade;display:grid;position:fixed;inset:0}.modal{border:3px solid var(--edge);width:min(560px,100%);max-height:calc(100vh - 32px);box-shadow:0 6px 0 var(--edge), var(--shadow);background:linear-gradient(#1b2a6e,#15225e);border-radius:22px;padding:24px;animation:.22s cubic-bezier(.2,1.3,.4,1) rise;overflow-y:auto}.modal.wide{width:min(880px,100%)}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(16px)scale(.96)}}.toasts{z-index:200;flex-direction:column;gap:8px;max-width:calc(100vw - 40px);display:flex;position:fixed;bottom:20px;right:20px}.toast{background:var(--panel3);border:2px solid var(--edge);box-shadow:var(--block), var(--shadow);border-radius:14px;max-width:420px;padding:12px 16px;font-size:14px;font-weight:700;animation:.22s rise}.toast.good{background:linear-gradient(#2f9e6e,#237a55)}.toast.bad{background:linear-gradient(#c84a4a,#a33838)}.celebrate{text-align:center;padding:10px 0;position:relative}.celebrate .emblem{--size:132px;margin:12px auto 18px;animation:.9s cubic-bezier(.2,1.4,.4,1) spin-in}.celebrate h1{color:var(--gold);font-size:46px}@keyframes spin-in{0%{opacity:0;transform:scale(.2)rotate(-200deg)}}.confetti{pointer-events:none;z-index:150;position:fixed;inset:0;overflow:hidden}.confetti i{border:1.5px solid var(--edge);border-radius:3px;width:10px;height:14px;animation:linear forwards fall;position:absolute;top:-20px}@keyframes fall{to{transform:translateY(110vh)rotate(720deg)}}.landing{max-width:1100px;margin:0 auto;padding:20px 24px 80px}.landing-nav{justify-content:space-between;align-items:center;padding:6px 0 20px;display:flex}.landing-nav img{filter:drop-shadow(0 4px 8px #0000004d);width:auto;height:54px}.landing-hero{text-align:center;padding:10px 0 50px}.landing-hero .hero-logo{filter:drop-shadow(0 14px 22px #0006);width:min(420px,80vw);height:auto;animation:4s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-8px)rotate(-1deg)}}.landing-hero h1{text-shadow:0 4px 0 var(--edge);margin-top:8px;font-size:clamp(34px,5.4vw,58px);line-height:1.05}.landing-hero h1 em{color:var(--gold);font-style:normal}.landing-hero p{color:#dbe6ff;text-shadow:0 2px 6px #0000004d;max-width:640px;margin:18px auto 28px;font-size:18px;font-weight:600}.steps{counter-reset:step}.step{padding-top:50px;position:relative}.step:before{counter-increment:step;content:counter(step);width:38px;height:38px;font-family:var(--font-display);color:#fff;text-shadow:0 2px 0 var(--edge);background:linear-gradient(180deg, #ffa53a, var(--accent));border:2px solid var(--edge);box-shadow:var(--block);border-radius:12px;place-items:center;font-size:22px;display:grid;position:absolute;top:0;left:0}.ladder{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;display:grid}.rung{background:linear-gradient(180deg, color-mix(in srgb, var(--tc) 22%, var(--panel)), var(--panel) 60%);border:2px solid var(--edge);box-shadow:var(--block);border-radius:18px;padding:18px}.rung.current{box-shadow:0 0 0 3px var(--tc), 0 6px 0 var(--edge), 0 0 30px color-mix(in srgb, var(--tc) 35%, transparent)}.rung.future{opacity:.85}.rung h3{font-size:20px}.rung ul{color:var(--muted);margin:10px 0 0;padding-left:18px;font-size:13px;font-weight:600}.rung li{margin:3px 0}.section{margin-top:60px}.section>h2{text-shadow:0 3px 0 var(--edge);margin-bottom:18px;font-size:30px}.video-embed{aspect-ratio:16/9;border:2px solid var(--edge);background:#000;border-radius:14px;width:100%}.empty{text-align:center;color:var(--muted);padding:40px 20px;font-weight:600}.empty .e{margin-bottom:8px;font-size:42px;display:block}.spinner{border:4px solid #ffffff26;border-top-color:var(--gold);border-radius:50%;width:34px;height:34px;margin:60px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.prose{white-space:pre-wrap;color:#dfe5ff;font-weight:600}.checklist{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.checklist li{border:2px solid var(--edge);background:#0b1540;border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:14px;font-weight:600;display:flex}.checklist li:before{content:"✓";color:var(--good);font-weight:900}.kbd{border:2px solid var(--edge);word-break:break-all;background:#0b1540;border-radius:10px;padding:10px 12px;font-family:ui-monospace,Consolas,monospace;font-size:13px}.code-input{font-family:var(--font-display);letter-spacing:.3em;text-transform:uppercase;text-align:center;color:var(--gold);font-size:30px}details>summary{font-weight:700}.preview-banner{z-index:45;background:linear-gradient(180deg, #fff07a, var(--gold));color:var(--reel-navy);border-bottom:3px solid var(--edge);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;font-size:14px;font-weight:700;display:flex;position:sticky;top:0}.preview-banner .btn{color:var(--text)}