*{box-sizing:border-box;cursor:none;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}body{background:linear-gradient(#c0d8ee 0%,#a8c8e4 100%);flex-direction:column;font-family:Arial Rounded MT Bold,Arial,sans-serif;display:flex}#wii-cursor{pointer-events:none;z-index:9999;transform-origin:6px 2px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cdefs%3E%3Cfilter id='g'%3E%3CfeGaussianBlur stdDeviation='1.2' result='b'/%3E%3CfeMerge%3E%3CfeMergeNode in='b'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23g)'%3E%3Cpath d='M6 2 L6 34 L12 26 L17 38 L22 36 L17 24 L26 24 Z' fill='white' stroke='%232266bb' stroke-width='2' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;width:48px;height:48px;position:fixed}#wii-cursor.clicking{transform:scale(.85)}#app{flex-direction:column;width:100%;height:100vh;display:flex}#topbar{flex-shrink:0;width:100%;height:4vh}#wii-datetime{display:none}#wii-time{color:#222;font-size:1vw;font-weight:700;line-height:1}#wii-date{color:#444;margin-top:2px;font-size:.6vw}#wii-grid{flex:1;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(4,1fr);gap:.6vh .5vw;width:100%;min-height:0;max-height:68.6vh;padding:1vh 8.6vw;display:grid}.channel{border:2px solid #ffffffc7;border-radius:1vw;justify-content:center;align-items:center;text-decoration:none;transition:transform .18s,box-shadow .18s;animation:.4s cubic-bezier(.175,.885,.32,1.275) both popIn;display:flex;position:relative;overflow:hidden;box-shadow:0 3px 12px #00000029,inset 0 1px #ffffffe0}.channel:first-child{animation-delay:40ms}.channel:nth-child(2){animation-delay:80ms}.channel:nth-child(3){animation-delay:.12s}.channel:nth-child(4){animation-delay:.16s}.channel:nth-child(5){animation-delay:.2s}.channel:nth-child(6){animation-delay:.24s}.channel:nth-child(7){animation-delay:.28s}.channel:nth-child(8){animation-delay:.32s}.channel:nth-child(9){animation-delay:.36s}.channel:nth-child(10){animation-delay:.4s}.channel:nth-child(11){animation-delay:.44s}.channel:nth-child(12){animation-delay:.48s}@keyframes popIn{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}.channel:not(.static-slot):hover{z-index:10;outline:3px solid #8cf;transform:scale(1.04);box-shadow:0 0 20px #64b4ffe0,0 6px 18px #0000002e}.channel-shine{pointer-events:none;z-index:2;background:linear-gradient(#ffffff80 0%,#fff0 100%);border-radius:.8vw .8vw 0 0;height:50%;position:absolute;top:0;left:0;right:0}.channel-icon{z-index:1;font-size:3.2vw;line-height:1;animation:3s ease-in-out infinite bob}.channel:nth-child(odd) .channel-icon{animation-delay:0s}.channel:nth-child(2n) .channel-icon{animation-delay:1.5s}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.channel-label{white-space:nowrap;color:#fff;opacity:0;pointer-events:none;z-index:5;background:#0a3c8ce0;border:2px solid #ffffffbf;border-radius:2vw;padding:.4vh 1vw;font-size:.7vw;font-weight:700;transition:opacity .2s,transform .22s;position:absolute;bottom:.6vh;left:50%;transform:translate(-50%)translateY(12px)scale(.6);box-shadow:0 3px 10px #0006}.channel:not(.static-slot):hover .channel-label{opacity:1;transform:translate(-50%)translateY(0)scale(1)}.color-blue{background:linear-gradient(160deg,#3a7dd4,#1a4d9a)}.color-green{background:linear-gradient(160deg,#7ec455,#4a8f28)}.color-photo{background:linear-gradient(160deg,#ffc833,#e08a00)}.color-red{background:linear-gradient(160deg,#e84433,#a81800)}.color-orange{background:linear-gradient(160deg,#f73,#c40)}.color-grey{background:linear-gradient(160deg,#fffffff0,#c3dcf2e0)}.static-slot{background-color:#888;border:2px solid #707070;animation:none;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #0006}.static-slot:before{content:"";will-change:transform;background:repeating-linear-gradient(0deg,#0000 0 3px,#ffffff26 3px 6px);width:100%;height:110%;animation:8s linear infinite staticUp;position:absolute;top:0;left:0}.static-slot:after{content:"Wii";color:#ffffff1f;z-index:1;pointer-events:none;font-size:1.2vw;font-weight:700;position:absolute}@keyframes staticUp{0%{transform:translateY(0%)}to{transform:translateY(-10%)}}#bottombar{flex-shrink:0;justify-content:center;align-items:center;width:100%;height:27.4vh;display:flex;position:relative;overflow:hidden}#bottom-svg{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}#wii-btn-wrap{z-index:10;position:absolute;top:50%;left:4.5vw;transform:translateY(-50%)}#wii-btn{background:radial-gradient(circle at 35% 30%,#f8f8f8,#aaa);border:3px solid #bbb;border-radius:50%;justify-content:center;align-items:center;width:7vw;max-width:110px;height:7vw;max-height:110px;transition:transform .15s;display:flex;box-shadow:0 5px 16px #00000059,inset 0 2px #ffffffd9}#wii-btn:hover{transform:scale(1.06)}#wii-btn-inner{color:#444;font-size:.9vw;font-weight:700}#bottom-center{z-index:10;text-align:center;margin-bottom:8vh;position:relative}#bottom-time{color:#1a1a1a;text-shadow:0 1px 3px #ffffff80;font-size:2.4vw;font-weight:700;line-height:1}#bottom-date{color:#222;margin-top:.5vh;font-size:1.1vw;font-weight:700}#bottom-right-wrap{z-index:10;position:absolute;top:50%;right:4.5vw;transform:translateY(-50%)}#mail-btn{text-decoration:none}#mail-icon{background:radial-gradient(circle at 35% 30%,#fff,#b8d4ee);border:3px solid #fffffff2;border-radius:50%;justify-content:center;align-items:center;width:7vw;max-width:110px;height:7vw;max-height:110px;font-size:2vw;transition:transform .15s;display:flex;box-shadow:0 5px 16px #00000047,inset 0 2px #ffffffe6}#mail-icon:hover{transform:scale(1.06)}#zoom-overlay{z-index:3000;pointer-events:none;background:0 0;justify-content:center;align-items:center;transition:background .4s;display:flex;position:fixed;inset:0}#zoom-overlay.open{pointer-events:all;background:#00000080}#zoom-content{opacity:0;transform-origin:50%;background:#fff;border-radius:1vw;flex-direction:column;justify-content:center;align-items:center;gap:2vh;width:100vw;height:100vh;padding:4vw;transition:transform .45s cubic-bezier(.175,.885,.32,1.275),opacity .3s,border-radius .4s;display:flex;transform:scale(.04)}#zoom-overlay.open #zoom-content{opacity:1;border-radius:0;transform:scale(1)}#zoom-icon{font-size:6vw;animation:2s ease-in-out infinite zoomBob}@keyframes zoomBob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}#zoom-title{color:#1a6abf;text-align:center;font-size:2.2vw;font-weight:700}#zoom-body{color:#444;text-align:center;white-space:pre-line;max-width:40vw;font-size:1vw;line-height:2}#zoom-back{cursor:none;text-align:center;background:#dae3e5;border:3px solid #87ceeb;border-radius:3vw;min-width:10vw;margin-top:1vh;padding:.8vh 2.5vw;font-size:.9vw;font-weight:700;transition:transform .15s;position:relative;overflow:hidden;box-shadow:2px 2px 12px #0000001f}#zoom-back:hover{transform:scale(1.05)}.btn-corner{pointer-events:none;background:#ebecee;border-radius:3vw;width:94%;height:40%;display:block;position:absolute;top:0;left:0}.btn-text{z-index:1;color:#333;position:relative}.static-slot:before{animation:1.4s linear infinite staticUp!important}