:root{--bg-color: rgb(5, 0, 32);--bg-color: #050120;--text-color: rgb(240, 240, 250);--text-color-muted: rgba(255, 255, 255, .6);--text-color-bright: rgba(255, 255, 255, .9);--accent-green: #25df65;--accent-yellow: #f5d76e;--accent-purple: #a569bd;--panel-bg: rgba(12, 15, 53, .6);--panel-border: rgba(255, 255, 255, .08);--primary-color: rgb(82 116 253);--secondary-color: #3a4064;--accent-color: #ff7b5c;--container-bg: black;--button-default: #f1c40f;--button-yellow: #f5d76e;--button-green: #25df65;--button-red: #e74c3c;--button-purple: #b553ff;--button-blue: #4da8ff;--button-dark-blue: #1c2f6b;--button-orange: #e67e22;--status-idle: #8b93b8;--status-error: #e74c3c;--status-starting: #f39c12;--status-stopping: #f39c12;--status-online: #25df65;--status-maintenance: #3498db;--success-color: #25df65;--warning-color: #f1c40f;--notification-bg: #f1c40f;--notification-text: #1a1a1a;--topbar-height: 4rem;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-pill: 50px}.gb{--tint: 241 196 15;--fill: rgb(var(--tint));--shelf: color-mix(in oklab, rgb(var(--tint)) 46%, #050120);--ink: #0a0620;--h: 3px;--spring: cubic-bezier(.2, .9, .32, 1.35);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5em;font-family:Titillium Web,sans-serif;font-weight:700;font-size:1.02rem;letter-spacing:.01em;text-transform:lowercase;text-decoration:none;white-space:nowrap;padding:.62rem 1.3rem;border:2px solid transparent;border-radius:10px;background:var(--fill);color:var(--ink);cursor:pointer;overflow:hidden;isolation:isolate;box-shadow:0 var(--h) 0 var(--shelf);transform:translateY(0);transition:transform .14s var(--spring),box-shadow .14s var(--spring),filter .18s ease}.gb:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--x, 50%) var(--y, 50%),rgba(255,255,255,.28) 0%,rgba(255,255,255,0) 68%);opacity:0;transition:opacity .26s ease;pointer-events:none;z-index:-1}.gb:hover:not(:disabled):before{opacity:1}.gb:hover:not(:disabled){filter:brightness(1.05) saturate(1.06);box-shadow:0 var(--h) 0 var(--shelf),0 10px 22px -10px rgb(var(--tint) / .75)}.gb:active:not(:disabled){transform:translateY(calc(var(--h) - 1px));box-shadow:0 1px 0 var(--shelf)}.gb:focus-visible{outline:2px solid rgb(var(--tint));outline-offset:3px}.gb .ico{display:inline-block;transition:transform .2s var(--spring)}.gb:hover:not(:disabled) .ico{transform:rotate(-8deg) scale(1.08)}.gb.ghost{background:color-mix(in oklab,rgb(var(--tint)) 12%,#050120);border-color:rgb(var(--tint) / .85);color:rgb(var(--tint));--shelf: color-mix(in oklab, rgb(var(--tint)) 30%, #050120)}.gb.ghost:before{background:radial-gradient(circle at var(--x, 50%) var(--y, 50%),rgb(var(--tint) / .22) 0%,rgb(var(--tint) / 0) 68%)}.gb.bare{background:transparent;border-color:transparent;color:rgb(var(--tint));box-shadow:none}.gb.bare:before{background:radial-gradient(circle at var(--x, 50%) var(--y, 50%),rgb(var(--tint) / .22) 0%,rgb(var(--tint) / 0) 68%)}.gb.bare:hover:not(:disabled){background:rgb(var(--tint) / .12);box-shadow:none}.gb.bare:active:not(:disabled){transform:translateY(1px);box-shadow:none}.gb.xs{font-size:.76rem;padding:.3rem .75rem;border-radius:7px;--h: 2px}.gb.sm{font-size:.85rem;padding:.42rem .9rem;border-radius:8px;--h: 2px}.gb.lg{font-size:1.2rem;padding:.85rem 1.8rem;border-radius:12px;--h: 4px}.gb.icon{padding:.62rem;width:2.9rem;font-size:1.15rem}.gb.block{display:flex;width:100%}.gb.bare{padding-left:.45rem;padding-right:.45rem}.gb:disabled:not(.is-loading),.gb[aria-disabled=true]:not(.is-loading){background:#ffffff17;border-color:transparent;color:#ffffff42;box-shadow:0 var(--h) 0 #ffffff0d;cursor:not-allowed;filter:none}.gb.is-loading{cursor:wait;pointer-events:none}.gb .gb-hidden{visibility:hidden}.gb .gb-spinner{position:absolute;width:1.15em;height:1.15em;border:2.5px solid rgb(var(--tint) / .3);border-top-color:currentColor;border-radius:50%;animation:gb-spin .8s linear infinite}.gb:not(.ghost):not(.bare) .gb-spinner{border-color:#0a062040;border-top-color:var(--ink)}@keyframes gb-spin{to{transform:rotate(360deg)}}.gb.default,.gb.primary{--tint: 241 196 15}.gb.yellow{--tint: 245 215 110}.gb.green,.gb.success{--tint: 37 223 101}.gb.red,.gb.danger{--tint: 231 76 60}.gb.orange,.gb.warning{--tint: 230 126 34}.gb.blue,.gb.info{--tint: 77 168 255}.gb.purple{--tint: 181 83 255}.gb.violet{--tint: 132 142 226}.gb.dark-blue{--tint: 79 106 223;--ink: #f2f5ff}.gb.neutral{--tint: 148 163 184;--ink: #0a0620}@media (prefers-reduced-motion: reduce){.gb,.gb .ico{transition-duration:1ms}.gb .gb-spinner{animation-duration:2s}}@media (max-width: 640px){.gb{font-size:.95rem;padding:.55rem 1.1rem}.gb.sm{font-size:.78rem;padding:.38rem .8rem}.gb.xs{font-size:.72rem;padding:.28rem .65rem}.gb.lg{font-size:1.05rem;padding:.7rem 1.4rem}}.notification.svelte-135lr8d{--edge-rgb: 132 142 226;--panel-fill: #08052a;--panel-lift: #12103a;--panel-shelf: #171a45;--panel-edge: rgb(var(--edge-rgb) / .34);--spring: cubic-bezier(.2, .9, .32, 1.35);--n-edge: rgb(var(--edge-rgb) / .58);--n-shelf: var(--panel-shelf);--n-ring: rgb(var(--edge-rgb) / .18);--n-ink: rgb(var(--edge-rgb));position:relative;display:flex;align-items:center;justify-content:space-between;gap:.55rem;margin-bottom:8px;padding:.5rem .55rem .5rem .9rem;min-width:200px;max-width:min(450px,100%);background:var(--panel-lift);border:2px solid var(--n-edge);border-radius:var(--border-radius-pill);box-shadow:0 3px 0 var(--n-shelf),0 0 0 3px var(--n-ring);color:var(--text-color);font-size:.95rem;font-weight:600;transform:translateY(-20px);opacity:0;transition:transform .3s var(--spring),opacity .3s cubic-bezier(.25,.46,.45,.94)}.notification.success.svelte-135lr8d{--n-edge: var(--accent-green);--n-shelf: #064d31;--n-ring: rgb(37 223 101 / .18);--n-ink: var(--accent-green)}.notification.error.svelte-135lr8d{--n-edge: var(--status-error);--n-shelf: #5a1912;--n-ring: rgb(231 76 60 / .18);--n-ink: var(--status-error)}.notification.warning.svelte-135lr8d{--n-edge: var(--button-orange);--n-shelf: #5c3008;--n-ring: rgb(230 126 34 / .18);--n-ink: var(--button-orange)}.notification.show.svelte-135lr8d{transform:translateY(0);opacity:1}.notification.hide.svelte-135lr8d{transform:translateY(10px);opacity:0}.icon-container.svelte-135lr8d{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--n-ink)}.message.svelte-135lr8d{flex-grow:1;font-size:.95rem;font-weight:600;line-height:1.25}.close-btn.svelte-135lr8d{background:none;border:none;color:var(--text-color-muted);cursor:pointer;padding:0;width:26px;height:26px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-pill);transition:background-color .2s,color .2s}.close-btn.svelte-135lr8d:hover{background:var(--panel-fill);color:var(--text-color)}.notification-container.svelte-41kada{position:fixed;top:20px;left:0;right:0;z-index:2000;display:flex;flex-direction:column;align-items:center;padding:0 12px;box-sizing:border-box;pointer-events:none}.notification-container.svelte-41kada .notification{pointer-events:auto}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);font-family:Titillium Web,sans-serif}.app.svelte-p1e3o{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:100vh}.page-bg.svelte-p1e3o{position:absolute;top:0;left:50%;transform:translate(-50%);width:min(100%,var(--content-width, 1200px));aspect-ratio:1536 / 418;z-index:-1;pointer-events:none;background:url(../../../img/home/gameho-bg.webp) center top / 100% auto no-repeat;-webkit-mask-image:linear-gradient(180deg,#000 45%,transparent 100%),linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,#000 45%,transparent 100%),linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);mask-composite:intersect}.foot-bg.svelte-p1e3o{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.foot-bg-art.svelte-p1e3o{position:absolute;bottom:0;left:50%;transform:translate(-50%,33%);width:max(900px,min(100%,1536px));aspect-ratio:1536 / 418;opacity:.34;background:url(../../../img/home/gameho-bg.webp) center bottom / 100% auto no-repeat;-webkit-mask-image:linear-gradient(180deg,transparent,#000 35%),linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,transparent,#000 35%),linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-composite:intersect}
