:root{color-scheme:dark;--bg: #0b0e1c;--panel: #151a31;--panel-2: #1d2340;--panel-3: #283053;--line: #2a3156;--line-2: #3e4777;--ink: #05060d;--fg: #eef0fb;--fg-2: #b8bdda;--muted: #7d83a9;--accent: #ff2d3d;--accent-2: #ff6a4d;--accent-ink: #14030a;--r: #ff3346;--l: #e6e9ff;--violet: #c58fd0;--amber: #f2a65a;--mauve: #4a3152;--ok: var(--accent);--sel: rgba(197, 143, 208, .13);--sel-line: rgba(197, 143, 208, .7);--f-display: "Tektur", "IBM Plex Sans", system-ui, sans-serif;--f-body: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--f-grace: "Ubuntu", "IBM Plex Sans", system-ui, sans-serif;--cut: 18px;--cut-s: 9px;--radius: 0px;--radius-s: 0px;--wrap: 1240px;--ease: cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html{background:var(--bg);overflow-x:clip}body{margin:0;color:var(--fg);font-family:var(--f-body);font-size:15px;line-height:1.5;padding-inline:16px;min-height:100vh;display:flex;flex-direction:column;background:transparent;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:linear-gradient(176deg,#090b18,#12143a 38%,#1d1638 62%,#0b0e1c)}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}:focus-visible{outline:2px solid var(--l);outline-offset:2px}::selection{background:var(--accent);color:var(--accent-ink)}*{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.R{--hand: var(--r)}.L{--hand: var(--l)}.scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden;--sp: 0;--mx: 0;--my: 0}.scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(11,14,28,.5) 22%,rgba(11,14,28,.5) 78%,transparent 100%)}.scene svg{position:absolute;left:-4%;top:-6%;width:108%;height:124%}.sc-far{transform:translate3d(calc(var(--mx) * -10px),calc(var(--sp) * -60px + var(--my) * -6px),0)}.sc-mid{transform:translate3d(calc(var(--mx) * -26px),calc(var(--sp) * -150px + var(--my) * -14px),0)}.sc-las{transform:translate3d(calc(var(--mx) * -40px),calc(var(--sp) * -230px + var(--my) * -22px),0)}.sc-far,.sc-mid,.sc-las{will-change:transform}.scene .beam{stroke-dasharray:160 2200;animation:beam 7s linear infinite}.scene .beam:nth-of-type(2){animation-duration:9s;animation-delay:-3s}.scene .beam:nth-of-type(3){animation-duration:6s;animation-delay:-1.5s}.scene .beam:nth-of-type(4){animation-duration:11s;animation-delay:-6s}@keyframes beam{0%{stroke-dashoffset:2360}to{stroke-dashoffset:0}}.scene .flick{animation:flick 5s steps(1) infinite}@keyframes flick{0%,to{opacity:.55}47%{opacity:.55}48%{opacity:.15}50%{opacity:.7}52%{opacity:.3}54%{opacity:.55}}.tile,.card,aside.list,.deck,.dm,.dm-side,.hero-card,.ach,.help-pop,.t-menu,.toast,.legend-card{--fill: var(--panel);--edge: var(--line);--c1: var(--cut);--c2: var(--cut);position:relative;isolation:isolate;background:none;border:0;border-radius:0}.tile:before,.card:before,aside.list:before,.deck:before,.dm:before,.dm-side:before,.hero-card:before,.ach:before,.help-pop:before,.t-menu:before,.toast:before,.legend-card:before,.tile:after,.card:after,aside.list:after,.deck:after,.dm:after,.dm-side:after,.hero-card:after,.ach:after,.help-pop:after,.t-menu:after,.toast:after,.legend-card:after{content:"";position:absolute;z-index:-1;pointer-events:none;clip-path:polygon(var(--c1) 0,100% 0,100% calc(100% - var(--c2)),calc(100% - var(--c2)) 100%,0 100%,0 var(--c1));transition:background-color .25s}.tile:before,.card:before,aside.list:before,.deck:before,.dm:before,.dm-side:before,.hero-card:before,.ach:before,.help-pop:before,.t-menu:before,.toast:before,.legend-card:before{top:0;right:0;bottom:0;left:0;background:var(--edge)}.tile:after,.card:after,aside.list:after,.deck:after,.dm:after,.dm-side:after,.hero-card:after,.ach:after,.help-pop:after,.t-menu:after,.toast:after,.legend-card:after{top:1px;right:1px;bottom:1px;left:1px;background:var(--fill)}.help-pop,.t-menu,.toast{--c1: var(--cut-s);--c2: var(--cut-s)}.cut{clip-path:polygon(var(--k, 10px) 0,100% 0,100% calc(100% - var(--k, 10px)),calc(100% - var(--k, 10px)) 100%,0 100%,0 var(--k, 10px))}.site-head{width:100%;max-width:var(--wrap);margin:0 auto;padding-block:18px;display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap}.logo{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-display);font-weight:700;font-size:19px;color:var(--fg);text-decoration:none;letter-spacing:.01em}.logo-mark{width:34px;height:34px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;clip-path:polygon(0 0,100% 0,100% 72%,72% 100%,0 100%);transition:transform .3s var(--ease)}.logo:hover .logo-mark{transform:rotate(-8deg) scale(1.06)}.logo-mark svg{width:20px;height:20px}.logo b{color:var(--accent);font-weight:700}.site-nav{display:flex;gap:2px 4px;flex-wrap:wrap}.site-nav a{position:relative;color:var(--fg-2);text-decoration:none;font-family:var(--f-display);font-size:14px;font-weight:500;padding:7px 13px;transition:color .2s;isolation:isolate}.site-nav a:before{content:"";position:absolute;top:2px;right:0;bottom:2px;left:0;z-index:-1;background:var(--accent);transform:skew(-16deg) scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}.site-nav a:after{content:"";position:absolute;left:13px;right:13px;bottom:2px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .3s var(--ease)}.site-nav a:hover{color:var(--fg)}.site-nav a:hover:after{transform:scaleX(1);transform-origin:left}.site-nav a[aria-current=page]{color:var(--accent-ink);font-weight:700}.site-nav a[aria-current=page]:before{transform:skew(-16deg) scaleX(1)}.site-nav a[aria-current=page]:after{display:none}.site-foot{width:100%;max-width:var(--wrap);margin:auto auto 0;padding-block:34px 34px;font-size:13px;color:var(--muted);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;position:relative}.site-foot:before{content:"";position:absolute;top:18px;left:0;right:0;height:1px;background:var(--line)}.site-foot:after{content:"";position:absolute;top:16px;left:0;width:140px;height:5px;background:var(--accent);clip-path:polygon(0 0,100% 0,calc(100% - 5px) 100%,0 100%)}.site-foot a{color:inherit}.site-foot a:hover{color:var(--fg)}.page{width:100%;max-width:var(--wrap);margin:0 auto;padding-top:48px}.kicker{display:inline-flex;align-items:center;gap:12px;font-family:var(--f-display);font-size:14px;font-weight:500;color:var(--accent)}.kicker:before{content:"";width:34px;height:3px;background:currentColor;clip-path:polygon(0 0,100% 0,calc(100% - 3px) 100%,0 100%)}.page h1{font-family:var(--f-display);font-weight:700;font-size:clamp(36px,6.2vw,84px);line-height:.98;letter-spacing:-.01em;margin:16px 0 22px;text-wrap:balance}.page h1 em{font-style:normal;color:var(--accent)}.page h1 .hand-r{color:var(--r)}.page h1 .hand-l{color:var(--l)}.page h2{font-family:var(--f-display);font-weight:700;font-size:clamp(24px,2.8vw,36px);letter-spacing:-.005em;line-height:1.05;margin:0 0 20px}.section{margin-top:110px}.section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px 24px;margin-bottom:28px;padding-bottom:14px;position:relative}.section-head:before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--line-2)}.section-head:after{content:"";position:absolute;left:0;bottom:-2px;width:96px;height:5px;background:var(--accent);clip-path:polygon(0 0,100% 0,calc(100% - 5px) 100%,0 100%)}.section-head h2{margin:0}.section-head p{margin:0;color:var(--muted);max-width:40ch;text-align:right}.lead{font-size:clamp(16px,1.5vw,19px);color:var(--fg-2);max-width:54ch;margin:0 0 34px}.actions{display:flex;gap:12px;flex-wrap:wrap}.cta{--k: 12px;position:relative;display:inline-flex;align-items:center;gap:12px;padding:15px 26px;font-family:var(--f-display);font-weight:700;font-size:15.5px;text-decoration:none;border:0;color:var(--fg);background:var(--panel-3);overflow:hidden;clip-path:polygon(var(--k) 0,100% 0,100% calc(100% - var(--k)),calc(100% - var(--k)) 100%,0 100%,0 var(--k));box-shadow:inset 3px 0 0 var(--accent);transition:transform .25s var(--ease),background .2s,color .2s}.cta:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:skew(-20deg);transition:left .6s var(--ease);pointer-events:none}.cta:hover{transform:translate(3px,-2px);background:var(--line-2)}.cta:hover:after{left:130%}.cta:active{transform:translate(1px)}.cta.primary{background:var(--accent);color:var(--accent-ink);box-shadow:none}.cta.primary:hover{background:var(--accent-2)}.cta .arr{width:26px;height:26px;display:grid;place-items:center;background:var(--accent-ink);color:var(--accent);font-size:10px;clip-path:polygon(0 0,100% 0,100% 70%,70% 100%,0 100%);transition:transform .3s var(--ease)}.cta:hover .arr{transform:translate(4px)}.progress-line{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:14px;font-variant-numeric:tabular-nums}.progress-line .bar,.bar{display:block;height:8px;overflow:hidden;background:repeating-linear-gradient(90deg,var(--panel-3) 0 9px,transparent 9px 12px)}.progress-line .bar{width:240px;max-width:50vw}.bar i{display:block;height:100%;background:var(--accent);width:0;transition:width .6s var(--ease);-webkit-mask:repeating-linear-gradient(90deg,#000 0 9px,transparent 9px 12px);mask:repeating-linear-gradient(90deg,#000 0 9px,transparent 9px 12px)}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.tile{--c: var(--accent);padding:22px;color:var(--fg);text-decoration:none;display:grid;gap:8px;align-content:start;min-width:0;transition:transform .3s var(--ease)}.tile:after{background:linear-gradient(var(--c),var(--c)) no-repeat 0 0 / 3px 46px,var(--fill)}a.tile:hover{transform:translate(4px,-4px);--edge: var(--c)}a.tile:hover:after{background:linear-gradient(var(--c),var(--c)) no-repeat 0 0 / 3px 100%,var(--panel-2)}.tile b{font-weight:600;font-size:16.5px;line-height:1.3}.tile .meta{font-size:13px;color:var(--muted);margin:4px 0 0}.tile .mono{font-family:var(--f-display);font-size:13px;color:var(--accent)}.stick{font-family:var(--f-mono);font-size:12.5px;line-height:1.7;color:var(--muted);overflow-wrap:anywhere}.stick .R{color:var(--r);font-weight:700}.stick .L{color:var(--l);font-weight:700}.stick .acc{color:var(--fg);font-weight:700}.stick .g{opacity:.75;font-weight:500;font-family:var(--f-grace)}.grace{font-family:var(--f-grace);font-style:normal}.level-dots{display:inline-flex;gap:3px;vertical-align:middle}.level-dots i{width:9px;height:7px;background:var(--line-2);transform:skew(-20deg)}.level-dots i.on{background:var(--accent)}.chip{--k: 7px;border:0;background:var(--panel-2);padding:7px 16px;font-family:var(--f-display);font-size:13px;font-weight:500;color:var(--fg-2);text-decoration:none;display:inline-flex;align-items:center;clip-path:polygon(var(--k) 0,100% 0,calc(100% - var(--k)) 100%,0 100%);transition:color .15s,background .15s}.chip:hover{color:var(--fg);background:var(--panel-3)}.chip[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);font-weight:700}.search{background:var(--panel-2);border:0;border-bottom:2px solid var(--line-2);padding:10px 16px 9px 40px;min-width:0;clip-path:polygon(10px 0,100% 0,100% 100%,0 100%,0 10px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237d83a9' stroke-width='2' stroke-linecap='square'%3E%3Cpath d='M10.5 3.5l6 3.5v7l-6 3.5-6-3.5v-7z'/%3E%3Cpath d='m17 17 4 4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:17px;background-position:14px 50%;transition:border-color .2s}.search:focus{border-bottom-color:var(--accent);outline:none}.empty{color:var(--muted)}.help{position:relative;flex:none}.help-btn{width:32px;height:32px;border:0;background:var(--panel-3);color:var(--fg-2);display:grid;place-items:center;padding:0;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);transition:color .15s,background .15s}.help-btn svg{width:15px;height:15px}.help-btn:hover,.help-btn[aria-expanded=true]{color:var(--accent-ink);background:var(--accent)}.help-pop{--fill: var(--panel-2);--edge: var(--line-2);position:absolute;top:calc(100% + 8px);right:0;z-index:60;width:min(340px,calc(100vw - 32px));padding:14px 16px;font-size:13px;line-height:1.45;color:var(--fg-2);display:grid;gap:6px;text-align:left;filter:drop-shadow(0 18px 30px rgba(0,0,0,.55));animation:popIn .25s var(--ease)}.help-pop[hidden]{display:none}.help-pop b{font-family:var(--f-display);font-weight:700;font-size:12.5px;color:var(--accent);margin-top:6px}.help-pop b:first-child{margin-top:0}.help-pop p{margin:0}.help-keys{display:grid;grid-template-columns:auto 1fr;gap:5px 10px;margin:0;align-items:center}.help-keys dt{display:flex;gap:3px}.help-keys dd{margin:0}kbd{font-family:var(--f-mono);font-size:10.5px;border:1px solid var(--line-2);border-bottom-width:2px;padding:0 5px;color:var(--fg);background:var(--panel-3)}@keyframes popIn{0%{opacity:0;transform:translateY(-6px)}}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:18px;background:transparent;margin:0;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:3px;background:var(--line-2)}input[type=range]::-moz-range-track{height:3px;background:var(--line-2)}input[type=range]::-moz-range-progress{height:3px;background:var(--accent)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:16px;margin-top:-6.5px;background:var(--fg);border:0;clip-path:polygon(30% 0,100% 0,70% 100%,0 100%);transition:background .15s}input[type=range]::-moz-range-thumb{width:12px;height:16px;background:var(--fg);border:0;border-radius:0;clip-path:polygon(30% 0,100% 0,70% 100%,0 100%)}input[type=range]:hover::-webkit-slider-thumb{background:var(--accent)}input[type=range]:hover::-moz-range-thumb{background:var(--accent)}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{background:var(--l)}.app>*,.desk>*,.dm-app>*{animation:slabIn .7s var(--ease) both}.desk>:nth-child(1){animation-delay:.08s}.desk>:nth-child(2){animation-delay:.16s}.desk>:nth-child(3){animation-delay:.24s}@keyframes slabIn{0%{opacity:0;transform:translate3d(-24px,14px,0)}}.rv{transition:opacity .8s var(--ease),transform .8s var(--ease)!important}.rv:not(.in){opacity:0;transform:translate3d(-28px,26px,0) skewY(2deg)}.hero{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4.3fr);gap:56px;align-items:center;padding-top:0;overflow-x:clip}.hero h1{font-size:clamp(34px,4.5vw,62px);margin:12px 0 16px}.hero .lead{font-size:clamp(15px,1.3vw,17px);margin-bottom:26px}.hero+.section{margin-top:72px}.hero-stage{position:relative;margin:18px 22px 26px 0;perspective:900px}.hero-stage:before{content:"";position:absolute;top:26px;right:-22px;bottom:-26px;left:30px;background:var(--mauve);clip-path:polygon(0 0,100% 0,100% 82%,86% 100%,0 100%);opacity:.85}.hero-stage:after{content:"";position:absolute;left:-40%;right:-30%;top:58%;height:2px;background:var(--accent);transform:rotate(-17deg);box-shadow:0 0 10px 1px #ff2d3d99;pointer-events:none}.hero-card{--fill: var(--panel);--edge: var(--line-2);--c1: 26px;--c2: 26px;z-index:1;padding:20px 22px;transform:rotateY(var(--ty, -6deg)) rotateX(var(--tx, 3deg));transform-style:preserve-3d;transition:transform .5s var(--ease)}.hero-card .hc-top{display:flex;justify-content:space-between;align-items:center;font-family:var(--f-display);font-size:13px;color:var(--muted)}.hero-card .hc-top b{color:var(--accent);font-weight:700}.hc-name{font-family:var(--f-display);font-size:24px;font-weight:700;margin:6px 0 14px}.demo{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.demo span{aspect-ratio:1 / 1.25;background:var(--panel-3);display:grid;place-items:end center;padding-bottom:10px;font-family:var(--f-display);font-weight:700;font-size:clamp(16px,1.6vw,22px);color:var(--hand);position:relative;transition:background .08s,transform .08s;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%)}.demo span.acc:before{content:">";position:absolute;top:8px;font-size:14px;color:var(--fg)}.demo span.now{background:var(--hand);color:var(--accent-ink);transform:translateY(-4px)}.demo span.now.acc:before{color:var(--accent-ink)}.hc-pads{display:flex;justify-content:center;gap:18px;margin-top:16px}.hc-pads i{position:relative;width:58px;height:58px;display:grid;place-items:center;font-style:normal;font-family:var(--f-display);font-weight:700;font-size:19px;color:var(--hand);background-color:#1a2040;background-image:linear-gradient(160deg,#ffffff1a,#00000040);clip-path:polygon(29.3% 0,70.7% 0,100% 29.3%,100% 70.7%,70.7% 100%,29.3% 100%,0 70.7%,0 29.3%)}.hc-pads i:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;z-index:-1;background:#05060d4d;clip-path:polygon(29.3% 0,70.7% 0,100% 29.3%,100% 70.7%,70.7% 100%,29.3% 100%,0 70.7%,0 29.3%)}.hc-meta{display:flex;justify-content:space-between;margin-top:14px;font-size:12.5px;color:var(--muted)}.hc-meta b{color:var(--fg);font-size:20px;font-family:var(--f-display)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:88px}.stats div{padding:4px 22px 4px 28px;position:relative}.stats div:before{content:"";position:absolute;left:6px;top:0;bottom:0;width:3px;background:var(--line-2);transform:skew(-14deg)}.stats div:first-child:before{background:var(--accent)}.stats div:nth-child(2n){margin-top:26px}.stats b{display:block;font-family:var(--f-display);font-size:clamp(30px,3.8vw,52px);line-height:1;letter-spacing:-.02em;margin-bottom:6px}.stats span{color:var(--muted);font-size:13.5px}.fam-roll{--c: var(--r)}.fam-diddle{--c: var(--l)}.fam-flam{--c: var(--violet)}.fam-drag{--c: var(--amber)}.filters{position:sticky;top:8px;z-index:5;display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:10px;margin:0 -10px 8px;background:#0b0e1ceb;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.filters .search{flex:1 1 240px;max-width:340px}.lvl-block{margin-top:56px}.lvl-block h2{display:flex;align-items:baseline;gap:14px;font-size:24px;flex-wrap:wrap}.lvl-block h2 .lv{font-family:var(--f-display);font-size:13px;font-weight:700;color:var(--accent-ink);background:var(--accent);padding:4px 12px 4px 10px;transform:translateY(-3px);clip-path:polygon(0 0,100% 0,calc(100% - 6px) 100%,0 100%)}.lvl-block h2 small{font-family:var(--f-body);font-weight:400;font-size:14px;color:var(--muted)}.lvl-block:nth-child(2n) .tiles{margin-left:clamp(0px,3vw,40px)}.rud{padding:18px 18px 16px;gap:10px}.rud .top{display:flex;justify-content:space-between;align-items:center;gap:10px}.rud .n{font-family:var(--f-display);font-weight:700;font-size:14px;width:36px;height:36px;background:var(--panel-3);display:grid;place-items:center;clip-path:polygon(0 0,100% 0,100% 70%,70% 100%,0 100%)}.rud .tag{font-family:var(--f-display);font-size:12px;font-weight:500;color:var(--c)}.rud .en{font-size:13px;color:var(--muted);margin-top:-6px}.rud .stick{padding-top:10px;border-top:1px dashed var(--line-2)}.rud.done{--edge: color-mix(in srgb, var(--accent) 55%, var(--line))}.rud.done .n{background:var(--accent);color:var(--accent-ink)}.about-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:16px;margin-top:64px;align-items:start}.about-grid .tile{padding:30px;gap:12px}.about-grid .tile:nth-child(2){margin-top:56px;--fill: #1f1a36}.about-grid .tile h2{font-size:24px;margin:0}.about-grid .tile p{margin:0;color:var(--fg-2)}.about-grid .wide{grid-column:1 / -1;margin-right:clamp(0px,6vw,90px)}.notation{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-top:6px}.notation div{padding:14px;display:grid;gap:6px;background:var(--panel-2);clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}.notation code{font-family:var(--f-display);font-weight:700;font-size:24px}.notation div>span{font-size:13px;color:var(--muted)}.fams-row{display:flex;gap:8px;flex-wrap:wrap}.fams-row a{text-decoration:none}.j-stats{margin-top:48px}.j-stats .hot b{color:var(--accent)}.j-stats .fire b{color:var(--amber)}.j-sec{margin-top:80px}.lead a{color:var(--accent)}.heat-wrap{padding:24px 24px 18px;overflow-x:auto}.heat{display:grid;grid-template-columns:26px repeat(26,minmax(13px,30px));grid-template-rows:18px repeat(7,auto);gap:4px;min-width:520px;justify-content:center}.heat>span{grid-row:1;font-size:11px;color:var(--muted);white-space:nowrap}.heat>em{grid-column:1;font-style:normal;font-size:11px;color:var(--muted);align-self:center}.heat i,.heat-legend i{aspect-ratio:1;background:var(--panel-3);clip-path:polygon(29.3% 0,70.7% 0,100% 29.3%,100% 70.7%,70.7% 100%,29.3% 100%,0 70.7%,0 29.3%)}.heat i{transition:transform .15s}.heat i:hover{transform:scale(1.25)}.heat i.hx{background:transparent}.heat i.h1,.heat-legend .h1{background:#ff2d3d40}.heat i.h2,.heat-legend .h2{background:#ff2d3d80}.heat i.h3,.heat-legend .h3{background:#ff2d3dc7}.heat i.h4,.heat-legend .h4{background:var(--accent)}.heat-legend{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:14px;font-size:11px;color:var(--muted)}.heat-legend i{width:12px}.heat-legend span{margin:0 4px}.days-chart{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:8px;align-items:end;height:220px}.dc{display:grid;grid-template-rows:auto 1fr auto;gap:6px;height:100%;text-align:center;min-width:0}.dc-v{font-family:var(--f-display);font-size:12px;font-weight:700;color:var(--fg-2);min-height:1.2em}.dc-bar{display:flex;align-items:flex-end;background:repeating-linear-gradient(0deg,var(--line) 0 1px,transparent 1px 25%)}.dc-bar i{display:block;width:100%;background:var(--accent);clip-path:polygon(0 6px,100% 0,100% 100%,0 100%);animation:grow .9s var(--ease) both;transform-origin:bottom}.dc:nth-child(n) .dc-bar i{animation-delay:calc(var(--i, 0) * 40ms)}.dc-d{font-size:11px;line-height:1.3;color:var(--muted)}.dc.today .dc-d{color:var(--accent);font-weight:600}.dc.today .dc-bar i{background:repeating-linear-gradient(-45deg,var(--accent) 0 6px,var(--accent-2) 6px 12px)}@keyframes grow{0%{transform:scaleY(0)}}.j-table-wrap{padding:6px 10px;overflow-x:auto}.j-table{width:100%;border-collapse:collapse;font-size:14px}.j-table th{text-align:left;font-family:var(--f-display);font-weight:500;font-size:12.5px;color:var(--muted);padding:12px;border-bottom:1px solid var(--line-2)}.j-table td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle}.j-table tbody tr{transition:background .15s}.j-table tbody tr:hover{background:#ffffff06}.j-table tr:last-child td{border-bottom:0}.j-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.j-table small{color:var(--muted);font-size:12px}.j-table .muted{color:var(--muted);white-space:nowrap}.j-table a{color:var(--fg);text-decoration:none;display:inline-flex;align-items:center;gap:12px}.j-table a:hover b{color:var(--c, var(--accent))}.j-table td>a span:last-child{display:grid}.j-table .empty{padding:18px 12px}.j-n{width:32px;height:32px;flex:none;display:grid;place-items:center;background:var(--panel-3);font-family:var(--f-display);font-weight:700;font-size:12.5px;color:var(--c);clip-path:polygon(0 0,100% 0,100% 70%,70% 100%,0 100%)}.j-n.done{background:var(--accent);color:var(--accent-ink)}.j-time{min-width:160px}.j-time span:first-child{font-variant-numeric:tabular-nums}.j-bar{display:block;height:5px;background:var(--panel-3);margin-top:6px;overflow:hidden}.j-bar i{display:block;height:100%;background:var(--c, var(--accent))}.cta.danger:hover{background:var(--accent);color:var(--accent-ink)}.t-bronze{--tc: #d9844a}.t-silver{--tc: #c9d0dc}.t-gold{--tc: #f2b732}.t-lime{--tc: #3fd6a8}.t-ruby{--tc: #ff3346}.t-ice{--tc: #e6e9ff}.t-violet{--tc: #c58fd0}.ach-page .progress-line .bar{width:340px}.ach-group h2 small{font-family:var(--f-display);font-size:16px;color:var(--muted);font-weight:500;margin-left:8px}.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(184px,1fr));gap:16px}.ach{--tc: var(--accent);display:grid;justify-items:center;align-content:start;gap:6px;text-align:center;padding:24px 18px 18px;transition:transform .3s var(--ease)}.ach b{font-weight:600;font-size:15.5px;line-height:1.25;margin-top:6px}.ach p{margin:0;font-size:12.5px;color:var(--muted);line-height:1.45;text-wrap:pretty}.ach-badge{width:112px;height:112px;position:relative}.badge-svg{width:100%;height:100%;display:block;overflow:visible}.ach.got{--edge: color-mix(in srgb, var(--tc) 55%, var(--line))}.ach.got:after{background:linear-gradient(160deg,color-mix(in srgb,var(--tc) 16%,var(--panel)) 0%,var(--panel) 55%)}.ach.got:hover{transform:translate(3px,-4px)}.ach.got .ach-badge:before{content:"";position:absolute;top:8%;right:8%;bottom:8%;left:8%;background:color-mix(in srgb,var(--tc) 30%,transparent);transform:rotate(45deg);animation:spin 24s linear infinite}.ach.got .ach-badge:after{content:"";position:absolute;top:14%;right:14%;bottom:14%;left:14%;border:1px solid color-mix(in srgb,var(--tc) 60%,transparent);transform:rotate(20deg);animation:spin 36s linear infinite reverse}.ach.got .badge-svg{position:relative;z-index:1;filter:drop-shadow(0 6px 10px rgba(0,0,0,.55))}.ach.locked .badge-svg{filter:grayscale(1) brightness(.5) contrast(.9);opacity:.55}.ach.locked b{color:var(--fg-2)}.ach-date{font-family:var(--f-display);font-size:12px;color:var(--tc);margin-top:4px}.ach.new{animation:pop .8s cubic-bezier(.2,1.6,.4,1)}.ach.new .ach-date{color:var(--accent);font-weight:700}.ach-prog{width:100%;display:grid;gap:5px;margin-top:6px;font-family:var(--f-mono);font-size:11px;color:var(--muted)}.ach-prog .bar{height:5px}.ach-prog .bar i{background:var(--fg-2)}@keyframes glow{0%,to{opacity:.35;transform:scale(.92) rotate(45deg)}50%{opacity:.7;transform:scale(1.04) rotate(45deg)}}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}.legend-card{--fill: var(--panel);--edge: var(--line-2);--c1: 40px;--c2: 40px;margin-top:52px;display:grid;grid-template-columns:minmax(240px,400px) 1fr;gap:36px;align-items:center;padding:clamp(26px,4vw,48px)}.legend-card.got{--edge: #f2b732}.legend-card.got:after{background:linear-gradient(120deg,rgba(242,183,50,.16),transparent 45%),linear-gradient(300deg,rgba(255,45,61,.14),transparent 40%),var(--panel)}.legend-badge{position:relative;aspect-ratio:1}.legend-card.got .legend-badge:before{content:"";position:absolute;top:10%;right:10%;bottom:10%;left:10%;background:#f2b73233;transform:rotate(45deg);animation:glow 4s ease-in-out infinite;will-change:opacity,transform}.legend-card.got .legend-svg{position:relative}.legend-rays{transform-origin:100px 88px;animation:spin 40s linear infinite}.legend-sparks polygon{transform-box:fill-box;transform-origin:center;animation:twinkle 2.4s ease-in-out infinite}.legend-sparks polygon:nth-child(2){animation-delay:.6s}.legend-sparks polygon:nth-child(3){animation-delay:1.2s}.legend-sparks polygon:nth-child(4){animation-delay:1.8s}.legend-card.locked .legend-svg{filter:grayscale(1) brightness(.45);opacity:.6}.legend-card.locked .legend-rays,.legend-card.locked .legend-sparks polygon{animation:none}.legend-text h2{font-size:clamp(30px,3.8vw,50px);margin:12px 0 10px}.legend-card.got .legend-text h2{color:#f2b732}.legend-text>p{color:var(--fg-2);margin:0 0 22px;max-width:46ch}.legend-text .kicker{color:#f2b732}.legend-stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-bottom:18px}.legend-stages div{padding:10px 10px 9px;display:grid;gap:2px;background:var(--panel-2);min-width:0;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%)}.legend-stages b{font-family:var(--f-display);font-size:22px;color:var(--muted);line-height:1.1}.legend-stages span{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.legend-stages em{font-style:normal;font-family:var(--f-mono);font-size:11px;color:var(--fg-2)}.legend-stages .on{background:var(--accent)}.legend-stages .on b,.legend-stages .on span,.legend-stages .on em{color:var(--accent-ink)}.legend-card .ach-prog{max-width:420px;font-size:12px}.legend-card .ach-prog .bar i{background:#f2b732}.legend-card .ach-date{font-size:13px;color:#f2b732}@keyframes spin{to{transform:rotate(360deg)}}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.6)}50%{opacity:1;transform:scale(1.2)}}.toasts{position:fixed;right:16px;bottom:16px;z-index:50;display:grid;gap:10px;max-width:min(380px,calc(100vw - 32px))}.toast{--fill: var(--panel-2);--edge: var(--accent);display:flex;align-items:center;gap:14px;padding:12px 18px 12px 12px;text-decoration:none;color:var(--fg);filter:drop-shadow(0 18px 30px rgba(0,0,0,.6));animation:toastIn .55s var(--ease);transition:opacity .5s,transform .5s}.toast.out{opacity:0;transform:translate(40px) skew(-8deg)}.toast-more{padding-left:18px}.toast-badge{width:58px;height:58px;flex:none}.toast small{display:block;font-family:var(--f-display);font-size:12px;color:var(--accent)}.toast b{display:block;font-size:15px}.toast em{display:block;font-style:normal;font-size:12px;color:var(--muted);line-height:1.35}@keyframes toastIn{0%{opacity:0;transform:translate(60px) skew(-10deg)}}@media(max-width:960px){.hero{grid-template-columns:1fr;gap:24px}.hero-stage{margin:10px 22px 30px 0}.stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}.stats div:nth-child(n){margin-top:0}.about-grid{grid-template-columns:1fr}.about-grid .tile:nth-child(2){margin-top:0;margin-left:24px}.about-grid .wide{margin-right:0}.legend-card{grid-template-columns:1fr;justify-items:center;text-align:center;gap:20px}.legend-badge{width:min(300px,80vw)}.legend-text>p,.legend-card .ach-prog{margin-inline:auto}.legend-text .kicker{justify-content:center}}@media(max-width:560px){.site-nav a{padding:6px 9px;font-size:13px}.page{padding-top:28px}.section{margin-top:72px}.section-head{grid-template-columns:1fr}.section-head p{text-align:left}.lvl-block:nth-child(2n) .tiles{margin-left:0}.demo{gap:3px}.days-chart{gap:3px;height:180px}.dc-v,.dc-d{font-size:9.5px}.hide-s{display:none}.legend-stages{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.legend-stages div{padding:8px 4px;text-align:center}.legend-stages span{display:none}.ach-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ach{padding:18px 12px 14px}.ach-badge{width:92px;height:92px}.j-stats div:nth-child(2){padding-right:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.rv:not(.in){opacity:1;transform:none}}[hidden]{display:none!important}.acct-link{--k: 9px;display:inline-flex;align-items:center;gap:8px;padding:9px 16px 9px 12px;background:var(--panel-2);color:var(--fg);text-decoration:none;font-family:var(--f-display);font-size:14px;font-weight:500;max-width:220px;clip-path:polygon(var(--k) 0,100% 0,100% calc(100% - var(--k)),calc(100% - var(--k)) 100%,0 100%,0 var(--k));transition:background .2s,color .2s}.acct-link svg{width:18px;height:18px;flex:none;color:var(--accent)}.acct-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct-link:hover,.acct-link[aria-current=page]{background:var(--accent);color:var(--accent-ink)}.acct-link:hover svg,.acct-link[aria-current=page] svg{color:var(--accent-ink)}.auth-card{max-width:480px;padding:30px;gap:16px}.auth-card h2{margin:0}.meta-l{margin:0;color:var(--muted)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px}.auth-tabs button{border:0;background:var(--panel-2);padding:11px;font-family:var(--f-display);font-weight:700;color:var(--muted);transition:background .2s,color .2s}.auth-tabs button:first-child{clip-path:polygon(10px 0,100% 0,calc(100% - 8px) 100%,0 100%,0 10px)}.auth-tabs button:last-child{clip-path:polygon(8px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}.auth-tabs button[aria-selected=true]{background:var(--accent);color:var(--accent-ink)}.auth-google{justify-content:center;width:100%;cursor:pointer}.auth-or{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px}.auth-or:before,.auth-or:after{content:"";flex:1;height:1px;background:var(--line-2)}.auth-form{display:grid;gap:14px}.auth-form label{display:grid;gap:6px;font-size:13px;font-weight:500;color:var(--fg-2)}.auth-form label[hidden]{display:none}.auth-form input:not([type=checkbox]){width:100%;padding:13px 16px 12px;border:0;border-bottom:2px solid var(--line-2);background:var(--bg);font-size:16px;color:var(--fg);clip-path:polygon(10px 0,100% 0,100% 100%,0 100%,0 10px);transition:border-color .2s}.auth-form input:focus{outline:none;border-bottom-color:var(--accent)}.auth-form input:disabled{color:var(--muted)}.auth-form .cta{justify-content:center;cursor:pointer}.auth-check{grid-template-columns:auto 1fr!important;align-items:start;font-weight:400!important;color:var(--muted)!important}.auth-check input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--accent)}.auth-check a{color:var(--accent)}.auth-msg{margin:0;font-size:14px;color:var(--r);min-height:0}.auth-msg:empty{display:none}.auth-msg.ok{color:var(--l)}.auth-link{border:0;background:none;padding:0;color:var(--muted);font-size:14px;justify-self:center;text-decoration:underline;text-underline-offset:3px}.auth-link:hover{color:var(--fg)}.auth-link[hidden]{display:none}.auth-me{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;max-width:900px;align-items:start}.auth-me .tile{padding:26px;gap:16px}.auth-me .tile:nth-child(2){margin-top:28px}.sync-line{display:flex;align-items:center;gap:10px;margin:0;font-weight:600}.sync-dot{width:11px;height:11px;background:var(--muted);flex:none;transform:rotate(45deg)}.sync-dot.ok{background:var(--l)}.sync-dot.saving{background:var(--amber);animation:spin 1.2s linear infinite}.sync-dot.error{background:var(--r)}.legal h1{font-size:clamp(28px,5.4vw,72px);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.legal-body{max-width:780px;padding:30px 34px;display:block}.legal-body h2{font-size:21px;margin:28px 0 10px}.legal-body h2:first-child{margin-top:0}.legal-body p,.legal-body li{color:var(--fg-2)}.legal-body ul{padding-left:20px}.legal-body li::marker{color:var(--accent)}.legal-draft{display:inline-block;margin:-12px 0 24px;padding:6px 16px;border:1px dashed var(--r);color:var(--r);font-size:13px}@media(max-width:560px){.acct-link{padding:7px 12px 7px 10px;font-size:13px}.auth-card,.legal-body{padding:22px}.auth-me .tile:nth-child(2){margin-top:0}}.auth-msgr{display:grid;gap:12px}.tg-box{display:flex;justify-content:center;min-height:40px}.tg-box iframe{max-width:100%}.auth-max{justify-content:center;width:100%;cursor:pointer;background:#6a3cff;color:#fff;box-shadow:none}.auth-max:hover{background:#7d55ff}.max-wait{display:grid;gap:10px;padding:16px;border:1px dashed var(--line-2);text-align:center}.max-wait p{margin:0;color:var(--fg-2);font-size:14px}.max-wait .cta{justify-content:center}.code{font-family:var(--f-mono);font-size:16px;letter-spacing:.12em;color:var(--accent);white-space:nowrap}.link-row{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:10px;padding-block:8px;border-top:1px solid var(--line)}.link-row span{color:var(--l);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-row .cta{padding:9px 16px;font-size:14px;cursor:pointer}.link-row .tg-box{grid-column:1 / -1;justify-content:flex-start}.auth-vk{justify-content:center;width:100%;cursor:pointer;background:#07f;color:#fff;box-shadow:none}.auth-vk:hover{background:#1a88ff}.auth-tg{justify-content:center;width:100%;cursor:pointer;background:#229ed9;color:#fff;box-shadow:none}.auth-tg:hover{background:#33afe8}.auth-note{margin:0;text-align:center;font-size:13px;color:var(--muted)}