.gx{--gx-bg:#0b0d14;--gx-panel:#12141ff5;--gx-raised:#1a1d2c;--gx-well:#0c0e18;--gx-line:#2a3044;--gx-line-lit:#3c445e;--gx-text:#e8ecf4;--gx-muted:#8a93a8;--gx-gold:#ffc94a;--gx-gold-dim:#b8871e;--gx-neon:#22e6da;--gx-neon-dim:#1a9e96;--gx-danger:#ff5f5f;--gx-px:0 -3px 0 0 var(--gx-line),0 3px 0 0 var(--gx-line),-3px 0 0 0 var(--gx-line),3px 0 0 0 var(--gx-line);--gx-px-gold:0 -3px 0 0 var(--gx-gold-dim),0 3px 0 0 var(--gx-gold-dim),-3px 0 0 0 var(--gx-gold-dim),3px 0 0 0 var(--gx-gold-dim);--gx-px-neon:0 -3px 0 0 var(--gx-neon-dim),0 3px 0 0 var(--gx-neon-dim),-3px 0 0 0 var(--gx-neon-dim),3px 0 0 0 var(--gx-neon-dim);--gx-drop:6px 6px 0 0 rgba(0,0,0,.45);--gx-ease:cubic-bezier(0.16,1,0.3,1);position:fixed;inset:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;background:var(--gx-bg);color:var(--gx-text);font-family:PixelBody,ui-monospace,monospace;font-size:20px;line-height:1.3}.gx .pix{image-rendering:pixelated}.gx-sky{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 80% 50% at 50% 110%,#ff5f9e33,transparent 70%),radial-gradient(ellipse 60% 40% at 15% 0,#22e6da22,transparent 70%),radial-gradient(ellipse 60% 40% at 85% 5%,#ffc94a1c,transparent 70%),linear-gradient(180deg,#0b0d14,#131628 60%,#1c1530)}.gx-sky:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 2px,transparent 2px 4px)}.gx-main{position:relative;min-height:100%;max-width:760px;margin:0 auto;padding:56px 16px 40px;display:flex;flex-direction:column;align-items:center;gap:22px}.gx-home{position:absolute;top:16px;left:16px;color:var(--gx-muted);text-decoration:none;font-size:18px}.gx-home:hover{color:var(--gx-gold)}.gx-logo{width:min(420px,82vw);height:auto;image-rendering:pixelated;filter:drop-shadow(4px 4px 0 rgba(0,0,0,.6))}.gx-title{font-family:PixelHead,ui-monospace,monospace;font-weight:400;font-size:17px;line-height:1.5;color:var(--gx-gold);text-align:center;letter-spacing:1px}.gx-title.small{font-size:14px}.gx-caret{display:inline-block;width:10px;height:14px;margin-left:6px;vertical-align:-1px;background:var(--gx-neon);animation:gx-blink 1s steps(1) infinite}@keyframes gx-blink{50%{opacity:0}}.gx-panel{width:100%;max-width:420px;display:flex;flex-direction:column;gap:12px;padding:26px 22px 22px;background:var(--gx-panel);box-shadow:var(--gx-px),var(--gx-drop);animation:gx-in .35s var(--gx-ease)}@keyframes gx-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.gx-label{font-size:17px;color:var(--gx-neon);letter-spacing:1px;margin-top:4px}.gx-input{width:100%;padding:10px 12px;background:var(--gx-well);border:none;box-shadow:var(--gx-px);color:var(--gx-text);font-family:inherit;font-size:22px;outline:none;-webkit-user-select:text;-moz-user-select:text;user-select:text;border-radius:0}.gx-input:focus{box-shadow:var(--gx-px-neon)}.gx-hint{color:var(--gx-muted);font-size:17px}.gx-hint.center{text-align:center}.gx-hint a,.gx-link{color:var(--gx-neon)}.gx-link{align-self:center;background:none;border:0;padding:4px 6px;min-height:32px;font:inherit;font-size:17px;text-decoration:underline;cursor:pointer}.gx-link:disabled{opacity:.5;cursor:default}.gx-error{color:var(--gx-danger);font-size:18px}.gx-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--gx-raised);color:var(--gx-text);border:none;cursor:pointer;text-decoration:none;font-family:inherit;font-size:20px;padding:10px 16px 9px;box-shadow:var(--gx-px),0 5px 0 -1px #05060a;transition:transform .08s ease-out,box-shadow .12s ease-out,color .12s ease-out,background .12s ease-out;touch-action:manipulation;min-height:44px}@media (hover:hover){.gx-btn:hover:not(:disabled){color:var(--gx-gold);box-shadow:0 -3px 0 0 var(--gx-line-lit),0 3px 0 0 var(--gx-line-lit),-3px 0 0 0 var(--gx-line-lit),3px 0 0 0 var(--gx-line-lit),0 5px 0 -1px #05060a}}.gx-btn:active:not(:disabled){transform:translateY(2px);box-shadow:var(--gx-px)}.gx-btn:disabled{opacity:.6;cursor:default}.gx-btn.primary{background:var(--gx-gold)}.gx-btn.primary,.gx-btn.primary:hover:not(:disabled){color:#241a04;box-shadow:var(--gx-px-gold),0 5px 0 -1px #05060a}.gx-btn.primary:hover:not(:disabled){background:#ffdd7a}.gx-btn.xl{font-family:PixelHead,ui-monospace,monospace;font-size:14px;padding:18px 20px;margin-top:6px}.gx-btn.small{font-size:18px;padding:7px 14px 6px;min-height:40px;align-self:center}.gx-btn.grow{flex:1 1;width:100%}.gx-row{display:flex;gap:10px;margin-top:6px}.gx-row .gx-btn{flex:1 1}.gx-row .gx-btn.grow{flex:2 1}.gx-or{display:flex;align-items:center;gap:12px;color:var(--gx-muted);font-size:16px;margin:4px 0 -2px}.gx-or:after,.gx-or:before{content:"";flex:1 1;height:3px;background:var(--gx-line)}.gx-chip{display:inline-block;align-self:flex-start;padding:3px 9px 2px;font-size:17px;background:var(--gx-well);box-shadow:var(--gx-px);color:var(--gx-muted)}.gx-chip.level{color:#241a04;background:var(--gx-gold);box-shadow:var(--gx-px-gold);font-family:PixelHead,ui-monospace,monospace;font-size:11px;padding:6px 9px 5px}.gx-chip.wallet{color:var(--gx-neon)}.gx-modes{width:100%;flex-direction:column;gap:20px;animation:gx-in .35s var(--gx-ease)}.gx-modes,.gx-who{display:flex;align-items:center}.gx-who{flex-wrap:wrap;justify-content:center;gap:10px 12px}.gx-who-name{font-family:PixelHead,ui-monospace,monospace;font-size:15px;color:var(--gx-text);word-break:break-all}.gx-cards{width:100%;display:grid;grid-template-columns:1fr 1fr;grid-gap:22px;gap:22px}.gx-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-height:250px;padding:22px 20px 20px;text-align:left;border:none;cursor:pointer;color:var(--gx-text);font-family:inherit;background:linear-gradient(160deg,#1a1d2c,#12141f);box-shadow:var(--gx-px),var(--gx-drop);transition:transform .15s var(--gx-ease),box-shadow .15s var(--gx-ease);touch-action:manipulation}.gx-card:focus-visible{transform:translateY(-4px);outline:none}.gx-card.story:focus-visible{box-shadow:var(--gx-px-gold),var(--gx-drop),0 0 30px 2px #ffc94a26}.gx-card.multi:focus-visible{box-shadow:var(--gx-px-neon),var(--gx-drop),0 0 30px 2px #22e6da26}@media (hover:hover){.gx-card:hover:not(:disabled){transform:translateY(-4px)}.gx-card.story:hover{box-shadow:var(--gx-px-gold),var(--gx-drop),0 0 30px 2px #ffc94a26}.gx-card.multi:hover:not(:disabled){box-shadow:var(--gx-px-neon),var(--gx-drop),0 0 30px 2px #22e6da26}}.gx-card:active:not(:disabled){transform:translateY(1px)}.gx-card-art{height:56px;width:auto;filter:drop-shadow(3px 3px 0 rgba(0,0,0,.5))}.gx-card-title{font-family:PixelHead,ui-monospace,monospace;font-size:16px;line-height:1.4}.gx-card.story .gx-card-title{color:var(--gx-gold)}.gx-card.multi .gx-card-title{color:var(--gx-neon)}.gx-card-text{color:var(--gx-muted);font-size:18px;flex:1 1}.gx-req{font-size:16px;color:var(--gx-gold);padding:2px 8px 1px;box-shadow:var(--gx-px-gold)}.gx-card-go{font-family:PixelHead,ui-monospace,monospace;font-size:12px;color:var(--gx-text)}.gx-card.locked{cursor:not-allowed;filter:saturate(.4);opacity:.8}.gx-card.locked .gx-req{color:var(--gx-danger);box-shadow:0 -3px 0 0 #8e3333,0 3px 0 0 #8e3333,-3px 0 0 0 #8e3333,3px 0 0 0 #8e3333}.gx-overlay{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.85)}.gx-wallets{display:flex;flex-direction:column;gap:10px}.gx-loading{display:grid;place-items:center}.gx-loading-text{color:var(--gx-neon);font-size:22px;padding:16px;text-align:center}.gx-dots:after{content:"...";animation:gx-blink 1s steps(1) infinite}@media (max-width:640px){.gx-main{padding-top:52px;gap:18px}.gx-cards{grid-template-columns:1fr;gap:18px}.gx-card{min-height:0}.gx-title{font-size:14px}.gx-panel{padding:22px 16px 18px}}@media (prefers-reduced-motion:reduce){.gx-modes,.gx-panel{animation:none}.gx-card{transition:none}}.gx-servers{max-width:560px}.gx-server-list{display:flex;flex-direction:column;gap:8px}.gx-server{display:grid;grid-template-columns:1fr auto auto auto;grid-gap:14px;gap:14px;align-items:center;padding:10px 14px;background:var(--gx-well);border:none;color:var(--gx-text);font-family:inherit;font-size:19px;text-align:left;cursor:pointer;box-shadow:var(--gx-px)}.gx-server.on{box-shadow:var(--gx-px-neon)}.gx-server:disabled{opacity:.55;cursor:default}.gx-server-name{display:flex;align-items:center;gap:8px;min-width:0}.gx-chip.best{color:#241a04;background:var(--gx-neon);font-size:13px;padding:2px 6px}.gx-server-ping{min-width:64px;text-align:right}.gx-server-ping.good{color:#5fd977}.gx-server-ping.ok{color:var(--gx-gold)}.gx-server-ping.poor{color:#ff9a3c}.gx-server-ping.bad{color:var(--gx-danger)}.gx-server-load{color:var(--gx-muted);min-width:64px;text-align:right}.gx-server-state{font-size:15px;min-width:70px;text-align:right;color:var(--gx-neon)}.gx-server-state.closed,.gx-server-state.full,.gx-server-state.offline{color:var(--gx-danger)}@media (max-width:640px){.gx-server{grid-template-columns:1fr auto auto;font-size:17px;gap:10px}.gx-server-load{display:none}}