.games-intro{--track:#f3efe773;max-width:72rem;margin:0 auto;padding:clamp(3rem,10vh,6rem) 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{max-width:72rem;margin:0 auto;padding:0 1rem clamp(3rem,10vh,6rem)}.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;clip-path:inset(0 round 28px);background:repeating-linear-gradient(var(--wii-line) 0 1px, transparent 1px .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;filter:blur(3cqw)brightness(.55);transform:scale(1.2)}.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-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:repeating-linear-gradient(var(--wii-line) 0 1px, transparent 1px .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-menu,.wii-channel{filter:blur(.35px)contrast(1.04)saturate(1.06)}.film-grain.wii-static{z-index:15;opacity:.08}.wii-crt{z-index:16;pointer-events:none;background:radial-gradient(60% 45% at 28% 18%,#ffffff1a,#0000 70%),radial-gradient(85% 85%,#0000 62%,#141c2438),repeating-linear-gradient(#00000012 0 .11cqw,#0000 .11cqw .3125cqw);position:absolute;inset:0}.wii-crt:after{content:"";background:linear-gradient(#0000,#ffffff0d 45%,#00000008 55%,#0000);height:20%;animation:9s linear infinite wii-roll;position:absolute;inset:-20% 0 auto}@keyframes wii-roll{to{transform:translateY(600%)}}@media (prefers-reduced-motion:reduce){.wii-crt:after{animation:none;display:none}}.wii-cursor{z-index:10;pointer-events:none;opacity:0;transform-origin:41.25% 4%;filter:drop-shadow(.15cqw .3cqw .35cqw #0000004d);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-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{--red:#cf1b24;--red-dark:#9c0f16;--red-button:#c4161f;--print:#fdf1ef;background:linear-gradient(170deg, #ffffff29, transparent 30%), linear-gradient(90deg, var(--red-dark), var(--red) 9%, #d8222b 50%, var(--red) 91%, var(--red-dark));width:87.8049px;height:360px;font-family:var(--font-rounded);border-radius:20%/4.6%;flex:none;order:2;position:relative;box-shadow:inset 0 2px 2px #ffffff2e,inset 0 -3px 5px #00000040,0 24px 40px -18px #000000bf;container-type:inline-size}.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[data-rumble]{animation:.32s linear remote-rumble}@keyframes remote-rumble{20%{translate:-1.5px .5px}40%{translate:1.5px -.5px}60%{translate:-1px}80%{translate:1px .5px}}.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%, #e4333b, var(--red-button) 55%, #a8121a);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-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:#4a0609;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:#5b080c;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){.remote[data-rumble],.wii-channel{animation:none}}
