/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.contents{display:contents}.hidden{display:none}.table{display:table}.resize{resize:both}.text-center{text-align:center}}:root{--page:#090d10;--panel:#10161b;--panel-soft:#141c22;--panel-raised:#182229;--line:#26323a;--line-strong:#34434c;--text:#f4f7f8;--muted:#9aa8b0;--dim:#66747d;--acid:#ddff58;--amber:#ffb72c;--green:#93e735;--coral:#ff6d4a;--cyan:#3ed4ed;--font-display:"Arial Narrow", "Roboto Condensed", "PingFang SC", "Microsoft YaHei", sans-serif;--font-body:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html{background:var(--page)}body{color:var(--text);font-family:var(--font-body);background:radial-gradient(circle at 73% 8%,#587e8921,#0000 31%),linear-gradient(#0b1014 0%,#090d10 100%);min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--acid);outline-offset:3px}.site-shell{max-width:1540px;min-height:100vh;margin:0 auto;padding:0 36px 40px}.topbar{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;min-height:76px;display:grid}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:var(--acid);justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;position:relative}.brand-mark:before,.brand-mark:after{background:var(--page);content:"";width:5px;height:5px;position:absolute}.brand-mark:before{top:0;left:0}.brand-mark:after{bottom:0;right:0}.brand-mark i{border:2px solid #0c1114;border-radius:50%;width:12px;height:12px;position:relative}.brand-mark i:after{content:"";background:#0c1114;width:8px;height:2px;position:absolute;top:7px;right:-7px;transform:rotate(45deg)}.brand div{display:grid}.brand strong{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;font-size:16px}.brand small{color:var(--muted);margin-top:2px;font-size:11px}.architecture-pill{border:1px solid var(--line);color:var(--muted);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;background:#0c1115;border-radius:999px;align-items:center;gap:10px;padding:9px 15px;font-size:11px;display:flex}.architecture-pill i{background:var(--acid);width:24px;height:1px;position:relative}.architecture-pill i:after{border-right:1px solid var(--acid);border-top:1px solid var(--acid);content:"";width:5px;height:5px;position:absolute;top:-2px;right:0;transform:rotate(45deg)}.status-pill{color:#b9c4c9;justify-self:end;align-items:center;gap:8px;font-size:12px;display:flex}.status-pill i{background:var(--acid);border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #ddff588c}.hero{padding:56px 0 32px;display:block}.eyebrow,.panel-index{color:var(--acid);font-family:var(--font-display);letter-spacing:.17em;font-size:11px;font-weight:700}.hero h1{font-family:var(--font-display);letter-spacing:-.045em;margin:10px 0 16px;font-size:clamp(42px,5vw,72px);line-height:.98}.hero p{color:var(--muted);max-width:780px;margin:0;font-size:14px;line-height:1.8}.component-picker{background:var(--panel);border:1px solid var(--line);margin-bottom:18px}.picker-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:72px;padding:15px 20px;display:flex}.picker-heading h2{font-family:var(--font-display);margin:5px 0 0;font-size:19px}.picker-heading p{color:var(--dim);margin:0;font-size:10px}.component-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:13px;display:grid}.component-choice{color:var(--text);cursor:pointer;text-align:left;background:#0d1317;border:1px solid #29363d;min-width:0;padding:12px;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;display:grid}.component-choice:hover{background:#111a1f;border-color:#536169;transform:translateY(-1px)}.component-choice:focus-visible{outline:2px solid var(--acid);outline-offset:3px}.component-choice.is-selected{border-color:var(--acid);box-shadow:inset 0 -2px 0 var(--acid);background:linear-gradient(#ddff5812,#0000 52%),#10171b}.choice-topline{justify-content:space-between;align-items:center;display:flex}.choice-topline b{color:var(--acid);font-family:var(--font-display);background:#202a30;justify-content:center;align-items:center;width:22px;height:22px;font-size:9px;display:flex}.choice-topline i{color:#65747c;font-family:var(--font-display);letter-spacing:.14em;font-size:8px;font-style:normal}.component-choice.is-selected .choice-topline i{color:var(--acid)}.selector-mini{background-color:#0a1013;background-image:linear-gradient(#52636c14 1px,#0000 1px),linear-gradient(90deg,#52636c14 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;align-items:center;width:100%;height:92px;margin:10px 0 11px;padding:8px 12px;display:flex;overflow:hidden}.selector-mini .progress-component{min-height:70px;padding-left:12px;padding-right:12px}.selector-mini .progress-component.is-compact .progress-track{height:34px}.selector-mini .progress-component.is-compact .game-icon{transform:scale(.58)}.selector-mini .progress-component.is-compact .icon-left{margin-left:-8px;margin-right:-24px}.selector-mini .progress-component.is-compact .icon-right{margin-left:-24px;margin-right:-8px}.selector-mini-milestone{justify-content:space-between;padding:15px 30px;position:relative;overflow:visible}.selector-mini-milestone .mini-line{background:#3a454a;height:18px;position:absolute;left:28px;right:28px;overflow:hidden}.selector-mini-milestone .mini-line i{background:var(--amber);height:100%;display:block}.selector-mini-milestone .reward-chest{z-index:2;width:56px;animation:none;position:relative;transform:scale(.66)}.choice-copy{gap:4px;display:grid}.choice-copy strong{font-family:var(--font-display);font-size:14px}.choice-copy small{color:var(--dim);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.workbench{grid-template-columns:minmax(0,1.65fr) minmax(390px,.72fr);align-items:start;gap:18px;display:grid}.preview-card,.settings-card{background:var(--panel);border:1px solid var(--line);min-width:0}.dual-preview-stack{display:grid}.preview-instance+.preview-instance{border-top:1px solid var(--line)}.instance-heading{background:#11181d;border-bottom:1px solid #212c32;justify-content:space-between;align-items:center;min-height:68px;padding:14px 20px;display:flex}.instance-heading>div:first-child{align-items:center;gap:13px;display:flex}.instance-heading>div:first-child>span{color:var(--acid);font-family:var(--font-display);background:#ddff581a;border:1px solid #ddff5852;justify-content:center;align-items:center;width:30px;height:30px;font-size:10px;font-weight:800;display:flex}.instance-heading h3{font-family:var(--font-display);margin:0;font-size:16px}.instance-heading p{color:var(--dim);margin:4px 0 0;font-size:9px}.instance-tags{gap:5px;display:flex}.instance-tags span{color:#84939a;font-family:var(--font-display);letter-spacing:.1em;border:1px solid #34424a;padding:5px 7px;font-size:8px}.preview-stage.preview-stage-compact{min-height:320px;padding-top:66px;padding-bottom:58px}.preview-stage.preview-stage-milestone{min-height:390px;padding-top:66px;padding-bottom:64px}.preview-stage-selected{min-height:500px}.card-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:85px;padding:19px 22px;display:flex}.card-heading h2{font-family:var(--font-display);letter-spacing:-.015em;margin:5px 0 0;font-size:20px}.preview-metrics{align-items:center;gap:18px;display:flex}.preview-metrics>span{display:grid}.preview-metrics small{color:var(--dim);font-family:var(--font-display);letter-spacing:.14em;font-size:8px}.preview-metrics b{font-family:var(--font-display);text-align:right;margin-top:2px;font-size:18px}.preview-metrics>i{background:var(--line);width:1px;height:28px}.preview-stage{background:linear-gradient(#0b101433,#0b101499),#0d1317;align-items:center;min-height:460px;padding:82px 60px 70px;display:flex;position:relative;overflow:hidden}.stage-grid{opacity:.62;background-image:linear-gradient(#5066711a 1px,#0000 1px),linear-gradient(90deg,#5066711a 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000);mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000)}.stage-grid:after{content:"";background:linear-gradient(90deg,#0000,#ddff5817,#0000);height:1px;position:absolute;top:50%;left:4%;right:4%}.stage-badge{color:var(--dim);font-family:var(--font-display);letter-spacing:.15em;align-items:center;gap:7px;font-size:9px;display:flex;position:absolute;top:20px;left:22px}.stage-badge i{border:1px solid #53636c;width:9px;height:9px;position:relative}.stage-badge i:after{background:var(--acid);content:"";width:3px;height:3px;position:absolute;inset:2px}.ruler{color:#4d5a61;font-family:var(--font-display);letter-spacing:.08em;justify-content:space-between;font-size:8px;display:flex;position:absolute;top:76px;left:12%;right:12%}.ruler i{border-top:1px dashed #29353b;position:absolute;top:5px;left:24px;right:24px}.component-zone{z-index:2;width:100%;max-width:850px;margin:0 auto;position:relative}.stage-note{color:var(--dim);white-space:nowrap;align-items:center;gap:8px;font-size:10px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.stage-note>i{background:#3a474e;width:1px;height:10px}.tone-dot{border-radius:50%;width:7px;height:7px}.tone-dot.tone-amber{background:var(--amber)}.tone-dot.tone-lime{background:var(--green)}.tone-dot.tone-coral{background:var(--coral)}.tone-dot.tone-cyan{background:var(--cyan)}.progress-component{align-items:center;width:100%;min-height:110px;padding:0 34px;display:flex;position:relative}.track-wrap{flex:1;min-width:0;position:relative}.progress-track,.milestone-track{background:linear-gradient(#212a2f 0%,#536066 45%,#303a40 52%,#12191d 100%);border:5px solid #e8e8df;border-radius:999px;height:62px;position:relative;overflow:hidden;box-shadow:0 0 0 3px #5a5f5f,0 6px 12px #0000006b,inset 0 3px 5px #0000007a}.progress-track:after,.milestone-track:after{border-radius:inherit;content:"";pointer-events:none;z-index:5;background:linear-gradient(#ffffff47,#0000 38%);position:absolute;inset:4px 7px 45%}.progress-fill{height:100%;width:var(--progress-position,calc(var(--progress) * 1%));background:linear-gradient(#ffd54b 0%,#ffb01d 58%,#e77f17 100%);position:absolute;box-shadow:inset -2px 0 #8d4c0c8c}.progress-fill.is-animated{transition:width .46s cubic-bezier(.22,.82,.24,1)}.progress-fill.tone-lime{background:linear-gradient(#c9ff5c 0%,#7bd529 58%,#369f25 100%)}.progress-fill.tone-coral{background:linear-gradient(#ff9d6e 0%,#ff6847 58%,#d63b32 100%)}.progress-fill.tone-cyan{background:linear-gradient(#8af2ff 0%,#31cee8 58%,#1b86b8 100%)}.segment-layer{pointer-events:none;z-index:4;position:absolute;inset:0}.segment-layer span{background:#46442b47;width:2px;height:100%;position:absolute;box-shadow:1px 0 #ffffff29}.progress-text{color:#fff;font-family:var(--font-display);letter-spacing:-.04em;text-shadow:0 3px #463525b3,2px 0 #46352594,-2px 0 #46352594;white-space:nowrap;z-index:7;font-size:30px;font-weight:900;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.text-center{left:50%;transform:translate(-50%,-50%)}.text-follow{left:clamp(58px, var(--progress-position,calc(var(--progress) * 1%)), calc(100% - 58px));transform:translate(-50%,-50%)}.progress-head-effect{height:86px;left:clamp(20px, var(--progress-position,calc(var(--progress) * 1%)), calc(100% - 20px));pointer-events:none;z-index:10;width:86px;position:absolute;top:50%;transform:translate(-50%,-50%)}.progress-head-effect:before,.progress-head-effect:after{content:"";background:linear-gradient(90deg,#0000,#fff,#0000);width:66px;height:3px;position:absolute;top:42px;left:10px}.progress-head-effect:after{transform:rotate(90deg)}.progress-head-effect i{border:2px solid #fffabfcc;border-radius:50%;position:absolute;inset:25px;box-shadow:0 0 10px #fff,0 0 20px #fff59a,0 0 32px #ffba2de6}.progress-head-effect b{border:1px dashed #fff8abc7;border-radius:50%;position:absolute;inset:11px}.effect-always{animation:1.25s ease-in-out infinite effect-breathe}.effect-once{animation:.72s ease-out both effect-burst}.effect-dormant{display:none}.game-icon{z-index:12;flex:none;width:80px;height:80px;display:block;position:relative}.icon-left{margin-right:-27px}.icon-right{margin-left:-27px}.energy-icon{background:linear-gradient(145deg,#a3f4ff 0%,#32caec 48%,#1388ca 100%);border:4px solid #0a84b7;border-radius:26px 20px 28px 18px;width:51px;height:66px;margin-left:7px;transform:rotate(7deg);box-shadow:0 0 0 3px #5bdbef,0 6px 10px #00000061}.energy-icon:after{content:"";border-top:26px solid #168acb;border-left:10px solid #0000;border-right:6px solid #0000;position:absolute;bottom:-20px;left:12px;transform:rotate(18deg)}.energy-bolt{clip-path:polygon(52% 0,98% 0,68% 38%,93% 38%,27% 100%,43% 52%,15% 52%);filter:drop-shadow(0 2px #1682b9);background:linear-gradient(#eaffff,#7ef0ff);width:31px;height:43px;position:absolute;top:8px;left:8px;transform:rotate(-5deg)}.potion-icon{height:82px;transform:rotate(8deg)}.potion-cap{z-index:3;background:linear-gradient(90deg,#ffb829,#ffe07a 55%,#ed8b1d);border:3px solid #ad6519;border-radius:8px;width:34px;height:17px;position:absolute;top:2px;left:27px}.potion-cap:after{content:"";background:#ffe290;border:2px solid #a86219;border-radius:50%;width:9px;height:9px;position:absolute;top:-9px;left:10px}.potion-glass{background:linear-gradient(145deg,#b9ffff,#30d6eb 48%,#0b89bf);border:4px solid #087da8;border-radius:17px 17px 23px 23px;width:52px;height:60px;position:absolute;top:16px;left:18px;overflow:hidden;box-shadow:0 0 0 3px #68e3ef,0 6px 10px #00000061}.potion-liquid{background:linear-gradient(#c86cff,#7148e8);border-radius:50% 50% 0 0;width:58px;height:32px;position:absolute;bottom:0;left:-5px;transform:rotate(-5deg)}.potion-mark{color:#fff;text-shadow:0 2px #4e409c;z-index:2;font-size:22px;font-style:normal;font-weight:900;position:absolute;top:24px;left:11px}.progress-component.is-compact{min-height:76px;padding:0 24px}.progress-component.is-compact .progress-track{border-width:4px;height:44px}.progress-component.is-compact .progress-text{font-size:21px}.progress-component.is-compact .game-icon{width:58px;height:58px;transform:scale(.72)}.progress-component.is-compact .icon-left{margin-left:-2px;margin-right:-20px}.progress-component.is-compact .icon-right{margin-left:-20px;margin-right:-2px}.milestone-shell{width:100%;min-width:0;position:relative}.milestone-fixed-left-icon{pointer-events:none;z-index:33;align-items:center;width:118px;height:86px;display:flex;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.milestone-fixed-left-icon:before{content:"";z-index:0;background:linear-gradient(90deg,#0d1317 0% 82%,#0d1317f0 100%);width:66px;height:62px;position:absolute;top:12px;left:-8px}.milestone-fixed-left-icon:after{content:"";z-index:0;background:linear-gradient(90deg,#0d1317f0 0%,#0d1317b8 34%,#0d131747 70%,#0d131700 100%);width:62px;height:64px;transition:height .18s,top .18s;position:absolute;top:11px;left:54px}.milestone-shell.has-featured-node-bubble .milestone-fixed-left-icon:after{height:104px;top:-29px}.milestone-fixed-left-icon .game-icon{z-index:1;position:relative}.milestone-fixed-left-icon .icon-left{margin-right:0}.milestone-right-scroll-mask{pointer-events:none;z-index:31;background:linear-gradient(90deg,#0d131700 0%,#0d131747 30%,#0d1317b8 66%,#0d1317 100%);width:62px;height:64px;transition:height .18s,opacity .16s,right .18s,top .18s;position:absolute;top:50%;right:0;transform:translateY(-50%)}.milestone-shell.has-featured-node-bubble .milestone-right-scroll-mask{height:104px;top:calc(50% - 20px)}.milestone-shell.has-next-reward-dock .milestone-right-scroll-mask{right:118px}.milestone-viewport{width:100%;padding:68px 56px 62px 34px;overflow:visible}.milestone-viewport.is-scrollable{-webkit-overflow-scrolling:touch;cursor:grab;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-y;-webkit-user-select:none;user-select:none;scroll-padding-right:124px;overflow:auto hidden}.milestone-viewport.has-proportional-nodes{scrollbar-width:none;overflow:auto hidden}.milestone-viewport.is-scrollable::-webkit-scrollbar{width:0;height:0;display:none}.milestone-viewport.has-proportional-nodes::-webkit-scrollbar{width:0;height:0;display:none}.milestone-viewport.is-scrollable.is-dragging{cursor:grabbing}.milestone-viewport.is-scrollable.is-dragging *{cursor:grabbing!important}.milestone-canvas{align-items:center;width:100%;min-width:0;min-height:82px;padding-left:26px;display:flex;position:relative}.milestone-viewport.is-scrollable .milestone-canvas{min-width:max(var(--scroll-content-width,100%), calc((var(--node-count) * 108px) + 140px))}.milestone-viewport.has-proportional-nodes:not(.is-scrollable) .milestone-canvas{min-width:max(100%, calc((var(--node-count) * 108px) + 140px))}.milestone-track-wrap{flex:1;min-width:0;position:relative}.milestone-track{border-radius:12px;height:36px}.milestone-node{z-index:12;position:absolute;top:50%;transform:translate(-50%,-50%)}.milestone-action{color:inherit;background:0 0;border:0;min-width:78px;min-height:74px;margin:0;padding:0;display:block}.milestone-action:disabled{cursor:default}.milestone-action.can-open,.milestone-action.can-claim{cursor:pointer}.milestone-action.can-claim:hover .reward-chest,.milestone-action.can-claim:focus-visible .reward-chest,.milestone-action.can-claim:hover .reward-item-node,.milestone-action.can-claim:focus-visible .reward-item-node{filter:brightness(1.14)drop-shadow(0 0 10px #ffee70f2)drop-shadow(0 8px 6px #0006)}.milestone-action.can-open:hover .reward-chest,.milestone-action.can-open:focus-visible .reward-chest,.milestone-action.can-open:hover .reward-item-node,.milestone-action.can-open:focus-visible .reward-item-node{transform:translateY(-3px)}.milestone-action:focus-visible{outline-offset:5px;outline:2px solid #fff2a4}.reward-chest{filter:drop-shadow(0 7px 5px #0000005c);width:78px;height:74px;transition:filter .16s,transform .16s;display:block;position:relative}.chest-lid{background:linear-gradient(#ffe65d,#ffaf22 60%,#dc7715);border:4px solid #9e4e17;border-radius:18px 18px 5px 5px;width:70px;height:31px;position:absolute;top:5px;left:4px}.chest-lid:after{content:"";background:linear-gradient(#fff39c,#ffbe2e);border:3px solid #9d4c16;width:12px;height:27px;position:absolute;top:-4px;left:29px}.chest-body{background:linear-gradient(#ef5c29,#b82f23);border:4px solid #923418;border-radius:5px 5px 12px 12px;width:66px;height:41px;position:absolute;bottom:3px;left:6px}.chest-body:before,.chest-body:after{content:"";background:#ffbd25;border:2px solid #9b4c15;position:absolute}.chest-body:before{height:8px;top:3px;left:-2px;right:-2px}.chest-body:after{width:11px;top:-3px;bottom:-3px;left:27px}.chest-body i{z-index:2;background:#fff17d;border:2px solid #8d4516;border-radius:3px;width:9px;height:11px;position:absolute;top:8px;left:28px}.reward-chest.is-active:not(.is-claimable){animation:1.6s ease-in-out infinite chest-float}.reward-chest.is-active:not(.is-claimable):after{content:"";border:1px solid #ffe457b3;border-radius:50%;position:absolute;inset:-8px;box-shadow:0 0 20px #ffc62ea6}.reward-chest.is-locked{filter:grayscale(.72)brightness(.58)drop-shadow(0 7px 5px #0000005c);opacity:.72}.reward-chest.is-claimable{filter:brightness(1.08)saturate(1.16)drop-shadow(0 0 12px #ffe249eb)drop-shadow(0 8px 6px #0006);animation:1.05s ease-in-out infinite claimable-pulse}.reward-chest.is-claimable:after{content:"";border:2px solid #fff07ee6;border-radius:50%;position:absolute;inset:-10px;box-shadow:0 0 12px #ffee7ef2,0 0 28px #ffae2ab8}.reward-chest.is-claimed{filter:saturate(.82)brightness(.92)drop-shadow(0 7px 5px #0000005c)}.claim-mark{color:#154d17;z-index:8;background:#7ee34a;border:3px solid #d8ffc0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:20px;font-weight:900;display:flex;position:absolute;bottom:-4px;right:-4px}.reward-chest.is-small{transform:scale(.82)}.reward-chest.is-small.is-active{animation:1.6s ease-in-out infinite chest-float-small}.reward-chest.is-small.is-claimable{animation:1.05s ease-in-out infinite claimable-pulse-small}.reward-chest.is-grand-prize .chest-lid,.reward-chest.is-grand-prize .chest-body{box-shadow:0 0 0 2px #ffee80bd,0 0 18px #ffba30b3}.grand-prize-mark{color:#8a4314;z-index:9;background:linear-gradient(#fffbd0,#ffc62d);border:2px solid #9a5318;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;display:flex;position:absolute;top:-8px;right:-7px}.featured-reward-bubble{z-index:11;background:linear-gradient(#fff,#f4f0dd);border:3px solid #e2cf91;border-radius:50% 50% 50% 18%;justify-content:center;align-items:center;width:44px;height:42px;display:flex;position:absolute;top:-29px;right:-27px;box-shadow:0 4px 7px #0000005c,0 0 0 2px #ffffff7a}.featured-reward-bubble:after{content:"";border-top:9px solid #e2cf91;border-left:7px solid #0000;border-right:2px solid #0000;position:absolute;bottom:-8px;left:5px;transform:rotate(18deg)}.featured-reward-bubble b{color:#fff7cf;font-family:var(--font-display);z-index:2;background:#603e18;border-radius:999px;padding:0 4px;font-size:8px;line-height:15px;position:absolute;bottom:-7px;right:-5px}.reward-glyph{color:#fff;font-family:var(--font-display);text-shadow:0 2px #3e1f73a6;border:3px solid #ffffffc2;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;font-weight:900;line-height:1;display:inline-flex;position:relative;box-shadow:0 0 0 2px #391d75b8,0 5px 8px #00000047}.glyph-rainbow{background:radial-gradient(circle at 35% 30%,#fff8bd 0 8%,#0000 9%),conic-gradient(from 25deg,#ff5c6b,#ffc54a,#8ce950,#3fdaf3,#9664f7,#ff5cba,#ff5c6b);border-radius:50%}.glyph-coin{color:#8e4c16;text-shadow:0 1px #fff4a0;background:linear-gradient(145deg,#fff49a,#ffc32a 55%,#e58b12);border-color:#fff8bd;border-radius:50%;box-shadow:0 0 0 2px #a75b15,0 5px 8px #00000047}.glyph-hammer{background:linear-gradient(145deg,#99f6ff,#2fc4e6 55%,#267fc4);border-radius:13px 13px 22px;box-shadow:0 0 0 2px #17698d,0 5px 8px #00000047}.featured-reward-bubble .reward-glyph{border-width:2px;width:27px;height:27px;font-size:13px;box-shadow:0 0 0 1px #43246eb3}.reward-item-node{filter:drop-shadow(0 7px 5px #0000005c);justify-content:center;align-items:center;width:78px;height:74px;transition:filter .16s,transform .16s;display:flex;position:relative}.reward-item-node>.reward-glyph{width:58px;height:58px;font-size:28px}.reward-item-count{color:#fff;font-family:var(--font-display);text-align:center;text-shadow:0 2px #000;z-index:8;background:linear-gradient(#28333a,#0b1115);border:2px solid #eaf2f4;border-radius:999px;min-width:33px;padding:0 6px;font-size:13px;line-height:22px;position:absolute;bottom:-2px;right:-7px}.reward-item-node.is-locked{filter:grayscale(.72)brightness(.58)drop-shadow(0 7px 5px #0000005c);opacity:.72}.reward-item-node.is-claimable{filter:brightness(1.08)saturate(1.16)drop-shadow(0 0 12px #ffe249eb)drop-shadow(0 8px 6px #0006);animation:1.05s ease-in-out infinite claimable-pulse}.reward-item-node.is-claimed{filter:saturate(.82)brightness(.92)drop-shadow(0 7px 5px #0000005c)}.reward-item-node.is-small{transform:scale(.82)}.reward-item-node.is-small.is-claimable{animation:1.05s ease-in-out infinite claimable-pulse-small}.reward-item-node.is-grand-prize>.reward-glyph{box-shadow:0 0 0 3px #ffe053e0,0 0 21px #ffba30e0}.reward-item-node .claim-mark{bottom:-4px;left:-4px;right:auto}.milestone-node.is-item-node .node-label{top:88px}.node-label{color:#86939a;font-family:var(--font-display);text-align:center;white-space:nowrap;font-size:13px;font-weight:800;position:absolute;top:78px;left:50%;transform:translate(-50%)}.node-label.is-current{color:#fff;text-shadow:0 2px #00000080;font-size:17px}.node-label.is-claimable{color:#fff5a6;text-shadow:0 0 10px #ffc22ccc;font-size:14px}.node-label.is-claimed{color:#9cea72}.milestone-state-legend{background:#0e1519;border:1px solid #27333a;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:9px;display:grid}.milestone-state-legend span{color:#829097;white-space:nowrap;justify-content:center;align-items:center;gap:6px;font-size:9px;display:flex}.milestone-state-legend i{border-radius:50%;width:7px;height:7px}.state-locked{background:#526068}.state-claimable{background:#ffd94f;box-shadow:0 0 7px #ffd94fcc}.state-claimed{background:#86e75d}.milestone-effect{top:50%}.milestone-text{font-size:20px;left:12%;transform:translateY(-50%)}.milestone-empty{color:#77868d;letter-spacing:.04em;white-space:nowrap;font-size:11px;position:absolute;top:58px;left:50%;transform:translate(-50%)}.next-reward-dock{color:#5b2d12;z-index:32;background:linear-gradient(#ffffff6b,#0000 24%),linear-gradient(145deg,#ffd768,#f3a82b 64%,#c66a19);border:4px solid #fff0a0;border-radius:19px;grid-template-rows:auto 64px auto;place-items:center;width:106px;min-height:126px;padding:8px 9px 7px;transition:filter .18s,transform .18s;display:grid;position:absolute;top:50%;right:11px;transform:translateY(-50%);box-shadow:0 0 0 3px #9a5318,0 8px 18px #0000007a,0 0 24px #ffb83457}.next-reward-dock:hover{filter:brightness(1.08);transform:translateY(-50%)scale(1.025)}.next-reward-dock>span{color:#fff4be;white-space:nowrap;background:#6c3214;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:900}.next-reward-dock .reward-chest,.next-reward-dock .reward-item-node{transform-origin:50%;margin-top:-3px;animation:none;transform:scale(.68)}.next-reward-dock>strong{color:#fff;font-family:var(--font-display);text-shadow:0 2px #5b2d12b8;margin-top:-5px;font-size:15px;line-height:1}.next-reward-dock>i{color:#7d3e16;background:#fff4b4;border:2px solid #9a5318;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:24px;font-style:normal;font-weight:900;display:flex;position:absolute;top:51px;right:-13px}.reward-tips-anchor{pointer-events:none;z-index:80;width:min(368px,100% - 28px);animation:.18s ease-out both reward-tip-pop;position:absolute;top:50%;transform:translate(-50%,calc(-100% - 48px))}.reward-tips{pointer-events:auto;background:linear-gradient(#ffffffdb,#0000 35%),#fff8e6;border:3px solid #f0b946;border-radius:17px;width:100%;padding:10px 12px 9px;position:relative;box-shadow:0 7px #7f481352,0 15px 30px #0000006b,inset 0 2px #fff}.reward-tips:before,.reward-tips:after{content:"";border-left:12px solid #0000;border-right:12px solid #0000;position:absolute;left:50%;transform:translate(-50%)}.reward-tips:before{border-top:15px solid #f0b946;bottom:-16px}.reward-tips:after{border-top:11px solid #fff8e6;border-left-width:9px;border-right-width:9px;bottom:-11px}.reward-tips-title{color:#934918;font-family:var(--font-display);text-align:center;border-bottom:1px solid #c07f223d;padding-bottom:5px;font-size:11px;display:block}.reward-content-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:7px;display:grid}.reward-content-list>div{background:#ffdc8640;border:1px solid #d4992f47;border-radius:9px;place-items:center;gap:3px;min-width:0;padding:5px 4px 4px;display:grid}.reward-content-list .reward-glyph{width:29px;height:29px;font-size:12px}.reward-content-list small{color:#bd5d1c;font-family:var(--font-display);font-size:9px}.preview-actions{justify-content:space-between;align-items:center;min-height:76px;padding:14px 20px;display:flex}.preview-actions>div{gap:8px;display:flex}.preview-actions button,.text-button,.code-toolbar button{border:1px solid var(--line-strong);color:var(--text);min-height:40px;padding:0 15px;transition:background .18s,border-color .18s,color .18s}.secondary-button,.step-button{background:#151d22}.secondary-button:hover,.step-button:hover{background:#1c282e;border-color:#526169}.primary-button{background:var(--acid);align-items:center;gap:9px;font-weight:800;display:inline-flex;border-color:var(--acid)!important;color:#11160d!important}.primary-button:hover{background:#edff9a}.play-symbol{border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid #11160d;width:0;height:0;display:inline-block}.preview-actions p{color:var(--dim);margin:0;font-size:10px}.preview-actions p span{color:var(--acid);font-family:var(--font-display);margin-right:8px;font-weight:800}.settings-card{position:sticky;top:12px}.settings-heading{min-height:85px}.text-button{color:var(--muted);background:0 0;min-height:34px;padding:0 12px}.text-button:hover{border-color:var(--acid);color:var(--acid)}.settings-scroll{scrollbar-color:#36454d #10161b;scrollbar-width:thin;max-height:650px;overflow-y:auto}.settings-scroll-expanded{max-height:930px}.settings-scroll-active{max-height:calc(100vh - 122px)}.setting-section{border-bottom:1px solid var(--line);padding:21px 21px 23px}.setting-section>header{align-items:center;gap:10px;margin-bottom:18px;display:flex}.setting-section>header>span{color:var(--acid);font-family:var(--font-display);background:#202a30;justify-content:center;align-items:center;width:22px;height:22px;font-size:9px;font-weight:800;display:flex}.setting-section h3{margin:0;font-size:13px}.setting-body{gap:17px;display:grid}.range-field{gap:10px;display:grid}.range-field>span{justify-content:space-between;align-items:center;display:flex}.range-field strong,.option-group legend,.toggle-row strong{color:#d9e0e3;font-size:11px;font-weight:600}.range-field b{color:var(--acid);font-family:var(--font-display);font-size:12px}input[type=range]{accent-color:var(--acid);cursor:pointer;background:0 0;width:100%;height:18px}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#596970,#2b373d);height:3px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--acid);box-shadow:0 0 0 1px var(--acid);border:3px solid #151b1f;border-radius:50%;width:15px;height:15px;margin-top:-6px}.option-group{border:0;gap:9px;min-width:0;margin:0;padding:0;display:grid}.option-group legend{margin-bottom:9px;padding:0}.option-list{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:5px;display:grid}.option-list button{color:#7f8d94;background:#12191e;border:1px solid #2b373e;min-height:34px;padding:0 8px;font-size:10px;transition:background .16s,border-color .16s,color .16s}.option-list button:hover{color:#d7dfe2;border-color:#526068}.option-list button.is-selected{border-color:var(--acid);color:var(--acid);background:#ddff5814}.milestone-value-input{gap:9px;display:grid}.milestone-value-input>span{justify-content:space-between;align-items:start;display:flex}.milestone-value-input strong{color:#d9e0e3;font-size:11px;font-weight:600}.milestone-value-input small{color:var(--dim);font-size:9px}.milestone-value-input input{color:#ecf2f4;background:#0e1519;border:1px solid #324048;width:100%;min-height:40px;padding:0 11px;transition:border-color .18s,box-shadow .18s}.milestone-value-input input:hover{border-color:#526169}.milestone-value-input input:focus{border-color:var(--acid);outline:none;box-shadow:0 0 0 3px #ddff5814}.milestone-value-input input::placeholder{color:#526169}.input-feedback{font-size:9px;font-style:normal;line-height:1.5}.input-feedback.is-valid{color:#8fa166}.input-feedback.is-invalid{color:#ff8a70}.grand-prize-config{background:linear-gradient(#ffbe380f,#0000),#0e1519;border:1px solid #3d3322;gap:14px;padding:13px;display:grid}.grand-prize-heading{justify-content:space-between;align-items:flex-start;display:flex}.grand-prize-heading>span{gap:3px;display:grid}.grand-prize-heading strong{color:#f4e8c4;font-size:11px}.grand-prize-heading small,.grand-prize-config>em{color:#8e8066;font-size:9px;font-style:normal;line-height:1.45}.grand-prize-heading>b{color:#ffd560;font-family:var(--font-display);font-size:10px}.grand-prize-node-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.grand-prize-node-list button{color:#859198;background:#151b1f;border:1px solid #344048;justify-content:center;align-items:center;gap:5px;min-height:34px;padding:0 6px;display:flex}.grand-prize-node-list button i{color:#59636a;font-size:10px;font-style:normal}.grand-prize-node-list button:hover{color:#eadfbd;border-color:#8d7342}.grand-prize-node-list button.is-selected{color:#ffe8a1;background:#ffbe381c;border-color:#ffc648;box-shadow:inset 0 -2px #d98a1f}.grand-prize-node-list button.is-selected i{color:#ffd24f;text-shadow:0 0 8px #ffc335cc}.reward-node-config{background:linear-gradient(#57d0ff0d,#0000),#0e1519;border:1px solid #2a3a42;gap:14px;padding:13px;display:grid}.reward-node-config-heading{justify-content:space-between;align-items:flex-start;display:flex}.reward-node-config-heading>span{gap:3px;display:grid}.reward-node-config-heading strong{color:#dce7eb;font-size:11px}.reward-node-config-heading small{color:#718189;font-size:9px;line-height:1.5}.reward-node-config-heading>i{color:#65d8ff;font-family:var(--font-display);letter-spacing:.08em;background:#5fd3ff14;border:1px solid #315466;padding:4px 6px;font-size:8px;font-style:normal}.featured-item-node-config{border-top:1px solid #26343b;gap:9px;padding-top:12px;display:grid}.featured-item-node-config>div:first-child{justify-content:space-between;align-items:center;display:flex}.featured-item-node-config>div:first-child strong{color:#dbe5e9;font-size:10px}.featured-item-node-config>div:first-child small{color:#71d9ff;font-family:var(--font-display);font-size:9px}.featured-item-node-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.featured-item-node-list button{color:#859198;text-align:left;background:#151b1f;border:1px solid #344048;grid-template-columns:auto 1fr;align-items:center;gap:2px 5px;min-height:40px;padding:5px 7px;display:grid}.featured-item-node-list button i{color:#4b5960;grid-row:1/3;font-size:8px;font-style:normal}.featured-item-node-list button span{font-family:var(--font-display);font-size:10px}.featured-item-node-list button small{color:#68767d;font-size:8px}.featured-item-node-list button:hover{color:#dceaf0;border-color:#467588}.featured-item-node-list button.is-selected{color:#dff7ff;background:#5fd3ff17;border-color:#5fd3ff;box-shadow:inset 0 -2px #2084aa}.featured-item-node-list button.is-selected i{color:#5fd3ff;text-shadow:0 0 8px #5fd3ffe0}.featured-item-node-list button.is-selected small{color:#8ac9df}.featured-item-node-config>em{color:#6f7e85;font-size:8px;font-style:normal;line-height:1.45}.toggle-row{cursor:pointer;grid-template-columns:1fr auto;align-items:center;gap:12px;min-height:37px;display:grid;position:relative}.toggle-row>span{display:grid}.toggle-row small{color:var(--dim);margin-top:4px;font-size:9px;line-height:1.5}.toggle-row input{opacity:0;width:1px;height:1px;position:absolute}.toggle-visual{background:#273239;border:1px solid #3d4a51;border-radius:999px;width:43px;height:24px;transition:background .18s,border-color .18s;position:relative}.toggle-visual b{background:#819098;border-radius:50%;width:16px;height:16px;transition:left .18s,background .18s;position:absolute;top:3px;left:3px}.toggle-row input:checked+.toggle-visual{border-color:var(--acid);background:#ddff5829}.toggle-row input:checked+.toggle-visual b{background:var(--acid);left:22px}.toggle-row input:focus-visible+.toggle-visual{outline:2px solid var(--acid);outline-offset:3px}.code-block{background:#0a0f12;border:1px solid #263139;overflow:hidden}.code-toolbar{border-bottom:1px solid #202a30;justify-content:space-between;align-items:center;padding:8px 9px 8px 12px;display:flex}.code-toolbar>span{color:#748189;align-items:center;gap:7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;display:flex}.code-toolbar>span i{background:var(--acid);border-radius:50%;width:5px;height:5px}.code-toolbar button{color:#aeb8bd;background:0 0;min-height:26px;padding:0 8px;font-size:9px}.code-toolbar button:hover{border-color:var(--acid);color:var(--acid)}.code-block pre{color:#b9c8cd;white-space:pre-wrap;max-height:230px;margin:0;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;line-height:1.65;overflow:auto}.parameter-docs{background:#0c1216;border:1px solid #263139;margin-top:14px;overflow:hidden}.parameter-docs>header{background:linear-gradient(90deg,#5fd3ff12,#0000),#10181d;border-bottom:1px solid #263139;justify-content:space-between;align-items:center;padding:11px 12px;display:flex}.parameter-docs>header>span{gap:3px;display:grid}.parameter-docs>header strong{color:#e4ecef;font-size:11px}.parameter-docs>header small{color:#66757c;font-size:8px}.parameter-docs>header b{color:#69dcff;font-family:var(--font-display);font-size:9px}.parameter-doc-list{scrollbar-color:#34454d #0c1216;scrollbar-width:thin;max-height:430px;overflow-y:auto}.parameter-doc-list section+section{border-top:1px solid #202b31}.parameter-doc-list h4{color:#92a0a7;letter-spacing:.04em;z-index:2;background:#11191e;margin:0;padding:8px 11px;font-size:9px;font-weight:700;position:sticky;top:0}.parameter-doc-row{gap:5px;padding:9px 11px 10px;display:grid}.parameter-doc-row+.parameter-doc-row{border-top:1px dashed #202a2f}.parameter-doc-row>div{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.parameter-doc-row code{color:#c8e9f3;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;line-height:1.45}.parameter-doc-row span{color:#a9bb69;overflow-wrap:anywhere;text-align:right;background:#ddff5812;border:1px solid #ddff582b;flex:none;max-width:44%;padding:2px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:7px;line-height:1.35}.parameter-doc-row p{color:#738188;margin:0;font-size:8px;line-height:1.55}.site-footer{border-top:1px solid var(--line);color:var(--dim);justify-content:space-between;align-items:center;margin-top:72px;padding:24px 0 4px;font-size:10px;display:flex}.site-footer span{font-family:var(--font-display);letter-spacing:.14em}.site-footer p{margin:0}@keyframes effect-burst{0%{opacity:0;transform:translate(-50%,-50%)scale(.35)rotate(-18deg)}32%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1.35)rotate(28deg)}}@keyframes reward-tip-pop{0%{opacity:0;transform:translate(-50%,calc(-100% - 38px))scale(.94)}to{opacity:1;transform:translate(-50%,calc(-100% - 48px))scale(1)}}@keyframes effect-breathe{0%,to{opacity:.58;transform:translate(-50%,-50%)scale(.72)rotate(0)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.08)rotate(22deg)}}@keyframes chest-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes chest-float-small{0%,to{transform:scale(.82)translateY(0)}50%{transform:scale(.82)translateY(-5px)}}@keyframes claimable-pulse{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-3px)scale(1.045)}}@keyframes claimable-pulse-small{0%,to{transform:scale(.82)translateY(0)}50%{transform:scale(.86)translateY(-3px)}}@media (width<=1180px){.workbench{grid-template-columns:1fr}.settings-card{position:static}.settings-scroll{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;display:grid}.setting-section{border-right:1px solid var(--line)}}@media (width<=820px){.site-shell{padding:0 18px 28px}.topbar{grid-template-columns:1fr auto}.architecture-pill{display:none}.hero{gap:28px;padding-top:38px}.component-picker-grid{gap:8px}.selector-mini{padding-left:4px;padding-right:4px}.selector-mini-milestone{padding-left:8px;padding-right:8px}.preview-stage{min-height:390px;padding:70px 22px 60px}.preview-stage.preview-stage-compact{min-height:300px}.preview-stage.preview-stage-milestone{min-height:370px}.preview-actions{align-items:flex-start;gap:14px}.preview-actions p{max-width:180px}.settings-scroll{grid-template-columns:1fr}.milestone-viewport{padding-left:18px;padding-right:34px}}@media (width<=560px){.status-pill{font-size:0}.hero h1{font-size:42px}.picker-heading{align-items:flex-start;gap:6px}.picker-heading p{text-align:right;max-width:110px}.component-picker-grid{grid-template-columns:1fr}.card-heading{min-height:76px;padding:16px}.preview-stage{min-height:340px;padding-left:8px;padding-right:8px}.instance-heading{align-items:flex-start;gap:10px;padding:13px 14px}.instance-tags{display:none}.progress-component{padding:0 24px}.progress-track{height:52px}.progress-text{font-size:23px}.game-icon{transform:scale(.82)}.preview-actions{flex-direction:column;align-items:stretch}.preview-actions>div{grid-template-columns:1fr .7fr 1.2fr;display:grid}.preview-actions p{max-width:none}.preview-metrics{display:none}.stage-note{text-overflow:ellipsis;max-width:90%;overflow:hidden}.site-footer{flex-direction:column;align-items:flex-start;gap:8px}}.topbar-actions{justify-self:end;align-items:center;gap:18px;display:flex}.library-link,.library-back-link{color:#cbd5d9;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;border:1px solid #3b474e;padding:9px 12px;font-size:10px;text-decoration:none;transition:border-color .18s,color .18s,background .18s}.library-link:hover,.library-back-link:hover{border-color:var(--acid);color:var(--acid);background:#ddff5814}.library-shell{max-width:1480px}.library-brand-link{color:inherit;text-decoration:none}.library-hero{padding-bottom:38px}.library-summary{border:1px solid var(--line);background:#0d1317;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px;display:grid}.library-summary>div{gap:5px;min-width:0;padding:15px 18px;display:grid}.library-summary>div+div{border-left:1px solid var(--line)}.library-summary span{color:var(--acid);font-family:var(--font-display);letter-spacing:.14em;font-size:8px}.library-summary strong{color:#c2cdd1;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.library-component-card{background:var(--panel);border:1px solid var(--line);min-width:0}.library-component-card>header{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:flex-start;gap:14px;min-height:106px;padding:18px;display:grid}.library-number{background:var(--acid);color:#0b1013;font-family:var(--font-display);justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:900;display:flex}.library-component-card h2{font-family:var(--font-display);margin:5px 0 4px;font-size:21px}.library-component-card header p{color:var(--dim);margin:0;font-size:10px;line-height:1.55}.library-api-badge{color:#718189;font-family:var(--font-display);letter-spacing:.1em;white-space:nowrap;border:1px solid #38464e;padding:5px 7px;font-size:8px}.library-preview{background:linear-gradient(#0b101426,#0b101494),#0d1317;align-items:center;min-height:250px;padding:48px 26px;display:flex;position:relative;overflow:hidden}.library-preview>.progress-component,.library-preview>.milestone-shell{z-index:2;position:relative}.library-preview-milestone{min-height:360px;padding:70px 52px 76px}.library-component-card-wide{grid-column:1/-1}.library-demo-actions{border-top:1px solid var(--line);grid-template-columns:repeat(2,1fr);padding:10px;display:grid}.library-demo-actions button{color:#b9c5ca;background:#11191e;border:1px solid #34424a;min-height:36px}.library-demo-actions button+button{border-left:0}.library-demo-actions button:hover{border-color:var(--acid);color:var(--acid);background:#ddff5812}.library-demo-actions-milestone{grid-template-columns:repeat(3,1fr)}.library-code{border-top:1px solid var(--line);background:#090e11}.library-code>div{border-bottom:1px solid #202a30;justify-content:space-between;align-items:center;padding:8px 10px 8px 14px;display:flex}.library-code>div>span{color:#708087;font-family:var(--font-display);letter-spacing:.14em;font-size:8px}.library-copy-button{color:#aab6bb;background:0 0;border:1px solid #34424a;min-height:27px;padding:0 9px;font-size:9px}.library-copy-button:hover{border-color:var(--acid);color:var(--acid)}.library-code pre{color:#b9c9ce;white-space:pre-wrap;max-height:350px;margin:0;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;line-height:1.65;overflow:auto}.library-contract{background:linear-gradient(90deg, #ddff580d, transparent 42%), var(--panel);border:1px solid var(--line);margin-top:18px;padding:24px}.library-contract h2{font-family:var(--font-display);margin:7px 0 20px;font-size:24px}.library-contract>div{grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:12px;display:grid}.library-contract article{background:#0c1216;border:1px solid #27333a;padding:16px}.library-contract article b{color:#e6edef;font-family:var(--font-display);font-size:14px}.library-contract article p{color:#74828a;margin:8px 0 0;font-size:10px;line-height:1.7}.library-contract>div>i{color:var(--acid);align-self:center;font-style:normal}.custom-game-icon{justify-content:center;align-items:center;display:flex}@media (width<=920px){.library-grid{grid-template-columns:1fr}.library-component-card-wide{grid-column:auto}.library-preview-milestone{padding-left:24px;padding-right:24px}.library-contract>div{grid-template-columns:1fr}.library-contract>div>i{justify-self:center;transform:rotate(90deg)}}@media (width<=640px){.topbar-actions{gap:8px}.library-link{padding:8px}.library-back-link{width:34px;height:34px;padding:0;font-size:0;position:relative}.library-back-link:after{content:"←";font-size:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.library-summary{grid-template-columns:1fr}.library-summary>div+div{border-left:0;border-top:1px solid var(--line)}.library-component-card>header{grid-template-columns:auto 1fr}.library-api-badge{display:none}.library-preview{min-height:220px;padding:34px 8px}.library-preview-milestone{min-height:320px;padding-top:58px;padding-bottom:68px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}