/* Outside a match, keep one clear invitation to play and three navigation tabs. */
.app:not([data-view=board]){max-width:1200px;padding:116px 24px 24px;min-height:100dvh}
.app:not([data-view=board]) .topbar{position:absolute;height:68px;left:max(0px,calc((100vw - 1200px)/2));right:max(0px,calc((100vw - 1200px)/2));padding:0 28px;gap:18px;background:#f5f2e9}
.app:not([data-view=board]) .brand{font-size:14px;letter-spacing:1.5px;gap:9px}.app:not([data-view=board]) .brand small{display:none}.app:not([data-view=board]) .brand #brand-mark{width:35px;height:35px;border-radius:11px}
.app:not([data-view=board]) .profile-button>span{font-size:0}.app:not([data-view=board]) .profile-button strong{font-size:12px;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app:not([data-view=board]) .wallet>span{font-size:12px;background:transparent;border:0;padding:6px 0}.app:not([data-view=board]) .top-settings{min-width:32px;min-height:32px;width:32px;height:32px;padding:6px;border:0;background:transparent}
.app:not([data-view=board]) .main-nav{position:absolute;top:76px;left:50%;transform:translateX(-50%);width:auto;margin:0;display:flex;flex-direction:row;gap:5px;padding:4px;border:1px solid #e5e5d9;border-radius:14px;background:#fffdf780;z-index:10}
.app:not([data-view=board]) .main-nav>button{font-size:12px;min-height:34px;gap:7px;padding:7px 19px;border-radius:9px;white-space:nowrap}.app:not([data-view=board]) .main-nav>button svg{width:17px;height:17px}
.app:not([data-view=board]) .screen{max-width:1000px;padding:28px 0}.clean-lobby .welcome-hub{position:relative;display:flex;align-items:center;min-height:390px;overflow:hidden;border:1px solid #dce4d5;border-radius:28px;background:linear-gradient(125deg,#f8faef,#e5eddf)}
.welcome-copy{position:relative;z-index:2;flex:1;padding:40px;min-width:0}.welcome-copy .eyebrow{font-size:10px;color:#72876e;letter-spacing:1.8px}.welcome-copy h1{font-size:clamp(35px,4.8vw,57px);line-height:1.07;letter-spacing:-2px;margin:20px 0}.welcome-copy>p:not(.eyebrow){color:#718171;font-size:13px;line-height:1.8;max-width:290px;margin-bottom:26px}
.welcome-actions{display:flex;gap:10px;flex-wrap:wrap}.welcome-actions .button{min-height:45px;padding:12px 19px;font-size:12px}.join-link{display:flex;align-items:center;gap:7px;background:transparent;color:#647b65;padding:0;margin-top:23px;font-size:11px}
.welcome-art{position:relative;align-self:stretch;flex:0 0 47%;min-width:0;background:radial-gradient(ellipse at 50% 60%,#fff9,transparent 67%)}.welcome-house{position:absolute;width:100%;height:90%;right:0;bottom:2%;filter:drop-shadow(0 12px 12px #3d61331a)}.welcome-character{position:absolute;width:21%;height:40%;bottom:3%;right:3%}
.lobby-links{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 5px;color:#8a9485;font-size:11px;line-height:1.6}.lobby-links .text-button{font-size:11px;white-space:nowrap}.clean-lobby .resume-banner{margin-top:15px;padding:12px 17px}.collection-grid{contain:layout style}.collection-controls{position:relative}.solo-free-note{font-size:12px;line-height:1.7;color:#3a7456;margin:16px 0 5px}
.solo-look-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px 0}.solo-look-preview>div{display:grid;grid-template-rows:80px auto;gap:7px;place-items:center;border:1px solid #e3e6d9;border-radius:12px;background:#f4f6eb;padding:10px 5px}.solo-look-preview img{width:100%;height:80px;object-fit:contain}.solo-look-preview small{font-size:10px;color:#728367}.construction-hint{font-size:11px;line-height:1.7;color:#95684f;background:#f1decf;padding:9px 12px;border-radius:9px;margin:12px 0 0}
.deed-table th:first-child{width:28%}.deed-table th,.deed-table td{padding:8px 3px}.deed-table thead{font-size:8px}
@media(max-width:700px){
 .app:not([data-view=board]){padding:112px 16px 20px}.app:not([data-view=board]) .topbar{height:60px;left:0;right:0;padding:0 15px;gap:9px}.app:not([data-view=board]) .brand{font-size:11px;letter-spacing:1px;gap:6px}.app:not([data-view=board]) .brand #brand-mark{width:30px;height:30px}.app:not([data-view=board]) .brand #brand-mark svg{width:23px}
 .app:not([data-view=board]) .profile-button{padding:0}.app:not([data-view=board]) .profile-button .avatar{height:31px;width:24px}.app:not([data-view=board]) .profile-button>span{display:none}.app:not([data-view=board]) .wallet>span{font-size:10px;gap:4px}.app:not([data-view=board]) .wallet small{font-size:8px}.app:not([data-view=board]) .wallet svg{width:15px;height:15px}.app:not([data-view=board]) .top-settings{width:27px;height:27px;min-width:27px;min-height:27px;padding:4px}
 .app:not([data-view=board]) .main-nav{top:70px;bottom:auto;right:auto;left:50%;width:auto;border-top:1px solid #e5e5d9;box-shadow:none;padding:3px;gap:3px}.app:not([data-view=board]) .main-nav>button{flex-direction:row;gap:5px;min-height:32px;padding:7px 13px;font-size:10px}.app:not([data-view=board]) .main-nav>button svg{width:15px;height:15px}
 .app:not([data-view=board]) .screen{padding:15px 0}.clean-lobby .welcome-hub{min-height:0;display:flex;flex-direction:column-reverse;align-items:stretch;border-radius:22px}.welcome-art{flex:none;height:180px;align-self:stretch}.welcome-house{width:75%;height:100%;right:12%;bottom:-9%}.welcome-character{height:54%;width:18%;right:11%;bottom:-5%}.welcome-copy{padding:22px 23px 26px}.welcome-copy .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:11px}.welcome-copy h1{font-size:37px;letter-spacing:-1.5px;margin:0 0 12px}.welcome-copy>p:not(.eyebrow){font-size:12px;max-width:280px;margin-bottom:20px}.welcome-actions{gap:8px;display:grid;grid-template-columns:1fr 1fr}.welcome-actions .button{font-size:11px;padding:11px 7px;gap:6px;min-height:43px}.welcome-actions svg{width:16px}.join-link{margin-top:20px;font-size:11px}.lobby-links{font-size:10px;gap:10px;padding:17px 2px;align-items:flex-start}.lobby-links .text-button{font-size:10px}.clean-lobby .resume-banner{flex-wrap:wrap;gap:9px;font-size:11px}.clean-lobby .resume-banner .button{font-size:10px;min-height:33px;padding:7px 10px}
 .solo-look-preview>div{grid-template-rows:65px auto;padding:8px 4px}.solo-look-preview img{height:65px}.solo-look-preview small{font-size:9px}.deed-table{font-size:10px}.deed-table th,.deed-table td{padding:7px 2px}
}
@media(prefers-reduced-motion:reduce){.button{transition:none}}