:root{--sky:#15b7eb;--sky-light:#9ddfef;--sky-deep:#0a1a2e;--cyan:#3bcbf1;--grass:#6fae2f;--grass-hi:#8fd04a;--grass-deep:#3f6d2a;--stone:#3c434d;--stone-light:#5b6472;--ink:#0e1622;--parchment:#efe7cf;--parchment-dim:#cdc3a6;--orange:#ff7a1a;--gold:#ffd23f;--rex:#2fb3b0;--element:#9a5ae0;--element-hi:#c8a0ff;--danger:#e5484d;--panel:#142235;--panel-edge:#0a1626;--well:#0b1524;--sidebar-width:260px;--status-ok:#22c55e;--text-primary:#f5f7fa;--text-secondary:var(--parchment-dim);--text-muted:#8d99ab;--font-arcade:"Press Start 2P", monospace;--font-pixel:"Pixelify Sans", system-ui, sans-serif;--font-ui:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden}html{scrollbar-color:var(--stone-light) var(--sky-deep)}body{font-family:var(--font-ui);background:var(--sky-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100dvh}a{color:var(--cyan)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}::selection{color:#fff;background:#3bcbf166}.pixelated{image-rendering:pixelated;image-rendering:crisp-edges}@property --sky-top{syntax:"<color>";inherits:false;initial-value:#10253d}@property --sky-mid{syntax:"<color>";inherits:false;initial-value:#0a1a2e}@property --sky-low{syntax:"<color>";inherits:false;initial-value:#091626}@property --sky-break{syntax:"<percentage>";inherits:false;initial-value:55%}.bg-pattern{background:linear-gradient(180deg, var(--sky-top) 0%, var(--sky-mid) var(--sky-break), var(--sky-low) 100%);pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.bg-pattern.sky-night{--sky-top:#10253d;--sky-mid:var(--sky-deep);--sky-low:#091626;--sky-break:55%}.bg-pattern.sky-day{--sky-top:#1a5379;--sky-mid:#143c5c;--sky-low:#0e2a44;--sky-break:50%}.bg-pattern.sky-dawn{--sky-top:#5e4256;--sky-mid:#2c3350;--sky-low:#0d1c30;--sky-break:45%}.bg-pattern.sky-dusk{--sky-top:#5a3350;--sky-mid:#34274a;--sky-low:#0c1626;--sky-break:45%}@media (prefers-reduced-motion:no-preference){.bg-pattern.sky-eased{transition:--sky-top 2.6s ease-in-out,--sky-mid 2.6s ease-in-out,--sky-low 2.6s ease-in-out,--sky-break 2.6s ease-in-out}.bg-pattern.sky-eased .sky-cloud{transition:filter 2.2s ease-in-out}.bg-pattern.sky-eased .sky-nightlife{transition:opacity 1.8s ease-in-out}.bg-pattern.sky-eased.sky-night .sky-nightlife{transition-delay:.9s}}.bg-pattern:after{content:"";height:84px;image-rendering:pixelated;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8' viewBox='0 0 16 8'%3E%3Cpath fill='%231d3418' d='M0 8h16V4h-2V2h-2v3H9V1H7v4H4V3H2v2H0z'/%3E%3C/svg%3E"),linear-gradient(#1d341800 0%,#1d34188c 100%);background-position:0 calc(100% - 22px),0 100%;background-repeat:repeat-x,no-repeat;background-size:16px 8px,auto 60px;position:absolute;bottom:0;left:0;right:0}.star{opacity:.25;image-rendering:pixelated;background:#fff;position:absolute}.sky-drifter{position:absolute;left:0;transform:translate(-280px)}.sky-cloud{filter:brightness()saturate()}.sky-night .sky-cloud{filter:brightness(.42)saturate(.55)}.sky-dawn .sky-cloud,.sky-dusk .sky-cloud{filter:brightness(.85)saturate()}.sky-nightlife{opacity:0;position:absolute;inset:0}.sky-nightlife-lift{z-index:1}.sky-night .sky-nightlife{opacity:1}.anim-firefly{z-index:1;image-rendering:pixelated;opacity:.4;position:absolute}.sky-dodo{z-index:1;width:26px;height:26px;position:absolute;bottom:14px;left:0;transform:translate(-60px)}.sky-dodo-heart{color:var(--danger);pointer-events:none;font-size:11px;line-height:1;animation:1.2s ease-out both float-away;position:absolute;top:-12px;left:55%}@keyframes float-away{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-14px)}}@keyframes dodo-stroll{0%{transform:translate(-60px)}18%{transform:translate(calc(100vw + 40px))}to{transform:translate(calc(100vw + 40px))}}@keyframes waddle{0%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}@keyframes twinkle{0%{opacity:.25}to{opacity:1}}@keyframes cloud-cross{0%{transform:translate(-280px)}to{transform:translate(calc(100vw + 40px))}}@keyframes ptero-cross{0%{transform:translate(-90px)}to{transform:translate(calc(100vw + 40px))}}@keyframes wing{0%{transform:translateY(0)scaleY(1)}to{transform:translateY(-1px)scaleY(.7)}}@keyframes firefly{0%{opacity:.3;transform:translate(0)}50%{opacity:1}to{transform:translate(var(--fx,12px), var(--fy,-14px));opacity:.5}}@media (prefers-reduced-motion:no-preference){.campfire-flame{animation:.55s steps(2,end) infinite alternate campfire-flicker}.campfire-sparks{animation:1.7s steps(2,end) infinite alternate campfire-sparks}.anim-twinkle{animation:2.4s steps(2,end) infinite twinkle}.anim-cloud{animation:linear infinite cloud-cross}.anim-ptero{animation:linear infinite ptero-cross}.anim-wing{animation:.5s steps(2,end) infinite alternate wing}.anim-firefly{animation:ease-in-out infinite alternate firefly}.sky-dodo{animation:dodo-stroll var(--stroll-dur,180s) linear var(--stroll-delay,0s) infinite}.sky-nightlife .anim-twinkle,.sky-nightlife .anim-firefly{animation:none}.sky-night .sky-nightlife .anim-twinkle{animation:2.4s steps(2,end) infinite twinkle}.sky-night .sky-nightlife .anim-firefly{animation:ease-in-out infinite alternate firefly}.anim-dodo-waddle{animation:.55s steps(2,end) infinite alternate waddle}.pulse{animation:2s infinite pulse}}@keyframes campfire-flicker{0%{transform:scaleY(1)scaleX(1)}to{transform:scaleY(1.1)scaleX(.95)}}@keyframes campfire-sparks{0%{opacity:.35}to{opacity:1}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.campfire{image-rendering:pixelated;display:block}.campfire-flame{transform-origin:50% 86%}.campfire-sparks{opacity:.9}.dashboard-layout,.login-wrapper,.loading,.empty{z-index:1;position:relative}.main-content,body>.loading{text-shadow:1px 1px #0a1220d9,-1px 1px #0a1220b3,1px -1px #0a1220b3,-1px -1px #0a1220b3}.page-title{text-shadow:2px 2px #00000080}.card,.well,.notice,.chip,.login-card,.confirm-modal-card{text-shadow:none}.confirm-modal-title{text-shadow:2px 2px #00000080}.digits{font-family:var(--font-arcade);letter-spacing:0;white-space:nowrap;font-size:.76em;position:relative;top:.06em}.card{background:var(--panel);border:3px solid var(--ink);box-shadow:0 0 0 3px var(--stone-light), 0 6px 0 3px var(--panel-edge);padding:1.25rem 1.35rem}.well{background:var(--well);border:3px solid var(--ink);box-shadow:inset 0 3px #00000059}.pixel-btn{font-family:var(--font-pixel);font-variant-ligatures:none;letter-spacing:.02em;color:#fff;border:3px solid var(--ink);background:var(--stone);cursor:pointer;box-shadow:inset 0 3px 0 #ffffff47, inset 0 -4px 0 #00000052, 0 5px 0 0 var(--ink);image-rendering:pixelated;white-space:nowrap;flex:none;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-size:1.05rem;font-weight:700;text-decoration:none;transition:transform 60ms steps(2,end),box-shadow 60ms steps(2,end),filter .15s;display:inline-flex;position:relative}.pixel-btn:hover:not(:disabled){filter:brightness(1.08)}.pixel-btn:active:not(:disabled){box-shadow:inset 0 3px 0 #ffffff3d, inset 0 -4px 0 #00000052, 0 1px 0 0 var(--ink);transform:translateY(4px)}.pixel-btn:disabled{opacity:.45;cursor:not-allowed}.pixel-btn.go{background:var(--grass)}.pixel-btn.stop{background:var(--danger)}.pixel-btn.restart{background:var(--orange)}.pixel-btn.live{background:var(--sky)}.pixel-btn.ghost{box-shadow:none;border-color:var(--stone-light);background:#0b1524b8}.pixel-btn.ghost:active:not(:disabled){transform:none}.pixel-btn.sm{box-shadow:inset 0 2px 0 #ffffff3d, inset 0 -3px 0 #0000004d, 0 4px 0 0 var(--ink);padding:.4rem .75rem;font-size:.85rem}.chip{font-family:var(--font-arcade);border:2px solid var(--ink);background:var(--well);height:1.55rem;color:var(--text-secondary);text-transform:uppercase;white-space:nowrap;vertical-align:middle;align-items:center;gap:.45rem;padding:0 .6rem;font-size:.58rem;line-height:1;display:inline-flex}.chip .dot{background:currentColor;flex:none;width:7px;height:7px}.chip.on{color:var(--grass-hi)}.chip.off{color:var(--text-muted)}.chip.busy{color:var(--gold)}.chip.bad{color:var(--danger)}.chip.info{color:var(--cyan)}.chip.locked{color:var(--element-hi)}.chip.stamp{color:var(--parchment);letter-spacing:-.1em;text-shadow:-2px 0 var(--ink), 2px 0 var(--ink), 0 -2px var(--ink), 0 2px var(--ink), -2px -2px var(--ink), 2px -2px var(--ink), -2px 2px var(--ink), 2px 2px var(--ink), 3px 3px 0 #00000073;background:0 0;border:0;padding:0 3px;font-size:.74rem}.server-marks{flex-direction:column;flex:none;align-items:flex-end;gap:.3rem;display:flex}.typed-name{overflow-wrap:anywhere;min-width:0}.card .typed-name>h2{-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}label{color:var(--text-secondary);margin-bottom:.35rem;font-size:.8rem;display:block}input[type=text],input[type=number],select,textarea{width:100%;font-family:var(--font-ui);color:var(--text-primary);background:var(--well);border:3px solid var(--ink);padding:.6rem .7rem;font-size:.95rem;box-shadow:inset 0 3px #00000059}textarea{resize:none}select.sm{border-color:var(--stone-light);width:auto;padding:.4rem .75rem;font-size:.85rem;box-shadow:inset 0 2px #0000004d}textarea.code{font-family:var(--font-mono);white-space:pre;tab-size:4;height:26rem;font-size:.82rem;line-height:1.5;overflow:auto}.login-wrapper{justify-content:center;align-items:center;min-height:100dvh;padding:1rem;display:flex}.login-card{background:var(--panel);border:4px solid var(--ink);box-shadow:0 0 0 4px var(--stone-light), 0 8px 0 4px var(--panel-edge), inset 0 0 0 2px #ffffff0d;width:100%;max-width:420px;padding:2.5rem 2.75rem 2.75rem;position:relative}.login-mascot{justify-content:center;margin-bottom:1.1rem;display:flex}.login-mascot .pixelated{width:52px;height:52px}.login-logo{font-family:var(--font-arcade);color:var(--parchment);letter-spacing:-.12em;text-align:center;text-shadow:-2px 0 var(--ink), 2px 0 var(--ink), 0 -2px var(--ink), 0 2px var(--ink), -2px -2px var(--ink), 2px -2px var(--ink), -2px 2px var(--ink), 2px 2px var(--ink), 3px 3px 0 var(--ink), 5px 6px 0 #00000073;font-size:1.7rem;line-height:1}.login-subtitle{font-family:var(--font-arcade);color:var(--cyan);letter-spacing:.24em;text-transform:uppercase;text-align:center;text-shadow:2px 2px #00000080;margin-top:.85rem;margin-bottom:2.1rem;font-size:.55rem}.login-button{background:linear-gradient(180deg, #ffdc62 0%, var(--gold) 45%, #e8b923 100%);color:var(--ink);border:3px solid var(--ink);font-family:var(--font-pixel);font-variant-ligatures:none;letter-spacing:.02em;cursor:pointer;box-shadow:inset 0 3px 0 #ffffff59, inset 0 -4px 0 #00000038, 0 5px 0 0 var(--ink);justify-content:center;align-items:center;gap:.6rem;margin-top:.4rem;padding:.72rem 1rem;font-size:1.05rem;font-weight:700;text-decoration:none;transition:transform 60ms steps(2,end),box-shadow 60ms steps(2,end),filter .15s;display:flex}.login-button:hover:not(:disabled){filter:brightness(1.06)}.login-button:active:not(:disabled){box-shadow:inset 0 3px 0 #ffffff4d, inset 0 -4px 0 #00000038, 0 1px 0 0 var(--ink);transform:translateY(4px)}.login-error{color:#ff9598;font-family:var(--font-pixel);font-variant-ligatures:none;text-wrap:balance;text-align:center;background:#e5484d1f;border:2px solid #e5484d73;margin-bottom:1.25rem;padding:.7rem 1rem;font-size:.92rem;line-height:1.5}.login-invite{color:var(--parchment-dim);font-family:var(--font-pixel);font-variant-ligatures:none;text-wrap:balance;text-align:center;background:#3bcbf114;border:2px solid #3bcbf159;margin-top:1.25rem;padding:.7rem 1rem;font-size:.92rem;line-height:1.5}.dashboard-layout{min-height:100dvh;display:flex}.sidebar{width:var(--sidebar-width);border-right:3px solid var(--ink);z-index:100;background:#091423eb;flex-direction:column;height:100dvh;transition:transform .3s;display:flex;position:fixed;top:0;left:0;box-shadow:inset -1px 0 #ffffff0a}.sidebar-header{border-bottom:1px solid #ffffff0f;padding:1.6rem 1.25rem 1.35rem}.sidebar-logo{font-family:var(--font-arcade);color:var(--parchment);letter-spacing:-.12em;text-shadow:-2px 0 var(--ink), 2px 0 var(--ink), 0 -2px var(--ink), 0 2px var(--ink), -2px -2px var(--ink), 2px -2px var(--ink), -2px 2px var(--ink), 2px 2px var(--ink), 3px 3px 0 #00000073;font-size:1.02rem;line-height:1}.sidebar-tagline{font-family:var(--font-arcade);color:var(--cyan);letter-spacing:.26em;text-transform:uppercase;text-shadow:1px 1px #00000080;margin-top:.6rem;font-size:.48rem}.sidebar-nav{flex-direction:column;flex:1;gap:.3rem;min-height:0;padding:1rem .75rem;display:flex}.nav-link{color:var(--parchment-dim);font-family:var(--font-pixel);font-variant-ligatures:none;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.62rem .9rem;font-size:1.04rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex;position:relative}.nav-link:hover{color:var(--parchment);background:#ffffff0a}.nav-link.active{color:var(--cyan);background:#3bcbf117}.nav-link.active:before{content:"";background:var(--cyan);width:3px;position:absolute;top:6px;bottom:6px;left:0}.nav-sub{scrollbar-color:var(--stone-light) transparent;scrollbar-width:thin;flex-direction:column;flex:0 auto;gap:.1rem;min-height:0;padding:.1rem 0 .35rem;display:flex;overflow-y:auto}.nav-group{font-family:var(--font-arcade);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;-webkit-user-select:none;user-select:none;padding:.75rem .9rem .3rem 1.4rem;font-size:.5rem}.nav-group:first-child{padding-top:.25rem}.nav-group-link{cursor:pointer;text-decoration:none;transition:color .12s;display:block}.nav-group-link:hover,.nav-group-link:focus-visible{color:var(--text)}.nav-child{color:var(--text-muted);font-family:var(--font-pixel);font-variant-ligatures:none;align-items:center;gap:.5rem;padding:.34rem .9rem .34rem 2.3rem;font-size:.92rem;text-decoration:none;transition:background .15s,color .15s;display:flex;position:relative}.nav-child:hover{color:var(--parchment);background:#ffffff0a}.nav-child.active{color:var(--cyan)}.nav-child>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nav-dot{background:currentColor;flex:none;width:7px;height:7px}.nav-dot.on{color:var(--grass-hi)}.nav-dot.off{color:var(--text-muted)}.nav-dot.busy{color:var(--gold)}.nav-dot.bad{color:var(--danger)}.nav-badge{font-family:var(--font-pixel);font-variant-ligatures:none;color:var(--text-muted);background:#5b64722e;border:2px solid #5b647266;flex-shrink:0;margin-left:auto;padding:.05rem .4rem;font-size:.68rem}.nav-icon{opacity:.9;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex}.sidebar-hearth{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:.8rem;min-height:88px;padding:.7rem 0 .95rem;display:flex;position:relative}.hearth-fire{line-height:0;display:inline-block;position:relative}.hearth-flame-wrap{line-height:0;display:block}.hearth-fire:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#ff9a3c24,#0000 72%);width:130px;height:90px;position:absolute;top:50%;left:50%;transform:translate(-50%,-46%)}.hearth-fire.is-cold:before{display:none}.anim-fire-flare{transform-origin:bottom;animation:.6s steps(3,end) fire-flare}@keyframes fire-flare{0%{transform:scale(1)}40%{filter:brightness(1.5);transform:scale(1.28)}to{transform:scale(1)}}.fire-spark{background:var(--gold);pointer-events:none;width:3px;height:3px;animation:.55s steps(4,end) both spark-burst;position:absolute;top:18%;left:50%}.hearth-smoke{opacity:0;width:3px;height:3px;image-rendering:pixelated;pointer-events:none;background:#8a94a2;position:absolute;bottom:21%}@media (prefers-reduced-motion:no-preference){.hearth-smoke{animation:ease-out infinite smoke-rise}}@keyframes smoke-rise{0%{opacity:.55;transform:translateY(0)}to{opacity:0;transform:translateY(-16px)}}@keyframes spark-burst{to{transform:translate(var(--sx,10px), var(--sy,-16px));opacity:0}}.hearth-marshmallow{pointer-events:none;width:12px;height:14px;animation:.4s ease-out both marshmallow-rise;position:absolute;bottom:1px;right:-16px}@keyframes marshmallow-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hearth-count{flex-direction:column;align-items:center;gap:.34rem;display:flex}.hearth-online{font-family:var(--font-pixel);font-variant-ligatures:none;color:var(--parchment-dim);align-items:center;gap:.4rem;font-size:.82rem;line-height:1;display:flex}.hearth-split{font-family:var(--font-pixel);font-variant-ligatures:none;color:var(--text-muted);align-items:center;gap:.5rem;font-size:.68rem;line-height:1;display:flex}.hearth-split-num{font-family:var(--font-arcade);color:var(--parchment-dim);font-variant-numeric:tabular-nums;margin-left:3.86px;font-size:.625rem;position:relative;top:.2em}.hearth-split-num.is-one{margin-left:2.86px}.hearth-online-num{font-family:var(--font-arcade);color:var(--cyan);font-variant-numeric:tabular-nums;margin-right:-1px;font-size:.72rem;position:relative}.sidebar-footer{border-top:1px solid #ffffff0f;padding:1rem .75rem}.sidebar-user{align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.5rem .75rem;display:flex}.sidebar-user>div{min-width:0}.user-avatar{border:2px solid var(--ink);width:32px;height:32px;font-family:var(--font-ui);color:#fffffff2;letter-spacing:.02em;image-rendering:pixelated;background:linear-gradient(160deg,#c45c5c 0%,#943838 100%);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:600;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff26}.user-avatar:after{content:"";pointer-events:none;z-index:3;background:linear-gradient(#ffffff1f 0%,#0000 100%);height:40%;position:absolute;top:0;left:0;right:0}.user-avatar.has-image{background:0 0!important}.user-avatar.has-image:after{display:none}.user-avatar.super-admin{background:linear-gradient(160deg,#9a72c4 0%,#6b3fa0 100%)}.avatar-img{object-fit:cover;z-index:1;width:100%;height:100%;position:relative}.user-name{font-family:var(--font-pixel);font-variant-ligatures:none;color:var(--parchment);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:500;display:block;overflow:hidden}.user-role-badge{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.06em;margin-top:2px;font-size:.62rem;display:block}.user-role-badge.super-admin{color:#b494d6}.user-role-badge.admin{color:#de8d8a}.user-role-badge.customer{color:var(--text-muted)}.logout-button{color:var(--text-muted);font-family:var(--font-pixel);font-variant-ligatures:none;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.6rem .9rem;font-size:.95rem;text-decoration:none;transition:background .15s,color .15s;display:flex}.logout-button:hover{color:#ff9598;background:#e5484d1a}.main-content{min-width:0;margin-left:var(--sidebar-width);flex:1;min-height:100dvh;padding:2rem 2.25rem 3.5rem}.main-content.wide{padding-left:1.25rem;padding-right:1.25rem}.mobile-bar{z-index:200;border-bottom:3px solid var(--ink);background:#091423eb;align-items:center;gap:.85rem;height:56px;padding:0 .75rem;display:none;position:fixed;top:0;left:0;right:0}.mobile-bar .sidebar-logo{font-size:.92rem}.sidebar-toggle{border:2px solid var(--ink);width:42px;height:42px;color:var(--parchment);cursor:pointer;background:#142235eb;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:5px;padding:.65rem;transition:background .2s;display:none}.hamburger-line{background:var(--parchment);width:20px;height:2px;transition:transform .3s,opacity .3s,background .3s;display:block}.sidebar-toggle.active .hamburger-line:first-child{background:var(--cyan);transform:translateY(7px)rotate(45deg)}.sidebar-toggle.active .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.sidebar-toggle.active .hamburger-line:nth-child(3){background:var(--cyan);transform:translateY(-7px)rotate(-45deg)}.sidebar-overlay{display:none}@media (max-width:768px){.mobile-bar{display:flex}.mobile-bar,.sidebar{background:#091424}.sidebar{overscroll-behavior:contain;height:calc(100dvh - 56px);top:56px;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-header{display:none}.sidebar-toggle{display:flex}.sidebar-toggle.active{background:0 0;border-color:#0000}.sidebar-toggle.active:hover{background:#ffffff0d}.nav-child{padding-top:.7rem;padding-bottom:.7rem}.sidebar-overlay{z-index:99;background:#050c1699;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.sidebar-overlay.visible{display:block}.main-content{margin-left:0;padding:calc(56px + 1rem) 1rem 1rem;overflow-x:hidden}.login-card{padding:2rem 1.5rem}}html.nav-open,html.nav-open body{overflow:hidden}.page-header{border-bottom:1px solid #ffffff12;margin-bottom:1.4rem;padding-bottom:1rem}.page-head{flex-direction:column;flex:auto;gap:.85rem;min-width:0;display:flex}.page-title{font-family:var(--font-pixel);font-variant-ligatures:none;color:var(--parchment);margin-bottom:0;font-size:1.45rem;font-weight:700;line-height:1.15}.page-subtitle{font-family:var(--font-ui);color:var(--text-muted);font-size:.83rem}@media (max-width:768px){.page-title{font-size:1.25rem}}.loading{min-height:300px;font-family:var(--font-pixel);font-variant-ligatures:none;flex-direction:column;justify-content:center;align-items:center;gap:1.1rem;font-size:1rem;display:flex}.loading.full{min-height:100dvh}.card .loading,.well .loading{min-height:8rem}.spinner{border:3px solid var(--stone);border-top-color:var(--cyan);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pulse{background:var(--status-ok);width:7px;height:7px;box-shadow:0 0 6px var(--status-ok);border-radius:50%}h2{font-family:var(--font-pixel);margin-bottom:.6rem;font-size:1.3rem;font-weight:700;line-height:1.2}.card h2{margin-bottom:.15rem;font-size:1.15rem}.group-head{font-family:var(--font-pixel);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:2px solid var(--panel-edge);margin:1.6rem 0 .75rem;padding-bottom:.4rem;font-size:1rem}section:first-of-type>.group-head{margin-top:.2rem}.group-head.sub{font-family:var(--font-arcade);letter-spacing:.04em;margin:1.1rem 0 .5rem;font-size:.5rem}.server-list>div:first-child>.group-head.sub{margin-top:.2rem}.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.1rem;display:grid}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.row.tabs{margin-bottom:1.25rem}.stack{gap:1.1rem;display:grid}.spread{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.spread.center{align-items:center}.metrics{flex-wrap:wrap;align-items:baseline;gap:1.4rem;display:flex}.metrics>span,.muted{color:var(--text-muted);font-size:.85rem}.kv{border-bottom:1px solid #ffffff0a;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;padding:.32rem 0;font-size:.88rem;display:flex}.copyfields{grid-template-columns:auto 1fr auto;align-items:center;gap:.4rem .6rem;display:grid}.copyfield{display:contents}.copyfield-label{color:var(--text-muted);font-size:.82rem}.copyfield-value{background:var(--well);border:2px solid var(--ink);-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;padding:.25rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.copyfield-actions{justify-content:flex-end;gap:.35rem;display:flex}@media (max-width:560px){.copyfields{grid-template-columns:1fr}.copyfield{grid-template-columns:1fr auto auto;align-items:center;gap:.3rem .5rem;display:grid}.copyfield-label{grid-column:1/-1}}.kv:last-child{border-bottom:0}.kv>span:first-child{color:var(--text-muted);flex:none}.kv>span:last-child{text-align:right;margin-left:auto}.notice{border:3px solid var(--ink);background:var(--well);border-left:6px solid var(--gold);color:var(--text-secondary);padding:.85rem 1rem;font-size:.88rem}.notice.bad{border-left-color:var(--danger)}.notice.good{border-left-color:var(--grass)}.empty{text-align:center;color:var(--text-muted);padding:3rem 1rem}.row.actions-nowrap{flex-wrap:nowrap}.server-head{grid-template-columns:9rem 8rem 11.5rem auto;align-items:center;gap:.55rem;margin-bottom:.3rem;display:grid}.server-head>*{min-width:0}.server-list{gap:1.1rem;padding-bottom:.2rem;display:grid;overflow-x:auto}@media (max-width:900px){.server-head{flex-wrap:wrap;display:flex}}@media (max-width:768px){.row.actions-nowrap{flex-wrap:wrap}.grid{grid-template-columns:1fr}.spread{flex-direction:column;align-items:stretch}.spread>.chip{align-self:flex-start}.spread>.server-marks{flex-direction:row;align-self:flex-start;align-items:center;gap:.6rem}.row.tabs{padding-inline:1rem;margin-inline:-1rem;scrollbar-width:none;flex-wrap:nowrap;margin-bottom:.9rem;padding-bottom:.6rem;overflow-x:auto}.row.tabs::-webkit-scrollbar{display:none}.row.tabs>.pixel-btn{padding-top:.6rem;padding-bottom:.6rem}.row.page-actions>.pixel-btn{flex:1 1 0;min-width:0;padding-inline:.5rem}}.bar{background:var(--well);border:3px solid var(--ink);height:1.6rem;overflow:hidden;box-shadow:inset 0 3px #00000059}.bar>i{background:var(--cyan);height:100%;transition:width .6s linear;display:block;box-shadow:inset 0 3px #ffffff4d,inset 0 -4px #00000040}.bar.indeterminate>i{animation:1.6s steps(12,end) infinite sweep;width:35%!important}@keyframes sweep{0%{transform:translate(-50%)}to{transform:translate(250%)}}.steps{gap:.55rem;max-width:34rem;display:grid}.step{grid-template-columns:auto 1fr auto;align-items:center;gap:0 .6rem;display:grid;position:relative}.step:not(:last-of-type):before{content:"";background:var(--stone-light);opacity:.5;width:2px;position:absolute;top:1.05rem;bottom:-.55rem;left:4px}.step.done:not(:last-of-type):before{background:var(--grass);opacity:1}.step-mark{border:2px solid var(--stone-light);background:0 0;flex:none;width:10px;height:10px}.step.done .step-mark{background:var(--grass-hi);border-color:var(--grass-hi)}.step.now .step-mark{background:var(--cyan);border-color:var(--cyan)}.step-label{font-family:var(--font-pixel);font-variant-ligatures:none;color:var(--text-muted);font-size:1rem}.step.done .step-label{color:var(--text-secondary)}.step.now .step-label{color:var(--text-primary)}.step-detail{color:var(--text-muted);font-size:.8rem}.step-bar.bar{border-width:2px;grid-column:2/-1;height:.55rem;margin-top:.3rem}.step-note{margin-top:.35rem;line-height:1.5}@media (prefers-reduced-motion:no-preference){.step.now .step-mark{animation:1.4s steps(2,end) infinite alternate step-pulse}}@keyframes step-pulse{0%{box-shadow:0 0 #3bcbf18c}to{box-shadow:0 0 0 4px #3bcbf100}}.log{display:grid}.log-row{border-left:4px solid var(--stone-light);grid-template-columns:3.6rem 1fr;align-items:baseline;gap:.8rem;padding:.26rem .75rem;font-size:.86rem;line-height:1.5;display:grid}.log-row:nth-child(2n){background:#ffffff04}.log-row.info{border-left-color:var(--cyan)}.log-row.on{border-left-color:var(--grass)}.log-row.busy{border-left-color:var(--gold)}.log-row.bad{border-left-color:var(--danger)}.log-row.quiet{color:var(--text-muted);border-left-color:#0000}.log-row>time{font-family:var(--font-arcade);letter-spacing:0;color:var(--text-muted);text-align:right;white-space:nowrap;font-size:.58rem;font-style:normal;position:relative;top:.05em}.log-day{color:var(--text-secondary);font-family:var(--font-arcade);letter-spacing:0;text-transform:uppercase;align-items:center;gap:.6rem;margin:.85rem 0 .35rem;font-size:.58rem;display:flex}.log-day:first-child{margin-top:.2rem}.log-day:after{content:"";background:#ffffff0f;flex:1;height:2px}@media (max-width:480px){.log-row{grid-template-columns:1fr;gap:.1rem}.log-row>time{text-align:left}}.confirm-modal-overlay{z-index:1000;background:#050c16b8;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-modal-card{background:var(--panel);border:4px solid var(--ink);box-shadow:0 0 0 4px var(--stone-light), 0 8px 0 4px var(--panel-edge), inset 0 0 0 2px #ffffff0d;width:90%;max-width:430px;padding:1.6rem 1.75rem;animation:.2s slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.confirm-modal-title{font-family:var(--font-pixel);font-variant-ligatures:none;color:var(--parchment);margin-bottom:.9rem;font-size:1.2rem;font-weight:700}.confirm-modal-server{margin-bottom:.75rem}.confirm-modal-server-name{font-family:var(--font-pixel);font-variant-ligatures:none;color:var(--cyan);font-size:1.05rem;font-weight:500}.confirm-modal-message{font-family:var(--font-ui);color:var(--text-secondary);margin-bottom:1rem;font-size:.86rem;line-height:1.5}.confirm-modal-warning{border:2px solid var(--ink);border-left:3px solid var(--gold);font-family:var(--font-pixel);font-variant-ligatures:none;color:var(--gold);background:#ffd23f1a;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem .75rem;font-size:.85rem;display:flex}.confirm-modal-actions{gap:.75rem;margin-top:.5rem;display:flex}.confirm-modal-btn{border:3px solid var(--ink);font-family:var(--font-pixel);font-variant-ligatures:none;cursor:pointer;box-shadow:inset 0 3px 0 #ffffff40, inset 0 -3px 0 #00000047, 0 4px 0 0 var(--ink);flex:1;padding:.58rem 1rem;font-size:.95rem;font-weight:700;transition:transform 60ms steps(2,end),box-shadow 60ms steps(2,end),filter .15s}.confirm-modal-btn:hover:not(:disabled){filter:brightness(1.08)}.confirm-modal-btn:active:not(:disabled){box-shadow:inset 0 3px 0 #fff3, inset 0 -3px 0 #00000047, 0 1px 0 0 var(--ink);transform:translateY(3px)}.confirm-modal-btn:disabled{opacity:.55;cursor:not-allowed}.confirm-modal-btn.cancel{background:var(--stone);color:var(--parchment)}.confirm-modal-btn.confirm.amber{background:linear-gradient(180deg, #ffdc62 0%, var(--gold) 45%, #e8b923 100%);color:var(--ink)}.confirm-modal-btn.confirm.red{background:linear-gradient(180deg, #ef6a6e 0%, var(--danger) 55%, #c73135 100%);color:#fff}.confirm-modal-btn.confirm.green{color:#fff;background:linear-gradient(#79bd42 0%,#5a9e2a 55%,#4a8721 100%)}.toast-container{z-index:9999;pointer-events:none;flex-direction:column-reverse;gap:.5rem;max-height:calc(100dvh - 2rem);display:flex;position:fixed;bottom:1rem;right:1rem;overflow:hidden}.toast{pointer-events:auto;background:var(--panel);border:3px solid var(--ink);border-left:4px solid var(--cyan);max-width:380px;font-family:var(--font-ui);color:var(--text-primary);align-items:flex-start;gap:.6rem;padding:.75rem 1rem;font-size:.85rem;animation:.3s ease-out toastSlideIn;display:flex;box-shadow:inset 0 2px #ffffff12,4px 4px #00000059}.toast-removing{animation:.3s ease-in forwards toastSlideOut}.toast-info{border-left-color:var(--cyan)}.toast-success{border-left-color:var(--grass-hi)}.toast-warning{border-left-color:var(--gold)}.toast-error{border-left-color:var(--danger)}.toast-icon{flex-shrink:0;font-size:1rem;line-height:1.3}.toast-info .toast-icon{color:var(--cyan)}.toast-success .toast-icon{color:var(--grass-hi)}.toast-warning .toast-icon{color:var(--gold)}.toast-error .toast-icon{color:#ff9598}.toast-body{flex-direction:column;flex:1;gap:.35rem;display:flex}.toast-message{line-height:1.4}.toast-action{color:var(--cyan);font-family:var(--font-ui);cursor:pointer;text-align:left;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:.8rem;font-weight:600;text-decoration:underline}.toast-action:hover{color:var(--sky-light)}.toast-dismiss{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:1.1rem;line-height:1}.toast-dismiss:hover{color:var(--parchment)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(110%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(110%)}}@media (prefers-reduced-motion:reduce){.toast,.confirm-modal-overlay,.confirm-modal-card{animation:none}}@media (max-width:768px){.toast-container{left:1rem}.toast{max-width:none}}.create-invite,.create-open{border-left:3px solid var(--grass);margin-bottom:1.5rem}.create-invite{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 1.5rem;display:flex}.create-invite-title{margin:0}.create-invite-action{flex-wrap:wrap;align-items:center;gap:.9rem;display:flex}.create-remaining{white-space:nowrap}.create-head{border-bottom:2px solid var(--panel-edge);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.9rem;display:flex}.create-head h2{margin:0}.create-field{gap:.55rem;display:grid}.create-field>label{font-family:var(--font-arcade);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:.55rem}.create-field>input{margin-bottom:0}.create-foot{border-top:2px solid var(--panel-edge);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;display:flex}.pick-row{flex-wrap:wrap;gap:.45rem;display:flex}.pick-grid{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.45rem;display:grid}.pick{font-family:var(--font-pixel);text-align:left;color:var(--text-secondary);background:var(--well);border:2px solid var(--panel-edge);cursor:pointer;padding:.5rem .65rem;font-size:.95rem;line-height:1.2;transition:border-color .12s,color .12s,background .12s}.pick:hover{color:var(--text-primary);border-color:var(--stone-light)}.pick:focus-visible{outline:2px solid var(--sky);outline-offset:2px}.pick.on{color:var(--ink);background:var(--sky);border-color:var(--sky-light);box-shadow:inset 0 2px #ffffff59}.pick-game{font-family:var(--font-arcade);padding:.75rem .95rem;font-size:.6rem;line-height:1.5}.quota-input{text-align:center;width:4.5rem;margin-bottom:0}.confirm-modal-phrase{margin-bottom:1rem;display:block}.confirm-modal-phrase>span{color:var(--text-secondary);margin-bottom:.4rem;display:block}.confirm-modal-phrase strong{color:var(--text-primary)}.confirm-modal-phrase input{margin-bottom:0}.danger-zone{border-left:3px solid var(--danger);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 1.5rem;margin-top:1.5rem;display:flex}.danger-zone-title{margin:0}.linkish{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px dashed #0000;padding:0}.linkish:hover,.linkish:focus-visible{color:var(--text-primary);border-bottom-color:var(--stone-light)}.connect-addr{white-space:normal;overflow-wrap:break-word;min-width:min(100%, max-content)}@media (max-width:768px){input[type=text],input[type=number],select,select.sm,textarea,textarea.code{font-size:16px}}