/* Shared frame for the world, public pages and wallet tools. */
@font-face{font-family:Claus;src:url('/assets/bricolage-grotesque-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--claus-bar-height:64px}
body.claus-site{padding-top:var(--claus-bar-height);background:#fff2d8;color:#14140f}
body.claus-world{padding-top:0;background:#0e171a;color:#f2e7cf}
.claus-site .claus-header{box-sizing:border-box;position:fixed;z-index:15;inset:0 0 auto;width:100%;height:var(--claus-bar-height);margin:0;display:grid;grid-template-columns:minmax(44px,1fr) auto minmax(88px,1fr);align-items:center;gap:12px;padding:10px max(24px,env(safe-area-inset-right)) 10px max(24px,env(safe-area-inset-left));background:#080808;color:#eee9df;border:0;font:14px/1.2 Claus,system-ui,sans-serif}
.claus-site .claus-header a{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;color:inherit;text-decoration:none;white-space:nowrap;transition:color 140ms ease-out}
.claus-site .claus-header a:hover{color:#f46d3e}.claus-site .claus-header a:focus-visible{outline:2px solid #f4b179;outline-offset:1px;border-radius:2px}
.claus-site .claus-header .claus-home{justify-self:start;width:44px;height:44px}.claus-home svg{display:block;width:40px;height:40px}
.claus-site .claus-header .claus-navigation{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:clamp(4px,1.4vw,24px);margin:0;width:auto;order:0;font:inherit}
.claus-navigation a{padding-inline:8px}.claus-site .claus-header .claus-navigation [aria-current=page]{color:#f46d3e;box-shadow:inset 0 -2px #f46d3e}
.claus-social{display:flex;justify-self:end;align-items:center;gap:2px}.claus-social svg{display:block;fill:currentColor}
.claus-site .page-account{display:flex;align-items:center;justify-content:flex-end;gap:16px;min-height:52px;height:auto;width:100%;margin:0;padding:4px 0;border:0}
.claus-site .page-account:empty{display:none}.claus-site .page-account nav{display:flex;align-items:center;justify-content:flex-end;gap:18px}
.claus-site .page-account .account-controls{margin-left:auto}
.claus-site .page-heading{font-family:Newsreader,Georgia,serif;font-size:clamp(36px,5vw,56px);font-weight:500;line-height:1.1;margin:32px 0}
body.claus-site.staking-page,body.claus-site.nft-page{padding-top:calc(var(--claus-bar-height) + 18px)}
body.claus-site[data-ui=club]{--paper:#fff2d8;--room-paper:#fff9ed;--ui-footer:0px}
body.claus-site[data-ui=club] .club-shell{padding-top:12px}
body.claus-site[data-ui=club] .club-header{height:52px;min-height:52px;margin:0}
body.claus-site[data-ui=club] .gate{height:auto;min-height:360px;padding:32px 12px 52px}
body.claus-site[data-ui=club] .gate-art{height:110px;width:110px}
body.claus-site .club-footer{position:relative;inset:auto;width:100%;height:auto;min-height:80px;margin-top:36px;padding:20px 24px;background:#080808;color:#fff2d8;overflow:visible}
.claus-site .club-footer-tide,.claus-site .club-footer-claus{display:none}
.claus-site .club-footer-links{position:relative;inset:auto;display:flex;align-items:center;justify-content:center;gap:18px;margin:0;height:44px}
.claus-site .club-footer-links a,.claus-site .club-footer-links button{color:#fff2d8}
@media(max-width:660px){
 :root{--claus-bar-height:96px}
 .claus-site .claus-header{grid-template-columns:1fr 1fr;grid-template-rows:44px 44px;gap:0;padding:4px max(12px,env(safe-area-inset-right)) 4px max(12px,env(safe-area-inset-left))}
 .claus-site .claus-header .claus-navigation{grid-column:1/-1;grid-row:2;width:100%;gap:clamp(4px,3vw,24px);font-size:13px}
 .claus-navigation a{padding-inline:8px}.claus-social{grid-column:2;grid-row:1}.claus-home{grid-column:1;grid-row:1}
}
@media(prefers-reduced-motion:reduce){.claus-site .claus-header a{transition:none}}

/* Legacy tools reserve a whole screen for their old centred title. */
body.claus-site[data-ui] :is(.staking-heading,.builder-intro,.atlas-heading,.club-shell,.claus-page) h1.ui-page-title{position:static;inset:auto;pointer-events:auto;margin:12px 0 24px;font-family:ClausEditorial,Newsreader,Georgia,serif;font-weight:500;text-align:center}
body.claus-site[data-ui] .club-footer{height:auto;min-height:80px;margin-top:28px;contain:none}
body.claus-site[data-ui] .club-footer-links :is(a,button){width:32px;min-width:32px;height:44px}
body.claus-site[data-ui] .club-footer-links svg{max-width:24px;max-height:24px}

.claus-site .club-footer-links{transform:none;width:100%;left:auto;right:auto}
html:has(body.claus-site:not(.claus-world):not(.club-connected)){height:auto;overflow:auto;overscroll-behavior:auto}
body.claus-site[data-ui]:not(.club-connected){height:auto;min-height:100dvh;max-height:none;overflow:visible;display:flex;flex-direction:column}

body.claus-site[data-ui]:not([data-ui=site]):not([data-ui=club]),body.claus-site[data-ui=club]{padding:calc(var(--claus-bar-height) + 16px) 0 0}
body.claus-site[data-ui]:not(.club-connected)>main{flex:1 0 auto;height:auto;max-height:none;overflow:visible}
body.claus-site .page-account{width:min(1120px,calc(100% - 32px));margin-inline:auto;padding:4px 0;min-height:44px;height:auto}
body.claus-site .page-account:not(:has(button:not([hidden]),a)){display:none}
body.claus-site .page-account .account-controls{display:flex!important}
body.claus-site .page-account :is(button,a){font:14px/1.3 Claus,system-ui;min-height:44px;max-width:100%;padding:10px 14px;color:#14140f}
body.claus-site .page-account .wallet-icon{width:20px;height:20px;vertical-align:middle;margin-right:8px}
body.claus-site .page-account .wallet-button{display:inline-flex;align-items:center;border:1px solid #14140f30;border-radius:3px}
body.claus-site .page-account [hidden]{display:none!important}
.claus-site .skip:focus,.claus-site .skip-link:focus{position:fixed;z-index:25;top:8px}

body.claus-site.docs-page{height:auto;min-height:100dvh;padding:var(--claus-bar-height) 0 0;background:#fff2d8}
.claus-site.docs-page::before{display:none}
.claus-site.docs-page #docs-main{flex:1 0 auto;overflow:visible}
.claus-site.docs-landing #docs-main{display:flex;flex-direction:column;justify-content:flex-start;gap:20px;padding-block:28px 52px}
.claus-site.docs-landing .page-heading{margin:12px 0 8px;text-align:center}
.claus-site.docs-page .club-footer{position:relative;inset:auto;pointer-events:auto;height:auto;min-height:80px;flex:none}
.claus-site.docs-page .club-footer-links{left:auto;bottom:auto;transform:none;width:100%}
.claus-site .club-footer-links :is(a,button)>svg{max-width:24px;max-height:24px}
body.claus-site #project-header{padding-top:32px}
body.claus-site #project-name{font-family:ClausEditorial,Newsreader,Georgia,serif;font-weight:500}
body.claus-site:has(.has-project-site) #project-main{inset:var(--claus-bar-height) 0 0;height:calc(100dvh - var(--claus-bar-height))}
body.claus-site #project-loading{inset:var(--claus-bar-height) 0 0;background:#fff2d8}
body.claus-site.project-loading{background:#fff2d8}