*{cursor:inherit}:root{--bg-color:#e5e5e5;--channel-bg:#ffffff;--channel-shadow:rgba(0, 0, 0, 0.1);--text-color:#333;--accent-color:#00bfff;--wave-height:15vh}body{margin:0;font-family:Poppins,sans-serif;background-color:var(--bg-color);color:var(--text-color);height:100vh;position:relative;cursor:none}body::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.5;z-index:-1}#custom-cursor{position:fixed;pointer-events:none;z-index:9000;width:18vh;height:18vh;display:none}.channel-grid-wrapper{overflow:hidden;width:max-content;height:75vh;top:0;padding-top:3vh;padding-bottom:3vh}.channel-grid{display:flex}.channel-grid.channel-grid-transition{transition:transform .6s cubic-bezier(.25, .8, .25, 1)}.channel-page{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:1vh;padding:1vh;width:168vh;box-sizing:border-box;flex-shrink:0}.test-channel{width:97.5%;height:95.5%;background-color:transparent;transition:all .3s ease;display:block;object-fit:cover;clip-path:url(#unique-shape-clip);-webkit-clip-path:url(#unique-shape-clip);position:relative;-webkit-mask-image:url(#fading-mask);mask-image:url(#fading-mask)}.test-channel-border{position:relative;width:100%;aspect-ratio:16/9;background-color:#c7c7c7;transition:all .5s ease;overflow:hidden;display:flex;justify-content:center;align-items:center;clip-path:url(#channel-clip-path)}.test-channel-border.set:hover{background-color:#a0e3fa}.test-channel.empty{background-image:linear-gradient(0deg,#ced0cd 40%,#c3c6c3 10%);background-size:1vh 1vh;display:flex;justify-content:center;align-items:center;font-size:8vh;font-weight:700;color:rgba(0,0,0,.1)}.channel-border{position:absolute;aspect-ratio:16/9;background-color:#c7c7c7;clip-path:url(#channel-clip-path)}.channel{aspect-ratio:16/9;background-color:transparent;cursor:pointer;margin:10px;transition:all .2s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;position:relative;overflow:hidden;opacity:1;transform:translateY(0);clip-path:url(#channel-clip-path)}.channel::before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;filter:blur(10px);background-color:var(--channel-bg);-webkit-clip-path:url(#channel-clip-path);clip-path:url(#channel-clip-path);z-index:-1}.channel:hover{background-color:#a0e3fa}.channel.empty{cursor:default;background-color:#b4b7b3;position:relative;overflow:hidden;clip-path:url(#channel-clip-path);z-index:0}.channel.empty:hover{transform:none}.channel.empty::before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;background-color:#b4b7b3;filter:blur(10px);z-index:1;-webkit-clip-path:url(#channel-clip-path);clip-path:url(#channel-clip-path)}.channel.empty::after{content:"Wii";position:absolute;top:5px;left:5px;right:5px;bottom:5px;background-image:linear-gradient(0deg,#ced0cd 40%,#c3c6c3 10%);background-size:10px 10px;font-size:5rem;font-weight:700;color:rgba(0,0,0,.1);display:flex;justify-content:center;align-items:center;z-index:2;filter:none;-webkit-clip-path:url(#channel-clip-path);clip-path:url(#channel-clip-path)}.channel-title{font-size:1.1rem;font-weight:600;text-align:center}.wii-channel-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;z-index:1000;display:flex;flex-direction:column;font-family:Arial,sans-serif;overflow:hidden;opacity:0;transform:scale(.1);transition:all .5s cubic-bezier(.25, .8, .25, 1);pointer-events:none;transform-origin:center center}.wii-channel-view.active{opacity:1;transform:scale(1);pointer-events:all}.wii-channel-view.closing{opacity:0;transform:scale(.1);pointer-events:none}.channel-content{transition:all .3s ease .2s}.channel-header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:linear-gradient(to bottom,#f8f8f8,#e8e8e8);border-bottom:1px solid #d0d0d0;box-shadow:0 2px 4px rgba(0,0,0,.1)}.channel-title{font-size:2.5rem;font-weight:700;color:#333;text-shadow:0 1px 2px rgba(0,0,0,.1)}.channel-close{width:50px;height:50px;background:#f0f0f0;border:1px solid #d0d0d0;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:2rem;cursor:pointer;transition:all .2s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),inset 0 -1px 0 rgba(0,0,0,.1),0 3px 6px rgba(0,0,0,.15)}.channel-close:hover{background:#e8e8e8;transform:scale(1.05)}.channel-content{flex:1;display:flex;flex-direction:column;padding:40px;background:#fff;position:relative;overflow:hidden}.channel-button{background:linear-gradient(to bottom,#fff,#f0f0f0);border:1px solid #d0d0d0;border-radius:25px;padding:15px 30px;font-size:1.2rem;font-weight:700;color:#333;cursor:pointer;transition:all .2s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),inset 0 -1px 0 rgba(0,0,0,.1),0 3px 6px rgba(0,0,0,.15)}.channel-button:hover{background:linear-gradient(to bottom,#f8f8f8,#e8e8e8);transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(0,0,0,.15),0 6px 12px rgba(0,0,0,.2)}.channel-button:active{transform:translateY(0);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -1px 0 rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.1)}.scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 1vh,rgba(0,0,0,.03) 1vh,rgba(0,0,0,.03) 1vh);pointer-events:none;z-index:5}.regular-channel-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px}.regular-channel-content h1{font-size:3rem;color:#333;margin-bottom:30px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.regular-channel-content p{font-size:1.3rem;line-height:1.6;color:#666;max-width:600px;margin-bottom:20px}.regular-channel-content ul{text-align:left;font-size:1.2rem;line-height:1.8;color:#666}.main-content{overflow:hidden;background-image:linear-gradient(0deg,#f0f0f0 20%,transparent 40%);background-size:12px 12px;height:calc(100vh - (var(--wave-height) - 5vh))}#main-bottom-bar{position:fixed;bottom:0;left:0;width:100%;height:calc(var(--wave-height) + .6vh);background-color:#4bc0e3;z-index:5;clip-path:url(#bottom-bar-clip-path);display:flex;justify-content:flex-start;align-items:flex-start}#main-bottom-bar::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:var(--wave-height);background-color:#d5d6dc;z-index:6;clip-path:url(#bottom-bar-clip-path)}.bottom-bar-button{width:10vh;height:10vh;background:linear-gradient(to bottom,#d4d4d4,#e0e0e0);border-radius:50%;border:.5vh solid #4bc0e3;box-shadow:0 .2vh .5vh rgba(0,0,0,.2);display:flex;justify-content:center;align-items:center;font-family:Orbitron,sans-serif;font-size:4vh;color:#8b8b8b;z-index:10;transition:all .2s ease;box-shadow:0 .5vh 1.5vh #4bc0e3}.bottom-bar-button:hover{transform:scale(1.1)}.bottom-bar-button.left-button{margin-top:2vh;margin-left:4vw;font-family:Orbitron,sans-serif;font-size:5vh;font-weight:700;color:#9c9c9c}.bottom-bar-button-middle-button{display:flex;justify-content:center;align-items:center;margin-top:2.8vh;margin-left:4vw;z-index:10;transition:all .2s ease;font-family:Orbitron,sans-serif;font-size:7vh;color:#9c9c9c}.bottom-bar-button-middle-button:hover{transform:scale(1.2)}.bottom-bar-button.right-button{margin-top:2vh;margin-right:4vw;margin-left:auto;font-family:Orbitron,sans-serif;font-size:7vh;color:#9c9c9c;justify-content:center;align-items:flex-start;padding-top:0;padding-bottom:0;padding-left:0;padding-right:0;line-height:1.4}.time-display{position:absolute;bottom:2.5vh;left:50%;transform:translateX(-50%);text-align:center;color:#666;z-index:20}.date-text{font-family:Arial,sans-serif;font-size:6vh;font-weight:400;color:#666;letter-spacing:.5px;margin-top:3%}.time-text{font-family:Orbitron,"Courier New",monospace;font-size:6vh;font-weight:400;color:#999;letter-spacing:3px;text-shadow:0 0 10px rgba(153,153,153,.3)}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;display:flex;justify-content:center;align-items:center;z-index:1000;transition:opacity 1s ease-out}#loading-screen.fade-out{opacity:0;pointer-events:none}.spinner{border:8px solid rgba(255,255,255,.3);border-top:8px solid #fff;border-radius:50%;width:60px;height:60px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}body.loading{overflow:hidden}.unique-arrow-btn{position:absolute;top:35%;width:5vh;z-index:100;transition:transform .2s ease-in-out}.unique-arrow-btn.right{right:1vw}.unique-arrow-btn.left{left:1vw;transform:rotate(180deg)}.unique-arrow-btn.hidden{display:none}.arrow-shape{stroke:#2579d3;stroke-width:.03}.unique-arrow-btn.right.child-hovered{transform:scale(1.2)}.arrow-shape-left{stroke:#2579d3;stroke-width:.03}.unique-arrow-btn.left.child-hovered{transform:scale(1.2) rotate(180deg)}