:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;max-width:100%;min-height:100svh;margin:0 auto;display:flex}@media (width<=640px){#root{border-inline:none}}body{background-color:var(--bg);background-image:linear-gradient(#0009, #0009), linear-gradient(to bottom, var(--bg) 10%, transparent 50%, var(--bg) 100%), url(/background.png);background-position:top,top,top;background-repeat:no-repeat,no-repeat,no-repeat;background-size:100% 100%,100% 724px,auto;margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.notifications-page{font-family:var(--ui-font)}.notifications-tabs{border:3px solid var(--ui-line);box-shadow:var(--ui-panel-shadow);background:var(--ui-panel);border-radius:999px;gap:4px;padding:4px;display:flex}.notifications-tab{color:var(--ui-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;padding:10px 16px;font-size:14px;font-weight:700;transition:background .15s,color .15s}.notifications-tab:hover{color:var(--ui-text)}.notifications-tab--active,.notifications-tab--active:hover{background:linear-gradient(145deg, var(--ui-gold), var(--ui-gold-deep));color:var(--ui-on-gold);box-shadow:0 2px 8px #0000004d}.notification-card{border:3px solid var(--ui-line);background:var(--ui-panel);box-shadow:var(--ui-panel-shadow);color:var(--ui-text);border-radius:10px;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;display:flex}.notification-card--empty{color:var(--ui-muted);justify-content:center;padding:28px 16px;font-size:14px}.notification-card--empty p{margin:0}.notification-card--ready{border-color:#6fd08a59;transition:transform .15s,background .15s}.notification-card--ready:hover{background:var(--ui-row);transform:translateY(-2px)}.notification-card-icon{width:46px;height:46px;color:var(--ui-green);background:#6fd08a24;border-radius:14px;flex:none;place-items:center;font-size:24px;display:grid}.notification-card-icon svg{width:24px;height:24px}.notification-card-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.notification-card-title{font-size:15px;font-weight:700}.notification-card-meta{color:var(--ui-green);font-size:13px;font-weight:600}.notification-card-chevron{width:20px;height:20px;color:var(--ui-muted);flex:none}.notifications-page .battle-history{border:3px solid var(--ui-line);background:var(--ui-panel);box-shadow:var(--ui-panel-shadow);color:var(--ui-text);border-radius:10px;gap:4px;padding:16px}.notifications-page .battle-history-title{color:var(--ui-text);margin:0 4px 8px;font-size:17px}.notifications-page .battle-history-empty{color:var(--ui-muted);opacity:1;padding:12px 4px}.notifications-page .battle-history-row{border:0}.notifications-page .battle-history-summary{color:inherit;border-radius:14px;padding:10px;transition:background .15s}.notifications-page .battle-history-summary:hover{background:var(--ui-surface-hover)}.notifications-page .battle-history-avatar{width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--ui-line);color:var(--ui-gold);background:radial-gradient(circle at 35% 30%,#3a2a14,#100b05 75%);border:0}.notifications-page .battle-history-outcome--win{color:var(--ui-green)}.notifications-page .battle-history-outcome--loss{color:var(--ui-red)}.notifications-page .battle-history-when{color:var(--ui-muted);opacity:1}.notifications-page .battle-history-log{background:var(--ui-row);color:var(--ui-muted);border-radius:12px;margin:2px 10px 10px 60px;padding:10px 12px}.notifications-page .battle-history-view-profile{color:var(--ui-gold)}.toast-stack{z-index:200;width:340px;max-width:calc(100vw - 28px);font-family:var(--ui-font);flex-direction:column;gap:10px;display:flex;position:fixed;top:14px;right:14px}.toast{border:2px solid var(--ui-line);background:var(--ui-panel);box-shadow:var(--ui-panel-shadow);color:var(--ui-text);border-radius:8px;align-items:center;animation:.25s cubic-bezier(.2,.9,.3,1.1) toast-in;display:flex;position:relative;overflow:hidden}.toast-main{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:12px;padding:12px 4px 12px 12px;display:flex}.toast-main:hover .toast-title{color:var(--ui-gold)}.toast-avatar{width:42px;height:42px;box-shadow:inset 0 0 0 1px var(--ui-line);color:var(--ui-gold);background:radial-gradient(circle at 35% 30%,#3a2a14,#100b05 75%);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid;overflow:hidden}.toast-avatar img{object-fit:cover;width:100%;height:100%}.toast-avatar--icon{background:linear-gradient(145deg, var(--ui-gold), var(--ui-gold-deep));color:var(--ui-on-gold);border-radius:12px}.toast-avatar--icon svg{width:22px;height:22px}.toast-body{flex-direction:column;gap:2px;min-width:0;display:flex}.toast-title{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;transition:color .15s;overflow:hidden}.toast-content{color:var(--ui-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.toast-close{width:28px;height:28px;color:var(--ui-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;align-self:flex-start;place-items:center;margin:8px 8px 0 0;padding:0;display:grid}.toast-close svg{width:16px;height:16px}.toast-close:hover{background:var(--ui-surface-hover);color:var(--ui-text)}.toast-timer{background:linear-gradient(90deg, var(--ui-gold), var(--ui-gold-deep));transform-origin:0;width:100%;height:2px;animation:linear forwards toast-timer;position:absolute;bottom:0;left:0}@keyframes toast-in{0%{opacity:0;transform:translate(24px)scale(.98)}to{opacity:1;transform:none}}@keyframes toast-timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}.toast-timer{display:none}}.notifications-tab-badge{background:var(--ui-red);color:#fff;vertical-align:middle;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.presence-dot{background:var(--ui-green);width:8px;height:8px;box-shadow:0 0 0 2px #00000059, 0 0 6px var(--ui-green);vertical-align:middle;border-radius:50%;flex:none;display:inline-block}.presence-badge{color:var(--ui-muted);white-space:nowrap;align-items:center;gap:.35rem;font-size:12px;display:inline-flex}.presence-badge--online{color:var(--ui-green);font-weight:700}.presence-count{align-items:center;gap:.35rem;display:inline-flex}.messenger-launcher{z-index:150;background:linear-gradient(145deg, var(--ui-gold), var(--ui-gold-deep));width:56px;height:56px;color:var(--ui-on-gold);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;transition:transform .18s,box-shadow .18s;display:grid;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 24px #00000059,0 2px 6px #00000040}.messenger-launcher svg{width:26px;height:26px}.messenger-launcher:hover{transform:translateY(-2px)scale(1.04);box-shadow:0 12px 28px #0006,0 2px 6px #00000040}.messenger-launcher:focus-visible{outline-offset:3px;outline:3px solid #f5c15c80}@media (width<=640px){.messenger-launcher{width:52px;height:52px;bottom:12px;right:12px}}.messenger-launcher--open{background:var(--ui-row);color:var(--ui-text);box-shadow:0 8px 24px #00000059, inset 0 0 0 1px var(--ui-line)}.messenger-launcher-badge{border:2px solid var(--ui-bg);background:var(--ui-red);color:#fff;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:800;display:grid;position:absolute;top:-2px;right:-2px}.messenger-panel{z-index:149;border:3px solid var(--ui-line);background:var(--ui-panel);width:380px;max-width:calc(100vw - 24px);height:560px;max-height:calc(100vh - 120px);box-shadow:var(--ui-panel-shadow);color:var(--ui-text);font-family:var(--ui-font);text-align:left;transform-origin:100% 100%;border-radius:10px;flex-direction:column;animation:.18s ease-out messenger-open;display:flex;position:fixed;bottom:88px;right:20px;overflow:hidden}@media (width<=640px){.messenger-panel{width:calc(100vw - 24px);height:calc(100dvh - 96px);max-height:none;bottom:74px;right:12px}}@keyframes messenger-open{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.messenger-panel{animation:none}}.messenger-header{border-bottom:1px solid var(--ui-line);background:#0000002e;flex:none;align-items:center;gap:8px;padding:12px 12px 12px 18px;display:flex}.messenger-header h2{color:var(--ui-text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:17px;font-weight:700;overflow:hidden}.messenger-header:has(>.messenger-icon-button:first-child){padding-left:8px}.messenger-header-title{flex:1;min-width:0}.messenger-header-peer{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.messenger-header-peer:hover h2{color:var(--ui-gold)}.messenger-icon-button{width:34px;height:34px;color:var(--ui-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;transition:background .15s,color .15s;display:grid}.messenger-icon-button svg{width:20px;height:20px}.messenger-icon-button:hover{background:var(--ui-surface-hover);color:var(--ui-text)}.messenger-avatar{width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--ui-line);color:var(--ui-gold);background:radial-gradient(circle at 35% 30%,#3a2a14,#100b05 75%);border-radius:50%;flex:none;place-items:center;font-size:15px;font-weight:700;display:grid;overflow:hidden}.messenger-avatar>img{object-fit:cover;width:100%;height:100%}.messenger-avatar--sm{width:30px;height:30px;font-size:11px}.messenger-avatar--global{background:linear-gradient(145deg, var(--ui-gold), var(--ui-gold-deep));color:var(--ui-on-gold)}.messenger-avatar--global svg{width:22px;height:22px}.messenger-avatar-link{border-radius:50%;transition:opacity .15s;display:block}.messenger-avatar-link:hover{opacity:.8}.messenger-list{flex-direction:column;flex:1;gap:2px;min-height:0;padding:8px;display:flex;overflow-y:auto}.messenger-list-divider{background:var(--ui-line);height:1px;margin:6px 10px}.messenger-row{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:14px;align-items:center;gap:12px;padding:10px;transition:background .15s;display:flex}.messenger-row:hover,.messenger-row:focus-visible{background:var(--ui-surface-hover);outline:none}.messenger-row-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.messenger-row-top,.messenger-row-bottom{align-items:center;gap:8px;display:flex}.messenger-row-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:15px;font-weight:600;overflow:hidden}.messenger-row-when{color:var(--ui-muted);flex:none;font-size:12px}.messenger-row-preview{min-width:0;color:var(--ui-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.messenger-row--unread .messenger-row-name{font-weight:800}.messenger-row--unread .messenger-row-preview{color:var(--ui-text);font-weight:600}.messenger-row--unread .messenger-row-when{color:var(--ui-gold);font-weight:700}.messenger-badge{background:var(--ui-gold);min-width:20px;height:20px;color:var(--ui-on-gold);border-radius:999px;flex:none;place-items:center;padding:0 6px;font-size:11px;font-weight:800;display:grid}.messenger-empty{color:var(--ui-muted);text-align:center;margin:auto;padding:24px;font-size:14px;line-height:1.5}.messenger-messages{background:radial-gradient(circle at 20% 0%, #f5c15c0d, transparent 45%), var(--ui-bg);flex-direction:column;flex:1;gap:2px;min-height:0;padding:14px 14px 8px;display:flex;overflow-y:auto}.messenger-message{align-items:flex-end;gap:8px;max-width:82%;display:flex}.messenger-message--first{margin-top:10px}.messenger-message--first:first-of-type{margin-top:0}.messenger-message--other{align-self:flex-start}.messenger-message--own{flex-direction:row-reverse;align-self:flex-end}.messenger-message-avatar-slot{flex:none;width:30px}.messenger-message-body{flex-direction:column;gap:3px;min-width:0;display:flex}.messenger-message--own .messenger-message-body{align-items:flex-end}.messenger-message-author{width:fit-content;color:var(--ui-gold);padding:0 12px;font-size:12px;font-weight:700;text-decoration:none}.messenger-message-author:hover{text-decoration:underline}.messenger-bubble{background:var(--ui-row);box-shadow:inset 0 0 0 1px var(--ui-line);word-break:break-word;border-radius:18px;flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:2px 10px;padding:8px 12px;display:flex}.messenger-message--other .messenger-bubble{border-top-left-radius:6px;border-bottom-left-radius:6px}.messenger-message--other.messenger-message--first .messenger-bubble{border-top-left-radius:18px}.messenger-message--own .messenger-bubble{background:linear-gradient(160deg, var(--ui-gold), var(--ui-gold-deep));box-shadow:none;color:var(--ui-on-gold);border-top-right-radius:6px;border-bottom-right-radius:6px}.messenger-message--own.messenger-message--first .messenger-bubble{border-top-right-radius:18px}.messenger-bubble-text{white-space:pre-wrap;flex:auto;min-width:0;font-size:15px;line-height:1.4}.messenger-bubble-time{opacity:.6;flex:none;margin-bottom:-1px;font-size:11px}.messenger-error{color:#ff8f80;flex:none;margin:0;padding:6px 16px 0;font-size:13px}.messenger-composer{border-top:1px solid var(--ui-line);flex:none;align-items:center;gap:8px;padding:10px 12px 12px;display:flex}@media (width<=640px){.messenger-composer{padding-bottom:max(12px, env(safe-area-inset-bottom))}}.messenger-input{border:2px solid var(--ui-line);background:var(--ui-row);min-width:0;height:42px;color:var(--ui-text);font:inherit;border-radius:999px;flex:1;padding:0 16px;font-size:15px;transition:border-color .15s,box-shadow .15s}.messenger-input::placeholder{color:var(--ui-muted)}.messenger-input:focus{border-color:#f5c15c99;outline:none;box-shadow:0 0 0 3px #f5c15c26}.messenger-send{background:linear-gradient(145deg, var(--ui-gold), var(--ui-gold-deep));width:42px;height:42px;color:var(--ui-on-gold);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;padding:0;transition:transform .15s,opacity .15s;display:grid}.messenger-send svg{width:19px;height:19px;margin:1px 2px 0 0}.messenger-send:not(:disabled):hover{transform:scale(1.06)}.messenger-send:disabled{opacity:.35;cursor:default}.messenger-list,.messenger-messages{scrollbar-color:var(--ui-line) transparent;scrollbar-width:thin}.messenger-avatar--clan{letter-spacing:.02em;border-radius:10px 10px 22px 22px;font-size:11px;font-weight:900}.messenger-header-peer-text{flex-direction:column;min-width:0;display:flex}.messenger-icon-button--off{opacity:.55}.player-hud{border:3px solid var(--ui-line);background:var(--ui-panel);box-shadow:var(--ui-panel-shadow);color:var(--ui-text);box-sizing:border-box;border-radius:10px;flex-direction:column;flex:none;align-items:center;gap:.2rem;width:100%;padding:.55rem;display:flex}.player-hud-identity{color:inherit;flex-direction:column;align-items:center;gap:.2rem;text-decoration:none;display:flex}.player-hud-identity:hover{filter:brightness(1.08)}.player-hud-avatar{aspect-ratio:1;width:68px;color:var(--ui-text);border:2px solid var(--ui-line);background:url(/heroes-backgrounds/character-panel-background.webp) 50%/cover;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex;overflow:hidden;box-shadow:0 1px 2px #00000040}.player-hud-avatar img,.player-hud-avatar .avatar-figure{object-fit:cover;width:100%;height:100%}.player-hud-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;font-weight:800;overflow:hidden}.player-hud-resource{flex-direction:column;gap:.05rem;width:100%;display:flex;position:relative}.player-hud-tooltip{background:var(--ui-panel);color:var(--ui-text);white-space:nowrap;opacity:0;pointer-events:none;z-index:10;border-radius:6px;padding:.35rem .6rem;font-size:11px;font-weight:700;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 2px 6px #0000004d}.player-hud-tooltip:after{content:"";border:5px solid #0000;border-top-color:#2a2213;position:absolute;top:100%;left:50%;transform:translate(-50%)}.player-hud-resource:hover .player-hud-tooltip{opacity:1;transform:translate(-50%)translateY(0)}.player-hud-resource-label{opacity:.85;align-items:baseline;gap:.2rem;font-size:10px;display:flex}.player-hud-resource-label b{font-size:10px}.player-hud-resource-bar{background:var(--ui-row);border:2px solid var(--ui-line);width:100%;height:6px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #00000040}.player-hud-resource-fill{transition:width .3s ease-out;position:absolute;inset:0}.player-hud-resource-fill--health{background:linear-gradient(145deg, #8fe0a4, var(--ui-green))}.player-hud-resource-fill--energy{background:linear-gradient(#7fc9ff,#2f7fd6)}.player-hud-resource-fill--bounty{background:linear-gradient(145deg, #f07a4a, var(--ui-red))}.player-hud-currency-row{justify-content:center;align-items:center;gap:.55rem;width:100%;padding-top:.25rem;display:flex}.player-hud-currency-row--second{padding-top:0}.player-hud-currency{color:var(--ui-text);align-items:center;gap:.2rem;font-size:11px;font-weight:800;display:inline-flex}.player-hud-currency-icon{object-fit:contain;width:15px;height:15px}.player-hud-phone{cursor:pointer;justify-content:center;align-items:center;gap:.3rem;width:100%;padding-top:.2rem;display:flex;position:relative}.player-hud-phone:hover{filter:brightness(1.08)}.player-hud-phone-icon{object-fit:contain;width:24px;height:24px}.player-hud-phone-label{font-size:11px;font-weight:700}.player-hud-phone-icon-wrap{display:inline-flex;position:relative}.player-hud-phone-badge{background:var(--ui-red);border:2px solid var(--ui-line);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:800;line-height:1;display:inline-flex;position:absolute;top:-.35rem;right:-.5rem}.player-hud-jail{border:1px solid var(--ui-red);text-align:center;width:100%;color:var(--ui-red);box-sizing:border-box;border-radius:999px;padding:.2rem .4rem;font-size:11px;font-weight:800;text-decoration:none}.player-hud-jail:hover{background:var(--ui-surface-hover)}.daily-reward{border:3px solid var(--ui-line);background:var(--ui-panel);box-shadow:var(--ui-panel-shadow);color:var(--ui-text);border-radius:10px;flex-direction:column;gap:.4rem;padding:.7rem .8rem;display:flex}.daily-reward-header{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.daily-reward-title{text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:800}.daily-reward-streak{opacity:.75;font-size:11px;font-weight:700}.daily-reward-error{color:var(--ui-red);margin:0;font-size:11px}.daily-reward-cooldown{text-align:center;opacity:.7;font-variant-numeric:tabular-nums;font-size:11px;font-weight:700}.daily-reward-claim-button{border:2px solid var(--ui-line);font:inherit;color:var(--ui-on-gold);background:linear-gradient(145deg, var(--ui-gold), var(--ui-gold-deep));cursor:pointer;border-radius:10px 10px 5px 5px;padding:.45rem .6rem;font-size:12px;font-weight:700;transition:transform .12s,box-shadow .12s;box-shadow:0 6px 18px #00000040}.daily-reward-claim-button:not(:disabled):hover{transform:translateY(-2px)}.daily-reward-claim-button:not(:disabled):active{transform:translateY(1px);box-shadow:0 1px 2px #0003}.daily-reward-claim-button:disabled{opacity:.6;cursor:not-allowed}.app-body{box-sizing:border-box;flex:1;align-items:flex-start;gap:1rem;width:100%;max-width:1280px;min-height:0;margin:0 auto;padding:1rem;display:flex}@media (width<=900px){.app-body{padding:0}}.app-sidebar{flex-direction:column;flex:none;gap:.75rem;width:150px;display:flex;position:sticky;top:1rem}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar-ad{border:2px solid var(--ui-line);border-radius:8px;text-decoration:none;display:block;overflow:hidden}.sidebar-ad-caption{background:linear-gradient(145deg, var(--ui-gold), var(--ui-gold-deep));border-top:1px solid var(--ui-line);color:var(--ui-on-gold);text-align:center;white-space:nowrap;text-overflow:ellipsis;padding:.2rem .4rem;font-size:9.5px;font-weight:700;display:block;overflow:hidden}.sidebar-ad-image{width:100%;height:auto;display:block}.sidebar-leaderboard{border:3px solid var(--ui-line);box-shadow:var(--ui-panel-shadow);background:var(--ui-panel);color:var(--ui-text);border-radius:10px;flex-direction:column;gap:.3rem;padding:.55rem;display:flex}.sidebar-leaderboard-header{border-bottom:1px solid var(--ui-line);justify-content:space-between;align-items:center;margin-bottom:.2rem;padding-bottom:.4rem;display:flex}.sidebar-leaderboard-header h2{color:var(--ui-text);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:12px;font-weight:500}.sidebar-leaderboard-header a{color:var(--ui-gold);font-size:11px;font-weight:700;text-decoration:none}.sidebar-leaderboard-header a:hover{text-decoration:underline}.sidebar-leaderboard-empty{opacity:.7;margin:0;font-size:12px}.sidebar-leaderboard-list{flex-direction:column;gap:.15rem;display:flex}.sidebar-leaderboard-row{text-align:left;color:inherit;border-radius:6px;align-items:center;gap:.45rem;padding:0 .2rem;text-decoration:none;display:flex}.sidebar-leaderboard-row:hover{background:var(--ui-row)}.sidebar-leaderboard-position{opacity:.6;text-align:center;flex:none;width:14px;font-size:11px;font-weight:700}.sidebar-leaderboard-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;font-weight:600;overflow:hidden}.sidebar-leaderboard-meta{opacity:.7;flex:none;font-size:10.5px}.app-footer{border-top:1px solid var(--ui-line);color:var(--ui-text);background-color:#0c1524;background-image:url(/footer/footer2.png);background-position:50%;background-size:cover;flex:none}.app-footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;max-width:1280px;margin:0 auto;padding:1rem 1.5rem;display:flex}@media (width<=720px){.app-footer-inner{text-align:center;flex-direction:column;padding:1.25rem 1rem}}.app-footer-brand{align-items:center;gap:.6rem;display:flex}.app-footer-logo{flex:none;width:auto;height:48px}.app-footer-copyright{opacity:.65;font-size:11px}.app-footer-links{align-items:center;gap:.9rem;font-size:13px;font-weight:600;display:flex}.app-footer-links a{color:var(--ui-text);opacity:.85;text-decoration:none}.app-footer-links a:hover{opacity:1;text-decoration:underline}@media (width<=720px){.app-footer-links{order:3}}.app-footer-sep{background:#f3e8c840;width:1px;height:14px}.app-footer-actions{align-items:center;gap:1rem;display:flex}.app-topbar{background:linear-gradient(#2b2116 0%,#17120c 100%);flex:none;justify-content:space-between;align-items:center;padding:.15rem .75rem;display:flex}.app-topbar-clocks{align-items:center;gap:.6rem;display:flex}.app-server-time{color:#d8c9a0;font-variant-numeric:tabular-nums;font-size:10.5px;font-weight:700}.app-topbar-links{align-items:center;gap:.3rem;font-size:10.5px;display:flex}.app-topbar-links a,.app-topbar-links button{font:inherit;color:#d8c9a0;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:none}:is(.app-topbar-links a,.app-topbar-links button):hover{color:#ffd77a;text-decoration:underline}.app-topbar-sep{color:#6b5223;font-size:9.5px}.app-language-switcher{align-items:center;gap:.2rem;display:inline-flex}.app-language-button{cursor:pointer;opacity:.45;filter:grayscale();background:0 0;border:none;padding:.1rem .2rem;font-size:12px;line-height:1;transition:opacity .12s,filter .12s}.app-language-button:hover:not(:disabled){opacity:.8}.app-language-button--active{opacity:1;filter:none;cursor:default}.app-nav{background:url(/navigation/navigation-background.webp) 50%/cover;border-bottom:3px solid #5f93bf;flex-wrap:wrap;flex:none;place-content:center;align-items:center;gap:.5rem .6rem;height:80px;padding:.85rem 1rem .65rem;display:flex;position:relative}.app-nav a:not(.app-logo),.app-nav button{width:92px;font:inherit;color:#5b3410;text-align:center;text-shadow:0 1px #fff9;white-space:nowrap;cursor:pointer;background:linear-gradient(#fff8e3 0%,#f6cf6f 45%,#e49c3c 100%);border:2px solid #a8631f;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:.7rem .5rem .55rem;font-size:12.5px;font-weight:800;text-decoration:none;transition:transform .12s,box-shadow .12s;display:flex;position:relative}.app-nav a:not(.app-logo):hover,.app-nav button:hover{transform:translateY(-2px)}.app-nav a:not(.app-logo):active,.app-nav button:active{transform:translateY(1px)}.app-nav a.active{color:#3a1c00;background:linear-gradient(#ffc45c 0%,#f5941f 55%,#e07a0e 100%)}.app-nav a.active .app-nav-icon-svg{color:#3a1c00}@media (width<=480px){.app-nav{gap:.4rem;padding:.65rem .6rem .55rem}.app-nav a,.app-nav button{width:72px;min-height:72px;padding:.5rem .35rem .4rem;font-size:10.5px}.app-nav .app-nav-icon-svg{width:24px;height:24px}}.app-nav .app-logo{box-shadow:none;background:0 0;border:none;align-items:center;padding:0;line-height:0;display:flex;position:relative;left:-12rem;scale:1.55}.app-nav .app-logo:hover{transform:translateY(-2px)}.app-nav .app-logo img{object-fit:contain;width:auto;height:100px}@media (width<=480px){.app-nav .app-logo img{height:56px}}.app-nav-icon-svg{color:#8a4a15;width:30px;height:30px}.app-nav-label{line-height:1.15}.app-nav-badge{color:#fff;background:#e5484d;border:1.5px solid #fff8e3;border-radius:999px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:800;line-height:1;display:inline-flex;position:absolute;top:-6px;right:8px}@media (prefers-color-scheme:dark){.app-topbar{background:#16283a}.app-topbar-links a,.app-topbar-links button{color:#9cc4e2}.app-topbar-sep{color:#3f5a70}.app-server-time{color:#9cc4e2}.app-nav{background-color:#0000;background-image:linear-gradient(#0000001a 0%,#00000059 100%),url(/navigation/navigation-background.webp);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-top:3px solid #101520cc;border-bottom:3px solid #101520cc}}.spinner{box-sizing:border-box;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:.7s linear infinite spinner-spin;display:inline-block}.spinner--sm{border-width:2px;width:16px;height:16px}.spinner--md{border-width:3px;width:28px;height:28px}.spinner--lg{border-width:4px;width:44px;height:44px}.spinner-page{justify-content:center;align-items:center;min-height:200px;padding:48px 0;display:flex}@keyframes spinner-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:1.6s}}.achievements-panel{border:3px solid var(--ui-line);color:#d9c396;background:linear-gradient(#3c2c19 0%,#241a0e 100%);border-radius:10px;flex-direction:column;gap:.9rem;padding:1.25rem;display:flex;box-shadow:inset 0 0 0 1px #ffd68226,inset 0 2px 10px #00000080,0 4px 12px #0006}@media (width<=480px){.achievements-panel{padding:1rem}}.achievements-header{justify-content:space-between;align-items:baseline;gap:.6rem;display:flex}.achievements-title{color:#ffd77a;letter-spacing:.3px;text-shadow:0 1px 2px #000c;margin:0;font-size:17px}.achievements-progress{color:#c9b78c;font-size:12px;font-weight:700}.achievements-progress-bar{border:1px solid var(--ui-line);background:#1a1209;border-radius:999px;height:10px;overflow:hidden;box-shadow:inset 0 1px 3px #000000b3}.achievements-progress-fill{background:linear-gradient(#ffe9a8 0%,#e8b923 45%,#a5730f 100%);height:100%;transition:width .3s;box-shadow:0 0 6px #e8b92399}.achievements-list{flex-direction:column;gap:.6rem;display:flex}.achievement-row{border:2px solid var(--ui-line);background:linear-gradient(#4a3620 0%,#2e2213 100%);border-radius:8px;align-items:center;gap:.85rem;padding:.6rem .9rem;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0d}.achievement-row--locked{opacity:.6;filter:grayscale(.5)}.achievement-row--unlocked{background:linear-gradient(#5c3f1c 0%,#3a2a14 100%);border-color:#d4af37;box-shadow:inset 0 1px #ffffff14,0 0 10px #d4af3740}.achievement-icon-frame{border:2px solid var(--ui-line);background:radial-gradient(circle at 35% 30%,#3a2a14,#100b05 75%);border-radius:6px;flex:none;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:inset 0 0 6px #000c,0 1px #ffffff1a}.achievement-row--unlocked .achievement-icon-frame{border-color:#ffd77a;box-shadow:inset 0 0 6px #0009,0 0 8px #ffd77a80}.achievement-icon{filter:drop-shadow(0 1px 1px #000c);font-size:26px;line-height:1}.achievement-row--locked .achievement-icon{filter:grayscale()drop-shadow(0 1px 1px #000c)}.achievement-row-info{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.achievement-row-name{color:#ffe9a8;text-shadow:0 1px 1px #000c;font-size:14px;font-weight:700}.achievement-row--locked .achievement-row-name{color:#c9b78c}.achievement-row-description{color:#b8a67e;margin:0;font-size:12px;line-height:135%}.achievement-row-aside{flex:none;align-items:center;display:flex}.achievement-row-date{color:#e8b923;font-size:10.5px;font-weight:700}.achievement-row-lock{opacity:.6;font-size:11px}@media (width<=480px){.achievement-row{gap:.6rem;padding:.5rem .65rem}.achievement-icon-frame{width:42px;height:42px}.achievement-icon{font-size:20px}.achievement-row-name{font-size:13px}.achievement-row-description{font-size:11px}}.home-page{flex-direction:column;flex-grow:1;display:flex}@media (width>=901px){.home-page{margin-top:-1rem;margin-bottom:-1rem}}.home-hero{border:2px solid var(--ui-line);background:url(/bgpages/street.webp) 50%/cover no-repeat;border-radius:8px;margin:20px;position:relative;overflow:hidden}.home-hero:before{content:"";background:linear-gradient(90deg,#0a0805ed 0%,#0a0805bf 40%,#0a080540 70%,#0a080500 100%);position:absolute;inset:0}@media (width<=900px){.home-hero:before{background:linear-gradient(#0a080573 0%,#0a0805e0 55%,#0a0805f5 100%)}}.home-hero-inner{z-index:1;box-sizing:border-box;max-width:1280px;margin:0 auto;padding:4.5rem 1.5rem;position:relative}@media (width<=900px){.home-hero-inner{text-align:center;padding:3rem 1.25rem}}.home-hero-content{flex-direction:column;gap:1rem;max-width:520px;display:flex}@media (width<=900px){.home-hero-content{max-width:none;margin-inline:auto}}.home-hero-title{letter-spacing:-.02em;text-transform:uppercase;color:#ffd77a;text-shadow:0 2px 4px #0009;margin:0;font-size:clamp(32px,5vw,52px);font-weight:900;line-height:1.1}.home-hero-subtitle{color:#d8c9a0;max-width:480px;margin:0;font-size:15px;line-height:150%}@media (width<=900px){.home-hero-subtitle{max-width:none;margin-inline:auto}}.home-hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}@media (width<=900px){.home-hero-actions{justify-content:center}}.home-cta{color:var(--ui-on-gold);background:linear-gradient(145deg, var(--ui-gold), var(--ui-gold-deep));border:2px solid var(--ui-line);border-radius:999px;align-items:center;gap:.4rem;padding:.8rem 1.5rem;font-size:15px;font-weight:700;text-decoration:none;transition:transform .15s;display:inline-flex;box-shadow:0 4px 6px #0003}.home-cta:hover{transform:translateY(-2px)}.home-cta:active{transform:translateY(1px)}.home-cta--outline{color:var(--ui-text);box-shadow:none;border-color:var(--ui-line);background:0 0}.home-features{box-sizing:border-box;grid-template-columns:repeat(3,1fr);gap:1.25rem;width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem 3rem;display:grid}@media (width<=800px){.home-features{grid-template-columns:1fr;padding:0 1.25rem 2rem}}.home-feature-card{background:var(--ui-panel);border:3px solid var(--ui-line);box-shadow:var(--ui-panel-shadow);color:var(--ui-text);border-radius:10px;flex-direction:column;gap:.5rem;padding:1.5rem;display:flex}.home-feature-card .app-nav-icon-svg{width:34px;height:34px;color:var(--ui-gold)}.home-feature-card h2{color:var(--ui-text);margin:0;font-size:17px}.home-feature-card p{opacity:.85;margin:0;font-size:13.5px;line-height:145%}.home-news{box-sizing:border-box;width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem 3rem}@media (width<=800px){.home-news{padding:0 1.25rem 2rem}}.home-news-header{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1rem;display:flex}.home-news-header h2{color:var(--ui-text);margin:0;font-size:19px}.home-news-header a{color:#e8b923;white-space:nowrap;font-size:13px;font-weight:700;text-decoration:none}.home-news-header a:hover{text-decoration:underline}.home-news-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}@media (width<=800px){.home-news-grid{grid-template-columns:1fr}}.home-news-card{background:var(--ui-panel);border:3px solid var(--ui-line);box-shadow:var(--ui-panel-shadow);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.home-news-thumb{object-fit:cover;width:100%;height:120px;display:block}.home-news-body{color:var(--ui-text);flex-direction:column;gap:.3rem;padding:1rem 1.1rem 1.2rem;display:flex}.home-news-when{text-transform:uppercase;letter-spacing:.04em;color:var(--ui-gold);font-size:11px;font-weight:700}.home-news-body h3{color:var(--ui-text);margin:0;font-size:14.5px}.home-news-body p{opacity:.8;margin:0;font-size:12.5px}@media (prefers-reduced-motion:reduce){.home-cta{transition:none}}.auth-page{box-sizing:border-box;flex-direction:column;flex-grow:1;justify-content:center;width:100%;max-width:460px;margin:0 auto;padding:2rem 1rem;display:flex}@media (width<=480px){.auth-page{padding:1.25rem .75rem}}.auth-card{border:3px solid var(--ui-line);background:var(--ui-panel);box-shadow:var(--ui-panel-shadow);text-align:left;color:var(--ui-text);border-radius:10px;flex-direction:column;gap:1.25rem;padding:1.75rem;display:flex}.auth-card h1{color:var(--ui-text);margin:0;font-size:22px}@media (width<=480px){.auth-card{padding:1.25rem}}.auth-form{flex-direction:column;gap:.9rem;display:flex}.auth-field{flex-direction:column;gap:.3rem;font-size:13px;display:flex}.auth-field span{opacity:.75}.auth-field input{border:2px solid var(--ui-line);font:inherit;color:var(--ui-text);background:var(--ui-row);box-sizing:border-box;border-radius:8px;padding:.6rem .75rem;font-size:16px}.auth-field input:focus-visible{outline:2px solid var(--ui-gold);outline-offset:1px}.auth-submit{border:2px solid var(--ui-line);font:inherit;color:var(--ui-on-gold);background:linear-gradient(145deg, var(--ui-gold), var(--ui-gold-deep));cursor:pointer;border-radius:10px 10px 5px 5px;padding:.65rem 1.25rem;font-size:15px;font-weight:700;transition:transform .12s,box-shadow .12s;box-shadow:0 4px 6px #0003}.auth-submit:disabled{opacity:.55;cursor:not-allowed}.auth-submit:not(:disabled):hover{transform:translateY(-2px)}.auth-submit:not(:disabled):active{transform:translateY(1px);box-shadow:0 1px 2px #0003}.auth-error{color:var(--ui-red);margin:0;font-size:13px}.auth-switch{text-align:center;opacity:.85;margin:0;font-size:13px}.auth-switch a{color:var(--ui-gold);font-weight:700}.auth-divider{text-transform:uppercase;color:var(--ui-muted);align-items:center;gap:.75rem;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-top:2px solid var(--ui-line);flex:1}.auth-google{border:2px solid var(--ui-line);font:inherit;color:var(--ui-text);background:var(--ui-row);cursor:pointer;border-radius:10px 10px 5px 5px;justify-content:center;align-items:center;gap:.6rem;padding:.6rem 1.25rem;font-size:15px;font-weight:700;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 4px 6px #0003}.auth-google:disabled{opacity:.55;cursor:not-allowed}.auth-google:not(:disabled):hover{transform:translateY(-2px)}.auth-google:not(:disabled):active{transform:translateY(1px);box-shadow:0 1px 2px #0003}.auth-google-logo{flex-shrink:0;width:20px;height:20px}:root{--ui-panel:linear-gradient(180deg, #3c2c19 0%, #241a0e 100%);--ui-row:linear-gradient(180deg, #4a3620 0%, #2e2213 100%);--ui-bg:#2a1f11;--ui-surface:#3a2a17;--ui-surface-hover:#4c3820;--ui-line:#8a6a2f;--ui-panel-shadow:inset 0 0 0 1px #ffd68226, inset 0 2px 10px #00000080, 0 4px 12px #0006;--ui-text:#f1e2b8;--ui-muted:#b8a67e;--ui-gold:#ffd77a;--ui-gold-deep:#e8b923;--ui-on-gold:#3b2210;--ui-red:#ef4f4f;--ui-green:#7fd08a;--ui-green-light:#8fe0a4;--ui-on-green:#0f2a17;--ui-overlay:#0c0803cc;--ui-emblem:radial-gradient(circle at 35% 30%, #3a2a14, #100b05 75%);--ui-banner-leather:linear-gradient(135deg, #3a2410, #140d06);--ui-banner-warm:radial-gradient(circle at 75% 30%, #6b4a22, #2a1c0e 70%);--ui-banner-steel:radial-gradient(circle at 75% 30%, #3f4a5c, #151a22 70%);--ui-font:system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--ui-casino-cabinet:linear-gradient(180deg, #3a0d06 0%, #1a0603 55%, #0d0402 100%);--ui-casino-window:#0a0302;--ui-casino-reel:radial-gradient(ellipse at 50% 45%, #5a1608 0%, #2a0904 60%, #120402 100%);--ui-casino-reel-edge:#000000bf;--ui-casino-bulb:#fff0b8;--ui-casino-bulb-off:#6b2a12;--ui-casino-fire:#ff7a1a;--ui-casino-fire-hot:#ffd23f;--ui-casino-fire-deep:#c4170d;--ui-casino-free:#b77bff;--ui-casino-free-deep:#5b2ca8;--ui-casino-seven:#ff2a1f;--ui-casino-seven-deep:#6e0805;--ui-casino-bar:#1d140c;--ui-casino-wild:linear-gradient(160deg, #8b46ff 0%, #4a1b9a 100%);--ui-casino-overlay:#0a0301d6;--ui-casino-button:#382722;--ui-payline-1:#ffd23f;--ui-payline-2:#ff5c5c;--ui-payline-3:#4fd1ff;--ui-payline-4:#7cf27c;--ui-payline-5:#ff8ae2;--ui-payline-6:#ffa53f;--ui-payline-7:#9c8cff;--ui-payline-8:#3ff2c8;--ui-payline-9:#f2f25c;--ui-payline-10:#ff7aa2;--ui-payline-11:#5cffa8;--ui-payline-12:#ffb3f0;--ui-payline-13:#7fb2ff;--ui-payline-14:#ffe08a;--ui-payline-15:#c9ff5c;--ui-payline-16:#ff9d6e;--ui-payline-17:#b0f0ff;--ui-payline-18:#e0a8ff;--ui-payline-19:#ffcf5c;--ui-payline-20:#8affd9}.route-error{box-sizing:border-box;text-align:center;border:3px solid var(--ui-line);background:var(--ui-panel);width:100%;max-width:520px;box-shadow:var(--ui-panel-shadow);color:var(--ui-text);font-family:var(--ui-font);border-radius:10px;flex-direction:column;align-items:center;gap:.75rem;margin:2rem auto;padding:1.5rem;display:flex}@media (width<=480px){.route-error{padding:1.25rem}}.route-error h2{margin:0;font-size:16px}.route-error p{opacity:.7;margin:0;font-size:14px}.route-error-button{border:2px solid var(--ui-line);font:inherit;color:var(--ui-on-gold);background:linear-gradient(145deg, var(--ui-gold), var(--ui-gold-deep));cursor:pointer;border-radius:10px 10px 5px 5px;padding:.55rem 1.25rem;font-weight:700;transition:transform .1s;box-shadow:0 4px 6px #0003}.route-error-button:hover{transform:translateY(-2px)}.route-error-button:active{transform:translateY(1px)}
