*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;overflow:hidden}body{font-family:Trebuchet MS,Segoe UI,Helvetica Neue,Arial,sans-serif;color:#4c4c4c;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;color:inherit}::selection{background:#41c3f059}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#0000000a}::-webkit-scrollbar-thumb{background:#78828c59;border-radius:8px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:#41c3f099}:root{--wii-blue: #41c3f0;--wii-blue-soft: rgba(85, 205, 245, .5);--wii-text: #4c4c4c;--wii-text-soft: #8b8d8f;--tile-radius: clamp(14px, 1.7vw, 24px)}.wii-root{position:fixed;inset:0;display:flex;flex-direction:column;user-select:none;background:radial-gradient(130% 100% at 50% -20%,#fffffff2,#fff0 55%),repeating-linear-gradient(180deg,rgba(105,115,125,.055) 0px,rgba(105,115,125,.055) 1px,transparent 1px,transparent 7px),linear-gradient(180deg,#dcdedf,#f2f3f3 16%,#fbfbfb 52%,#e7e8e9)}.grid-viewport{flex:1;position:relative;overflow:hidden;min-height:0}.pages{position:absolute;inset:0 0 42px;display:flex;transition:transform .52s cubic-bezier(.33,.09,.18,1);will-change:transform}.page{min-width:100%;height:100%;display:flex;align-items:center;justify-content:center}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vw,26px);width:min(88vw,1280px);padding:clamp(10px,2vh,24px) 0}.tile-shell{position:relative;min-width:0;aspect-ratio:1.66;animation:tile-in .46s cubic-bezier(.2,.8,.3,1) backwards;animation-delay:var(--tile-delay, 0ms)}.tile{position:relative;aspect-ratio:1.66;border-radius:var(--tile-radius);border:3px solid #d9dadb;padding:0;background:linear-gradient(180deg,#fff,#f4f5f6 70%,#eceded);box-shadow:inset 0 2px 2px #fffffff2,inset 0 -8px 14px #3c46500d,0 2px 5px #323c461a;cursor:pointer;overflow:hidden;transition:transform .19s ease,box-shadow .19s ease,border-color .19s ease;outline:none;animation:tile-in .46s cubic-bezier(.2,.8,.3,1) backwards;animation-delay:var(--tile-delay, 0ms)}.tile-shell>.tile{width:100%;height:100%;aspect-ratio:auto;animation:none}@keyframes tile-in{0%{opacity:0;transform:translateY(16px) scale(.94)}}.tile:hover,.tile:focus-visible{transform:scale(1.045);border-color:#fff;box-shadow:0 0 0 4px var(--accent, var(--wii-blue)),0 0 26px 2px var(--wii-blue-soft),0 8px 20px #323c4629,inset 0 2px 2px #fffffff2;z-index:2}.tile:active{transform:scale(.99);transition-duration:70ms}.tile-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:calc(var(--tile-radius) - 3px);overflow:hidden}.tile-icon{font-size:clamp(30px,4.2vw,58px);line-height:1;filter:drop-shadow(0 2px 2px rgba(0,0,0,.12));transform:translateY(-8%)}.tile-icon svg{width:clamp(44px,6vw,84px);height:auto;display:block}.tile-label{position:absolute;left:4%;right:4%;bottom:6%;text-align:center;font-size:clamp(11px,1.25vw,18px);font-weight:700;color:var(--wii-text);text-shadow:0 1px 0 rgba(255,255,255,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-resume{position:absolute;z-index:3;top:clamp(7px,.8vw,12px);right:clamp(7px,.8vw,12px);min-height:clamp(27px,2.4vw,34px);display:inline-grid;grid-template-columns:auto auto;align-items:center;column-gap:5px;padding:4px clamp(8px,.8vw,12px) 5px;overflow:hidden;border:2px solid rgba(255,255,255,.92);border-radius:999px;background:linear-gradient(180deg,#fffffffa,#eff1f2f5);color:color-mix(in srgb,var(--accent, var(--wii-blue)) 78%,#44525a);box-shadow:0 2px 6px #28323c33,inset 0 1px 1px #fffffff2;font:inherit;cursor:pointer;outline:none;transform-origin:right top;transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease}.tile-resume:hover,.tile-resume:focus-visible{transform:translateY(-1px) scale(1.04);border-color:var(--accent, var(--wii-blue));box-shadow:0 0 0 2px #ffffffe0,0 4px 9px #28323c3d,inset 0 1px 1px #fffffff2}.tile-resume:active{transform:scale(.97);transition-duration:70ms}.tile-resume-icon{width:clamp(10px,1vw,13px);height:clamp(10px,1vw,13px);fill:currentColor}.tile-resume-copy{font-size:clamp(10px,.9vw,13px);font-weight:800;line-height:1;letter-spacing:.01em}.tile-resume-progress{grid-column:1 / -1;height:2px;margin-top:1px;overflow:hidden;border-radius:999px;background:#46525a29}.tile-resume-progress>span{display:block;width:100%;height:100%;border-radius:inherit;background:currentColor;transform-origin:left center}.tile-gloss{position:absolute;inset:0 0 55%;border-radius:calc(var(--tile-radius) - 3px) calc(var(--tile-radius) - 3px) 50% 50%;background:linear-gradient(180deg,#ffffff8c,#ffffff0d);pointer-events:none}.tile.empty{background:linear-gradient(180deg,#e9eaea,#dedfe0 60%,#e5e6e6);border-color:#d3d4d5;cursor:default;box-shadow:inset 0 3px 7px #3c465012,inset 0 -2px 2px #ffffffd9,0 1px 3px #323c460f}.empty-label{font-size:clamp(12px,1.3vw,19px);font-weight:700;color:#a5a7a9;text-shadow:0 1px 0 rgba(255,255,255,.75)}.page-arrow{position:absolute;top:50%;transform:translateY(-50%);width:clamp(40px,4.5vw,60px);height:clamp(56px,6.5vw,84px);border:none;background:transparent;color:var(--wii-blue);cursor:pointer;padding:0;z-index:3;filter:drop-shadow(0 2px 4px rgba(40,160,210,.35));transition:transform .16s ease,color .16s ease;animation:arrow-breathe 1.6s ease-in-out infinite}.page-arrow.left{left:clamp(6px,1vw,18px)}.page-arrow.right{right:clamp(6px,1vw,18px)}.page-arrow.left svg{transform:scaleX(-1)}.page-arrow svg{width:100%;height:100%}.page-arrow:hover{color:#1eb1e7;transform:translateY(-50%) scale(1.15);animation-play-state:paused}@keyframes arrow-breathe{0%,to{opacity:.75}50%{opacity:1}}.bottom-bar{position:relative;height:150px;flex:none;z-index:4}.bar-svg{position:absolute;inset:0;width:100%;height:100%;display:block}.round-btn{border:none;border-radius:50%;background:radial-gradient(circle at 50% 30%,#fff,#f4f5f5 52%,#dfe0e1);box-shadow:0 0 0 5px #fffc,0 0 0 6.5px #ced0d1,0 5px 12px #323c4638,inset 0 -5px 9px #3c465012,inset 0 3px 3px #fff;color:#a2a4a6;display:grid;place-items:center;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,color .16s ease}.round-btn:hover{color:var(--wii-blue);transform:scale(1.05);box-shadow:0 0 0 5px #ffffffe6,0 0 0 6.5px var(--wii-blue),0 0 22px var(--wii-blue-soft),0 5px 12px #323c4638,inset 0 -5px 9px #3c465012,inset 0 3px 3px #fff}.round-btn:active{transform:scale(.97)}.corner-btn{position:absolute;width:96px;height:96px;bottom:14px}.corner-btn.left{left:40px}.corner-btn.right{right:40px}.corner-glyph{width:44px;height:44px}.badge{position:absolute;top:-2px;right:-4px;min-width:30px;height:30px;padding:0 7px;border-radius:15px;background:linear-gradient(180deg,#55cdf5,#23a7dd);color:#fff;font-size:16px;font-weight:700;display:grid;place-items:center;box-shadow:0 0 0 3px #fff,0 2px 5px #28a0d280}.sd-btn{position:absolute;left:158px;bottom:26px;width:32px;padding:0;border:none;background:transparent;cursor:pointer;opacity:.85;transition:transform .16s ease,opacity .16s ease,filter .16s ease}.sd-btn svg{width:100%;height:auto;display:block}.sd-btn:hover,.sd-btn:focus-visible{opacity:1;transform:scale(1.12);filter:drop-shadow(0 0 8px var(--wii-blue-soft))}.sd-btn:active{transform:scale(.98)}.clock-time{position:absolute;left:50%;transform:translate(-50%);bottom:76px;pointer-events:none}.seg-clock{display:flex;align-items:flex-start;gap:8px}.seg-digit{width:27px;height:48px}.seg-colon{display:flex;flex-direction:column;justify-content:center;gap:11px;height:48px;opacity:0;transition:opacity .12s ease}.seg-colon.on{opacity:1}.seg-colon span{width:8px;height:8px;border-radius:2px;background:#77797b}.seg-ampm{align-self:flex-end;font-size:20px;font-weight:700;color:#77797b;margin-left:5px;line-height:1;transform:translateY(-2px)}.date-line{position:absolute;left:50%;transform:translate(-50%);bottom:18px;font-size:26px;font-weight:700;color:#7d7f81;text-shadow:0 1px 0 rgba(255,255,255,.9);pointer-events:none}.channel-overlay{position:fixed;inset:0;z-index:20;background:#fbfbfb;transform-origin:0 0;transition:transform .48s cubic-bezier(.22,.72,.22,1),border-radius .48s ease;border-radius:26px;overflow:hidden;will-change:transform}.channel-overlay.zoomed{border-radius:0}.channel-stage{position:absolute;inset:0;opacity:0;transition:opacity .3s ease;overflow:hidden;pointer-events:none}.channel-stage.on{opacity:1;pointer-events:auto}.overlay-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3vh;background:linear-gradient(180deg,#fff,#f0f1f2);transition:opacity .38s ease;pointer-events:none;z-index:2}.overlay-face.hidden{opacity:0}.overlay-face-icon{font-size:clamp(64px,14vh,130px);line-height:1;filter:drop-shadow(0 4px 6px rgba(0,0,0,.14))}.overlay-face-icon svg{width:clamp(100px,20vh,190px);height:auto}.overlay-face-title{font-size:clamp(22px,4vh,40px);font-weight:700;color:var(--wii-text);text-shadow:0 1px 0 #fff}.back-btn{position:absolute;right:26px;bottom:22px;width:74px;height:74px;z-index:30;color:#9fa1a3;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .26s ease,transform .26s ease,box-shadow .16s ease,color .16s ease}.back-btn.visible{opacity:1;transform:translateY(0);pointer-events:auto}.back-btn:hover{transform:scale(1.06);color:var(--wii-blue)}.back-btn svg{width:40px;height:40px}.channel-crash{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:40px;background:repeating-linear-gradient(180deg,rgba(105,115,125,.05) 0px,rgba(105,115,125,.05) 1px,transparent 1px,transparent 7px),linear-gradient(180deg,#f2f3f3,#e7e8e9)}.channel-crash-face{font-size:54px;font-weight:700;color:#a5a7a9;letter-spacing:2px}.channel-crash h2{margin:0;font-size:28px;color:var(--wii-text);text-shadow:0 1px 0 #fff}.channel-crash p{margin:0;font-size:16px;color:var(--wii-text-soft);max-width:440px;line-height:1.5}.channel-crash code{max-width:min(80vw,640px);padding:10px 16px;border-radius:12px;background:#e65a5a14;border:2px solid rgba(230,90,90,.25);color:#b05555;font-size:13px;overflow-wrap:anywhere}.wii-spinner{position:absolute;left:50%;top:50%;width:60px;height:60px;transform:translate(-50%,-50%)}.wii-spinner-dot{position:absolute;left:26px;top:26px;width:9px;height:9px;border-radius:50%;background:var(--wii-blue);animation:spinner-fade 1s linear infinite}@keyframes spinner-fade{0%{opacity:1}to{opacity:.12}}.panel-scrim{position:fixed;inset:0;z-index:40;background:#46505a47;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;animation:scrim-in .2s ease}@keyframes scrim-in{0%{opacity:0}}.wii-panel{width:min(92vw,520px);max-height:82vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#fff,#f2f3f4);border:3px solid #d9dadb;border-radius:26px;box-shadow:0 18px 50px #1e28324d,inset 0 2px 2px #fff;animation:panel-in .26s cubic-bezier(.2,.9,.3,1.15);overflow:hidden}.wii-panel.wide{width:min(92vw,640px)}@keyframes panel-in{0%{opacity:0;transform:translateY(28px) scale(.96)}}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 26px 14px;border-bottom:3px solid rgba(65,195,240,.5)}.panel-header h2{margin:0;font-size:24px;color:var(--wii-text);text-shadow:0 1px 0 #fff}.panel-close{width:38px;height:38px;border:none;border-radius:50%;background:#eceded;color:#8b8d8f;font-size:16px;cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease}.panel-close:hover{background:var(--wii-blue);color:#fff;transform:scale(1.08)}.panel-body{padding:20px 26px 24px;overflow-y:auto}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0}.setting-label{font-size:17px;font-weight:700;color:var(--wii-text)}.setting-value{font-size:17px;font-weight:700;color:var(--wii-blue)}.wii-switch{position:relative;width:96px;height:38px;border:none;border-radius:19px;background:linear-gradient(180deg,#d7d8d9,#e8e9ea);box-shadow:inset 0 2px 4px #3c465040;cursor:pointer;transition:background .2s ease}.wii-switch.on{background:linear-gradient(180deg,#2fb5e8,#6cd6f9)}.wii-switch-knob{position:absolute;top:3px;left:3px;width:32px;height:32px;border-radius:50%;background:radial-gradient(circle at 50% 32%,#fff,#e4e5e6);box-shadow:0 2px 4px #1e28324d;transition:left .2s cubic-bezier(.3,1.4,.5,1)}.wii-switch.on .wii-switch-knob{left:61px}.wii-switch-text{position:absolute;top:50%;transform:translateY(-50%);font-size:15px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.18);left:42px}.wii-switch:not(.on) .wii-switch-text{color:#97999b;text-shadow:0 1px 0 #fff;left:16px}.wii-range{flex:1;max-width:220px;accent-color:var(--wii-blue);height:6px}.panel-footnote{margin:18px 0 0;font-size:13.5px;line-height:1.55;color:var(--wii-text-soft)}.panel-footnote code{background:#41c3f01f;padding:1px 5px;border-radius:5px;font-size:12.5px}.channel-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.channel-list-item{display:flex;align-items:center;gap:14px;padding:10px 12px;border:2px solid #e4e5e6;border-radius:16px;background:#fff}.channel-list-icon{flex:none;width:54px;height:38px;border-radius:10px;border:2px solid #e0e1e2;display:grid;place-items:center;font-size:20px;overflow:hidden}.channel-list-icon svg{width:26px;height:auto}.channel-list-text{display:flex;flex-direction:column;gap:2px;min-width:0}.channel-list-text strong{font-size:16px;color:var(--wii-text)}.channel-list-desc{font-size:13px;color:var(--wii-text-soft)}.login-hint-dot{position:absolute;top:4px;right:2px;width:16px;height:16px;border-radius:50%;background:linear-gradient(180deg,#55cdf5,#23a7dd);box-shadow:0 0 0 3px #fff;animation:login-hint-pulse 2.2s ease-in-out infinite}@keyframes login-hint-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.65}}.login-panel{width:min(92vw,460px)}.login-lead{margin:4px 0 14px;font-size:17px;font-weight:700;color:var(--wii-text)}.login-perks{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:10px}.login-perks li{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;color:var(--wii-text-soft);line-height:1.45}.login-perk-icon{flex:none;font-size:17px;transform:translateY(-1px)}.google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:13px 18px;border:3px solid #d9dadb;border-radius:999px;background:linear-gradient(180deg,#fff,#f2f3f4);font-size:17px;font-weight:700;color:var(--wii-text);cursor:pointer;box-shadow:0 3px 8px #323c461f,inset 0 2px 2px #fff;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.google-btn:hover:not(:disabled){border-color:var(--wii-blue);box-shadow:0 0 18px var(--wii-blue-soft),0 3px 8px #323c461f,inset 0 2px 2px #fff;transform:translateY(-1px)}.google-btn:active:not(:disabled){transform:translateY(0) scale(.99)}.google-btn:disabled{opacity:.6;cursor:default}.google-logo{width:22px;height:22px;flex:none}.login-error{margin:12px 2px 0;font-size:13.5px;line-height:1.45;color:#c0392b}.login-footnote{margin-top:18px}.account-chip{display:flex;align-items:center;gap:10px;min-width:0}.account-avatar{width:30px;height:30px;border-radius:50%;box-shadow:0 0 0 2px #fff,0 1px 4px #1e283240}.account-name{font-size:15px;font-weight:700;color:var(--wii-blue);max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-signout,.account-signin{border:2px solid #d9dadb;border-radius:999px;padding:7px 16px;background:linear-gradient(180deg,#fff,#f0f1f2);font-size:14px;font-weight:700;color:var(--wii-text);cursor:pointer;transition:border-color .15s ease,color .15s ease}.account-signout:hover,.account-signin:hover{border-color:var(--wii-blue);color:var(--wii-blue)}.login-divider{display:flex;align-items:center;gap:14px;margin:18px 0 14px;color:var(--wii-text-soft);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.login-divider:before,.login-divider:after{content:"";flex:1;height:2px;border-radius:1px;background:#e2e3e4}.login-form{display:flex;flex-direction:column;gap:6px}.login-label{font-size:13.5px;font-weight:700;color:var(--wii-text);margin-top:6px}.login-label-soft{font-weight:600;color:var(--wii-text-soft)}.login-input{width:100%;padding:11px 16px;border:2.5px solid #dcdddf;border-radius:14px;background:#fff;font-size:15.5px;color:var(--wii-text);box-shadow:inset 0 2px 3px #3c465014;transition:border-color .15s ease,box-shadow .15s ease}.login-input:focus{outline:none;border-color:var(--wii-blue);box-shadow:0 0 14px var(--wii-blue-soft),inset 0 2px 3px #3c46500f}.login-submit{margin-top:14px;width:100%;padding:12px 18px;border:none;border-radius:999px;background:linear-gradient(180deg,#55cdf5,#23a7dd);color:#fff;font-size:16.5px;font-weight:700;cursor:pointer;box-shadow:0 4px 10px #28a0d259,inset 0 2px 2px #ffffff73;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.login-submit:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 0 18px var(--wii-blue-soft),0 4px 10px #28a0d259,inset 0 2px 2px #ffffff73}.login-submit:active:not(:disabled){transform:translateY(0) scale(.99)}.login-submit:disabled{opacity:.6;cursor:default}.login-links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:14px}.login-link{border:none;background:none;padding:4px 2px;font-size:13.5px;font-weight:700;color:var(--wii-blue);cursor:pointer;transition:color .15s ease}.login-link:hover{color:#1b95c9;text-decoration:underline}.profile-avatar{width:30px;height:30px;margin-right:10px;vertical-align:-7px}.profile-guest p,.profile-loading,.profile-error,.profile-empty{font-size:16px;color:var(--wii-text)}.profile-level{display:flex;align-items:center;gap:20px;padding:14px 16px;border:3px solid rgba(65,195,240,.4);border-radius:18px;background:linear-gradient(180deg,#f8feff,#eef9fd)}.profile-level-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:84px;height:84px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#6fd7f7,#2fa8d8);color:#fff;box-shadow:0 4px 10px #2fa8d866,inset 0 2px 2px #fff9}.profile-level-num{font-size:34px;font-weight:800;line-height:1;text-shadow:0 1px 2px rgba(0,60,90,.35)}.profile-level-word{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;opacity:.9}.profile-level-meta{flex:1;min-width:0}.profile-xp-bar{height:16px;border-radius:9px;background:#dfe6e9;overflow:hidden;box-shadow:inset 0 1px 3px #1e283233}.profile-xp-fill{height:100%;border-radius:9px;background:linear-gradient(180deg,#6fd7f7,#2fa8d8);transition:width .4s ease}.profile-xp-line{margin-top:8px;font-size:14px;color:#5b6a72;font-weight:600}.profile-section-title{margin:22px 0 10px;font-size:17px;color:var(--wii-text);text-shadow:0 1px 0 #fff}.profile-showcase{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:10px}.profile-ach{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;border-radius:14px;border:2.5px solid #d9dadb;background:linear-gradient(180deg,#fff,#f4f5f6);text-align:center}.profile-ach.tier-bronze{border-color:#c9906b}.profile-ach.tier-silver{border-color:#aeb6bd}.profile-ach.tier-gold{border-color:#e0b64f}.profile-ach.tier-platinum{border-color:#7fd0d8}.profile-ach.tier-legendary{border-color:#b48ae0}.profile-ach-icon{font-size:24px;line-height:1}.profile-ach-title{font-size:13px;font-weight:700;color:var(--wii-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.profile-ach-app{font-size:11px;font-weight:600;color:#8b969c;text-transform:uppercase;letter-spacing:.05em}.profile-apps,.profile-activity{list-style:none;margin:0;padding:0}.profile-app-row,.profile-activity-row{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:9px 2px;border-bottom:1.5px solid #e8e9ea}.profile-app-row:last-child,.profile-activity-row:last-child{border-bottom:none}.profile-app-name{font-size:16px;font-weight:700;color:var(--wii-text);white-space:nowrap}.profile-app-stats,.profile-activity-when{font-size:14px;font-weight:600;color:#5b6a72;text-align:right}.profile-activity-text{font-size:15px;color:var(--wii-text);min-width:0}.profile-activity-when{white-space:nowrap}.organize-row{position:absolute;left:50%;transform:translate(-50%);bottom:6px;display:flex;align-items:center;gap:10px;z-index:3}.sort-chip{display:inline-flex;align-items:center;gap:7px;border:none;background:#ffffffa6;border-radius:999px;padding:5px 16px;font-family:inherit;font-size:15px;font-weight:700;color:#6b7880;cursor:pointer;box-shadow:inset 0 1px 2px #1e28321f;opacity:.55;transition:opacity .2s ease,background .15s ease,color .15s ease}.sort-chip svg{width:14px;height:14px}.sort-chip:hover,.sort-chip:focus-visible{background:#fff;color:var(--wii-blue);opacity:1}.sort-chip.active{opacity:1}.page-name{border:none;background:#ffffffa6;border-radius:999px;padding:5px 18px;font-family:inherit;font-size:15px;font-weight:700;color:#6b7880;cursor:pointer;box-shadow:inset 0 1px 2px #1e28321f;transition:opacity .2s ease,background .15s ease}.page-name:hover{background:#fff;color:var(--wii-blue)}.page-name.unnamed{opacity:0}.grid-viewport:hover .page-name.unnamed,.page-name.unnamed:focus-visible{opacity:.55}.page-name-input{border:2.5px solid var(--wii-blue);border-radius:999px;padding:4px 16px;font-family:inherit;font-size:15px;font-weight:700;color:var(--wii-text);text-align:center;background:#fff;outline:none;width:220px}.tile-shell.dragging{opacity:.35}.tile-shell.drag-over .tile-face{outline:3.5px solid var(--wii-blue);outline-offset:3px;border-radius:18px}.friend-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 2px;border-bottom:1.5px solid #e8e9ea}.friend-row:last-child{border-bottom:none}.friend-name{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:700;color:var(--wii-text);min-width:0}.friend-sub{font-size:13px;font-weight:600;color:#8b969c}.friend-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.friend-minor{border:none;background:none;font-family:inherit;font-size:13px;font-weight:700;color:#9aa4aa;cursor:pointer;padding:4px 6px}.friend-minor:hover{color:var(--wii-blue);text-decoration:underline}.presence-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0;background:#c3c9cc;box-shadow:inset 0 1px 1px #1e283240}.presence-dot.on{background:#5fd06a}.presence-dot.playing{background:#41c3f0;box-shadow:0 0 6px #41c3f0b3}.friend-add{margin-top:10px}.friend-search{width:100%;border:2.5px solid #d9dadb;border-radius:999px;padding:8px 16px;font-family:inherit;font-size:15px;font-weight:600;color:var(--wii-text);background:#fff;outline:none}.friend-search:focus{border-color:var(--wii-blue)}.library-item{align-items:flex-start}.library-ach-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.library-ach{display:grid;grid-template-columns:12px auto 1fr auto;align-items:baseline;gap:8px;font-size:14px}.library-ach-tier{width:10px;height:10px;border-radius:50%;align-self:center;background:#c9906b}.library-ach.tier-silver .library-ach-tier{background:#aeb6bd}.library-ach.tier-gold .library-ach-tier{background:#e0b64f}.library-ach.tier-platinum .library-ach-tier{background:#7fd0d8}.library-ach.tier-legendary .library-ach-tier{background:#b48ae0}.library-ach-title{font-weight:700;color:var(--wii-text);white-space:nowrap}.library-ach-desc{color:#7d8a91;min-width:0}.library-ach-done{color:#4db95c;font-weight:800}