:root{--topbar-h: 34px;--gamebar-h: 60px;--chrome-h: 94px}:root{--arc-void: rgba(7, 12, 22, .93);--arc-recess: rgba(2, 5, 10, .93);--arc-edge: rgba(30, 55, 85, .55);--arc-edge-strong: rgba(30, 55, 85, .75);--arc-edge-soft: rgba(30, 55, 85, .35);--arc-gold: #DEAA00;--arc-text: #e0fbfc;--arc-dim: #6f8bb5;--arc-display: "Rajdhani", "Share Tech Mono", sans-serif;--arc-mono: "Share Tech Mono", monospace}.site-topbar{position:fixed;top:0;left:0;right:0;z-index:9000;display:flex;align-items:center;height:var(--topbar-h);padding:0 12px;background:var(--arc-void);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--arc-edge-strong);box-shadow:0 1px 10px #0000008c;font-family:Rajdhani,Share Tech Mono,sans-serif;font-size:13px;font-weight:600;letter-spacing:1.7px}.topbar-spacer{flex:1}.topbar-right{flex:1;display:flex;justify-content:flex-end;align-items:center;gap:7px}.topbar-nav{display:flex;gap:2px;align-items:center}.site-topbar a{color:var(--link-color, #e0fbfc);opacity:.72;text-decoration:none;padding:4px 11px 3px;border-radius:3px;border-bottom:2px solid transparent;transition:opacity .12s,background .12s,border-color .12s}.site-topbar a:hover{opacity:1;background:#e0fbfc12;border-bottom-color:var(--link-color, #e0fbfc)}.site-topbar a.topbar-active{opacity:1;border-bottom-color:var(--link-color, #e0fbfc);text-shadow:0 0 12px var(--link-color)}.site-topbar a:focus-visible{outline:2px solid var(--link-color, #e0fbfc);outline-offset:-2px}html.has-gamebar .page-wrap,html.has-gamebar main{padding-top:var(--gamebar-h)}html.has-gamebar .archive-layout{padding-top:var(--chrome-h)}.gamebar{position:fixed;top:var(--topbar-h);left:0;right:0;z-index:9001;display:flex;align-items:center;height:var(--gamebar-h);padding:0 12px;background:var(--arc-void);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--arc-edge-strong);font-family:Rajdhani,sans-serif;font-size:15px;font-weight:700;letter-spacing:2.5px}.gamebar .gb-spacer{flex:1;display:flex;align-items:center}.gamebar .gb-nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center}.gamebar .gb-right{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:7px;font-size:12px;letter-spacing:1.2px}.gamebar .gb-brand{opacity:.6;font-size:13px;letter-spacing:1.7px}.gamebar .gb-badge{position:absolute;top:-1px;right:0;min-width:15px;height:15px;padding:0 4px;border-radius:8px;background:#f97316;color:#0a1020;font-size:10px;font-weight:700;line-height:15px;letter-spacing:0;text-align:center}.gamebar .gb{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;text-decoration:none;color:#e0fbfc;opacity:.82;padding:4px 10px 2px;border-radius:3px;border-bottom:2px solid transparent;transition:opacity .12s,background .12s,border-color .12s}.gamebar .gb:hover{opacity:1;background:#e0fbfc0f;border-bottom-color:currentColor}.gamebar .gb:focus-visible{outline:2px solid currentColor;outline-offset:-2px}.gamebar .gb img{width:19px;height:19px;flex:none}.gamebar .gb-div{color:#e0fbfc38;margin:0 -6px}.gamebar .gb-home{color:#ff5f8f}.gamebar .gb-coll{color:#2dd4bf}.gamebar .gb-shop{color:#deaa00}.gamebar .gb-loot{color:#4ade80}.gamebar .gb-prof{color:#a855f7}.gamebar .gb-league{color:#deaa00}.gamebar .gb-ic{width:43px;height:43px;display:block;flex:none;filter:brightness(1) saturate(1) drop-shadow(0 1px 1px rgba(0,0,0,.65)) drop-shadow(0 0 0 rgba(255,255,255,0));animation:gb-breathe 9s ease-in-out infinite;transition:transform .18s ease,filter .32s ease}.gamebar .gb-coll .gb-ic{animation-delay:-3s}.gamebar .gb-shop .gb-ic{animation-delay:-5.5s}.gamebar .gb-loot .gb-ic{animation-delay:-7.5s}@keyframes gb-breathe{0%,to{opacity:.9}50%{opacity:1}}.gamebar .gb:hover .gb-ic,.gamebar .gb:focus-visible .gb-ic{transform:translateY(-1px);filter:brightness(1.22) saturate(1.22) drop-shadow(0 1px 1px rgba(0,0,0,.5)) drop-shadow(0 0 9px currentColor)}@media(prefers-reduced-motion:reduce){.gamebar .gb-ic{animation:none;opacity:1}}.gamebar .gb-league{font-size:17px;font-weight:800;letter-spacing:2.8px;filter:brightness(1) drop-shadow(0 -.5px 0 rgba(255,250,225,.45)) drop-shadow(0 1.2px 0 rgba(0,0,0,.85)) drop-shadow(0 0 0 rgba(222,170,0,0));transition:transform .18s ease,filter .32s ease,border-color .12s;animation:gb-breathe 9s ease-in-out infinite;animation-delay:-1.5s}.gamebar .gb-league .gb-word{background:linear-gradient(180deg,#fffdf4,#f7e7ae 26%,#e3c765 44%,#c09a34 53%,#8f690c 78%,#5c3f06);-webkit-background-clip:text;background-clip:text;color:transparent}.gamebar .gb-league:hover{border-bottom-color:#deaa00;transform:translateY(-1px);filter:brightness(1.14) drop-shadow(0 -.5px 0 rgba(255,250,225,.55)) drop-shadow(0 1.2px 0 rgba(0,0,0,.9)) drop-shadow(0 0 4px rgba(222,170,0,.85))}.gamebar .gb-league:focus-visible{outline-color:#deaa00}@media(prefers-reduced-motion:reduce){.gamebar .gb-league{animation:none;opacity:1}}.gamebar .gb[data-label]:after{content:attr(data-label);position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%,-4px);padding:3px 10px 2px;background:#060a12f5;border:1px solid currentColor;border-radius:3px;color:#e8e4d8;font-size:11px;font-weight:700;letter-spacing:2.2px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:1}.gamebar .gb[data-label]:hover:after,.gamebar .gb[data-label]:focus-visible:after{opacity:1;transform:translate(-50%);transition-delay:.18s}.gamebar .gb-tip-desc:after{font-size:11px;font-weight:600;letter-spacing:.8px}.gamebar .gb-play{position:relative;opacity:1;padding:0 6px;background:none;border:none;border-bottom:none;box-shadow:none}.gamebar .gb-play .gb-play-ic{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:78px;height:78px;filter:brightness(1) saturate(1) drop-shadow(0 1px 2px rgba(0,0,0,.6)) drop-shadow(0 0 0 rgba(222,170,0,0));animation:gb-breathe 9s ease-in-out infinite;animation-delay:-6.5s}.gamebar .gb-play:hover .gb-play-ic,.gamebar .gb-play:focus-visible .gb-play-ic{transform:translate(-50%,-50%) scale(1.05);filter:brightness(1.16) saturate(1.1) drop-shadow(0 1px 2px rgba(0,0,0,.5)) drop-shadow(0 0 12px rgba(222,170,0,.75))}.gamebar .gb-play:before{content:"";display:block;width:62px;height:43px}.gamebar .gb-play[data-label]:after{top:calc(100% + 16px)}.gamebar [aria-current=page]{opacity:1;border-bottom-color:currentColor;cursor:default}html.arcbound-in-game .gamebar .gb-play,html.arcbound-in-game .gamebar .gb-play:hover{cursor:default;opacity:.4;filter:grayscale(.35) drop-shadow(0 1px 2px rgba(0,0,0,.5))}html.arcbound-in-game .site-topbar a[href="/arcbound.html"]{pointer-events:none;opacity:.35}html.chrome-hidden .site-topbar,html.chrome-hidden .gamebar{display:none}@media(max-width:900px){:root{--gamebar-h: 48px;--chrome-h: 82px}.gamebar{gap:9px;font-size:12px;letter-spacing:1.4px;padding:0 8px}.gamebar .gb{padding:2px 6px 1px}.gamebar .gb img{width:15px;height:15px}.gamebar .gb-ic{width:32px;height:32px}.gamebar .gb-league{font-size:14px;letter-spacing:2px}.gamebar .gb-play{padding:0 4px}.gamebar .gb-play .gb-play-ic{width:62px;height:62px}.gamebar .gb-play:before{width:48px;height:32px}}.topbar-account{display:flex;align-items:center;gap:7px;font-family:Rajdhani,Share Tech Mono,sans-serif;font-size:12px;font-weight:600;letter-spacing:1.2px}.topbar-identity{padding:2px 9px;border:1px solid rgba(30,55,85,.55);border-radius:3px;background:#0a152099;font-weight:600;letter-spacing:1px;cursor:default}.topbar-clan{font-size:12px;font-weight:700}.topbar-btn{font-family:Rajdhani,Share Tech Mono,sans-serif;font-size:12px;font-weight:700;letter-spacing:1.6px;padding:3px 11px;cursor:pointer;border-radius:2px;transition:all .15s;background:transparent;text-decoration:none}.topbar-btn-play,.topbar-btn-login{border:1px solid #DEAA00;color:#0a0f18;background:#deaa00;border-radius:3px}.topbar-btn-play:hover,.topbar-btn-login:hover{background:#f2c230;border-color:#f2c230;color:#0a0f18;box-shadow:0 0 12px #deaa0059}.topbar-btn-logout{border:1px solid rgba(255,68,68,.3);color:#a55}.topbar-btn-logout:hover{border-color:#f44;color:#f44;background:#ff444414}.topbar-btn-admin{border:1px solid rgba(255,68,68,.4);color:#f66;background:#ff44440f}.topbar-btn-admin:hover{background:#ff444426;box-shadow:0 0 8px #f443}.site-topbar a.topbar-btn{opacity:1;border-radius:2px}@media(max-width:768px){:root{--topbar-h: 30px;--chrome-h: 78px}.site-topbar{padding:0 5px;font-size:11px;letter-spacing:1.1px}.topbar-nav{gap:0}.site-topbar a{padding:3px 5px 2px}.topbar-account{gap:4px;font-size:10px}.topbar-btn{padding:2px 7px;font-size:10px;letter-spacing:1.2px}}