:root{--site-nav-height:0px}.site-palette-swatch{border:1px solid var(--line);background:conic-gradient(var(--accent) 0deg 120deg, var(--secondary-text) 120deg 240deg, var(--bg) 240deg 360deg);border-radius:50%;width:28px;height:28px;display:block}.app-shell.site-shell{display:block}.site-shell>.app-content{width:100%;margin-left:0}.site-header{border-bottom:1px solid var(--line);align-items:center;gap:48px;min-height:76px;padding:12px 32px;display:flex}.site-brand{color:var(--text);font:600 var(--fs-xl)/1 var(--font-display), serif;letter-spacing:-.6px;flex-shrink:0;align-items:center;gap:10px;display:inline-flex}.site-brand:hover{text-decoration:none}.site-brand .pd-mark{width:32px;height:32px;color:var(--accent)}.site-header .site-desktop-nav{align-self:stretch;align-items:center;gap:28px;display:flex}.site-desktop-nav a{min-height:44px;color:var(--muted);font-size:var(--fs-md);border-bottom:2px solid #0000;align-items:center;display:inline-flex}.site-desktop-nav a[aria-current]{color:var(--text);border-bottom-color:var(--accent)}.site-account-tools{align-items:center;gap:12px;min-width:0;margin-left:auto;display:flex}.site-event-context{min-width:0;font-size:var(--fs-sm);align-items:center;gap:12px;margin-left:auto;display:flex}.site-event-name{text-overflow:ellipsis;white-space:nowrap;max-width:26ch;overflow:hidden}.site-header.has-event-context{gap:28px}.has-event-context .site-account-tools{margin-left:0}.site-shell:has(.draft-board[data-visible=true]) .draft-page-heading{display:none}.play-empty-state{text-align:center;padding:64px 24px}.play-empty-state h2{font:500 var(--fs-2xl)/1.2 var(--font-display)}.play-empty-state p{color:var(--muted);margin:16px 0 24px}.play-empty-state>div{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@media (max-width:899px){.has-event-context .site-brand>span{display:none}.site-header.has-event-context{gap:12px;padding-inline:16px}.site-event-context{flex:1;gap:4px;margin-left:0}.site-event-name{max-width:20ch;font-size:var(--fs-xs)}.has-event-context .site-account-tools{gap:8px}}.site-account-tools .appearance-button{flex-shrink:0}.site-header .site-avatar{border:1px solid var(--line);background:var(--surface);width:44px;height:44px;min-height:44px;color:var(--text);border-radius:50%;padding:0;font-weight:600}.site-header .site-avatar.site-sign-in{border-color:var(--accent);white-space:nowrap;border-radius:999px;width:auto;padding:0 18px}.site-bottom-tabs{display:none}.site-shell #main{padding:24px 32px 40px}.site-shell #main:has(.home-screen){max-width:1280px;margin-inline:auto;padding-top:0;padding-bottom:24px}.site-footer{border-top:1px solid var(--line);color:var(--muted);font-size:var(--fs-xs);text-align:left;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:8px;margin:0;padding:20px 32px 28px;display:flex}.site-footer span:last-child{max-width:none}.site-footer details{max-width:640px}.site-footer summary{cursor:pointer;color:var(--accent);min-height:24px}.site-footer details[open]{flex-basis:100%}.site-footer details>div{gap:8px;margin-top:12px;display:grid}.site-footer details>div>a{display:inline}.playtable-screen:has(.site-header){width:100%;padding:0 24px 24px}.playtable-screen>.site-header{margin-inline:-24px;margin-bottom:16px}.site-shell .event-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.event-heading h1{font-size:var(--fs-2xl)}.site-rules{max-width:880px;margin:24px auto}.site-rules>h1{margin-bottom:24px}@media (max-width:899px){:root{--site-nav-height:calc(64px + env(safe-area-inset-bottom,0px))}html{scroll-padding-bottom:calc(var(--site-nav-height) + 80px)}.site-header{gap:12px;min-height:64px;padding:10px 16px}.site-header .site-desktop-nav{display:none}.site-brand{font-size:var(--fs-lg);gap:8px}.site-brand .pd-mark{width:28px;height:28px}.site-account-tools{gap:8px}.site-shell{padding-bottom:var(--site-nav-height)}.site-shell .tutorial-panel,.site-shell .tutorial-panel[data-placement=left]{width:auto;max-height:40dvh;left:12px;right:12px;bottom:calc(var(--site-nav-height) + 12px)}.site-shell .tutorial-resume{bottom:calc(var(--site-nav-height) + 12px)}.site-shell #main{padding:16px 16px 32px}.site-bottom-tabs{height:var(--site-nav-height);padding-bottom:env(safe-area-inset-bottom,0px);z-index:45;background:var(--bg);border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;inset:auto 0 0}.site-bottom-tabs a{min-width:0;color:var(--muted);font-size:var(--fs-xs);flex-direction:column;justify-content:center;align-items:center;gap:4px;text-decoration:none;display:flex}.site-bottom-tabs a[aria-current]{color:var(--accent);background:var(--surface)}.site-bottom-tabs svg{width:22px;height:22px}.site-footer{justify-content:flex-start;padding:16px}.playtable-screen:has(.site-header){padding:0 16px calc(var(--site-nav-height) + 24px)}.playtable-screen>.site-header{margin-inline:-16px}.site-shell .event-heading{margin-bottom:16px}.event-heading h1{font-size:var(--fs-xl)}}@media (max-width:1100px){.playtable-screen .playtable-mobile-nav{bottom:var(--site-nav-height);padding-bottom:8px}}@media (max-width:900px){.playtable-screen .concho-mobile-nav{bottom:var(--site-nav-height);padding-bottom:8px}}