*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}.wii-root{-webkit-user-select:none;user-select:none;width:100vw;height:100vh;font-family:Helvetica Neue,Arial,sans-serif;position:relative;overflow:hidden}.wii-root,.wii-root *{cursor:url(/cursor.svg) 16 3,auto}.video-bg-wrapper{z-index:0;background:linear-gradient(160deg,#c8e8ff 0%,#eaf4ff 100%);position:fixed;inset:0;overflow:hidden}.video-bg{transform-origin:50%;pointer-events:none;border:0;width:100vw;min-width:177.78vh;height:56.25vw;min-height:100vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1.3)}.video-bg-tint{pointer-events:none;background:#c8e8ff14;position:absolute;inset:0}.wii-ui{z-index:10;flex-direction:column;width:100%;height:100%;padding:0;display:flex;position:relative}.top-bar{flex-shrink:0;justify-content:space-between;align-items:center;min-height:96px;padding:12px 28px 8px 18px;display:flex}.mii-avatar{cursor:pointer;width:clamp(72px,7vw,96px);height:clamp(72px,7vw,96px);position:relative}.mii-notification{color:#fff;z-index:2;background:#f5a623;border-radius:5px;justify-content:center;align-items:center;width:22px;height:22px;font-family:Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:900;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 1px 4px #0000004d}.mii-face{background:linear-gradient(160deg,#ffe8c8,#f5c89a);border:2px solid #ffffffb3;border-radius:14px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 3px 12px #0000002e,inset 0 1px 2px #fff9}.mii-image{object-fit:cover;border:2px solid #ffffffb3;border-radius:14px;width:100%;height:100%;display:block;box-shadow:0 3px 12px #0000002e,inset 0 1px 2px #fff9}.mii-hair{background:linear-gradient(#4a2c0a,#7a4a1a);border-radius:12px 12px 0 0;height:38%;position:absolute;top:0;left:0;right:0}.mii-eyes{gap:10px;display:flex;position:absolute;top:45%;left:50%;transform:translate(-50%)}.mii-eye{background:#1a0a00;border-radius:50%;width:7px;height:9px}.mii-mouth{border-bottom:2px solid #c0604a;border-radius:0 0 50% 50%;width:18px;height:5px;position:absolute;bottom:22%;left:50%;transform:translate(-50%)}.page-dots{align-items:center;gap:8px;display:flex}.page-dot{cursor:pointer;background:#64a0d259;border:none;border-radius:50%;outline:none;width:clamp(10px,1.1vw,14px);height:clamp(10px,1.1vw,14px);padding:0;transition:all .2s}.page-dot.active{background:#4a9fd4;transform:scale(1.1);box-shadow:0 0 0 2px #4a9fd466}.page-dot:hover:not(.active){background:#4a9fd480}.top-clock{color:#3a6080;letter-spacing:.03em;opacity:.85;font-size:clamp(.9rem,1.4vw,1.25rem);font-weight:600}.grid-wrapper{flex:1;justify-content:center;align-items:center;min-height:0;padding:4px 56px;display:flex;position:relative}.app-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(5,1fr);gap:clamp(6px,1vw,12px);width:100%;max-width:700px;height:auto;display:grid}.app-tile{cursor:pointer;aspect-ratio:1;border-radius:14px;transition:transform .12s;position:relative}.app-tile:hover .tile-inner{transform:scale(1.06);box-shadow:0 8px 28px #00000038,0 2px 8px #00000026,inset 0 1px 2px #ffffff80}.app-tile.empty{pointer-events:none;opacity:0}.tile-inner{background-clip:padding-box;border:3.5px solid #c8d2e1e6;border-radius:14px;justify-content:center;align-items:center;width:100%;height:100%;transition:transform .12s,box-shadow .12s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 22px #0000004d,0 3px 8px #0003,inset 0 2.5px 3px #ffffffd9,inset 2px 0 3px #ffffff59,inset -2px 0 3px #fff3,inset 0 -2px 3px #0003}.tile-sheen{pointer-events:none;border-radius:inherit;z-index:2;background:radial-gradient(130% 75% at 50% -15%,#ffffffb3 0%,#ffffff73 28%,#ffffff26 50%,#fff0 65%);position:absolute;inset:0}.tile-sheen:after{content:"";background:linear-gradient(#fff0 0%,#ffffff0f 50%,#ffffff38 100%);border-radius:50% 50% 0 0/100% 100% 0 0;height:28%;position:absolute;bottom:0;left:6%;right:6%}.tile-sheen:before{content:"";filter:blur(2px);background:radial-gradient(#ffffff8c 0%,#fff0 70%);border-radius:50%;width:22%;height:14%;position:absolute;top:6%;left:8%}.tile-emoji{filter:drop-shadow(0 2px 4px #0000004d);z-index:1;font-size:clamp(1.6rem,3.5vw,2.4rem);position:relative}.tile-image{object-fit:cover;z-index:0;border-radius:12px;width:100%;height:100%;position:absolute;inset:0}.folder-grid{z-index:1;grid-template-columns:repeat(3,1fr);gap:3px;width:70%;height:70%;display:grid;position:relative}.folder-cell{opacity:.9;border-radius:3px}.tile-label-inside{display:none}.tile-tooltip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;color:#2a4a6a;pointer-events:none;z-index:50;background:#ffffffeb;border:1px solid #c8dcf0cc;border-radius:10px;padding:5px 14px;font-size:.82rem;font-weight:600;animation:.1s tooltip-pop;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0000001f}@keyframes tooltip-pop{0%{opacity:0;transform:translate(-50%)scale(.9)}to{opacity:1;transform:translate(-50%)scale(1)}}.tooltip-arrow{width:14px;height:7px;position:absolute;bottom:-7px;left:50%;overflow:hidden;transform:translate(-50%)}.tooltip-arrow:before{content:"";background:#ffffffeb;border:1px solid #c8dcf0cc;width:14px;height:14px;position:absolute;top:-7px;left:50%;transform:translate(-50%)rotate(45deg);box-shadow:0 4px 16px #00000014}.nav-arrow{cursor:pointer;color:#3c648cb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff38;border:1.5px solid #ffffff80;border-radius:8px;outline:none;justify-content:center;align-items:center;width:44px;height:80px;transition:background .15s,color .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.nav-arrow:hover{color:#285078f2;background:#ffffff73}.nav-arrow svg{width:24px;height:24px}.nav-arrow.left{left:4px}.nav-arrow.right{right:4px}.taskbar-wrapper{flex-shrink:0;justify-content:center;align-items:center;padding:10px 20px 16px;display:flex;position:relative}.taskbar{justify-content:center;align-items:center;gap:10px;display:flex}.taskbar-btn{cursor:pointer;background:0 0;border:none;outline:none;padding:0;transition:transform .12s}.taskbar-btn:hover{transform:translateY(-4px)scale(1.12)}.taskbar-icon{border:2px solid #ffffffbf;border-radius:13px;justify-content:center;align-items:center;width:clamp(54px,5vw,68px);height:clamp(54px,5vw,68px);font-size:clamp(1.5rem,2.2vw,1.85rem);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #00000029,inset 0 1px 2px #ffffff73}.taskbar-icon:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(#ffffff59 0%,#ffffff0d 100%);border-radius:8px 8px 0 0;height:50%;position:absolute;top:0;left:0;right:0}.taskbar-image{object-fit:cover;z-index:0;border-radius:11px;width:100%;height:100%;position:absolute;inset:0}.tv-switch-btn{cursor:pointer;color:#46648cbf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff38;border:2px solid #ffffff8c;border-radius:13px;justify-content:center;align-items:center;width:clamp(52px,4.8vw,64px);height:clamp(52px,4.8vw,64px);padding:0;transition:transform .12s,background .15s;display:flex;position:absolute;top:50%;right:22px;overflow:hidden;transform:translateY(-50%);box-shadow:0 3px 10px #0000001a,inset 0 1px 2px #ffffff8c}.tv-switch-btn:hover{background:#fff6;transform:translateY(-50%)scale(1.08)}.tv-switch-btn svg{width:54%;height:54%}.tv-switch-image{object-fit:cover;border-radius:11px;width:100%;height:100%}@keyframes slide-in-from-right{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-from-left{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slide-out-to-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-40px)}}@keyframes slide-out-to-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}.app-grid.slide-in-right{animation:.18s forwards slide-in-from-right}.app-grid.slide-in-left{animation:.18s forwards slide-in-from-left}.app-grid.slide-out-left{animation:.16s forwards slide-out-to-left}.app-grid.slide-out-right{animation:.16s forwards slide-out-to-right}@media (width<=700px){.app-grid{gap:6px;max-height:380px}.tile-emoji{font-size:1.4rem}.taskbar-icon{width:36px;height:36px;font-size:1rem}.taskbar{gap:4px}.nav-arrow{width:32px;height:60px}}@media (width<=480px){.grid-wrapper{padding:0 38px}.app-grid{gap:5px}}.plaza{z-index:20;background:#b8c8d4;position:fixed;inset:0;overflow:hidden}.plaza-floor{background:#b8c8d4 url(/floor.png) 50%/cover no-repeat;position:absolute;inset:-2%}.plaza-content{position:absolute;inset:0}.plaza-game-tile{aspect-ratio:1;z-index:3;border:3px solid #ffffffd9;border-radius:18px;width:clamp(64px,7.5vw,96px);transition:transform .15s;position:absolute;overflow:hidden;box-shadow:0 6px 24px #00000024,0 2px 8px #00000014,inset 0 1px 2px #ffffff80}.plaza-game-tile:hover{z-index:4;transform:translate(-50%,-50%)scale(1.12)!important}.plaza-game-tile img{object-fit:cover;z-index:1;width:100%;height:100%;position:relative}.plaza-tile-shadow{z-index:0;filter:blur(3px);pointer-events:none;background:radial-gradient(#0000002e 0%,#0000000f 50%,#0000 75%);border-radius:50%;height:14px;position:absolute;bottom:-10px;left:10%;right:10%}.plaza-mii{z-index:2;animation:mii-wander var(--speed) var(--delay) ease-in-out infinite alternate;will-change:transform;transform-origin:bottom;position:absolute}.plaza-mii:has(.mii-speech){z-index:50}.mii-head{background:#ffe0b2;border:1px solid #00000014;border-radius:50%;width:14px;height:14px;margin:0 auto}.mii-body{background:var(--shirt-color);border-radius:3px 3px 0 0;width:12px;height:10px;margin:-1px auto 0}.mii-legs{justify-content:center;gap:2px;display:flex}.mii-leg{background:#555;border-radius:0 0 2px 2px;width:4px;height:6px;animation:.5s ease-in-out infinite alternate mii-step}.mii-leg:nth-child(2){animation-delay:.25s}@keyframes mii-step{0%{height:6px}to{height:4px}}.mii-speech{color:#2a4a6a;white-space:nowrap;pointer-events:none;z-index:100;background:#ffffffeb;border:1.5px solid #b4c8dc99;border-radius:10px;padding:3px 8px;font-size:.6rem;font-weight:600;animation:.2s speech-pop,2.5s forwards speech-fade;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000001a}.mii-speech:after{content:"";border:4px solid #0000;border-top-color:#ffffffeb;position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes speech-pop{0%{opacity:0;transform:translate(-50%)scale(.7)translateY(4px)}to{opacity:1;transform:translate(-50%)scale(1)translateY(0)}}@keyframes speech-fade{0%,70%{opacity:1}to{opacity:0}}.plaza-back-btn{z-index:10;cursor:url(/cursor.svg) 16 3,auto;color:#46648cbf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff8c;border:2px solid #ffffffbf;border-radius:13px;justify-content:center;align-items:center;width:clamp(52px,4.8vw,64px);height:clamp(52px,4.8vw,64px);padding:0;transition:transform .12s,background .15s;display:flex;position:absolute;bottom:22px;right:22px;box-shadow:0 3px 12px #0000001f,inset 0 1px 2px #fff9}.plaza-back-btn:hover{background:#ffffffbf;transform:scale(1.08)}.plaza-back-btn svg{width:54%;height:54%}@keyframes mii-wander{0%{transform:translate(0)}25%{transform:translate(calc(var(--dx1) * 1px), calc(var(--dy1) * 1px))}50%{transform:translate(calc(var(--dx2) * 1px), calc(var(--dy2) * 1px))}75%{transform:translate(calc(var(--dx3) * 1px), calc(var(--dy3) * 1px))}to{transform:translate(calc(var(--dx4) * 1px), calc(var(--dy4) * 1px))}}.splash-overlay{z-index:9999;cursor:url(/cursor.svg) 16 3,auto;background:linear-gradient(170deg,#c8e8ff 0%,#eaf4ff 40%,#d4effc 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.splash-overlay *{cursor:url(/cursor.svg) 16 3,auto}.splash-content{flex-direction:column;align-items:center;gap:24px;display:flex}.splash-gamepad{filter:drop-shadow(0 4px 12px #64a0d24d);width:clamp(100px,18vw,180px);height:auto;animation:3s ease-in-out infinite splash-float}.splash-title{color:#3a7cb8;letter-spacing:.02em;text-shadow:0 2px 8px #64a0d240;font-family:Helvetica Neue,Arial,sans-serif;font-size:clamp(1.8rem,4vw,3rem);font-weight:700}.splash-prompt{color:#5a9ac4;letter-spacing:.04em;font-family:Helvetica Neue,Arial,sans-serif;font-size:clamp(.95rem,1.6vw,1.2rem);font-weight:500;animation:2s ease-in-out infinite splash-pulse}.splash-overlay.splash-exit{pointer-events:none;animation:.85s cubic-bezier(.4,0,.2,1) forwards splash-fade-out}@keyframes splash-fade-out{0%{opacity:1;filter:blur();transform:scale(1)}40%{opacity:.6;filter:blur(1px);transform:scale(1.02)}to{opacity:0;filter:blur(8px);transform:scale(1.08)}}@keyframes splash-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes splash-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}