/* One spacing scale and shared surfaces across the complete Pixel Arcade app. */
:root{--clean-line:color-mix(in srgb,var(--ink) 10%,transparent);--clean-radius:16px;--clean-gap:20px;--clean-side:224px}
body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}
button,a,input,textarea,select{touch-action:manipulation}button,input,textarea,select{font:inherit}button{transition:background .16s,border-color .16s,box-shadow .16s}button:hover{transform:none}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:3px}button{min-height:36px}input,textarea,select{min-width:0;border-radius:10px}input,select{min-height:40px}textarea{line-height:1.6}h1,h2,h3,p{overflow-wrap:anywhere}[hidden]{display:none!important}
body:not(.game-tab)>main{width:calc(100% - var(--clean-side));max-width:none;margin-left:var(--clean-side);padding:36px clamp(24px,4vw,64px) 0}
body:not(.game-tab)>main>section,body:not(.game-tab)>main>footer{max-width:1280px;margin-left:auto;margin-right:auto}
.compact-nav#side-nav{width:var(--clean-side);padding:26px 16px 16px;border-right:1px solid var(--clean-line);box-shadow:none;background:var(--bg);gap:4px}.compact-nav .side-brand{padding:0 12px 26px}.compact-nav .side-brand small{font-size:8px;letter-spacing:1.6px}.compact-nav .side-link{display:flex;align-items:center;gap:12px;min-height:42px;padding:10px 12px!important;font-size:12px!important;border-radius:10px!important;margin:2px 0;width:100%;text-align:left}.compact-nav .side-link .compact-icon{width:18px;height:18px;flex:0 0 18px}.compact-nav .side-link .compact-label{display:block!important}.compact-nav .compact-nav-label,.compact-nav-group>summary{font-size:9px;letter-spacing:1.4px;padding:18px 12px 8px}.compact-nav-group{margin:0!important}.compact-nav-bottom{padding-top:16px;margin-top:auto;border-top:1px solid var(--clean-line)}.compact-nav .referral-nav-button{font-size:10px!important}.compact-header{margin-left:var(--clean-side)!important;width:calc(100% - var(--clean-side));height:72px!important;padding:0 clamp(24px,4vw,64px)!important;border-bottom:1px solid var(--clean-line);background:var(--bg);backdrop-filter:blur(20px)}.compact-header .header-actions{gap:8px}.compact-header .header-actions>button,.compact-more>summary{min-height:36px;border-radius:9px}.compact-breadcrumb{font-size:12px}.compact-current{font-weight:500}.compact-more-panel{padding:8px;border-radius:12px;width:224px}.compact-more-panel button{min-height:38px}.compact-wordmark{font-size:10px;letter-spacing:2px}
#home-page{max-width:1120px!important}#home-page .home-intro{padding:18px 0 30px}#home-page .home-intro h1{font-size:clamp(34px,4vw,54px);font-weight:600;letter-spacing:-2px;line-height:1.13;margin-bottom:14px}#home-page .home-intro p:not(.eyebrow){font-size:14px;max-width:540px}#home-search-form{border-radius:14px!important;min-height:62px;background:var(--panel)!important;margin-bottom:30px!important;box-shadow:0 5px 25px #00000008}#home-search-form>button{min-height:40px;border-radius:10px;padding:10px 22px!important}.essentials-heading{margin-bottom:14px}#home-tools{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}#home-tools .home-tool-card{min-height:88px;gap:14px;padding:18px!important;border:1px solid var(--clean-line);border-radius:var(--clean-radius)}#home-tools .home-tool-art{width:36px;height:36px;flex-basis:36px;border-radius:11px}#home-tools .home-tool-copy{min-width:0}#home-tools .home-tool-copy strong{font-size:12px}#home-tools .home-tool-copy small{display:block;font-size:10px;margin-top:3px;line-height:1.5;color:var(--muted);white-space:normal}#home-tools .home-tool-card:hover,.destination-grid .destination-card:hover{border-color:color-mix(in srgb,var(--lime) 55%,transparent);box-shadow:0 8px 30px #00000008;transform:none}.quick-launch{padding:14px 0 24px!important;align-items:center;gap:8px}.quick-launch button{min-height:32px}.destination-grid{gap:16px!important}.destination-grid .destination-card{min-height:150px!important;padding:25px!important;border-radius:var(--clean-radius)!important;border-color:var(--clean-line)}.destination-grid h2{font-weight:550!important;font-size:23px!important}.destination-grid p{font-size:13px!important}.compact-feature{margin-top:18px;padding:25px;border-radius:var(--clean-radius);gap:20px}.compact-feature h2{font-size:22px}.compact-feature button{min-height:42px}.clean-status{max-width:1280px;margin:0 auto 22px;padding:10px 14px;border:1px solid var(--clean-line);background:var(--panel);color:var(--muted);font-size:11px;border-radius:10px}.clean-status:empty{display:none}
.social-heading,.tool-heading,.apps-heading,.admin-heading,.roles-heading,.market-heading,.sectiontop{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:76px;margin-bottom:24px!important}.social-heading h1,.tool-heading h1,.apps-heading h1,.admin-heading h1,.roles-heading h1,.market-heading h1,.sectiontop h2{font-size:32px!important;line-height:1.2!important;letter-spacing:-1px!important;margin:8px 0!important;font-weight:550}.social-heading p,.tool-heading p,.apps-heading p,.admin-heading p,.roles-heading p,.market-heading p{font-size:13px;margin:0;line-height:1.6}.social-heading button,.tool-heading>button,.apps-heading>button{flex-shrink:0;min-height:40px}.social-page,.roles-page{padding-top:0!important}.social-page .social-box,.market-card,.admin-card{border-radius:var(--clean-radius);border-color:var(--clean-line);padding:24px}.social-page .friends-layout{grid-template-columns:280px minmax(0,1fr);gap:20px}.social-page .dm-panel{height:clamp(460px,72dvh,800px);border-radius:var(--clean-radius)}.social-page .dm-heading{min-height:68px;align-items:center}.social-page .dm-compose{align-items:center}.social-page .dm-compose input{min-width:0;flex:1}.social-page .dm-compose button{flex-shrink:0}.social-page .party-lobby,.social-page .challenge-layout{gap:20px}.online-board{max-width:560px}.calc-layout{gap:20px}.calc-main{min-width:0;border-radius:var(--clean-radius)}.calc-modes{border-radius:var(--clean-radius);padding:10px}.calc-modes button{min-height:40px;text-align:left;font-size:12px}.calc-modes button[aria-pressed=true]{font-weight:600}.calc-advanced-panel form,.calc-main form{gap:12px}#calc-expression{font-size:20px!important}#calc-result{min-height:58px;font-size:32px!important}.calc-keys{gap:8px}.calc-keys button{min-height:48px}.tool-note{font-size:12px!important;line-height:1.7!important}.market-filters{gap:10px}.market-grid{gap:16px}.market-card{overflow:hidden}.market-card button{width:100%;min-height:40px}.roles-form,.admin-table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:13px;text-align:left;vertical-align:middle}.card{border:1px solid var(--clean-line);border-radius:var(--clean-radius)}#grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.cardplay .thumb{height:155px}.cardbody{padding:17px}.cardbody strong{font-size:13px;line-height:1.5}.meta{gap:8px;font-size:9px;line-height:1.5}.heart{min-height:32px}.filters{align-items:center;gap:8px}.filters button{min-height:32px}.library-tools{display:flex;align-items:center;gap:10px}.library-tools input{width:230px}.clean-library-pager{display:flex;align-items:center;justify-content:center;gap:18px;margin:28px 0;font-size:12px}.clean-library-pager button{min-width:100px}.ports-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.ports-card{padding:0;overflow:hidden;text-align:left;border:1px solid var(--clean-line);border-radius:var(--clean-radius);background:var(--panel)}.ports-card-art{min-height:140px;display:grid;place-items:center;background:radial-gradient(circle at 70% 25%,color-mix(in srgb,var(--lime) 18%,transparent),transparent),var(--bg);font-size:34px;color:var(--lime)}.ports-card-copy{padding:18px;display:flex;flex-direction:column;gap:8px}.ports-card-copy strong{font-size:14px;font-weight:550}.ports-card-copy small{font-size:10px;color:var(--muted)}.ports-card:hover{border-color:var(--lime)}#webports-page input{width:min(360px,100%);margin-bottom:24px}#webports-page .tool-note{margin-top:24px}#webports-page .eyebrow{font-size:9px}
body[data-section=community] .pixel-chat-app{border:1px solid var(--clean-line);border-radius:var(--clean-radius);overflow:hidden;height:calc(100dvh - 160px);min-height:520px}.channel-rail-top,.conversation-top{min-height:64px!important;align-items:center}.conversation-top h1{font-size:16px!important;letter-spacing:0!important;margin:0!important}.conversation-top{gap:12px!important}.conversation-top .chat-channel-tools{margin-left:auto;align-items:center}.chat-search input{min-height:34px;font-size:11px}.message-input-wrap{border-radius:12px}.members-rail{padding:20px 14px}.chat-profile-button{min-height:0}.message-row{padding-top:10px;padding-bottom:10px}.members-heading{font-size:9px;letter-spacing:1px}.member-row{min-height:56px}body[data-section=community]>main{padding-top:22px}.pixel-chat-app .chat-appbar{min-height:48px}.pixel-chat-app .conversation{min-width:0}.pixel-chat-app .channel-rail{min-width:0}dialog{max-width:calc(100vw - 32px);border-radius:18px}dialog::backdrop{background:#05060ba3;backdrop-filter:blur(5px)}dialog form input,dialog form textarea,dialog form select{max-width:100%}#settingsform{gap:14px}.study-nav .side-link{min-height:42px}.study-dashboard-grid,.study-slides-toolbar,.study-code-toolbar{gap:12px}.study-slide-canvas{border-radius:10px}main>footer{padding:24px 0;margin-top:40px;border-color:var(--clean-line)}
@media(min-width:1600px){#home-tools{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1150px){:root{--clean-side:200px}body:not(.game-tab)>main{padding:28px 24px 0}.compact-header{padding:0 24px!important}#home-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.ports-grid,#grid{grid-template-columns:repeat(3,minmax(0,1fr))}.social-page .friends-layout{grid-template-columns:235px minmax(0,1fr)}.compact-header #screen-cover-button{display:none!important}}
@media(max-width:760px){body:not(.game-tab)>main{width:100%;margin-left:0;padding:24px 18px 0}.compact-header{width:100%;margin-left:0!important;height:62px!important;padding:0 16px!important}.compact-nav#side-nav{width:250px}.compact-header .header-actions{gap:5px}.compact-header .header-actions>button{min-height:34px;font-size:10px}.compact-breadcrumb{max-width:100px}.compact-header #quick-exit-button{display:none!important}#home-page .home-intro{padding:10px 0 24px}#home-page .home-intro h1{font-size:36px;letter-spacing:-1.4px}#home-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#home-tools .home-tool-card{padding:15px!important;min-height:82px;gap:10px}#home-tools .home-tool-copy small{display:none}.destination-grid{gap:12px!important}.destination-grid .destination-card{padding:20px!important;min-height:140px!important}.destination-grid h2{font-size:20px!important}.destination-grid p{max-width:none!important}.compact-feature{padding:22px;align-items:stretch}.social-heading,.tool-heading,.apps-heading,.admin-heading,.roles-heading,.market-heading,.sectiontop{align-items:flex-start;flex-wrap:wrap;gap:12px;min-height:0}.social-heading h1,.tool-heading h1,.apps-heading h1,.admin-heading h1,.roles-heading h1,.market-heading h1,.sectiontop h2{font-size:28px!important}.social-page .friends-layout{grid-template-columns:1fr}.social-page .dm-panel{height:580px}.library-tools{width:100%}.library-tools input{flex:1;width:100%}.ports-grid,#grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ports-card-art{min-height:110px}.ports-card-copy{padding:14px}.cardplay .thumb{height:125px}.cardbody{padding:13px}.meta{flex-wrap:wrap}.calc-layout{gap:14px}.calc-keys button{min-height:43px}.calc-modes{gap:6px}body[data-section=community]>main{padding:12px 10px 0}body[data-section=community] .pixel-chat-app{height:calc(100dvh - 86px);min-height:460px;border-radius:12px}.conversation-top{padding:12px!important;gap:8px!important}.chat-channel-tools .chat-search{display:none}.compact-nav-group>summary{min-height:40px}main>footer{align-items:flex-start;gap:15px;flex-wrap:wrap}.clean-status{font-size:10px;margin-bottom:18px}.clean-library-pager{gap:12px}.clean-library-pager button{min-width:80px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
#home-page .home-intro h1{font-size:clamp(36px,4vw,54px)!important;line-height:1.14!important;letter-spacing:-1.8px!important}#home-page .home-intro .eyebrow{display:block!important;font-size:9px;color:var(--lime);letter-spacing:2px;margin:0 0 15px}#home-page .home-intro p:not(.eyebrow){font-size:14px!important}.home-utility-row{margin-top:20px!important;gap:18px!important}.home-utility-row>section,.home-utility-row>div{border-radius:16px!important;padding:24px!important;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.home-utility-row h2{margin:0!important}.home-utility-row p{margin:0!important;flex:1}.home-utility-row button{margin-top:12px;min-height:40px}.new-games-strip{margin-top:28px!important;border:0!important;padding:0!important;gap:16px!important}.new-games-strip h2{font-size:18px!important;font-weight:500}.new-games-strip button{min-height:86px;padding:20px!important;border:1px solid var(--clean-line)!important;border-radius:16px!important}.home-chat-promo[hidden]{display:none!important}.compact-nav .compact-icon>svg{width:18px;height:18px}.compact-nav#side-nav .side-link{min-height:38px!important;padding:8px 12px!important}.compact-nav .compact-nav-label,.compact-nav-group>summary{padding-top:14px}.compact-nav .side-brand{padding-bottom:20px}.compact-header .header-actions>button{white-space:nowrap}.compact-nav .side-link[data-section=all][hidden]{display:none!important}
@media(max-width:760px){#home-page .home-intro h1{font-size:36px!important}.home-utility-row{grid-template-columns:1fr!important}.compact-header #quick-exit-button{display:inline-flex!important}.compact-header #quick-exit-button span{display:none!important}}
#player .playhead{display:grid;grid-template-columns:minmax(160px,1fr) auto;gap:16px;align-items:center;padding:20px 24px}#player .playhead h2{font-size:22px;line-height:1.25;margin:6px 0 0;letter-spacing:-.5px}#player .playhead>div:last-child{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px;max-width:710px}#player .playhead button{font-size:11px;padding:9px 11px;min-height:36px;white-space:nowrap}#player .playhead #close{width:36px;padding:0}#player .gameinfo{padding:0 24px 14px;gap:12px;align-items:center}#player .gameinfo p{font-size:11px;margin:0}.ports-card-copy small{line-height:1.6}.clean-ports .tool-heading{margin-top:0}
@media(max-width:760px){#player .playhead{grid-template-columns:1fr;padding:16px;gap:12px}#player .playhead h2{font-size:20px}#player .playhead>div:last-child{justify-content:flex-start;gap:5px}#player .playhead button{font-size:10px;padding:8px}#player .gameinfo{padding:0 16px 12px}#player .playhead #close{position:absolute;right:14px;top:14px}#player .playhead>div:first-child{padding-right:40px}}