.navbar *,.navbar *:before,.navbar *:after{box-sizing:border-box}#navbar{display:flex;align-items:center;justify-content:space-between;padding:0 10px!important;height:56px;background-color:var(--brand-orange);box-shadow:0 3px #00000026;position:sticky;top:0;z-index:100;width:100%;box-sizing:border-box;font-family:Nunito,sans-serif}#navbar.navbar--public-minimal{justify-content:space-between;gap:.5rem;background:var(--brand-blue, #2c7fb8);box-shadow:none}#navbar.navbar--public-minimal-with-back{justify-content:space-between;gap:.5rem}.navbar-public-back{flex:0 1 auto;max-width:min(58vw,14rem);min-height:44px;padding:.45rem .7rem;border-radius:8px;border:2px solid #1a1612;background:#fff;color:#2a2520;font-family:Nunito,sans-serif;font-weight:800;font-size:.82rem;line-height:1.15;text-align:left;cursor:pointer;box-shadow:0 2px #00000047;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar-public-back:hover{background:#f7f4ef}.navbar-public-back:active{transform:translateY(1px);box-shadow:0 1px #00000047}.navbar-public-back--return-game{background:#4caf50;border-color:#2e7d32;color:#fff}.navbar-public-back--return-game:hover{background:#43a047}#navbar.navbar--public-minimal .navbar-login{background:#2a2520;border:2px solid #1a1612;box-shadow:0 2px #00000059;color:#fff;font-weight:800;font-size:.88rem;flex-shrink:0}#navbar.navbar--public-minimal .navbar-login:hover{background:#3a342c}#navbar.navbar--public-minimal .navbar-login:active{transform:translateY(1px);box-shadow:0 1px #00000059}.navbar-hamburger{display:flex;flex-direction:column;gap:4px;background:#fff;border:2px solid #222;border-radius:8px;padding:.4rem .6rem;cursor:pointer;box-shadow:0 2px #222}.navbar-hamburger-line{display:block;width:22px;height:2.5px;background:#222;border-radius:2px}.navbar-links{display:none;position:absolute;top:56px;left:0;right:0;background-color:var(--brand-orange);flex-direction:column;padding:.75rem 1rem;gap:.5rem;box-shadow:0 4px 8px #0003}.navbar-links--open{display:flex}.navbar-link,#navbar-link{font-family:Nunito,sans-serif;font-weight:800;font-size:.95rem;text-decoration:none;color:#222;background:#fff;padding:.5rem 1rem!important;border-radius:8px;border:2px solid #222;box-shadow:0 2px #222;cursor:pointer;text-align:left;white-space:nowrap;display:block;transition:background .12s ease,transform .08s ease,box-shadow .08s ease}.navbar-link:hover,#navbar-link:hover{background:#f8f8f8}.navbar-link:active,#navbar-link:active{transform:translateY(1px);box-shadow:0 1px #222}.navbar-login{font-family:Nunito,sans-serif;font-weight:800;font-size:.95rem;text-decoration:none;color:#fff;background-color:var(--brand-red);padding:.5rem 1rem!important;border-radius:8px;border:2px solid #222;box-shadow:0 2px #222;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .12s ease,transform .08s ease,box-shadow .08s ease}.navbar-login--public-join{white-space:normal;max-width:min(280px,58vw);line-height:1.2;font-size:clamp(.72rem,2.4vw,.88rem);text-align:center;padding:.45rem .7rem!important}.navbar-login:hover{background-color:#c42b21}.navbar-login:active{transform:translateY(1px);box-shadow:0 1px #222}.navbar-profile-btn{display:flex;flex-direction:row;align-items:center;gap:.5rem}.navbar-profile-pic-wrapper{width:32px;height:32px;border-radius:50%;overflow:hidden;box-shadow:0 0 8px 4px #00000080;display:flex;align-items:center;justify-content:center}.navbar-profile-pic{width:32px;height:32px;object-fit:cover}@media(min-width:768px){#navbar{padding:0 2rem;height:64px}.navbar-hamburger{display:none}#navbar.navbar--public-minimal .navbar-hamburger--public{display:flex}.navbar-links{display:flex;position:static;flex-direction:row;background:transparent;padding:0;gap:.75rem;box-shadow:none}.navbar-link,#navbar-link{display:inline-block;text-align:center}}.public-profile-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:200;width:min(280px,calc(100vw - 20px));box-sizing:border-box;padding:.7rem .75rem .65rem;display:flex;flex-direction:column;gap:.45rem;background:#2a2520;color:#fff;border:2px solid #1a1612;border-radius:12px;box-shadow:0 8px 24px #00000059;font-family:Nunito,sans-serif}.public-profile-menu__header{display:flex;align-items:center;gap:.6rem;min-width:0}.public-profile-menu__pic{width:40px;height:40px;border-radius:999px;object-fit:cover;flex-shrink:0;background:#444}.public-profile-menu__identity{min-width:0;flex:1}.public-profile-menu__name{font-weight:800;font-size:.92rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.public-profile-menu__email{font-weight:600;font-size:.75rem;color:#d2c6b8;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.public-profile-menu__premium{font-size:.75rem;font-weight:700;color:#1a1208;background:#e6a737;border-radius:8px;padding:.4rem .55rem;text-align:center}.public-profile-menu__item{width:100%;box-sizing:border-box;margin:0;padding:.55rem .65rem;border:none;border-radius:8px;background:#3a342c;color:#fff;font-family:Nunito,sans-serif;font-weight:800;font-size:.82rem;text-align:left;cursor:pointer}.public-profile-menu__item:hover{background:#4a433a}.public-profile-menu__item--danger{background:#5a2a24}.public-profile-menu__item--danger:hover{background:#6e342c}@media(max-width:767px){.public-profile-menu{width:min(320px,calc(100vw - 16px));padding:.85rem .85rem .8rem;gap:.55rem}.public-profile-menu__pic{width:48px;height:48px}.public-profile-menu__name{font-size:1.05rem}.public-profile-menu__email,.public-profile-menu__premium{font-size:.85rem}.public-profile-menu__premium{padding:.55rem .65rem}.public-profile-menu__item{min-height:48px;padding:.85rem;font-size:.95rem}}.public-contextual-nav-backdrop{position:fixed;inset:0;z-index:180;background:#14121047}.public-contextual-nav-menu{position:fixed;z-index:190;top:56px;left:0;right:0;width:min(100vw,22rem);max-height:min(78vh,calc(100dvh - 56px - env(safe-area-inset-bottom,0px)));overflow:auto;background:#fff;border-bottom:2px solid #1a1612;border-right:2px solid #1a1612;border-radius:0 0 14px;box-shadow:0 10px 28px #00000038;font-family:Nunito,sans-serif;-webkit-tap-highlight-color:transparent}@media(min-width:768px){.public-contextual-nav-menu{top:64px;left:.65rem;right:auto;width:18.5rem;max-height:min(78vh,calc(100dvh - 64px - env(safe-area-inset-bottom,0px)));border:2px solid #1a1612;border-radius:12px;box-shadow:0 12px 28px #0003}.public-contextual-nav-backdrop{background:transparent}}.public-contextual-nav-menu__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem .85rem;border-bottom:1px solid #e6e1da}.public-contextual-nav-menu__title{font-weight:900;font-size:.95rem;color:#1a1a1a}.public-contextual-nav-menu__close{width:40px;height:40px;border:none;border-radius:8px;background:transparent;color:#1a1a1a;font-size:1.6rem;line-height:1;cursor:pointer;font-weight:700}.public-contextual-nav-menu__close:hover{background:#f3f0eb}.public-contextual-nav-menu__body{display:flex;flex-direction:column;gap:.35rem;padding:.75rem .85rem 1rem}.public-contextual-nav-menu__status{margin:0 0 .25rem;padding:.35rem .15rem;font-size:.78rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:#2d5016}.public-contextual-nav-menu__item{width:100%;min-height:44px;padding:.65rem .85rem;border-radius:10px;border:2px solid #1a1612;background:#fff;color:#1a1a1a;font-family:inherit;font-weight:800;font-size:.95rem;text-align:left;cursor:pointer}.public-contextual-nav-menu__item:hover{background:#f7f4ef}.public-contextual-nav-menu__item--primary{background:#4caf50;border-color:#2e7d32;color:#fff}.public-contextual-nav-menu__item--primary:hover{background:#43a047}.public-contextual-nav-menu__item--danger{background:#fff;border-color:#b71c1c;color:#b71c1c}.public-contextual-nav-menu__item--danger:hover{background:#fff5f5}.public-contextual-nav-menu__divider{height:1px;margin:.35rem 0 .15rem;background:#e0dbd4}.public-contextual-nav-menu__helper{margin:.15rem 0 0;padding:0 .15rem;font-size:.78rem;font-weight:700;line-height:1.3;color:#666}#navbar.navbar--public-minimal{justify-content:space-between;gap:.5rem}#navbar.navbar--public-minimal .navbar-hamburger--public{display:flex;flex-direction:column;justify-content:center;gap:4px;width:44px;height:44px;padding:10px;border:2px solid #1a1612;border-radius:8px;background:#fff;cursor:pointer;box-shadow:0 2px #00000047;flex-shrink:0}#navbar.navbar--public-minimal .navbar-hamburger--public:hover{background:#f7f4ef}#navbar.navbar--public-minimal .navbar-hamburger--public[aria-expanded=true]{background:#f0ebe4}