:root{color-scheme:dark;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#14161b;color:#f2f2f2}html,body,#root{height:100%}#root{display:flex;flex-direction:column}.chrome-shell{flex:1;min-height:0;display:flex;flex-direction:column}.chrome-main{flex:1;min-height:0;padding:1rem;display:flex;flex-direction:column;overflow-y:auto}.game-canvas-mount{flex:1;min-height:0}.home-page{flex:1;min-height:0;display:flex;flex-direction:column}.site-header{flex:none;position:relative;z-index:10}.site-header-bar{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-bottom:2px solid #2a2d35;background:#1c1f26}.site-logo{font-weight:700;font-size:1.1rem;color:#f2f2f2;text-decoration:none;margin-right:auto}.header-desktop-nav{display:none;align-items:center;gap:1.25rem}.header-link{color:#cfd2d8;text-decoration:none;font-size:.95rem}.header-link-active{color:#f2f2f2;font-weight:600}.header-hamburger{display:flex;flex-direction:column;justify-content:center;gap:4px;width:32px;height:32px;background:transparent;border:none;cursor:pointer;padding:0}.header-hamburger span{display:block;height:2px;background:#f2f2f2;border-radius:1px}.mobile-menu{position:absolute;top:100%;left:.5rem;right:.5rem;margin-top:.5rem;display:flex;flex-direction:column;gap:.25rem;z-index:20}.mobile-menu-link{color:#3a2c1c;text-decoration:none;padding:.5rem;font-weight:600}.mobile-menu-login{align-self:flex-start;margin-top:.25rem}@media(min-width:768px){.header-desktop-nav{display:flex}.header-hamburger{display:none}}.site-footer{flex:none;display:flex;gap:1rem;align-items:center;padding:.75rem 1rem;border-top:1px solid #2a2d35;font-size:.85rem;color:#9a9ea6}.site-footer a{color:#9a9ea6}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-top:1rem}.game-card{display:flex;flex-direction:column;gap:.5rem}.game-card a{color:#3a2c1c;font-weight:600}.game-host{position:fixed;top:0;left:0;width:100vw;height:100vh}.game-host-foreground{z-index:100}.game-host-background{transform:translate(-200%);z-index:-1}.resume-pill{position:fixed;bottom:1rem;right:1rem;z-index:50}.retroe-button{font:inherit;font-size:.95rem;color:#3a2c1c;background:transparent;border-style:solid;padding:.5rem 1.25rem;cursor:pointer;image-rendering:pixelated}.retroe-button:hover{filter:brightness(1.08)}.retroe-button:active{filter:brightness(.94)}.retroe-panel{border-style:solid;color:#3a2c1c;padding:.75rem 1rem;image-rendering:pixelated}