:root{--font:"M PLUS Rounded 1c", system-ui, sans-serif;--sky-top:#1a4a8c;--sky-mid:#2d6cbc;--sky-low:#5ba3e8;--glow:#ffffff73;--orb-soft:#ffffff47;--card:#f8fbff;--card-face-top:#fff;--card-face-bot:#f8fbff;--card-border:#ffffffd9;--card-face-stroke:#ffffffa6;--text:#1a2d4a;--text-soft:#1a2d4ab8;--card-title-shadow:0 1px 0 #ffffffe6;--accent:#ff6b35;--accent-hover:#ff8555;--bar-bg:#001e4659;--bar-border:#fff3;--selected-ring:#fffffff2;--toggle-bg:#fff3;--toggle-border:#ffffff73;--toggle-thumb:#fff;--crt-scan-opacity:.65;--crt-vignette-edge:#00000059}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--sky-top:#0a1628;--sky-mid:#142a4a;--sky-low:#1e3d64;--glow:#78beff2e;--orb-soft:#b4dcff1f;--card:#151d2e;--card-face-top:#243049;--card-face-bot:#151d2e;--card-border:#ffffff14;--card-face-stroke:#ffffff24;--text:#e8eef8;--text-soft:#e8eef8a6;--card-title-shadow:0 1px 2px #00000073;--bar-bg:#00000059;--bar-border:#ffffff1f;--selected-ring:#ffffffbf;--toggle-bg:#00000059;--toggle-border:#ffffff38;--toggle-thumb:#8eb8ff;--crt-scan-opacity:.5;--crt-vignette-edge:#0000008c}*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior-x:none;height:100%;margin:0;overflow:hidden}body{font-family:var(--font);color:var(--text);background:var(--sky-top);-webkit-font-smoothing:antialiased}#app{max-width:100%;height:100%;overflow-x:hidden}.wii-root{max-width:100%;height:100%;position:relative;overflow:hidden}.theme-toggle{z-index:50;border:2px solid var(--toggle-border);background:var(--toggle-bg);cursor:pointer;border-radius:999px;width:3.1rem;height:1.7rem;padding:0;transition:background .2s,border-color .2s,box-shadow .2s;position:fixed;top:clamp(.65rem,2.5vw,1.1rem);right:clamp(.65rem,3vw,1.35rem);box-shadow:0 4px 14px #0003}.theme-toggle:hover{box-shadow:0 6px 18px #00000047}.theme-toggle:focus-visible{outline:3px solid var(--selected-ring);outline-offset:3px}.theme-toggle__thumb{background:var(--toggle-thumb);pointer-events:none;border-radius:50%;width:1.2rem;height:1.2rem;transition:transform .28s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;left:.2rem;transform:translateY(-50%);box-shadow:0 1px 4px #00000040}html[data-theme=dark] .theme-toggle__thumb{transform:translateY(-50%)translate(1.38rem)}.wii-scene{z-index:0;filter:contrast(1.06)saturate(1.12);flex-direction:column;min-width:0;height:100%;padding:clamp(1rem,3vw,2rem) clamp(1rem,4vw,3rem) 0;display:flex;position:relative;transform:translateZ(0)}.wii-bg{z-index:-1;background:linear-gradient(165deg, var(--sky-top) 0%, var(--sky-mid) 42%, var(--sky-low) 100%);position:absolute;inset:0}.wii-bg:before,.wii-bg:after{content:"";filter:blur();opacity:.55;border-radius:50%;animation:18s ease-in-out infinite orb-drift;position:absolute}.wii-bg:before{background:radial-gradient(circle, var(--glow) 0%, transparent 68%);width:min(85vw,520px);height:min(85vw,520px);top:-12%;left:-8%}.wii-bg:after{background:radial-gradient(circle, var(--orb-soft) 0%, transparent 65%);width:min(70vw,420px);height:min(70vw,420px);animation-delay:-9s;bottom:18%;right:-10%}@keyframes orb-drift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(3%,2%)scale(1.05)}}.wii-header{text-align:center;margin-bottom:clamp(1.25rem,4vh,2.5rem);animation:.9s backwards fade-down}.wii-header h1{letter-spacing:.02em;color:#fff;text-shadow:0 2px #00286459,0 0 40px #ffffff40;margin:0;font-size:clamp(1.75rem,5vw,2.75rem);font-weight:800}.wii-header p{color:#ffffffe0;text-shadow:0 1px 2px #00286466;margin:.5rem 0 0;font-size:clamp(.9rem,2.2vw,1.05rem);font-weight:500}@keyframes fade-down{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.channel-wrap{flex:1;justify-content:center;align-items:center;width:100%;min-width:0;min-height:0;padding-bottom:.5rem;display:flex}.channel-strip{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#ffffff59 transparent;gap:clamp(.75rem,2.5vw,1.35rem);width:max-content;max-width:100%;margin-inline:auto;padding:1.25rem .5rem 2rem;scroll-padding-inline:1rem;display:flex;overflow:auto hidden}.channel-strip::-webkit-scrollbar{height:8px}.channel-strip::-webkit-scrollbar-thumb{background:#ffffff59;border-radius:99px}.channel-card{scroll-snap-align:center;cursor:pointer;width:clamp(140px,28vw,168px);font:inherit;color:inherit;text-align:center;animation:.75s cubic-bezier(.22,1,.36,1) backwards card-in-opacity;animation-delay:calc(var(--i,0) * 90ms);background:0 0;border:none;flex:none;padding:0}.channel-card:focus-visible{outline-offset:6px;border-radius:20px;outline:3px solid #fff}@keyframes card-in-opacity{0%{opacity:0}to{opacity:1}}.card-face{background:linear-gradient(180deg, var(--card-face-top) 0%, var(--card-face-bot) 100%);box-shadow:0 4px 0 #0028641f, 0 12px 28px #001e5047, inset 0 1px 0 var(--card-border);border:2px solid var(--card-face-stroke);border-radius:22px;padding:.65rem .65rem .85rem;transition:box-shadow .35s,border-color .25s;position:relative}html[data-theme=dark] .card-face{box-shadow:0 4px 0 #00000059, 0 12px 28px #00000073, inset 0 1px 0 var(--card-border)}.channel-card:hover .card-face{box-shadow:0 6px 0 #0028641a, 0 18px 36px #001e5059, inset 0 1px 0 var(--card-border)}.channel-card.is-selected .card-face{border-color:var(--selected-ring);box-shadow:0 0 0 4px #ffffff80,0 8px #00286414,0 22px 44px #00143c73,inset 0 1px #fff}.channel-card:hover .card-panel{filter:brightness(1.06)}.channel-card.is-selected .card-panel{filter:brightness(1.08)}.channel-card:active .card-panel{filter:brightness(.96)}.card-panel{aspect-ratio:1;background:var(--panel,linear-gradient(145deg, #6eb6ff, #3d7ccc));border-radius:16px;place-items:center;margin-bottom:.5rem;font-size:clamp(2.25rem,8vw,3rem);line-height:1;transition:filter .2s;display:grid;overflow:hidden;box-shadow:inset 0 2px 12px #ffffff40}.channel-card.is-under-construction{cursor:not-allowed}.channel-card.is-under-construction .card-panel{filter:grayscale(.2)saturate(.85)brightness(.95)}.uc-tape{opacity:.95;pointer-events:none;background:repeating-linear-gradient(45deg,#ffce4aeb 0 14px,#000000b8 14px 28px);position:absolute;inset:-12% -18%;transform:rotate(-18deg);box-shadow:0 10px 30px #00000038,inset 0 1px #ffffff40}.uc-tape:after{content:"UNDER CONSTRUCTION";font-family:var(--sans);letter-spacing:.18em;color:#000000d9;text-shadow:0 1px #ffffff40;white-space:nowrap;font-size:.7rem;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-icon{transform-origin:50% 60%;display:block}.card-panel[data-motion=void] .card-icon{animation:3.5s ease-in-out infinite icon-void;animation-delay:calc(var(--i,0) * .12s)}.card-panel[data-motion=toast] .card-icon{animation:2.1s ease-in-out infinite icon-toast;animation-delay:calc(var(--i,0) * .12s)}.card-panel[data-motion=cloud] .card-icon{animation:3s ease-in-out infinite icon-cloud;animation-delay:calc(var(--i,0) * .12s)}.card-panel[data-motion=cube] .card-icon{animation:5s linear infinite icon-cube;animation-delay:calc(var(--i,0) * .12s)}.card-panel[data-motion=time] .card-icon{animation:2.6s ease-in-out infinite icon-time;animation-delay:calc(var(--i,0) * .12s)}.card-panel[data-motion=fish] .card-icon{animation:2.4s ease-in-out infinite icon-fish;animation-delay:calc(var(--i,0) * .12s)}.card-panel[data-motion=button-roulette] .card-icon{animation:2.6s ease-in-out infinite icon-roulette;animation-delay:calc(var(--i,0) * .12s);display:inline-block}@keyframes icon-roulette{0%,to{filter:saturate();transform:translateY(0)rotate(0)}30%{filter:saturate(1.1);transform:translateY(-6px)rotate(-6deg)}60%{filter:saturate(1.25);transform:translateY(3px)rotate(7deg)}}.card-panel[data-motion=still-there] .card-icon{animation:5.2s ease-in-out infinite icon-eye-water;animation-delay:calc(var(--i,0) * .12s);display:inline-block}.card-panel[data-motion=still-there] .card-icon-eye{transform-origin:50% 52%;animation:7.5s ease-in-out infinite icon-eye-blink;animation-delay:calc(var(--i,0) * .12s + .35s);display:inline-block}@keyframes icon-eye-water{0%,to{transform:translate(0)rotate(0)}12.5%{transform:translate(5px,-7px)rotate(2deg)}25%{transform:translate(8px,-2px)rotate(-1deg)}37.5%{transform:translate(3px,6px)rotate(1.5deg)}50%{transform:translate(-6px,4px)rotate(-2deg)}62.5%{transform:translate(-8px,-4px)rotate(1deg)}75%{transform:translate(-4px,-8px)rotate(-1.5deg)}87.5%{transform:translate(4px,2px)rotate(2deg)}}@keyframes icon-eye-blink{0%,86%,to{transform:scaleY(1)}88%{transform:scaleY(.14)}90%{transform:scaleY(.08)}93%{transform:scaleY(1)}}@keyframes icon-void{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(.65);transform:scale(.92)}}@keyframes icon-toast{0%,to{transform:rotate(-10deg)translateY(0)}50%{transform:rotate(10deg)translateY(-6px)}}@keyframes icon-cloud{0%,to{transform:translate(0)}50%{transform:translate(4px,-8px)}}@keyframes icon-cube{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes icon-time{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}@keyframes icon-fish{0%,to{transform:translate(-5px)rotate(-4deg)}50%{transform:translate(5px)rotate(4deg)}}.card-title{color:var(--text);text-shadow:var(--card-title-shadow);font-size:clamp(.78rem,2vw,.9rem);font-weight:700;line-height:1.25}.card-hint{color:var(--text-soft);margin-top:.2rem;font-size:.68rem;font-weight:500;display:block}.wii-bar{background:var(--bar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--bar-border);flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:.75rem 1.25rem;margin:0 calc(-1*clamp(1rem,4vw,3rem));padding:clamp(.85rem,2.5vh,1.15rem) 1.25rem;animation:.85s .35s backwards bar-up;display:flex}@keyframes bar-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bar-meta{color:#ffffffd1;text-shadow:0 1px 2px #0003;text-align:center;max-width:min(100%,280px);font-size:.8rem;font-weight:500}.btn-open{appearance:none;cursor:pointer;font-family:var(--font);letter-spacing:.06em;text-transform:uppercase;color:#fff;background:linear-gradient(180deg, var(--accent-hover) 0%, var(--accent) 45%, #e85a2a 100%);border:none;border-radius:999px;padding:.65rem 2.25rem;font-size:1rem;font-weight:800;transition:transform .15s,filter .15s;box-shadow:0 3px #78280073,0 8px 20px #00000040,inset 0 1px #ffffff59}.btn-open:hover{filter:brightness(1.06)}.btn-open:active{transform:translateY(2px);box-shadow:0 1px #78280073,0 4px 12px #00000038,inset 0 1px #ffffff59}.btn-open:focus-visible{outline-offset:3px;outline:3px solid #fff}.btn-open:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.2)}.wii-icon-link{color:#fff;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;width:2.35rem;height:2.05rem;font-size:1.05rem;text-decoration:none;transition:transform .15s,filter .15s,border-color .15s;display:inline-flex;box-shadow:inset 0 1px #ffffff2e,0 8px 22px #0000002e}.wii-icon-link:hover{filter:brightness(1.08);border-color:#ffffff52}.wii-icon-link:active{transform:translateY(1px)}.wii-icon-link:focus-visible{outline:3px solid var(--selected-ring);outline-offset:3px}.crt-scanlines{z-index:10;pointer-events:none;mix-blend-mode:multiply;opacity:var(--crt-scan-opacity);background:repeating-linear-gradient(#00000017 0 1px,#0000 1px 3px);position:absolute;inset:0}.crt-vignette{z-index:11;pointer-events:none;background:radial-gradient(ellipse 85% 75% at 50% 48%, transparent 0%, transparent 55%, var(--crt-vignette-edge) 100%);mix-blend-mode:multiply;position:absolute;inset:0}.crt-curve{z-index:9;pointer-events:none;border-radius:8%/5%;position:absolute;inset:0;box-shadow:inset 0 0 120px #0006}.crt-noise{z-index:12;pointer-events:none;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.25s steps(2,end) infinite noise-flicker;position:absolute;inset:0}@keyframes noise-flicker{0%{transform:translate(0)}50%{transform:translate(-1%,1%)}to{transform:translate(1%,-.5%)}}.crt-chroma{z-index:8;pointer-events:none;position:absolute;inset:0;box-shadow:inset 2px 0 #ff000008,inset -2px 0 #00ffff08}@media (prefers-reduced-motion:reduce){.wii-bg:before,.wii-bg:after,.channel-card,.card-face,.card-panel .card-icon,.card-panel .card-icon-eye,.wii-bar,.wii-header,.crt-noise{animation:none!important}.channel-card{animation:.4s backwards fade-in-simple;animation-delay:calc(var(--i,0) * 50ms)}@keyframes fade-in-simple{0%{opacity:0}to{opacity:1}}}