.binder-section{content-visibility:auto;contain-intrinsic-size:auto 900px;max-width:72rem;margin:0 auto;padding:calc(clamp(2rem,6vh,4rem) + 25px) 1rem calc(clamp(3rem,10vh,6rem) + clamp(2rem,6vh,4rem) - clamp(1.5rem,8vh,6rem) + 15px)}.binder-intro{justify-self:stretch;max-width:30rem}.binder[data-wide] .binder-intro{flex-direction:column;justify-content:center;width:42%;max-width:none;display:flex;position:absolute;top:0;bottom:0;left:0}.binder[data-wide][data-phase=open] .binder-intro{visibility:hidden}.binder-heading{font-size:clamp(2rem,3.4vw,2.9rem);line-height:1.05}.binder-lede{color:#f3efe7ad;margin-top:1.1rem;font-size:1.05rem;line-height:1.6}.binder-lede strong{color:var(--paper);font-weight:600}.binder-cue{text-align:right;font-family:var(--font-label);color:#f3efe78c;margin-top:1.75rem;font-size:.85rem}.binder:not([data-wide]) .binder-cue{display:none}@media (min-width:64rem){.binder-section{padding-inline:2rem}}.binder{--shell:#bdbab2;--shell-light:#e6e3dc;--shell-deep:#8d8a83;--print:#4a4843;--page:#131313;--page-width:min(26rem, 100%);justify-items:center;gap:1.25rem;display:grid;position:relative}.binder-cover{backface-visibility:hidden;background:linear-gradient(170deg, #ffffff4d, transparent 28%), linear-gradient(175deg, var(--shell-light), var(--shell) 30%, var(--shell-deep));cursor:pointer;border-radius:10px 22px 22px 10px;width:100%;height:100%;display:block;position:absolute;inset:0;box-shadow:inset 0 2px 3px #fff6,inset 0 -4px 8px #0000004d,0 1.5rem 3rem #00000073}.binder-cover:disabled{cursor:default}.binder-cover:focus-visible{outline:2px solid var(--paper);outline-offset:6px}.binder-cover-face{display:block;position:absolute;inset:0;container-type:inline-size}.binder-cover-face:before{content:"";background:linear-gradient(90deg, var(--shell-deep), var(--shell-light) 40%, var(--shell) 60%, var(--shell-deep));border-radius:3cqw;width:7cqw;position:absolute;top:2%;bottom:2%;left:0;box-shadow:.4cqw 0 .8cqw #00000059}.binder-cover-face:after{content:"";pointer-events:none;border-radius:3cqw 5cqw 5cqw 3cqw;position:absolute;inset:4% 4% 4% 11%;box-shadow:inset 0 0 0 1px #00000038,0 0 0 1px #ffffff14}.binder-label{color:var(--paper);text-align:left;background:linear-gradient(125deg,#ffffff1f,#0000 35%),linear-gradient(170deg,#262c33,#101418 50%);border-radius:2.5cqw;gap:2.5cqw;padding:6cqw 6.5cqw;display:grid;position:absolute;top:26%;left:19%;right:12%;box-shadow:inset 0 0 0 .6cqw #05070a,0 .4cqw #ffffff1f}.binder-title{font-family:var(--font-display);font-weight:var(--display-weight);font-variation-settings:var(--display-settings);letter-spacing:var(--display-tracking);font-size:8.5cqw;line-height:1}.binder-volume{font-family:var(--font-label);color:#f3efe78c;font-size:3.6cqw}.binder-sticker{background:radial-gradient(ellipse at 40% 30%, #cdd3bd, var(--lcd) 70%);color:var(--lcd-ink);font-family:var(--font-pixel);text-transform:uppercase;border-radius:1.6cqw;align-items:baseline;gap:2cqw;padding:1.6cqw 3cqw;font-size:3.4cqw;line-height:1;display:flex;position:absolute;top:9%;right:12%;box-shadow:inset 0 0 0 .7cqw #05070a,inset 0 .8cqw 1.2cqw #00000040}.binder-sticker b{font-size:6cqw;font-weight:400}.binder-clasp{background:linear-gradient(175deg, var(--shell-light), var(--shell) 30%, var(--shell-deep));border-radius:5cqw 2cqw 2cqw 5cqw;width:20cqw;height:15cqw;position:absolute;top:58%;right:-2.5%;box-shadow:inset 0 .5cqw .6cqw #ffffff59,inset 0 -.6cqw 1cqw #0000004d,0 .8cqw 1.6cqw #0006}.binder-clasp:before{content:"";aspect-ratio:1;background:radial-gradient(circle at 50% 30%, var(--accent-light), var(--accent) 55%, var(--accent-deep));border-radius:50%;width:8.5cqw;position:absolute;top:50%;left:3.5cqw;translate:0 -50%;box-shadow:0 0 0 .6cqw #00000047,0 0 0 1cqw #ffffff14,inset 0 .4cqw .4cqw #ffffff40,inset 0 -.5cqw .6cqw #00000040}.binder-hint{font-family:var(--font-rounded);letter-spacing:.06em;text-transform:uppercase;color:var(--print);opacity:.8;text-align:center;font-size:3.2cqw;font-weight:800;position:absolute;bottom:8%;left:7cqw;right:0}.binder-stage{justify-content:center;align-items:center;gap:.75rem;width:100%;display:flex}.binder-spread{width:var(--page-width);perspective:2400px;outline:none;flex:0 auto;position:relative}.binder[data-wide] .binder-stage{display:block;position:relative}.binder[data-wide] .binder-spread{width:100%}.binder[data-wide] .binder-arrow{z-index:1;position:absolute;top:50%;translate:0 -50%}.binder[data-wide] .binder-arrow:first-child{left:max(-4rem,50% - 50vw + .25rem)}.binder[data-wide] .binder-arrow:last-child{right:max(-4rem,50% - 50vw + .25rem)}.binder-pages{background:linear-gradient(175deg, var(--shell-light), var(--shell) 8%, var(--shell-deep));border-radius:12px;gap:5%;padding:3%;display:grid;position:relative;box-shadow:inset 0 2px 3px #ffffff59,inset 0 -4px 8px #0000004d,0 1.5rem 3rem #00000073;container-type:inline-size}.binder-pages[data-turn=next]{animation:.3s ease-out pages-turn}.binder[data-wide] .binder-pages{grid-template-columns:1fr 1fr;gap:2.6%;padding:.6%}.binder[data-wide] .binder-page{gap:1cqw}.binder-pages[data-turn=back]{animation:.3s ease-out pages-turn-back}@keyframes pages-turn{0%{opacity:0;translate:2%}}@keyframes pages-turn-back{0%{opacity:0;translate:-2%}}.binder-page{background:var(--page);border-radius:6px;grid-template-columns:repeat(2,1fr);gap:2.5cqw;padding:1.8%;display:grid;box-shadow:inset 0 0 0 1px #ffffff0a}.binder-pocket{aspect-ratio:63/88;background:#ffffff09;border-radius:4px;padding:1.8%;position:relative;box-shadow:inset 0 0 0 1px #ffffff14}.binder-pocket:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#ffffff17,#0000 35% 70%,#ffffff0a);position:absolute;inset:0}.binder-card{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;cursor:pointer;perspective:900px;width:100%;height:100%;display:block;position:relative}.binder-card .pcard{transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}@media (hover:hover){.binder-pocket:has(.binder-card:hover){z-index:3}.binder-card:hover{z-index:2}.binder-card:hover .pcard{transform:scale(1.25) rotateX(var(--rx)) rotateY(var(--ry));transition-duration:.25s,.25s;box-shadow:0 1.5em 3em #0000008c}.binder-card[data-tracking]:hover .pcard{transition-duration:80ms,.25s}}.binder-card:focus-visible{outline:2px solid var(--paper);outline-offset:3px;border-radius:5%}.binder-rings{z-index:1;flex-direction:column;justify-content:space-around;width:3.6%;padding-block:10%;display:flex;position:absolute;top:0;bottom:0;left:50%;translate:-50%}.binder-rings i{background:linear-gradient(#f2f2f2,#8d9297 55%,#c9cdd1);border-radius:999px;height:2.8%;min-height:10px;box-shadow:0 2px 3px #00000080}.binder-arrow{width:2.75rem;height:2.75rem;color:var(--paper);cursor:pointer;background:#f3efe714;border-radius:50%;flex:none;place-items:center;transition:background .15s;display:grid}.binder-arrow:hover:not(:disabled){background:#f3efe72e}.binder-arrow:disabled{opacity:.25;cursor:default}.binder-arrow svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:1.3rem}.binder-controls{white-space:nowrap;font-family:var(--font-label);color:#f3efe7a6;align-items:center;gap:1.25rem;font-size:.85rem;display:flex;position:absolute;top:calc(100% + 1.25rem);left:50%;translate:-50%}.binder-controls button{color:var(--paper);cursor:pointer;background:#f3efe714;border-radius:999px;padding:.35rem .8rem}.binder-controls button:hover{background:#f3efe72e}.binder:not([data-wide]) .binder-stage>.binder-arrow{display:none}.binder:not([data-wide]) .binder-controls{gap:.75rem;position:static;translate:none}.binder-controls .binder-step{place-items:center;width:2.25rem;height:2.25rem;padding:0;display:grid}.binder-step:disabled{opacity:.25;cursor:default}.binder-step svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:1.1rem}.binder[data-wide]:not([data-phase=open]) .binder-base{clip-path:inset(0 0 0 50%)}.binder-flipper{z-index:2;transform-origin:0;transform-style:preserve-3d;transition:transform .35s cubic-bezier(.3,.7,.4,1);position:absolute;inset:0}.binder[data-wide] .binder-flipper{left:50%}.binder[data-phase=closed] .binder-flipper:hover{transform:rotateY(-7deg)}.binder-flipper[data-motion=open]{animation:1.15s cubic-bezier(.55,.05,.3,1) forwards cover-open}.binder-flipper[data-motion=close]{animation:.95s cubic-bezier(.55,.05,.3,1) reverse forwards cover-open}@keyframes cover-open{to{transform:rotateY(-180deg)}}.binder:not([data-wide]) .binder-flipper[data-motion]{animation-name:cover-away}@keyframes cover-away{to{opacity:0;transform:rotateY(-110deg)}}.binder-cover-inside{backface-visibility:hidden;border-radius:12px 0 0 12px;position:absolute;inset:0;overflow:hidden;transform:rotateY(180deg)}.binder-cover-inside-pages{width:200%;height:100%;position:absolute;top:0;left:0}.binder-arrow,.binder-controls{transition:opacity .3s,visibility .3s,background .15s}.binder:not([data-phase=open]) :is(.binder-arrow,.binder-controls){opacity:0;visibility:hidden}.card-viewer{background:0 0;border:0;margin:auto;padding:0;overflow:visible}.card-viewer::backdrop{background:#000000bf}.card-viewer .pcard{width:min(640px,92vw,71.5909dvh - 5.01136rem)}.card-viewer-actions{font-family:var(--font-label);flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;margin-top:1.25rem;font-size:.85rem;display:flex}.card-viewer-actions>*{color:var(--paper);cursor:pointer;background:#f3efe71a;border-radius:999px;padding:.5rem 1rem}.card-viewer-actions>:hover{background:#f3efe733}.card-viewer-actions .card-viewer-play{background:var(--paper);color:#1b1b1a;font-weight:700}.card-viewer-actions .card-viewer-play:hover{background:#fff}@media (prefers-reduced-motion:reduce){.binder-pages,.binder-flipper,.binder-arrow,.binder-controls{transition:none;animation:none}}.pcard{--frame:#e3bd4f;--frame-deep:#c99a32;--frame-light:#f3d36c;--face:#fbf6e8;--face-deep:#f3e5b8;--ink:#1d1b16;--strip:#ecd998;--strip-ink:#1d1b16;aspect-ratio:63/88;background:linear-gradient(150deg, var(--frame-light), var(--frame) 40%, var(--frame-deep));width:100%;color:var(--ink);text-align:left;border-radius:4.5%/3.2%;position:relative;overflow:hidden;box-shadow:0 .3em 1em #00000073;container-type:inline-size}.pcard-face{background:linear-gradient(170deg, var(--face-deep), var(--face) 55%);border-radius:2cqw;flex-direction:column;gap:1.2cqw;padding:2.4cqw 2.8cqw 2.2cqw;display:flex;position:absolute;inset:2.6cqw}.pcard:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff73 45%,#a0dcff4d 50%,#ffbef04d 55%,#0000 70%) 100% 0/250% 100%;transition:opacity .3s,background-position .7s ease-out;position:absolute;inset:0}.card-viewer .pcard:after{opacity:.6;background-position:0 0}@media (hover:hover){.binder-card:hover .pcard:after{opacity:1;background:radial-gradient(circle at var(--mx) var(--my), #ffffff2e, #bedcff0f 30%, transparent 60%)}}.pcard-top{align-items:center;gap:1.6cqw;display:flex}.pcard-name{text-wrap:balance;flex:1;min-width:0;font-size:5.8cqw;font-weight:800;line-height:1.1}.pcard-level{font-family:var(--font-label);font-size:3cqw}.pcard-level b{font-size:5cqw}.pcard-energy{aspect-ratio:1;background:var(--type);color:#1d1b16;width:6cqw;font-family:var(--font-label);border-radius:50%;place-items:center;font-size:2.5cqw;font-weight:700;line-height:1;display:inline-grid;box-shadow:inset 0 -.5cqw #0003,0 0 0 .4cqw #fff9}.pcard-art{aspect-ratio:1.84;border:1cqw solid var(--frame);background:#222;flex:none;margin-inline:-1.2cqw;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .4cqw #00000040,0 .6cqw 1cqw #0003}.pcard-art img{object-fit:cover;object-position:top}.pcard-info{margin-inline:-1.2cqw;background:var(--strip);color:var(--strip-ink);text-align:center;border-radius:999px;margin-top:-.6cqw;padding:.6cqw 2cqw;font-size:3.7cqw;font-weight:650}.pcard-description{margin-top:1cqw;font-size:5.1cqw;line-height:1.35}@container (max-width:180px){.pcard-description{font-size:4.6cqw;line-height:1.3}}.pcard-status{border:.3cqw solid var(--frame);border-radius:1cqw;padding:1cqw 2cqw;font-size:3cqw;font-style:italic;line-height:1.3}.pcard-links{flex-wrap:wrap;gap:1.6cqw;margin-top:auto;list-style:none;display:flex}.pcard-links a,.pcard-links span{color:#fff;font-family:var(--font-label);background:#000000c7;border-radius:999px;padding:.8cqw 2.4cqw;font-size:2.9cqw;display:inline-block}.pcard-links a:hover{background:#000}.pcard-foot{font-family:var(--font-label);opacity:.75;border-top:.3cqw solid;justify-content:space-between;margin-top:auto;padding-top:1.2cqw;font-size:2.2cqw;display:flex}.pcard-links+.pcard-foot{margin-top:0}
.ds-scene{--shell:#cc2a32;--shell-light:#f2787a;--shell-deep:#8a141b;--inner:#101418;--inner-light:#262c33;--button:#2b3036;width:100%;margin:0;padding-inline:9%;position:relative}.ds{z-index:1;perspective:340cqw;perspective-origin:50% 10%;position:relative;container-type:inline-size}.ds-lid{background:linear-gradient(175deg, var(--shell-light), var(--shell) 30%, var(--shell-deep));transform-origin:50% 100%;border-radius:5cqw 5cqw 2cqw 2cqw;height:56cqw;padding:1.8cqw;transform:rotateX(13deg);box-shadow:inset 0 .5cqw .6cqw #ffffff73,inset 0 -.6cqw 1cqw #00000040}.ds-lid-face{background:linear-gradient(170deg, var(--inner-light), var(--inner) 45%);border-radius:3.6cqw 3.6cqw 1cqw 1cqw;height:100%;position:relative;overflow:hidden}.ds-lid-face:after{content:"";pointer-events:none;background:linear-gradient(120deg,#ffffff1a,#ffffff05 35%,#0000 36%);position:absolute;inset:0}.ds-top-screen{aspect-ratio:5/3;background:#000;border:.9cqw solid #000;border-radius:.6cqw;width:57cqw;position:absolute;top:7cqw;left:50%;overflow:hidden;translate:-50%;box-shadow:0 0 0 .25cqw #ffffff0f}.ds-top-screen img{object-fit:cover}.ds-top-screen:after{content:"";pointer-events:none;background:linear-gradient(125deg,#ffffff24,#0000 30%);position:absolute;inset:0}.ds-speaker{background:radial-gradient(circle,#05070a 0 .42cqw,#0000 .5cqw) 0 0/1.8cqw 1.8cqw;width:5.4cqw;height:13cqw;position:absolute;top:17cqw}.ds-speaker-left{left:7.5cqw}.ds-speaker-right{right:7.5cqw}.ds-camera{aspect-ratio:1;background:radial-gradient(circle at 35% 35%,#6a7c96 0 15%,#0b1220 35%,#000 70%);border-radius:50%;width:1.9cqw;position:absolute;top:2.6cqw;left:50%;translate:-50%;box-shadow:0 0 0 .35cqw #1c2228}.ds-slider{background:#05070a;border-radius:1cqw;width:1.3cqw;height:11cqw;position:absolute;top:8cqw;left:81.2cqw;box-shadow:inset 0 0 0 .2cqw #2a3038}.ds-slider i{background:linear-gradient(90deg,#bfc6cd,#7d868f);border-radius:.4cqw;width:1.8cqw;height:2.6cqw;position:absolute;top:1cqw;left:-.25cqw}.ds-slider-label{font-family:var(--font-label);color:#5f6a75;font-size:1.5cqw;position:absolute;top:20cqw;left:80.6cqw}.ds-cam-ui{font-family:var(--font-label);color:#fff;text-shadow:0 .15cqw .3cqw #000000b3;position:absolute;inset:0}.ds-cam-count{letter-spacing:.05em;font-size:1.9cqw;position:absolute;top:1.4cqw;left:1.8cqw}.ds-cam-battery{border:.2cqw solid #fff;border-radius:.3cqw;gap:.3cqw;padding:.35cqw;display:flex;position:absolute;top:1.5cqw;right:1.8cqw;box-shadow:0 .15cqw .3cqw #00000080}.ds-cam-battery i{background:#fff;width:.7cqw;height:1.1cqw}.ds-cam-frame{--c:#ffffffd9;--l:3.2cqw;--w:.25cqw;background:linear-gradient(var(--c) 0 0) 0 0 / var(--l) var(--w), linear-gradient(var(--c) 0 0) 0 0 / var(--w) var(--l), linear-gradient(var(--c) 0 0) 100% 0 / var(--l) var(--w), linear-gradient(var(--c) 0 0) 100% 0 / var(--w) var(--l), linear-gradient(var(--c) 0 0) 0 100% / var(--l) var(--w), linear-gradient(var(--c) 0 0) 0 100% / var(--w) var(--l), linear-gradient(var(--c) 0 0) 100% 100% / var(--l) var(--w), linear-gradient(var(--c) 0 0) 100% 100% / var(--w) var(--l);opacity:.8;background-repeat:no-repeat;position:absolute;inset:18% 14%}.ds-cam-stamp{letter-spacing:.08em;color:#ffa03a;text-shadow:0 0 .6cqw #ff8c28cc,0 .15cqw .3cqw #0009;font-size:2.3cqw;font-weight:700;position:absolute;bottom:1.4cqw;right:2cqw}.ds-hinge{z-index:1;background:linear-gradient(var(--shell-deep), var(--shell-light) 45%, var(--shell) 60%, var(--shell-deep));border-radius:2.2cqw;width:94cqw;height:4.2cqw;margin:-.6cqw auto;position:relative;box-shadow:0 .6cqw 1cqw #00000059}.ds-led{aspect-ratio:1;background:#1a3442;border-radius:50%;width:.9cqw;position:absolute;top:50%;translate:0 -50%}.ds-led-power{background:#8fdcff;right:10cqw;box-shadow:0 0 1cqw #5bc8ff}.ds-led-charge{right:13cqw}.ds-base{background:linear-gradient(180deg, var(--shell), var(--shell-deep) 85%);transform-origin:50% 0;border-radius:2cqw 2cqw 5cqw 5cqw;height:56cqw;margin-bottom:-27cqw;padding:1.8cqw;transform:rotateX(62deg);box-shadow:inset 0 .5cqw .6cqw #ffffff4d,inset 0 -.8cqw 1.2cqw #0000004d,0 2.2cqw #12577a,0 2.6cqw .6cqw #0006}.ds-base-face{background:linear-gradient(180deg, var(--inner), var(--inner-light));border-radius:1cqw 1cqw 3.6cqw 3.6cqw;height:100%;position:relative}.ds-bottom-screen{aspect-ratio:4/3;width:44cqw;font-family:var(--font-rounded);color:#4b5560;background:linear-gradient(#f2f5f8,#d9e1e8);border:.9cqw solid #000;border-radius:.5cqw;position:absolute;top:3.5cqw;left:50%;overflow:hidden;translate:-50%}.ds-app-photo{aspect-ratio:1;width:57.8%;position:absolute;top:4.6%;left:50%;overflow:hidden;translate:-50%;box-shadow:0 0 0 .45cqw #fff,0 0 0 .65cqw #c5ced6,0 .6cqw 1.2cqw #00000040}.ds-app-photo img{object-fit:cover}.ds-app-button{background:#fff;border-radius:999px;padding:.9cqw 2cqw;font-size:2.2cqw;font-weight:800;position:absolute;bottom:2cqw;box-shadow:0 0 0 .25cqw #c5ced6,0 .4cqw .8cqw #00000026}.ds-app-left{left:2cqw}.ds-app-right{right:2cqw}.ds-circle-pad{aspect-ratio:1;background:#05070a;border-radius:50%;width:13cqw;position:absolute;top:5cqw;left:6.5cqw;box-shadow:inset 0 0 0 .4cqw #2c333b}.ds-circle-pad i{background:radial-gradient(circle at 45% 40%,#5a636d,#2a3037 70%);border-radius:50%;position:absolute;inset:1.8cqw;box-shadow:0 .5cqw .8cqw #00000080,inset 0 .3cqw .4cqw #ffffff26}.ds-dpad{aspect-ratio:1;width:9cqw;position:absolute;top:26cqw;left:8.5cqw}.ds-dpad i{background:linear-gradient(90deg, #3a4148, var(--button));border-radius:.6cqw;position:absolute;inset:0 33%;box-shadow:0 .4cqw .6cqw #00000080}.ds-dpad i+i{inset:33% 0}.ds-abxy{aspect-ratio:1;width:15cqw;position:absolute;top:7cqw;right:6cqw}.ds-abxy i{aspect-ratio:1;background:radial-gradient(circle at 45% 35%, #4a525b, var(--button) 70%);width:4.8cqw;font-family:var(--font-rounded);color:#8e98a3;border-radius:50%;place-items:center;font-size:2cqw;font-style:normal;font-weight:800;display:grid;position:absolute;box-shadow:0 .4cqw .6cqw #00000080}.ds-abxy i:first-child{top:0;left:50%;translate:-50%}.ds-abxy i:nth-child(2){top:50%;left:0;translate:0 -50%}.ds-abxy i:nth-child(3){top:50%;right:0;translate:0 -50%}.ds-abxy i:nth-child(4){bottom:0;left:50%;translate:-50%}.ds-menu{align-items:center;gap:3cqw;display:flex;position:absolute;bottom:3.6cqw;left:50%;translate:-50%}.ds-menu i{background:linear-gradient(#3d444c,#1e2328);border-radius:999px;width:5cqw;height:1.6cqw;box-shadow:0 .3cqw .4cqw #00000080}.ds-menu i:nth-child(2){border-radius:50%;width:2.6cqw;height:2.6cqw}.ds-power{aspect-ratio:1;background:radial-gradient(circle at 45% 35%, #4a525b, var(--button) 70%);border-radius:50%;width:3cqw;position:absolute;bottom:4cqw;right:9cqw;box-shadow:0 .3cqw .5cqw #00000080}.ds-shadow{background:radial-gradient(closest-side,#0000008c,#0000);height:16cqw;position:absolute;bottom:-6cqw;left:2%;right:2%}.ds-viewer{isolation:isolate;position:relative}.ds-viewer:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(50% 45% at 50% 52%,#f3efe71c,#f3efe70a 55%,#0000 75%);position:absolute;inset:-20% -15%}.ds-canvas{opacity:0;transition:opacity .6s ease-out;position:absolute;inset:-12% -6% -14%}.ds-canvas canvas{pointer-events:none;max-width:none;display:block;position:absolute}.ds-viewer[data-ready] .ds-canvas{opacity:1}.ds-viewer .ds-scene{transition:opacity .6s ease-out}.ds-viewer[data-ready] .ds-scene{opacity:0}
.games-intro{--track:#f3efe773;content-visibility:auto;contain-intrinsic-size:auto 500px;max-width:72rem;margin:0 auto;padding:calc(clamp(3rem,10vh,6rem) + 10px) 1rem 2.5rem}.games-intro-heading{text-wrap:balance;max-width:16em;font-size:clamp(2rem,3.4vw,2.9rem);line-height:1.05}.level-path{gap:2rem;margin-top:2.5rem;display:grid}.level{padding-left:2.25rem;position:relative}.level-node{background:var(--paper);width:1rem;height:1rem;position:absolute;top:.3rem;left:0}.level[data-ahead] .level-node{box-shadow:inset 0 0 0 3px var(--paper);background:0 0;animation:1.2s step-end infinite level-blink}@keyframes level-blink{50%{opacity:.25}}.level:not(:last-child):before{content:"";background:var(--track);width:4px;position:absolute;top:1.6rem;bottom:-1.7rem;left:calc(.5rem - 2px)}.level:nth-last-child(2):before{background:repeating-linear-gradient(var(--track) 0 6px, transparent 6px 12px)}.level-title{font-size:1.15rem;font-weight:400;line-height:1.3}.level-text{color:#f3efe7c7;margin-top:.4rem;font-size:1rem;line-height:1.55}@media (min-width:64rem){.games-intro{padding-inline:2rem}.level-path{grid-template-columns:repeat(4,minmax(0,1fr))}.level{padding-top:2.25rem;padding-left:0}.level-node{top:0}.level:not(:last-child):before{width:auto;height:4px;inset:calc(.5rem - 2px) -1.5rem auto 1.5rem}.level:nth-last-child(2):before{background:repeating-linear-gradient(90deg, var(--track) 0 6px, transparent 6px 12px)}}@media (prefers-reduced-motion:reduce){.level[data-ahead] .level-node{animation:none}}
.console{content-visibility:auto;contain-intrinsic-size:auto 900px;max-width:72rem;margin:0 auto;padding:0 1rem clamp(3rem,10vh,6rem)}@media (max-width:63.99rem){.console-inner>.remote{display:none}}.console-inner{flex-direction:column;align-items:center;gap:1.25rem;display:flex;container-type:inline-size}@media (min-width:64rem){.console{padding-inline:2rem}.console-inner{flex-direction:row;align-items:flex-start}.console-inner>.wii-screen{width:calc(84.538cqw - 1.05673rem)}.console-inner>.remote{order:0;width:calc(15.4643cqw - .193303rem);height:calc(63.4035cqw - .792544rem)}}.wii-screen{--wii-bg:#eef1f3;--wii-line:#e3e7ea;--wii-text:#7b838b;--wii-border:#c8cfd5;--wii-blue:#34b3ee;aspect-ratio:4/3;background:url(/wii/stripes.png) 0 0 / 100% .9cqw var(--wii-bg);width:100%;color:var(--wii-text);font-family:var(--font-rounded);-webkit-user-select:none;user-select:none;border-radius:28px;position:relative;overflow:hidden;container-type:inline-size}@media (pointer:fine){.wii-screen,.wii-screen *{cursor:none}}.wii-screen:after{content:"";z-index:20;opacity:0;pointer-events:none;background:#000;transition:opacity .35s;position:absolute;inset:0}.wii-screen[data-off]:after{opacity:1;pointer-events:auto}.wii-screen :focus-visible{outline:.5cqw solid var(--wii-blue);outline-offset:.4cqw}.wii-menu{position:absolute;inset:0}.wii-grid{grid-template-columns:repeat(4,1fr);gap:2.2cqw 2.4cqw;display:grid;position:absolute;top:5.5cqw;left:6cqw;right:6cqw}.wii-tile{aspect-ratio:1.42;border:.35cqw solid var(--wii-border);background:linear-gradient(#fafbfc,#e8ecef);border-radius:2.4cqw;transition:transform .15s,border-color .15s,box-shadow .15s;position:relative;overflow:hidden;box-shadow:0 .3cqw .8cqw #3c465026}.wii-tile img{object-fit:cover}.wii-tile[data-empty]{background:linear-gradient(#f7f8f9,#e2e6e9);box-shadow:inset 0 .3cqw .6cqw #ffffffe6,0 .2cqw .5cqw #3c465014}.wii-tile[data-selected]{z-index:1;border-color:var(--wii-blue);transform:scale(1.07);box-shadow:0 0 0 .5cqw #34b3ee59,0 .8cqw 1.6cqw #283c5040}.wii-tile-label{text-align:left;text-overflow:ellipsis;white-space:nowrap;color:#fff;opacity:0;background:linear-gradient(#0000,#000000a6);padding:2.4cqw 1.2cqw .8cqw;font-size:1.6cqw;font-weight:800;transition:opacity .15s;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.wii-tile[data-selected] .wii-tile-label{opacity:1}.wii-tile-favorites{background:var(--wii-border);grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.wii-mosaic-cell{position:relative;overflow:hidden}.wii-bar{height:19cqw;position:absolute;bottom:0;left:0;right:0}.wii-bar-shape{fill:#dfe3e6;width:100%;height:100%;position:absolute;inset:0}.wii-bar-line{fill:none;stroke:var(--wii-blue);stroke-width:2px;vector-effect:non-scaling-stroke}.wii-round{aspect-ratio:1;border:.35cqw solid var(--wii-border);width:12.5cqw;color:var(--wii-text);background:radial-gradient(circle at 50% 35%,#fff,#eceff2);border-radius:50%;place-items:center;font-size:2.1cqw;font-weight:800;transition:border-color .15s,color .15s;display:grid;position:absolute;bottom:2.8cqw;box-shadow:0 .4cqw 1cqw #323c462e}.wii-round:hover{border-color:var(--wii-blue);color:var(--wii-blue)}.wii-round-left{left:3.5cqw}.wii-round-right{font-size:4.6cqw;right:3.5cqw}.wii-clock{text-align:center;color:#8e959c;position:absolute;top:5.6cqw;left:50%;translate:-50%}.wii-clock time{font-size:6cqw;font-weight:700;line-height:1}.wii-clock small{margin-left:.6cqw;font-size:2.4cqw}.wii-clock span{margin-top:.6cqw;font-size:2.3cqw;font-weight:700;display:block}.wii-help{border:.3cqw solid var(--wii-border);background:#fff;border-radius:2cqw;max-width:36cqw;padding:1.4cqw 1.8cqw;font-size:1.8cqw;font-weight:700;line-height:1.4;position:absolute;bottom:17cqw;right:4cqw;box-shadow:0 .6cqw 1.6cqw #323c462e}.wii-channel{flex-direction:column;animation:.28s ease-out wii-channel-in;display:flex;position:absolute;inset:0}@keyframes wii-channel-in{0%{opacity:0;transform:scale(.9)}}.wii-channel-art{background:#111;flex:1;position:relative;overflow:hidden}.wii-slide{opacity:0;transition:opacity .6s;position:absolute;inset:0}.wii-slide[data-active]{opacity:1}.wii-slide-backdrop{object-fit:cover}.wii-slide-image{object-fit:cover;image-rendering:pixelated}.wii-channel-heading{color:#fff;text-shadow:0 .2cqw .4cqw #00000080;background:#0c0e12db;border-radius:2.2cqw;max-width:72%;padding:2cqw 2.8cqw 2.2cqw;position:absolute;top:2.5cqw;left:2.5cqw;box-shadow:0 .6cqw 1.8cqw #0000004d}.wii-channel-heading h3{font-size:4cqw;font-weight:800;line-height:1.1}.wii-channel-heading p{margin-top:.6cqw;font-size:2cqw;font-weight:600}.wii-channel-heading .wii-channel-note{background:#ffffff2e;border-radius:999px;margin-top:1.2cqw;padding:.5cqw 1.4cqw;font-size:1.7cqw;display:inline-block}.wii-channel-heading a.wii-channel-note{color:inherit;align-items:center;gap:.7cqw;transition:background .15s;display:inline-flex}.wii-channel-heading a.wii-channel-note:hover{background:#ffffff4d}.wii-external{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.5cqw;height:1.5cqw}.wii-dots{gap:1.2cqw;display:flex;position:absolute;bottom:2cqw;left:50%;translate:-50%}.wii-dots button{aspect-ratio:1;background:#fff6;border-radius:50%;width:1.5cqw}.wii-dots button[data-active]{background:#fff}.wii-channel-actions{border-top:.35cqw solid var(--wii-blue);background:url(/wii/stripes.png) 0 0 / 100% .9cqw var(--wii-bg);justify-content:center;align-items:center;gap:5cqw;height:17cqw;display:flex}.wii-pill{border:.35cqw solid var(--wii-border);width:27cqw;height:8.5cqw;color:var(--wii-text);background:linear-gradient(#fff,#edf0f2);border-radius:3cqw;place-items:center;font-size:3cqw;font-weight:800;transition:border-color .15s,color .15s,box-shadow .15s;display:grid;box-shadow:0 .4cqw 1cqw #323c4626}.wii-pill:hover{border-color:var(--wii-blue);color:var(--wii-blue);box-shadow:0 0 0 .5cqw #34b3ee4d,0 .4cqw 1cqw #323c4626}.wii-shelf{flex-wrap:wrap;justify-content:center;gap:1.8cqw;padding-inline:13cqw;list-style:none;display:flex;position:absolute;bottom:2.2cqw;left:0;right:0}.wii-shelf-cover{aspect-ratio:2/3;border-radius:1.4cqw;width:12.2cqw;transition:transform .15s,box-shadow .15s;display:block;position:relative;overflow:hidden;box-shadow:0 .6cqw 1.6cqw #0006}.wii-shelf-cover img{object-fit:cover}.wii-shelf-cover[data-active]{z-index:1;box-shadow:0 0 0 .5cqw var(--wii-blue), 0 1cqw 2.4cqw #00000080;transform:scale(1.1)}.wii-shelf-label{color:#1d2a22;text-align:left;opacity:0;background:#f6f2e6f0;border-radius:.6cqw;padding:.7cqw .9cqw;font-size:1.25cqw;font-weight:800;line-height:1.2;transition:opacity .15s;position:absolute;bottom:.6cqw;left:.6cqw;right:.6cqw}.wii-shelf-cover[data-active] .wii-shelf-label{opacity:1}.wii-crt{z-index:16;pointer-events:none;background:url(/wii/glass.webp) 0 0/100% 100%,url(/wii/scanline.png) 0 0/100% .3125cqw,url(/wii/grain.png) 0 0/256px 256px;position:absolute;inset:0}.wii-cursor{z-index:10;pointer-events:none;opacity:0;transform-origin:41.25% 4%;width:5.2cqw;transition:opacity .12s;position:absolute;top:0;left:0}.wii-cursor[data-visible]{opacity:1}.wii-cursor svg{display:block;overflow:visible}.wii-cursor-shadow{fill:#00000038;stroke:#00000038;stroke-width:3.8px;stroke-linejoin:round;transform:translate(1.2px,2.2px)}.wii-cursor-outline{fill:#20232b;stroke:#20232b;stroke-width:3.8px;stroke-linejoin:round}.wii-cursor-fill{fill:url(#wii-cursor-shade);stroke:#fff;stroke-width:1.3px;stroke-linejoin:round}.wii-cursor-crease{fill:none;stroke:#20232b;stroke-width:1px;stroke-linecap:round}.wii-cursor-grab,.wii-cursor[data-pressed] .wii-cursor-point{display:none}.wii-cursor[data-pressed] .wii-cursor-grab{display:inline}.wii-cursor text{font-family:var(--font-rounded);fill:#3567d6;font-size:9.5px;font-weight:900}.remote{--shell-edge:#b9bcbf;--shell:#eceef0;--shell-mid:#f7f8f9;--button-hi:#fff;--button:#f1f2f4;--button-lo:#cfd3d7;--print:#8a9097;--hole:#3a3f44;--led-off:#5d646b;isolation:isolate;width:87.8049px;height:360px;font-family:var(--font-rounded);flex:none;order:2;position:relative;container-type:inline-size}.remote:after{content:"";z-index:-1;background:linear-gradient(170deg, #ffffff29, transparent 30%), linear-gradient(90deg, var(--shell-edge), var(--shell) 9%, var(--shell-mid) 50%, var(--shell) 91%, var(--shell-edge));border-radius:20%/4.6%;position:absolute;inset:0;box-shadow:inset 0 2px 2px #ffffff2e,inset 0 -3px 5px #00000040,0 24px 40px -18px #000000bf}.remote:before{content:"";pointer-events:none;border-radius:17%/3.9%;position:absolute;inset:.85% 3.5%;box-shadow:inset 0 0 0 1px #0003,0 0 0 1px #ffffff0f}.remote button{cursor:pointer}.remote button:focus-visible{outline-offset:1cqw;outline:1.4cqw solid #fff}.remote-btn{background:radial-gradient(circle at 50% 30%, var(--button-hi), var(--button) 55%, var(--button-lo));color:var(--print);border-radius:50%;place-items:center;font-weight:800;line-height:1;transition:transform 80ms,filter 80ms;display:grid;position:absolute;box-shadow:0 0 0 .9cqw #00000047,0 0 0 1.5cqw #ffffff14,inset 0 .6cqw .6cqw #ffffff38,inset 0 -.8cqw 1cqw #00000040}.remote-btn:active{filter:brightness(.9);transform:scale(.94)}.remote-btn svg{width:52%;height:52%}.remote-power{width:15cqw;height:15cqw;top:21cqw;left:20cqw}.dpad{aspect-ratio:1;perspective:80cqw;width:56cqw;position:absolute;top:46cqw;left:50%;translate:-50%}.dpad-face{filter:drop-shadow(0 .8cqw .6cqw #0000004d);pointer-events:none;width:100%;height:100%;transition:transform 80ms;position:absolute;inset:0;overflow:visible}.dpad-edge{fill:none;stroke:#00000059;stroke-width:3px}.dpad-arrows{fill:#00000047}.dpad-arm{z-index:1;position:absolute}.dpad-up,.dpad-down{width:34%;height:40%;left:33%}.dpad-left,.dpad-right{width:40%;height:34%;top:33%}.dpad-up{top:0}.dpad-down{bottom:0}.dpad-left{left:0}.dpad-right{right:0}.dpad:has(.dpad-up:active) .dpad-face{transform:rotateX(16deg)}.dpad:has(.dpad-down:active) .dpad-face{transform:rotateX(-16deg)}.dpad:has(.dpad-left:active) .dpad-face{transform:rotateY(-16deg)}.dpad:has(.dpad-right:active) .dpad-face{transform:rotateY(16deg)}.remote-a{width:33cqw;height:33cqw;font-size:14cqw;top:124cqw;left:50%;translate:-50%}.remote-trigger{z-index:-2;background:linear-gradient(90deg, var(--button-lo), var(--button) 45%, var(--shell-edge));width:18cqw;height:44cqw;color:var(--print);border-radius:7cqw 0 0 7cqw;padding-right:6cqw;font-size:7cqw;font-weight:800;transition:transform 80ms,filter 80ms;position:absolute;top:118cqw;right:calc(100% - 5cqw);box-shadow:inset 0 .8cqw .8cqw #ffffff2e,inset -2.5cqw 0 2.5cqw #00000073,-.6cqw 1.2cqw 2cqw #0006}.remote-trigger:active{filter:brightness(.9);transform:translate(2cqw)}.remote-minus,.remote-plus,.remote-home{width:15cqw;height:15cqw;top:220cqw}.remote-minus,.remote-plus{font-size:12cqw}.remote-minus{left:13cqw}.remote-plus{right:13cqw}.remote-home{left:50%;translate:-50%}.remote-print{color:var(--print);pointer-events:none;font-weight:800;position:absolute}.remote-home-label{letter-spacing:.04em;font-size:5cqw;top:238cqw;left:50%;translate:-50%}.remote-speaker{grid-template-columns:repeat(5,2.6cqw);gap:2.6cqw;display:grid;position:absolute;top:258cqw;left:50%;translate:-50%}.remote-speaker span{aspect-ratio:1;background:var(--hole);border-radius:50%;box-shadow:0 .3cqw #ffffff26}.remote-num{width:24cqw;height:24cqw;font-size:12cqw;left:50%;translate:-50%}.remote-one{top:293cqw}.remote-two{top:331cqw}.remote-leds{gap:6cqw;display:flex;position:absolute;top:384cqw;left:50%;translate:-50%}.remote-led{flex-direction:column;align-items:center;gap:1.4cqw;display:flex}.remote-led>span:first-child{background:var(--led-off);border-radius:.8cqw;width:6cqw;height:3cqw;box-shadow:inset 0 .4cqw .4cqw #0006}.remote-led>span[data-lit]{background:#4fc3ff;box-shadow:0 0 2.5cqw #4fc3ff}.remote-led-dots{gap:.6cqw;display:flex}.remote-led-dots i{background:var(--print);opacity:.85;border-radius:50%;width:1cqw;height:1cqw}@media (prefers-reduced-motion:reduce){.wii-channel{animation:none}}