/* One compact shell, shared by every tool and colour theme. */
body{--compact-line:color-mix(in srgb,var(--ink) 11%,transparent);--compact-surface:color-mix(in srgb,var(--panel) 93%,var(--ink) 7%)}body:not(.game-tab)>main{margin-left:212px;max-width:none;width:calc(100% - 212px);padding:28px clamp(22px,4vw,64px) 0}.compact-nav#side-nav{width:212px;padding:22px 14px 14px;gap:3px;overflow:auto}.compact-nav .side-brand{margin:0 6px 25px;font-size:19px;gap:9px}.compact-nav .side-brand>span{font-size:26px}.compact-nav .side-brand small{font-size:7px;letter-spacing:1.4px;margin-top:7px}.compact-nav .side-link{display:flex;align-items:center;gap:10px;min-height:36px;padding:9px 11px;margin:2px 0;font-size:12px;font-weight:500;white-space:nowrap;border-radius:8px;width:100%;border:0;text-align:left}.compact-nav .side-link .compact-label{display:block!important;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.compact-nav .side-link small{margin-left:auto;font-size:10px;opacity:.6;background:transparent;padding:0}.compact-nav .side-link.active{box-shadow:inset 2px 0 var(--lime)}.compact-icon{display:inline-flex!important;flex:0 0 17px;width:17px;height:17px;align-items:center;justify-content:center}.compact-icon svg{width:100%;height:100%;display:block}.compact-nav-group{margin-top:7px}.compact-nav-label,.compact-nav-group>summary{font-size:9px;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);padding:10px 11px 5px;font-weight:600}.compact-nav-group>summary{cursor:pointer;list-style:none;padding:11px;border-radius:8px}.compact-nav-group>summary::after{content:'⌄';float:right;font-size:12px}.compact-nav-group[open]>summary::after{content:'⌃'}.compact-nav-group>summary::-webkit-details-marker{display:none}.compact-nav-group>summary:hover{background:var(--compact-surface)}.compact-nav-bottom{display:flex;flex-wrap:wrap;gap:0 10px;border-top:1px solid var(--compact-line);padding:12px 8px 0;margin-top:auto}.compact-nav-bottom button,.compact-nav-bottom a{font-size:10px!important;background:none!important;border:0!important;width:auto!important;padding:5px 0!important;margin:0!important;min-height:0!important;color:var(--muted);text-decoration:none}.compact-header{margin-left:212px!important;height:65px!important;padding:0 clamp(22px,4vw,64px)!important;border-color:var(--compact-line)!important;gap:15px}.compact-header>.brand,.compact-header>.headernote{display:none!important}.compact-breadcrumb{display:flex;align-items:center;gap:14px;white-space:nowrap;font-size:11px;color:var(--muted)}.compact-breadcrumb strong{font-size:12px;color:var(--ink);font-weight:500}.compact-wordmark{font-size:9px;font-weight:800;letter-spacing:2px}.compact-header .header-actions{display:flex;gap:6px;flex-wrap:nowrap}.compact-header .header-actions>button{display:inline-flex!important;align-items:center;gap:5px;padding:8px 11px;font-size:11px;min-height:32px;background:transparent;border-color:var(--compact-line)}.compact-header #accountview{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-header #quick-exit-button{border-color:color-mix(in srgb,var(--lime) 28%,transparent)}.compact-more{position:relative}.compact-more>summary{display:grid;place-items:center;cursor:pointer;list-style:none;width:34px;height:33px;letter-spacing:2px;border-radius:8px;border:1px solid var(--compact-line);font-size:13px}.compact-more>summary::-webkit-details-marker{display:none}.compact-more-panel{position:absolute;right:0;top:calc(100% + 10px);width:210px;z-index:80;border:1px solid var(--compact-line);background:var(--panel);border-radius:12px;padding:8px;box-shadow:0 15px 50px #0004;display:flex;flex-direction:column;gap:3px}.compact-more-panel button{display:flex!important;justify-content:flex-start;width:100%;padding:10px 12px!important;font-size:12px!important;border:0!important;background:transparent!important;text-align:left;color:var(--ink)!important}.compact-more-panel button:hover{background:var(--compact-surface)!important}.compact-menu-toggle,.compact-nav-shade{display:none}body:not([data-section=apps]) .app-dock{display:none!important}body[data-section=apps] .app-dock{border-radius:14px;margin-bottom:24px;justify-content:flex-start;padding:10px}.compact-nav [hidden],.compact-header [hidden],.compact-admin-group[hidden]{display:none!important}
#home-page{max-width:1120px;margin:0 auto}#home-page .home-overline,#home-page .home-emblem,#home-page .home-bottom,#home-page .home-intro .eyebrow{display:none}#home-page .home-intro{min-height:0;padding:15px 0 20px;display:block;border:0}#home-page .home-intro h1{font-size:clamp(30px,3.8vw,44px);line-height:1.1;letter-spacing:-1.7px;margin:0 0 12px}#home-page .home-intro p:not(.eyebrow){font-size:13px;line-height:1.6;margin:0;color:var(--muted)}#home-search-form{max-width:none;display:flex;margin:0 0 27px!important;padding:7px 8px 7px 18px!important;border:1px solid var(--compact-line)!important;border-radius:12px!important;min-height:54px}#home-search{padding:8px 12px!important;font-size:13px!important;min-width:0;flex:1;width:100%}#home-search-form button{font-size:11px;padding:10px 20px;border-radius:8px}.home-essentials{margin:0 0 24px;padding:0;border:0}.essentials-heading{margin-bottom:12px}.essentials-heading .eyebrow{font-size:9px;color:var(--muted);letter-spacing:1.3px}#home-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}#home-tools .home-tool-card{display:flex;align-items:center;gap:12px;min-height:70px;padding:15px!important;border-radius:12px;border:1px solid var(--compact-line);text-align:left;background:var(--panel);position:relative}#home-tools .home-tool-art{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:9px;background:color-mix(in srgb,var(--lime) 9%,transparent);color:var(--lime)}#home-tools .home-tool-art .compact-icon{width:18px;height:18px;flex-basis:18px}#home-tools .home-tool-copy{display:block}#home-tools .home-tool-copy strong{font-size:12px;font-weight:600;line-height:1.4}#home-tools .home-tool-copy small,#home-tools .home-tool-arrow{display:none}#home-tools .home-tool-card:hover{border-color:var(--lime);transform:translateY(-2px)}.quick-launch{padding:13px 0 21px!important;margin:0!important;gap:7px;flex-wrap:wrap;border:0!important}.quick-launch>span{font-size:8px;letter-spacing:1px;margin-right:7px}.quick-launch button{font-size:10px;padding:7px 10px;background:transparent;border-color:var(--compact-line);border-radius:7px}.destination-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:13px;margin:0!important}.destination-grid .destination-card{min-height:126px!important;border:1px solid var(--compact-line);padding:22px!important;border-radius:14px!important;background:var(--panel)!important}.destination-grid .destination-card[data-section=tv],.destination-grid .destination-card[data-section=music]{display:none}.destination-grid .destination-meta{display:none}.destination-grid .destination-icon{position:absolute;right:22px;top:22px;width:38px;height:38px;opacity:.5}.destination-grid .destination-icon svg{width:100%;height:100%}.destination-grid h2{font-size:20px!important;letter-spacing:-.6px;margin:0 0 10px!important;color:var(--ink)!important}.destination-grid p{font-size:12px!important;margin:0;color:var(--muted)!important}.destination-grid .destination-arrow{font-size:16px;right:22px;bottom:15px}.compact-feature{display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid color-mix(in srgb,var(--lime) 25%,transparent);background:linear-gradient(110deg,color-mix(in srgb,var(--lime) 8%,var(--panel)),var(--panel));padding:23px 25px;border-radius:14px;margin-top:15px}.compact-feature .eyebrow{font-size:8px;letter-spacing:1.3px}.compact-feature h2{font-size:20px;margin:9px 0 6px;letter-spacing:-.6px}.compact-feature p{font-size:12px;margin:0}.compact-feature button{font-size:11px;padding:12px 17px;white-space:nowrap}.compact-explanation{font-size:11px;line-height:1.7;margin:14px 0;color:var(--muted)}.compact-explanation summary{cursor:pointer}.compact-explanation p,.compact-explanation small{font-size:11px;margin-top:8px}.social-page{padding:8px 0 35px!important;max-width:1240px}.social-heading{margin-bottom:16px;gap:14px}.social-heading h1{font-size:30px!important;letter-spacing:-1px!important;margin:9px 0!important}.social-heading p{font-size:12px;margin:0}.social-heading .eyebrow{font-size:8px;letter-spacing:1.3px}.social-heading button{font-size:11px;padding:8px 11px}.social-status:empty{min-height:0;margin:0}.social-page .social-box{padding:21px;border-radius:13px}.social-page .social-box h2{font-size:20px}.social-page .social-box>p{font-size:12px}.social-page .party-lobby{gap:15px}.social-page .friends-layout{gap:15px;grid-template-columns:270px minmax(0,1fr)}.social-page .dm-panel{height:min(690px,calc(100dvh - 230px));min-height:420px}.social-page .dm-heading{padding:17px}.social-page .friends-sidebar{padding:13px}.social-page .player-profile{padding-bottom:14px}.social-page .profile-banner{height:65px}.social-page .profile-avatar{width:52px;height:52px;font-size:27px;margin-top:-25px;border-radius:18px}.social-page .player-profile h2{font-size:20px}.social-page .player-profile p{font-size:12px}.social-page .daily-puzzle>small{font-size:10px}.social-page .challenge-layout{gap:18px}.social-page .leaderboard{margin-bottom:16px}.social-page .online-board{margin-top:16px}.social-page .party-room-bar h2{font-size:24px}.social-page .party-turn{font-size:12px;padding:10px}.catalog{padding-top:8px}.sectiontop h2{font-size:27px}.sectiontop .eyebrow{font-size:8px}.filters{margin:16px 0;gap:6px}.filters button{font-size:10px;padding:7px 12px}.card{border-radius:12px}.cardbody{padding:13px}.cardbody strong{font-size:13px}.meta{font-size:9px}main>footer{max-width:1240px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:38px;padding:20px 0;border-color:var(--compact-line)}main>footer>.brand{font-size:9px}.compact-footer-info{font-size:9px;color:var(--muted);text-align:right}.compact-footer-info summary{cursor:pointer}.compact-footer-info>div{max-width:500px;padding-top:10px;line-height:1.7}.compact-footer-info span{display:block!important}#apps-page .apps-heading h1,#browser-page .browser-heading h1{font-size:34px;letter-spacing:-1px}.apps-heading p{font-size:12px}.apps-service-note{font-size:11px}.compact-nav-group:focus-within>summary{color:var(--ink)}
@media(min-width:1600px){#home-tools{grid-template-columns:repeat(7,minmax(0,1fr))}#home-tools .home-tool-card{padding:14px 10px!important;gap:8px}#home-tools .home-tool-art{width:28px;flex-basis:28px;height:28px}}
@media(max-width:1100px){body:not(.game-tab)>main{padding:23px 24px 0}.compact-header{padding:0 24px!important}#home-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-wordmark{display:none}.compact-breadcrumb{gap:8px}.social-page .friends-layout{grid-template-columns:235px minmax(0,1fr)}}
@media(max-width:760px){body:not(.game-tab)>main{width:100%;margin-left:0;padding:20px 17px 0}.compact-nav#side-nav{width:230px;transform:translateX(-100%);transition:transform .18s ease;z-index:100;padding:24px 16px;background:var(--panel);box-shadow:15px 0 60px #0004}.compact-nav .side-brand{display:flex}.compact-nav .side-brand div{display:block}.compact-nav .side-link{font-size:12px;justify-content:flex-start}.compact-nav .side-link .compact-label{display:block!important}.compact-nav .side-link small{display:block}.compact-header{margin-left:0!important;height:58px!important;padding:0 15px!important;gap:9px}.compact-breadcrumb{margin-right:auto}.compact-breadcrumb>span:not(.compact-wordmark){display:none}.compact-header .header-actions>button{padding:7px!important;font-size:10px;min-width:29px;min-height:29px}.compact-header #accountview{max-width:95px}.compact-header #theme-toggle span,.compact-header #screen-cover-button span,.compact-header #quick-exit-button span{display:none}.compact-menu-toggle{display:block;background:none;border:0;font-size:18px;padding:5px;color:var(--ink)}body.compact-nav-open .compact-nav#side-nav{transform:translateX(0)}.compact-nav-shade:not([hidden]){display:block;position:fixed;inset:0;z-index:99;background:#070b14a8;border:0;border-radius:0;backdrop-filter:blur(3px);width:100%;height:100dvh}.compact-more>summary{width:29px;height:29px}.compact-more-panel{position:fixed;right:15px;top:55px}#home-page .home-intro{padding:8px 0 20px}#home-page .home-intro h1{font-size:34px}.compact-feature{padding:20px;align-items:flex-start;flex-direction:column;gap:15px}.compact-feature button{width:100%}.social-page .social-heading h1{font-size:25px!important}.social-page .friends-layout{grid-template-columns:1fr}.social-page .dm-panel{height:580px}.compact-nav-bottom a span{display:block}main>footer{align-items:flex-start;gap:10px}.compact-footer-info{font-size:8px}.destination-grid .destination-card{min-height:120px!important;padding:17px!important}.destination-grid h2{font-size:18px!important}.destination-grid .destination-icon{display:none}.destination-grid p{max-width:130px;font-size:11px!important}#home-search-form button{padding:10px 14px}.quick-launch #home-blank{display:none}}
@media(max-width:450px){#home-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#home-tools .home-tool-card{padding:12px!important;min-height:61px;gap:9px}#home-tools .home-tool-art{width:27px;height:27px;flex-basis:27px}#home-tools .home-tool-copy strong{font-size:11px}.compact-header #accountview{max-width:72px}.compact-breadcrumb strong{font-size:11px}.compact-header .header-actions{gap:4px}#home-page .home-intro h1{font-size:31px}.compact-feature h2{font-size:19px}.quick-launch>span{width:100%}}
@media(prefers-reduced-motion:reduce){.compact-nav#side-nav{transition:none}#home-tools .home-tool-card:hover{transform:none}}

.compact-nav-bottom .side-link span{width:auto!important;flex:none;display:inline!important}.compact-nav-bottom>a,.compact-nav-bottom>button{flex:0 0 auto}
.compact-header{min-height:0!important;align-items:center!important}#home-tools .home-tool-card{flex-direction:row!important}#home-search-form>button{width:auto!important;min-width:70px;flex:0 0 auto!important}#home-search-form>button::after{content:none!important}

#home-search-form>button{background:var(--lime)!important;color:#142315!important}html[data-theme=light] #home-search-form>button{color:white!important}:root[data-colour-theme]:not([data-colour-theme=classic]) #home-search-form>button{background:var(--palette-accent)!important;color:var(--palette-on-accent)!important}.compact-nav .side-link{background:transparent!important}.compact-nav .side-link:hover,.compact-nav .side-link.active{background:color-mix(in srgb,var(--lime) 13%,transparent)!important}