.mobile-top-bar{display:none}@media(max-width:768px){.mobile-top-bar{display:flex;position:fixed;top:0;left:0;right:0;z-index:1000;min-height:52px;height:52px;align-items:center;padding:0;gap:0;background:rgba(var(--bg-primary-rgb),.88);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1.5px solid var(--border-subtle,color-mix(in srgb,var(--text-primary) 6%,transparent));box-shadow:0 4px 16px rgba(0,0,0,.2);transition:transform .2s ease}}.mobile-top-bar--hidden{transform:translateY(-100%)}.mobile-top-bar__hamburger{display:flex;align-items:center;justify-content:center;width:48px;height:52px;border:none;border-radius:0;border-right:1px solid var(--border-subtle,color-mix(in srgb,var(--text-primary) 6%,transparent));background:rgba(0,0,0,0);color:var(--accent-green);cursor:pointer;flex-shrink:0;transition:background .15s ease,box-shadow .25s ease;box-shadow:none}.mobile-top-bar__hamburger:hover{background:var(--bg-hover,rgba(16,255,176,.06));box-shadow:0 0 14px var(--glow-green,rgba(16,255,176,.08))}.mobile-top-bar__hamburger:active{box-shadow:0 0 8px var(--glow-green,rgba(16,255,176,.04))}.mobile-top-bar__hamburger svg{width:18px;height:18px}.mobile-top-bar__center{flex:1 1;display:flex;align-items:center;justify-content:center;min-width:0;padding:0 8px;overflow:hidden}.mobile-top-bar__logo{display:flex;align-items:center;gap:.4rem;text-decoration:none;color:var(--text-primary)}.mobile-top-bar__logo svg{opacity:.7}.mobile-top-bar__logo span{font-family:var(--font-serif),serif;font-weight:700;font-size:1rem;letter-spacing:.02em}.mobile-top-bar__title{flex:1 1;padding:0 12px;font-size:.82rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.mobile-top-bar__actions{padding:0 4px 0 0;gap:2px;flex-shrink:0;height:100%}.mobile-top-bar__actions,.mobile-top-bar__actions>div{display:flex;align-items:center}.mobile-top-bar__actions>a,.mobile-top-bar__actions>button,.mobile-top-bar__actions>div>button{height:52px;min-width:44px;padding:0 10px}@media(max-width:768px){.app-content{padding-top:52px}}.gameplay-sidebar{position:fixed;top:0;left:0;z-index:800;display:flex;flex-direction:column;gap:0;width:56px;height:100dvh;background:color-mix(in srgb,var(--bg-primary,#0a0d12) 92%,transparent);border-right:1px solid color-mix(in srgb,var(--text-primary) 6%,transparent);padding:.5rem 0;overflow:hidden;overflow-y:auto;scrollbar-width:none;transition:width .2s cubic-bezier(.4,0,.2,1)}.gameplay-sidebar::-webkit-scrollbar{display:none}.gameplay-sidebar:hover{width:160px;background:var(--bg-primary,#0a0d12);box-shadow:4px 0 16px rgba(0,0,0,.3)}.gameplay-sidebar__item{display:flex;align-items:center;gap:.6rem;padding:.65rem .75rem;color:var(--text-muted,#64748b);text-decoration:none;font-size:.78rem;font-weight:500;white-space:nowrap;transition:color .15s,background .15s}.gameplay-sidebar__item:hover{color:var(--text-primary,#f8fafc);background:color-mix(in srgb,var(--text-primary) 6%,transparent)}.gameplay-sidebar__item svg{flex-shrink:0}.gameplay-sidebar__item--context{color:var(--accent-teal,#4ec8b0)}.gameplay-sidebar__item--credits{cursor:default}.gameplay-sidebar__divider{height:1px;margin:4px 10px;background:color-mix(in srgb,var(--text-primary) 6%,transparent)}.gameplay-sidebar__spacer{flex:1 1}.gameplay-sidebar__label{opacity:0;transition:opacity .15s}.gameplay-sidebar:hover .gameplay-sidebar__label{opacity:1}.app-content--gameplay{margin-left:56px;min-height:100dvh}@media(max-width:768px){.gameplay-sidebar{display:none}.app-content--gameplay{margin-left:0;padding-top:calc(44px + env(safe-area-inset-top, 0px))}.gameplay-mobile-topbar{display:flex}body:has(.mobile-session-shell) .gameplay-mobile-topbar{display:none}body:has(.mobile-session-shell) .app-content--gameplay,body:has(.mobile-session-shell) .app-content--immersive{padding-top:0}body:has(.mobile-session-shell) .igs{height:100dvh}}.gameplay-mobile-topbar{display:none;position:fixed;top:0;left:0;right:0;padding-top:env(safe-area-inset-top,0);min-height:44px;z-index:9000;align-items:center;justify-content:space-between;padding-left:.75rem;padding-right:.75rem;background:#0a0d12;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(248,250,252,.18);color:#f8fafc;line-height:1}.gameplay-mobile-topbar__cluster{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.gameplay-mobile-topbar__title{flex:1 1 auto;min-width:0;margin:0 .6rem;font-size:.78rem;font-weight:600;letter-spacing:.01em;color:#f8fafc;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none}.gameplay-mobile-topbar__btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;border:1px solid rgba(248,250,252,.32);background:rgba(248,250,252,.12);color:#f8fafc;text-decoration:none;cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease}.gameplay-mobile-topbar__btn:active,.gameplay-mobile-topbar__btn:hover{background:rgba(248,250,252,.22);border-color:rgba(248,250,252,.48)}.gameplay-mobile-topbar__btn--exit{color:var(--accent-teal,#4ec8b0);border-color:color-mix(in srgb,var(--accent-teal,#4ec8b0) 45%,transparent)}.gameplay-mobile-topbar__btn--logo svg [opacity="0.25"]{opacity:.55}.gameplay-mobile-topbar__btn--logo svg [opacity="0.6"]{opacity:.95}.gameplay-mobile-topbar__btn--logo svg [opacity="0.4"]{opacity:.85}