#app{--arch:desktop;--orange:#f47a3b;--u:1;--s:1;--i-bg:url(/plates/bg.webp);--i-fire:url(/plates/fire.webp);--i-cobalt:url(/plates/cobalt.webp);--i-panda:url(/plates/panda.webp);--i-pine:url(/plates/pine.webp);--i-taxi:url(/plates/taxi.webp);-webkit-user-select:none;user-select:none;touch-action:pan-y;color:#fff;width:100%;height:100dvh;font-family:var(--font-sans),system-ui,sans-serif;-webkit-font-smoothing:antialiased;background:#03060b;position:relative;overflow:hidden}#app *{box-sizing:border-box;margin:0;padding:0}#app .stage{transform-origin:0 0;width:1280px;height:800px;position:absolute;top:0;left:0}#app .grp{transform-origin:0 0;pointer-events:none;width:1280px;height:800px;position:absolute;top:0;left:0}#app .grp a,#app .grp button,#app .grp .hit{pointer-events:auto}#app .tx{white-space:nowrap;transform-origin:0 0;line-height:1;position:absolute}#app .disp{font-family:var(--font-disp),Impact,sans-serif;font-weight:900}#app .mono{font-family:var(--font-mono),ui-monospace,monospace}#app .mask{position:absolute;overflow:hidden}#app .mask>.tx{transition:transform .7s cubic-bezier(.19,1,.22,1),opacity .5s;position:absolute;top:0;left:0}#scene .bg{background:var(--i-bg) center/100% 100% no-repeat;position:absolute;inset:0}#scene .haze{background:linear-gradient(#3e547008 0%,#3e54701f 13% 38%,#3e547000 55%);position:absolute;inset:0}#scene .vig{background:radial-gradient(circle at 1280px 800px,#04070cf0 0,#04070cd9 220px,#04070c4d 440px,#04070c00 560px);position:absolute;inset:0}#scene .bg video,#app .card .img video{object-fit:fill;pointer-events:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0}#deck{touch-action:pan-y}#rings{pointer-events:none;width:1280px;height:800px;position:absolute;top:0;left:0;overflow:visible}#ringdots circle{transform-box:fill-box;transform-origin:50%}#cards{position:absolute;top:0;left:0}#deckhit{position:absolute;inset:0}#app .card,#app .slab{transform-origin:0 0;will-change:transform;pointer-events:none;width:0;height:0;position:absolute;top:0;left:0}#app .slab>i{background:#000103;width:1000px;height:600px;display:block;position:absolute;top:0;left:0}#app .shape{background:#020304;width:1000px;height:696px;position:absolute;top:-48px;left:0;overflow:hidden}#app .img{transform-origin:0 0;background-repeat:no-repeat;background-size:100% 100%;width:1586px;height:992px;position:absolute;top:48px;left:0}#rule{transform-origin:0 0;background:#ffffff47;height:2px;position:absolute;left:0;right:0}#app .logo{color:#f6f7f7;border:3.3px solid #f6f7f7;width:142.4px;height:47.8px;text-decoration:none;display:block;position:absolute;top:31.3px;left:25.9px}#app .logo .tx{font-family:var(--font-disp),Impact,sans-serif;margin:-34.6px 0 0 -29.2px;font-weight:800}#app .nav a{color:#abafb4;font-family:var(--font-disp),Impact,sans-serif;letter-spacing:.3px;font-size:25.467px;font-weight:800;text-decoration:none;transition:color .25s;top:41px}#app .nav a:hover,#app .nav a:focus-visible{color:#fff;outline:none}#app .ring{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;color:#eee;background:linear-gradient(#020306ed,#020306ed) padding-box padding-box,conic-gradient(#e25a1f 0deg,#ec7534 38deg,#f0a878 66deg,#f2d6b8 92deg,#dfe0e3 135deg,#e9e4dc 178deg,#ea9f72 222deg,#eeb896 246deg,#e6bcc0 270deg,#b8a6e2 305deg,#b09ade 318deg,#dc6a34 346deg,#e25a1f 360deg) border-box;border:2.1px solid #0000;border-radius:50%;position:absolute}#app .ring:after{content:"";border-radius:50%;position:absolute;inset:-9px}#app .ring:focus-visible{outline-offset:3px;outline:2px solid #f47a3b}#app .burger{width:58px;height:58px;top:26.2px;left:1196px}#app .burger i{background:#eee;width:22px;height:2.4px;margin:-1.2px 0 0 -11px;transition:transform .6s cubic-bezier(.19,1,.22,1);position:absolute;top:50%;left:50%}#app .burger i:first-child{transform:translateY(-4.6px)}#app .burger i:last-child{transform:translateY(4.6px)}#app .burger[aria-expanded=true] i:first-child{transform:rotate(45deg)}#app .burger[aria-expanded=true] i:last-child{transform:rotate(-45deg)}#app .cartbtn{width:58px;height:58px;top:26.2px;left:1126px}#app .cartbtn svg{width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute;top:50%;left:50%}#app .cartbtn b{color:#0b0b0b;min-width:20px;height:20px;font:600 11px/20px var(--font-sans),sans-serif;text-align:center;background:#f47a3b;border-radius:10px;padding:0 5px;transition:transform .3s cubic-bezier(.19,1,.22,1);position:absolute;top:-4px;right:-4px;transform:scale(0)}#app .cartbtn b.on{transform:scale(1)}#app .arrow{width:66.4px;height:66.4px;transition:transform .25s cubic-bezier(.2,.7,.2,1);left:1176.6px}#app .arrow:hover{transform:scale(1.06)}#app .arrow:active{transform:scale(.94)}#app .arrow.next{top:357.9px}#app .arrow.prev{top:437.6px}#app .arrow svg{width:24px;height:24px;margin:-12px 0 0 -12px;position:absolute;top:50%;left:50%}#g-bl .shade{background:radial-gradient(330px 190px at 260px 600px,#060c16eb 0%,#060c16bf 45%,#060c1600 100%);position:absolute;inset:0}#g-bl .odot{background:#fa7a39;border-radius:50%;width:20px;height:20px;display:block;position:absolute;top:511.5px;left:126.5px}#pill{-webkit-backdrop-filter:blur(10px)saturate(1.1);backdrop-filter:blur(10px)saturate(1.1);background:#ced6e830;border-radius:6px;width:118px;height:24px;position:absolute;top:509.5px;left:203.5px}#m-top{width:1280px;height:40px;top:500px;left:0}#m-tag{width:1280px;height:24px;top:509.5px;left:0}#m-title{width:1280px;height:112px;top:540px;left:0}#m-desc{width:1280px;height:40px;top:652px;left:0}#app .desc{white-space:normal;color:#f9faff;width:318px;font-weight:500;line-height:17px}#btn{color:#0b0b0b;background:#fff;border:2px solid #f37a3e;border-radius:12px;justify-content:center;align-items:center;width:159.6px;height:43.7px;text-decoration:none;transition:background .25s,transform .25s;display:flex;position:absolute;top:708.6px;left:125.7px}#btn:hover{background:#fff3ea}#btn:active{transform:scale(.97)}#btn span{letter-spacing:.4px;white-space:nowrap;font-size:12.8px;font-weight:500;line-height:1}#app .see{color:#fff;text-decoration:none;position:absolute;top:0;left:0}#app .see .tx{letter-spacing:.762px;font-size:14px;font-weight:500;top:666px;left:1006px}#app .see svg{width:7.4px;height:9px;position:absolute;top:668.6px;left:1134.6px}#app .see:hover .tx{color:#f47a3b}#app .thumb{cursor:pointer;background-repeat:no-repeat;border:1px solid #ffffff80;border-radius:6px;width:47px;height:46.6px;padding:0;transition:border-color .3s;position:absolute;top:696.7px;overflow:hidden}#app .thumb:after{content:"";background:#0204081f;position:absolute;inset:0}#app .thumb.is-focus{border:2px solid #f3f3f3}#app .thumb.is-focus:after{display:none}#app .thumb.is-active{border:2px solid #ef7b3c}#app .thumb canvas{width:100%;height:100%;position:absolute;inset:0}#g-bc .hint{text-align:center;letter-spacing:2.2px;color:#ffffff8c;width:80px;font-size:10.5px;position:absolute;top:742px;left:600px}#g-bc .hint i{background:linear-gradient(#fff,#fff0);width:1px;height:26px;margin:8px auto 0;animation:2.2s ease-in-out infinite hint;display:block}@keyframes hint{0%,to{transform-origin:top;opacity:.3;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}#dcur{z-index:50;pointer-events:none;background:#f47a3b;border:2.3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:-25px 0 0 -25px;display:flex;position:fixed;top:0;left:0;transform:translate(-100px,-100px)scale(0);box-shadow:0 4px 18px #00000059}#dcur svg{width:26px;height:12px}.has-dcur #deck,.has-dcur #deckhit{cursor:none}#app.is-dragging #deckhit{cursor:grabbing}.intro-pending #deck,.intro-pending .grp,.intro-pending #rule{opacity:0}@media (max-aspect-ratio:32/25) and (min-width:680px){#app{--arch:tablet}#rings{height:1520px;top:-360px;-webkit-mask-image:linear-gradient(#0000 290px,#000 360px 1130px,#0000 1170px);mask-image:linear-gradient(#0000 290px,#000 360px 1130px,#0000 1170px)}}@media (max-aspect-ratio:32/25) and (max-width:679.98px){#app{--arch:stack}}@media (min-aspect-ratio:1281/1000) and (max-height:447.98px){#app{--arch:split}}@media (max-aspect-ratio:32/25) and (max-width:679.98px),(min-aspect-ratio:1281/1000) and (max-height:447.98px){#rings{height:1520px;top:-360px;-webkit-mask-image:linear-gradient(#0000 290px,#000 360px 1130px,#0000 1170px);mask-image:linear-gradient(#0000 290px,#000 360px 1130px,#0000 1170px)}#app .nav,#g-bl .shade,#g-bc{display:none}#scene .vig{background:radial-gradient(circle at 640px 800px,#04070ce6 0,#04070c99 300px,#04070c00 640px)}}