.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.2rem 4%;margin:0;background:#fafbf9;border-bottom:1px solid #d5dad5;color:#202b29;font-family:'Artifakt Element',Arial,sans-serif}
.site-header .site-brand{font-size:1.4rem;line-height:1.3;font-weight:600;letter-spacing:-.04em;text-decoration:none;color:inherit;flex-shrink:0}
.site-brand span{display:block;font-size:.8rem;font-weight:400;letter-spacing:0;color:#626a66}
.site-header nav{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap}
.site-header nav a{font-size:.9rem;color:inherit;white-space:nowrap;text-decoration:none;padding:.5rem 0}
.site-header nav a:hover,.site-header nav a[aria-current=page]{text-decoration:underline;text-underline-offset:6px;color:#4c675b}
.site-menu-toggle{display:none}.site-header a:focus-visible,.site-header button:focus-visible{outline:3px solid #318474;outline-offset:4px}
html{scroll-padding-top:110px}img{max-width:100%}
@media(max-width:1100px){.site-header{gap:1rem}.site-header nav{gap:.8rem}}
@media(max-width:900px){.site-header{flex-wrap:wrap;padding:1rem 4%}.site-menu-toggle{display:flex;align-items:center;gap:.65rem;border:1px solid #b9c7bd;border-radius:8px;background:transparent;color:#202b29;padding:.65rem .9rem;font:500 .9rem 'Artifakt Element',Arial,sans-serif;min-height:44px;cursor:pointer}.menu-lines{width:17px;height:12px;border-top:2px solid currentColor;border-bottom:2px solid currentColor;position:relative}.menu-lines:after{content:'';position:absolute;top:4px;left:0;width:17px;border-top:2px solid currentColor}.site-header nav{display:none;width:100%;max-height:70vh;overflow:auto;gap:.5rem;grid-template-columns:1fr 1fr;padding-top:.4rem}.site-header.menu-open nav{display:grid}.site-header nav a,.site-header nav button{display:flex;align-items:center;min-height:48px;padding:.75rem;border:1px solid #d5dad5;border-radius:8px;background:#fff;white-space:normal;text-decoration:none;font-size:.9rem}.site-header nav a[aria-current=page]{background:#eaf0e9;border-color:#4c675b}.site-header .site-brand{font-size:1.25rem}}
@media(max-width:620px){#game-root{min-width:0}.table-layout,.game-sidebar{min-width:0}.top-bar,.room-tools,.board-toolbar{flex-wrap:wrap;gap:.6rem}.table-layout .board-scroll{min-width:0;width:100%}.table-stage{min-width:0!important;width:100%!important}.original-board{transform:none}.game-sidebar{width:100%}.dice-tray{position:sticky;bottom:.5rem;z-index:8;box-shadow:0 3px 16px #202b2920}.site-header nav button{justify-content:flex-start}.project-heading h1{overflow-wrap:break-word}}