@font-face{font-family:Alarm;src:url(/alarm.ttf)format("truetype")}*{box-sizing:border-box;cursor:url(/WiiCursorIdle.png) 0 0,auto;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}body{background:#eaeaea;flex-direction:column;font-family:Arial Rounded MT Bold,Arial,sans-serif;display:flex}#app{background:#eaeaea repeating-linear-gradient(0deg,#0000 0 3px,#e4e4e4 3px 6px);flex-direction:column;width:100%;height:100vh;display:flex}#topbar{flex-shrink:0;width:100%;height:4vh}#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:visible;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):not(.picked):hover{z-index:100;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:#333;opacity:0;pointer-events:none;z-index:200;background:#fff;border:2px solid #ccc;border-radius:50px;padding:6px 18px;font-size:1vw;font-weight:700;position:absolute;bottom:-44px;left:50%;transform:translate(-50%);box-shadow:0 3px 10px #00000026}.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:.4s cubic-bezier(.175,.885,.32,1.275) both popIn;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #0006}.static-slot:nth-child(9){animation-delay:.36s}.static-slot:nth-child(10){animation-delay:.4s}.static-slot:nth-child(11){animation-delay:.44s}.static-slot:nth-child(12){animation-delay:.48s}.static-slot:before{content:"";will-change:transform;background:repeating-linear-gradient(0deg,#0000 0 3px,#ffffff26 3px 6px);width:100%;height:110%;animation:2s linear infinite staticUp;position:absolute;top:0;left:0}.static-slot:after{content:"Nii";color:#ffffff1f;z-index:1;pointer-events:none;font-size:2.5vw;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:visible}#bottom-svg{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}#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 #87ceeb;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:#b0b0b0;font-size:1.6vw;font-weight:700}#wii-btn-label{white-space:nowrap;color:#333;opacity:0;pointer-events:none;z-index:20;background:#fff;border:2px solid #ccc;border-radius:50px;padding:6px 18px;font-size:1vw;font-weight:700;position:absolute;top:-44px;left:50%;transform:translate(-50%);box-shadow:0 3px 10px #00000026}#bottom-time{color:#9d9d9d;letter-spacing:.08em;white-space:nowrap;z-index:10;font-family:Alarm,sans-serif;font-size:5vw;line-height:1;position:absolute;top:3%;left:50%;transform:translate(-50%)}#bottom-date{color:#9d9d9d;white-space:nowrap;z-index:10;font-family:Arial Rounded MT Bold,Arial,sans-serif;font-size:4vw;font-weight:700;position:absolute;bottom:25%;left:50%;transform:translate(-50%)}#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%,#f8f8f8,#aaa);border:3px solid #87ceeb;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)}#mail-label{white-space:nowrap;color:#a5a5a6;opacity:0;pointer-events:none;z-index:20;background:#fff;border:2px solid #ccc;border-radius:50px;padding:6px 18px;font-size:1vw;font-weight:700;position:absolute;top:-44px;left:50%;transform:translate(-50%);box-shadow:0 3px 10px #00000026}.colon{transition:opacity .3s ease-in-out}#zoom-overlay{z-index:9999;pointer-events:none;background:0 0;justify-content:center;align-items:center;width:100vw;height:100vh;transition:background .3s;display:flex;position:fixed;top:0;left:0}#zoom-overlay.open{pointer-events:all;background:#000000d9}#zoom-content{opacity:0;pointer-events:none;transform-origin:50%;justify-content:center;align-items:center;width:100vw;height:100vh;transition:transform .5s cubic-bezier(.25,.46,.45,.94),opacity .5s;display:flex;position:fixed;top:0;left:0;transform:scale(0)}#zoom-overlay.open #zoom-content{opacity:1;pointer-events:all;transform:scale(1)}#zoom-screen{background:#e8e8e8;border:8px solid #999;border-radius:3vw;flex-direction:column;width:90vw;max-width:1200px;height:95vh;max-height:900px;margin:2.5vh auto;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #0006,inset 0 1px #fff9}#zoom-screen:before{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000 0 3px,#00000008 3px 6px);width:100%;height:100%;animation:2s linear infinite staticUp;position:absolute;top:0;left:0}#zoom-header{z-index:2;background:linear-gradient(#f5f5f5 0%,#e8e8e8 100%);border-bottom:2px solid #bbb;flex-shrink:0;padding:3vh 4vw 2vh;position:relative}#zoom-title{color:#1a6abf;text-align:left;letter-spacing:.05em;font-size:2.5vw;font-weight:700}#zoom-body-container{z-index:2;background:#fff;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2vh;padding:4vh;display:flex;position:relative;overflow-y:auto}#zoom-icon{font-size:5vw;animation:2s ease-in-out infinite zoomBob}@keyframes zoomBob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}#zoom-body{color:#444;text-align:center;white-space:pre-line;max-width:60vw;font-size:1.1vw;line-height:1.8}#zoom-button-area{z-index:2;background:linear-gradient(#e8e8e8 0%,#d0d0d0 100%);border-top:2px solid #bbb;flex-shrink:0;justify-content:center;padding:3vh 4vw;display:flex;position:relative}#zoom-back{cursor:url(/WiiCursorIdle.png) 0 0,auto;text-align:center;background:linear-gradient(#f0f8ff 0%,#dae3e5 100%);border:3px solid #87ceeb;border-radius:3vw;min-width:15vw;padding:1.2vh 4vw;font-size:1.2vw;font-weight:700;transition:transform .15s;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000026,inset 0 1px #fffc}#zoom-back:hover{transform:scale(1.08);box-shadow:0 6px 16px #0003,inset 0 1px #fffc}#zoom-back:active{transform:scale(.98)}#zoom-header:before,#zoom-button-area:before{content:"";pointer-events:none;z-index:3;background:repeating-linear-gradient(0deg,#0000 0 3px,#00000008 3px 6px);width:100%;height:100%;animation:2s linear infinite staticUp;position:absolute;top:0;left:0}#zoom-header,#zoom-button-area{position:relative}.btn-corner{pointer-events:none;background:linear-gradient(#fff 0%,#ffffff80 100%);border-radius:3vw;width:94%;height:40%;display:block;position:absolute;top:0;left:3%}.btn-text{z-index:1;color:#333;position:relative}.channel.picked{pointer-events:none;z-index:9999;position:fixed;transform:scale(.7)!important}.channel.picked .channel-icon{transform:scale(1)}.static-slot.highlight{outline:4px solid #7fd0eb}.channel.drag-over{outline:3px solid #8cf;box-shadow:0 0 20px #64b4ffe0,0 6px 18px #0000002e}body.dragging .channel:not(.picked):hover{box-shadow:none!important;outline:none!important;transform:none!important}#ch-linkedin .channel-icon{background:url(/LinkedIn.png) 50%/cover no-repeat;width:100%;height:100%;font-size:0;animation:3s ease-in-out infinite bob}.no-anim{animation:none!important}.channel.picked-source{outline:3px solid #8cf;box-shadow:0 0 20px #64b4ffe0,0 6px 18px #0000002e}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.channel-icon{animation:none!important}@keyframes popIn{0%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(0)}}@keyframes zoomBob{0%,to{transform:translateY(0)}50%{transform:translateY(0)}}}