.chip-root{--chip-orange:oklch(75% .17 62);--chip-red:oklch(62% .22 26);--chip-line:color-mix(in oklab, var(--gold) 28%, transparent);--chip-panel:color-mix(in oklab, var(--background) 82%, black)}.chip-panel{border:1px solid var(--chip-line);background:color-mix(in oklab, var(--card) 78%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.chip-board{aspect-ratio:5/7;background:url(/__l5e/assets-v1/b6e1740a-2b0b-4d8a-b5b0-1c3e83926a0a/chip-bg-base-v3.png) center / cover no-repeat, color-mix(in oklab, var(--background) 90%, black);border:1px solid var(--chip-line);border-radius:1.5rem;max-width:720px;margin-inline:auto;position:relative;overflow:hidden;container-type:inline-size}.chip-gear-core{aspect-ratio:1;opacity:.95;mix-blend-mode:screen;pointer-events:none;background:url(/__l5e/assets-v1/357a57fd-e339-4393-8ef2-180d0d1f97c3/chip-gear-core.png) 50%/contain no-repeat;width:42%;animation:70s linear infinite reverse chip-gear-spin,5s ease-in-out infinite chip-gear-pulse;position:absolute;top:44%;left:50%;translate:-50% -50%}@keyframes chip-gear-spin{to{rotate:360deg}}@keyframes chip-gear-pulse{0%,to{opacity:.75;filter:drop-shadow(0 0 10px color-mix(in oklab, var(--gold) 25%, transparent))}50%{opacity:1;filter:drop-shadow(0 0 26px color-mix(in oklab, var(--gold) 55%, transparent))}}.chip-board:after{content:"";pointer-events:none;background:radial-gradient(circle at 50% 45%, transparent 35%, color-mix(in oklab, var(--background) 70%, black) 100%);position:absolute;inset:0}.chip-trace path,.chip-trace line{fill:none;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10}.chip-trace-casing{stroke:#041630bf;stroke-width:8px}.chip-trace-glow{stroke:#50beff38;stroke-width:7px;filter:blur(2.5px)}.chip-trace-base{stroke:#b4ebffcc;stroke-width:2px;filter:drop-shadow(0 0 3px #5ac8ffd9)}.chip-trace-flow{stroke:#eafcff;stroke-width:2px;stroke-dasharray:3 13;filter:drop-shadow(0 0 5px #96e6ff);animation:1.8s linear infinite chip-flow}.chip-trace-node{fill:#d7f6fff2;filter:drop-shadow(0 0 5px #78d7fff2)}@keyframes chip-flow{to{stroke-dashoffset:-36px}}.chip-node{z-index:3;cursor:pointer;flex-direction:column;align-items:center;gap:.2rem;width:22%;transition:transform .18s,filter .18s;display:flex;position:absolute;translate:-50% -50%}.chip-node[data-core=true]{width:30%}.chip-node-mount{aspect-ratio:1;place-items:center;width:100%;display:grid;position:relative}.chip-socket{pointer-events:none;background:linear-gradient(#2e68b2bf,#0e2c5cd9);border:1px solid #8cdcff8c;border-radius:1rem;position:absolute;inset:-9%;box-shadow:0 0 0 1px #061630cc,0 0 18px #46afff59,inset 0 1px #beebff59}.chip-socket:before,.chip-socket:after{content:"";background:linear-gradient(#aae6ffe6,#3c8cdcd9);border-radius:2px;width:7%;height:26%;position:absolute;top:50%;translate:0 -50%;box-shadow:0 0 8px #78d2ffb3}.chip-socket:before{left:-4%}.chip-socket:after{right:-4%}.chip-node[data-core=true] .chip-socket{border-color:#aaebffb3;inset:-12%;box-shadow:0 0 0 1px #061630d9,0 0 28px #50beff80,inset 0 1px #c8f0ff73}.chip-node-label{z-index:4;letter-spacing:.08em;text-transform:uppercase;color:var(--foreground);text-shadow:0 1px 5px #000000f2;white-space:nowrap;margin-top:1.2cqw;font-size:clamp(.5rem,2.5cqw,.72rem);font-weight:600;position:relative}.chip-node-frame{aspect-ratio:1;background:0 0;border:0;border-radius:.85rem;place-items:center;width:100%;padding:0;transition:box-shadow .18s,border-color .18s;display:grid;position:relative}.chip-node:hover,.chip-node:focus-visible{outline:none;transform:translateY(-3px)scale(1.02)}.chip-node-icon{object-fit:contain;width:100%;height:100%}.chip-node[data-tier=orange] .chip-node-frame{filter:drop-shadow(0 0 12px color-mix(in oklab, var(--chip-orange) 60%, transparent))}.chip-node[data-tier=red] .chip-node-frame{filter:drop-shadow(0 0 14px color-mix(in oklab, var(--chip-red) 75%, transparent))}.chip-node[data-selected=true] .chip-node-frame{filter:drop-shadow(0 0 16px color-mix(in oklab, var(--gold) 90%, transparent));outline:2px solid var(--gold);outline-offset:2px;border-radius:.85rem}.chip-stars{filter:drop-shadow(0 2px 4px #000000e6);gap:.7cqw;line-height:1;display:inline-flex}.chip-node-frame>.chip-stars{z-index:2;pointer-events:none;position:absolute;bottom:3.2cqw;left:50%;translate:-50%}.chip-node[data-core=true] .chip-node-frame>.chip-stars{bottom:4cqw}.chip-cube{background:color-mix(in oklab, var(--foreground) 14%, black 60%);border:1px solid #0009;border-radius:2px;width:2.3cqw;max-width:.75rem;height:2.3cqw;max-height:.75rem;transition:background .2s,box-shadow .2s;rotate:45deg}.chip-cube[data-on=true]{background:linear-gradient(135deg, color-mix(in oklab, var(--chip-orange) 92%, white 20%), var(--chip-orange));box-shadow:0 0 10px color-mix(in oklab, var(--chip-orange) 70%, transparent)}.chip-node[data-core=true] .chip-stars{gap:1cqw}.chip-node[data-core=true] .chip-cube{width:3.1cqw;max-width:1rem;height:3.1cqw;max-height:1rem}.chip-cube[data-red=true]{background:linear-gradient(135deg, color-mix(in oklab, var(--chip-red) 92%, white 20%), var(--chip-red));box-shadow:0 0 12px color-mix(in oklab, var(--chip-red) 75%, transparent)}.chip-stars-lg{gap:1.6cqw}.chip-star{width:5.4cqw;max-width:1.85rem;height:5.4cqw;max-height:1.85rem;color:color-mix(in oklab, var(--foreground) 22%, black 55%);filter:drop-shadow(0 2px 4px #000000d9);transition:color .2s,filter .2s}.chip-star[data-on=true]{color:var(--chip-orange);filter:drop-shadow(0 0 9px color-mix(in oklab, var(--chip-orange) 75%, transparent))}.chip-star[data-red=true]{color:var(--chip-red);filter:drop-shadow(0 0 11px color-mix(in oklab, var(--chip-red) 80%, transparent))}.chip-core{z-index:3;text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:.25rem;display:flex;position:absolute;top:76%;left:50%;translate:-50% -50%}.chip-core-ring{background:radial-gradient(circle at 50% 40%,#5abeff80,#081a38f2 72%);border:2px solid #96e1ffd9;border-radius:999px;place-items:center;width:15cqw;max-width:5.4rem;height:15cqw;max-height:5.4rem;display:grid;position:relative;box-shadow:0 0 26px #50beff8c,inset 0 0 18px #78d7ff73}.chip-core-ring:before,.chip-core-ring:after{content:"";border:1px solid #96e1ff66;border-radius:999px;position:absolute;inset:8%}.chip-core-ring:after{border-color:#78cdff40;inset:-16%}.chip-core-title{text-transform:uppercase;letter-spacing:.14em;color:oklab(93.7605% -.0239327 -.0287179);text-shadow:0 0 10px #50beff99;font-size:clamp(.48rem,2.4cqw,.7rem);font-weight:700;line-height:1.15}.chip-core[data-live=true] .chip-core-ring{animation:2.6s ease-in-out infinite chip-core-pulse}@keyframes chip-core-pulse{0%,to{box-shadow:0 0 24px #50beff73,inset 0 0 16px #78d7ff66}50%{box-shadow:0 0 46px #6ed2ffbf,inset 0 0 24px #96e6ff99}}.chip-core-stars{z-index:3;justify-content:center;display:flex;position:absolute;top:89%;left:0;right:0}.chip-rise{background:color-mix(in oklab, var(--foreground) 16%, transparent);border-radius:999px;height:.35rem;position:absolute;bottom:6%;left:12%;right:12%;overflow:hidden}.chip-rise>span{background:linear-gradient(90deg, color-mix(in oklab, var(--gold) 90%, white 10%), var(--gold));border-radius:999px;height:100%;transition:width .32s cubic-bezier(.22,1,.36,1);display:block}.chip-step-row{animation:.32s cubic-bezier(.22,1,.36,1) both chip-step-in}@keyframes chip-step-in{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.chip-gear-core,.chip-wire-live,.chip-core[data-live=true],.chip-step-row{animation:none}}.chip-quickpick{border:1px solid color-mix(in oklab, var(--chip-cyan,#5ec8ff) 35%, transparent);background:color-mix(in oklab, var(--background) 78%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:.9rem;flex-direction:column;align-items:center;gap:.45rem;margin-top:.85rem;padding:.65rem .85rem;display:flex}.chip-quickpick-label{text-transform:uppercase;letter-spacing:.22em;color:var(--muted-foreground);font-size:10px}.chip-quickpick-row{flex-wrap:wrap;justify-content:center;gap:.35rem;display:flex}.chip-quickpick-btn{border:1px solid var(--border);font-variant-numeric:tabular-nums;min-width:2rem;height:2rem;color:color-mix(in oklab, var(--foreground) 80%, transparent);border-radius:.5rem;padding:0 .35rem;font-size:11px;font-weight:700;transition:border-color .15s,background .15s,color .15s}.chip-quickpick-btn:hover{border-color:color-mix(in oklab, var(--gold) 60%, transparent)}.chip-quickpick-btn[data-active=true]{background:var(--chip-orange);color:var(--background);box-shadow:0 0 10px color-mix(in oklab, var(--chip-orange) 60%, transparent);border-color:#0000}.chip-quickpick-btn[data-active=true][data-red=true]{background:var(--chip-red);box-shadow:0 0 10px color-mix(in oklab, var(--chip-red) 65%, transparent)}.chip-intro{z-index:9999;background:color-mix(in oklab, var(--background) 92%, black);perspective:900px;place-items:center;animation:.4s both chip-intro-arrive;display:grid;position:fixed;inset:0;overflow:hidden}.chip-intro--leaving{pointer-events:none;animation:.52s cubic-bezier(.4,0,.2,1) forwards chip-intro-depart}.chip-intro__grid{opacity:0;background-color:#0000;background-image:linear-gradient(#50d2ff12 1px,#0000 1px),linear-gradient(90deg,#50d2ff12 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:44px 44px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;animation:1.2s ease-out .2s forwards chip-intro-grid-in;position:absolute;inset:-20%;transform:perspective(700px)rotateX(58deg)translateY(8%)scale(1.4);-webkit-mask-image:radial-gradient(at 50% 55%,#000 30%,#0000 75%);mask-image:radial-gradient(at 50% 55%,#000 30%,#0000 75%)}.chip-intro__glow{background:radial-gradient(circle at 50% 45%, color-mix(in oklab, var(--primary) 22%, transparent) 0%, transparent 55%), radial-gradient(circle at 50% 45%, color-mix(in oklab, var(--gold) 12%, transparent) 0%, transparent 40%);opacity:0;animation:1.4s ease-out .3s forwards chip-intro-glow-in;position:absolute;inset:0}.chip-intro__scan{opacity:0;background:linear-gradient(90deg,#0000,#96ebffe6,#0000);height:3px;animation:2.4s ease-in-out .5s both chip-intro-scan;position:absolute;left:0;right:0;box-shadow:0 0 18px #64dcffb3}.chip-intro__circuits{opacity:0;width:100%;height:100%;animation:1s ease-out .4s forwards chip-intro-circuits-in;position:absolute;inset:0}.chip-intro__circuit{fill:none;stroke:url(#chip-circuit-grad);stroke-width:.55px;stroke-dasharray:0 100;animation:1.6s ease-out forwards chip-intro-circuit-draw}.chip-intro__circuit-ring{fill:none;stroke:#64d2ff38;stroke-width:.4px;transform-origin:50%;animation:14s linear infinite chip-intro-ring-spin}.chip-intro__circuit-ring--reverse{stroke:#f2ce682e;animation-direction:reverse}.chip-intro__scene{z-index:2;width:min(92vw,520px);height:min(80vh,620px);transform-style:preserve-3d;opacity:0;flex-direction:column;justify-content:center;align-items:center;animation:1.4s cubic-bezier(.2,.9,.25,1) .25s forwards chip-intro-scene-in;display:flex;position:relative}.chip-intro__portal{place-items:center;width:320px;height:320px;display:grid;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.chip-intro__ring{opacity:0;border:1px solid #64d7ff73;border-radius:50%;animation:1.1s cubic-bezier(.2,.9,.25,1) forwards chip-intro-ring-in;position:absolute;transform:scale(.4);box-shadow:0 0 24px #3cbeff40,inset 0 0 24px #3cbeff1f}.chip-intro__ring--outer{width:100%;height:100%;animation-delay:.5s}.chip-intro__ring--middle{border-color:#f2ce6880;width:78%;height:78%;animation-delay:.7s;box-shadow:0 0 20px #f2ce6838,inset 0 0 20px #f2ce681a}.chip-intro__ring--inner{border-color:#64d7ff99;width:56%;height:56%;animation-delay:.9s}.chip-intro__logo-wrap{aspect-ratio:1;place-items:center;width:clamp(140px,36vw,220px);display:grid;position:relative;transform:translateZ(40px)}.chip-intro__logo{object-fit:contain;filter:drop-shadow(0 0 22px #50d2ff8c);opacity:0;width:100%;height:100%;animation:1.2s cubic-bezier(.2,.9,.25,1) .6s forwards chip-intro-logo-in}.chip-intro__logo-glow{opacity:0;pointer-events:none;background:radial-gradient(circle,#50d2ff40 0%,#0000 65%);border-radius:50%;animation:1.4s ease-out .8s forwards chip-intro-logo-glow;position:absolute;inset:-20%}.chip-intro__wordmark{opacity:0;flex-direction:column;align-items:center;margin-top:28px;animation:.8s cubic-bezier(.2,.9,.25,1) 1.1s forwards chip-intro-wordmark-in;display:flex;transform:translate3d(0,18px,-40px)}.chip-intro__kicker,.chip-intro__subtitle{font:600 clamp(8px, 1.5vw, 10px) / 1 var(--font-sans);text-transform:uppercase;letter-spacing:.42em;color:#87ddf8c7;text-shadow:0 0 12px #36c2ef66}.chip-intro__title{font:400 clamp(34px, 8vw, 58px) / .86 var(--font-display);letter-spacing:.17em;color:#f4f8fb;white-space:nowrap;text-shadow:0 2px #062c43,0 5px 10px #000c,0 0 26px #42cbf64d;margin-top:10px;padding-left:.17em}.chip-intro__title span{color:#f2ce68;text-shadow:0 2px #6e4910,0 5px 10px #000c,0 0 24px #f2ce6857}.chip-intro__rule{grid-template-columns:1fr auto 1fr;align-items:center;gap:9px;width:min(78vw,410px);margin:14px 0 10px;display:grid}.chip-intro__rule i{background:linear-gradient(90deg,#0000,#f2ce68cc);height:1px}.chip-intro__rule i:last-child{transform:scaleX(-1)}.chip-intro__rule b{border:1px solid #f2ce68;width:6px;height:6px;transform:rotate(45deg);box-shadow:0 0 10px #f2ce68b3}.chip-intro__subtitle{color:#f2ce68c7;letter-spacing:.34em;white-space:nowrap}.chip-intro__vignette{z-index:5;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 15vw 6vw #000208c2}@keyframes chip-intro-arrive{0%{opacity:0}to{opacity:1}}@keyframes chip-intro-depart{0%{opacity:1;transform:scale(1)}55%{opacity:1;transform:scale(1.025)}to{opacity:0;visibility:hidden;transform:scale(1.08)}}@keyframes chip-intro-grid-in{0%{opacity:0;transform:perspective(700px)rotateX(68deg)translateY(8%)scaleX(.4)}to{opacity:.5;transform:perspective(700px)rotateX(58deg)translateY(8%)scaleX(1.4)}}@keyframes chip-intro-glow-in{0%{opacity:0}to{opacity:1}}@keyframes chip-intro-scan{0%{opacity:0;transform:translateY(-10vh)}20%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(110vh)}}@keyframes chip-intro-circuits-in{0%{opacity:0}to{opacity:1}}@keyframes chip-intro-circuit-draw{0%{stroke-dasharray:0 100}to{stroke-dasharray:100 0}}@keyframes chip-intro-ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes chip-intro-ring-in{to{opacity:1;transform:scale(1)}}@keyframes chip-intro-scene-in{0%{opacity:0;transform:translate3d(0,14px,-120px)rotateX(5deg)}to{opacity:1;transform:translate(0)rotateX(0)}}@keyframes chip-intro-logo-in{0%{opacity:0;transform:translate3d(0,30px,-120px)rotateX(18deg)scale(.55)}60%{opacity:1;transform:translate3d(0,-4px,20px)rotateX(-2deg)scale(1.05)}to{opacity:1;transform:translate(0)rotateX(0)scale(1)}}@keyframes chip-intro-logo-glow{0%{opacity:0;transform:scale(.7)}to{opacity:.9;transform:scale(1.35)}}@keyframes chip-intro-wordmark-in{to{opacity:1;transform:translate(0)}}@media (width<=640px),(pointer:coarse){.chip-intro{perspective:700px}.chip-intro__scene{height:min(78vh,560px)}.chip-intro__portal{width:280px;height:280px}.chip-intro__grid{opacity:.35;background-size:32px 32px}.chip-intro__logo-wrap{width:clamp(120px,34vw,180px)}.chip-intro__wordmark{width:calc(100vw - 28px);margin-top:22px}.chip-intro__subtitle{letter-spacing:.24em;font-size:8px}.chip-intro__vignette{box-shadow:inset 0 0 22vw 10vw #000208b8}}@media (prefers-reduced-motion:reduce){.chip-intro{display:none!important}}