/* /css/style.css */
:root{--accent: #2ee6c9;--panel: rgba(13,15,24,0.84);--panel-solid: #0f1220;--line: rgba(255,255,255,0.09);--text: #eef1f6;--muted: #8d96a8;--gold: #f5c542;--good: #3dff9a;--bad: #ff4d5e;--display: 'Bungee',Impact,sans-serif;--cond: 'Barlow Condensed','Arial Narrow',sans-serif;--body: 'Barlow',system-ui,sans-serif}*{box-sizing: border-box}html,body{margin: 0;height: 100%;overflow: hidden;background: #0b0d12;color: var(--text);font-family: var(--body);-webkit-font-smoothing: antialiased}button{font: inherit;color: inherit;cursor: pointer}kbd{font-family: var(--cond);font-weight: 600;font-size: 11px;padding: 1px 5px;border-radius: 4px;background: rgba(255,255,255,0.08);border: 1px solid var(--line);color: var(--text)}#world{position: fixed;inset: 0;width: 100%;height: 100%;display: block;cursor: grab;touch-action: none;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;user-select: none;-webkit-user-select: none}#world.pointing{cursor: pointer}#world.dragging{cursor: grabbing}#world.placing{cursor: crosshair}.vignette{position: fixed;inset: 0;pointer-events: none;background: radial-gradient(ellipse at 50% 55%,transparent 55%,rgba(4,6,14,0.55) 100%)}.glass{background: var(--panel);backdrop-filter: blur(14px) saturate(1.3);-webkit-backdrop-filter: blur(14px) saturate(1.3);border: 1px solid var(--line)}.topbar{position: fixed;top: 12px;left: 12px;right: 12px;height: 56px;display: flex;align-items: center;gap: 18px;padding: 0 10px 0 16px;background: var(--panel);backdrop-filter: blur(14px) saturate(1.3);-webkit-backdrop-filter: blur(14px) saturate(1.3);border: 1px solid var(--line);border-radius: 14px;box-shadow: 0 10px 40px rgba(0,0,0,0.35)}.brand{display: flex;align-items: baseline;gap: 4px;font-family: var(--display);letter-spacing: 0.02em;white-space: nowrap}.brand-vice{font-size: 22px;color: var(--accent);text-shadow: 0 0 18px color-mix(in srgb,var(--accent) 60%,transparent);transition: color .4s}.brand-nation{font-size: 13px;color: var(--text);opacity: 0.85}.cities{display: flex;gap: 4px;flex: 1;min-width: 0;overflow-x: auto;scrollbar-width: none}.cities::-webkit-scrollbar{display: none}.city-tab{display: flex;align-items: center;gap: 8px;padding: 6px 12px 6px 10px;border-radius: 10px;border: 1px solid transparent;background: transparent;text-align: left;white-space: nowrap;transition: background .2s,border-color .2s}.city-tab:hover{background: rgba(255,255,255,0.05)}.city-tab b{display: block;font-family: var(--cond);font-weight: 700;font-size: 15px;letter-spacing: 0.03em;text-transform: uppercase;line-height: 1.05}.city-tab small{display: block;font-size: 11px;color: var(--muted);line-height: 1.1}.city-dot{width: 8px;height: 8px;border-radius: 50%;background: var(--c);opacity: 0.5;flex: none}.city-tab.active{background: color-mix(in srgb,var(--c) 14%,transparent);border-color: color-mix(in srgb,var(--c) 45%,transparent)}.city-tab.active .city-dot{opacity: 1;box-shadow: 0 0 10px var(--c)}.stats{display: flex;gap: 4px}.stat{padding: 4px 12px;border-left: 1px solid var(--line);min-width: 84px}.stat label{display: block;font-size: 10px;text-transform: uppercase;letter-spacing: 0.12em;color: var(--muted)}.stat b{font-family: var(--cond);font-weight: 700;font-size: 20px;letter-spacing: 0.02em;font-variant-numeric: tabular-nums}.stat .cash{color: var(--gold)}.stat .income{color: var(--good)}.stars{font-size: 16px;letter-spacing: 1px;line-height: 26px;color: rgba(255,255,255,0.16)}.stars .on{color: #ff4d5e;text-shadow: 0 0 8px rgba(255,77,94,0.8);animation: blink 1s steps(2) infinite}@keyframes blink{50%{color: #5fa8ff;text-shadow: 0 0 8px rgba(95,168,255,0.8)}}.city-banner{position: fixed;top: 96px;left: 50%;transform: translateX(-50%);text-align: center;pointer-events: none;opacity: 0}.city-banner small{display: block;font-family: var(--cond);text-transform: uppercase;letter-spacing: 0.4em;font-size: 12px;color: var(--muted)}.city-banner b{display: block;font-family: var(--display);font-weight: 400;font-size: 54px;line-height: 1.05;color: #fff;text-shadow: 0 0 30px color-mix(in srgb,var(--accent) 70%,transparent),0 4px 0 rgba(0,0,0,0.4)}.city-banner span{display: block;font-family: var(--cond);font-size: 16px;letter-spacing: 0.08em;color: var(--accent)}.city-banner.show{animation: banner 3.2s ease forwards}@keyframes banner{0%{opacity: 0;transform: translate(-50%,-10px) scale(0.96)}12%,70%{opacity: 1;transform: translate(-50%,0) scale(1)}100%{opacity: 0;transform: translate(-50%,0) scale(1.02)}}.toolbar{position: fixed;left: 12px;top: 50%;transform: translateY(-50%);display: flex;flex-direction: column;gap: 4px;padding: 6px;border-radius: 14px;background: var(--panel);backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px);border: 1px solid var(--line)}.tool{width: 52px;height: 50px;border-radius: 10px;border: 1px solid transparent;background: transparent;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 1px;transition: background .15s,border-color .15s}.tool .ico{font-size: 19px;line-height: 1}.tool .lbl{font-family: var(--cond);font-weight: 600;font-size: 10px;letter-spacing: 0.1em;text-transform: uppercase;color: var(--muted)}.tool.small{height: 34px}.tool.small .ico{font-size: 15px;color: var(--muted)}.tool:hover{background: rgba(255,255,255,0.06)}.tool.active{background: color-mix(in srgb,var(--accent) 16%,transparent);border-color: color-mix(in srgb,var(--accent) 50%,transparent)}.tool.active .lbl{color: var(--accent)}.tool-sep{height: 1px;background: var(--line);margin: 2px 6px}.card{--cat: var(--accent);position: fixed;left: 0;top: 0;width: 330px;padding: 16px;border-radius: 16px;z-index: 20;background: linear-gradient(180deg,color-mix(in srgb,var(--cat) 10%,var(--panel-solid)) 0%,var(--panel-solid) 60%);border: 1px solid color-mix(in srgb,var(--cat) 35%,transparent);box-shadow: 0 20px 60px rgba(0,0,0,0.55),0 0 0 1px rgba(0,0,0,0.3),0 0 40px color-mix(in srgb,var(--cat) 15%,transparent);opacity: 0;pointer-events: none;transition: opacity .15s}.card.open{opacity: 1;pointer-events: auto}.card::after{content: '';position: absolute;left: var(--caret,50%);bottom: -7px;width: 12px;height: 12px;margin-left: -6px;transform: rotate(45deg);background: var(--panel-solid);border-right: 1px solid color-mix(in srgb,var(--cat) 35%,transparent);border-bottom: 1px solid color-mix(in srgb,var(--cat) 35%,transparent)}.card.below::after{bottom: auto;top: -7px;transform: rotate(225deg);background: color-mix(in srgb,var(--cat) 10%,var(--panel-solid))}.card-close{position: absolute;top: 10px;right: 10px;width: 26px;height: 26px;border-radius: 8px;border: 0;background: rgba(255,255,255,0.06);color: var(--muted);font-size: 12px}.card-close:hover{background: rgba(255,255,255,0.12);color: #fff}.card-head{display: flex;gap: 12px;align-items: center;padding-right: 26px}.card-icon{width: 46px;height: 46px;flex: none;border-radius: 12px;display: grid;place-items: center;font-size: 24px;background: color-mix(in srgb,var(--cat) 20%,transparent);border: 1px solid color-mix(in srgb,var(--cat) 45%,transparent)}.card-title h3{margin: 0;font-family: var(--cond);font-weight: 700;font-size: 22px;line-height: 1.05;letter-spacing: 0.02em;text-transform: uppercase}.card-title p{margin: 3px 0 0;font-size: 12px;color: var(--muted)}.card-owner{display: flex;flex-wrap: wrap;gap: 6px;margin: 12px 0 0}.chip{--chip: #8d96a8;font-family: var(--cond);font-weight: 600;font-size: 12px;letter-spacing: 0.04em;padding: 3px 8px;border-radius: 999px;color: var(--chip);background: color-mix(in srgb,var(--chip) 14%,transparent);border: 1px solid color-mix(in srgb,var(--chip) 40%,transparent)}.chip-you{--chip: var(--accent)}.chip-gov{--chip: #5fa8ff}.chip-sale{--chip: #3dff9a}.chip-npc{--chip: #c9cfdb}.chip-land{--chip: var(--gold)}.card-desc{margin: 10px 0 0;font-size: 13px;line-height: 1.4;color: #c3c9d6}.card-stats{display: grid;grid-template-columns: 1fr 1fr;gap: 1px;margin: 12px 0 0;border-radius: 10px;overflow: hidden;background: var(--line)}.card-stats div{background: rgba(9,11,18,0.9);padding: 7px 10px}.card-stats dt{font-size: 10px;text-transform: uppercase;letter-spacing: 0.12em;color: var(--muted)}.card-stats dd{margin: 1px 0 0;font-family: var(--cond);font-weight: 600;font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-variant-numeric: tabular-nums}.sec{color: var(--gold);letter-spacing: 1px;font-size: 12px}.sec em{font-style: normal;color: rgba(255,255,255,0.15)}.card-actions{display: grid;grid-template-columns: 1fr 1fr;gap: 6px;margin-top: 12px}.act{display: flex;align-items: center;gap: 6px;padding: 8px 10px;border-radius: 10px;border: 1px solid var(--line);background: rgba(255,255,255,0.04);font-family: var(--cond);font-weight: 600;font-size: 14px;letter-spacing: 0.02em;text-align: left;transition: background .15s,border-color .15s,transform .08s}.act span{font-size: 14px}.act:hover:not(:disabled){background: rgba(255,255,255,0.09);border-color: rgba(255,255,255,0.2)}.act:active:not(:disabled){transform: translateY(1px)}.act.primary{background: color-mix(in srgb,var(--accent) 20%,transparent);border-color: color-mix(in srgb,var(--accent) 55%,transparent);color: #fff}.act.primary:hover:not(:disabled){background: color-mix(in srgb,var(--accent) 30%,transparent);border-color: var(--accent)}.act.danger{color: #ffb3ba;border-color: rgba(255,77,94,0.35);background: rgba(255,77,94,0.08)}.act.danger:hover:not(:disabled){background: rgba(255,77,94,0.18);border-color: var(--bad)}.act:disabled{opacity: 0.4;cursor: not-allowed}.tooltip,.place-hint{position: fixed;left: 0;top: 0;pointer-events: none;z-index: 30;padding: 7px 10px;border-radius: 10px;max-width: 260px;background: rgba(10,12,20,0.92);border: 1px solid var(--line);box-shadow: 0 8px 24px rgba(0,0,0,0.4);opacity: 0;transition: opacity .12s}.tooltip.show,.place-hint.show{opacity: 1}.tooltip b,.place-hint b{display: block;font-family: var(--cond);font-weight: 700;font-size: 15px;letter-spacing: 0.02em}.tooltip span,.place-hint span{display: block;font-size: 12px;color: var(--muted)}.place-hint{border-color: rgba(61,255,154,0.5)}.place-hint em{display: block;font-style: normal;font-family: var(--cond);font-weight: 600;font-size: 13px;color: var(--good);margin-top: 2px}.place-hint.bad{border-color: rgba(255,77,94,0.5)}.place-hint.bad em{color: var(--muted)}.place-hint .bad{color: #ff8a95}.drawer{position: fixed;left: 50%;bottom: 12px;width: min(1060px,calc(100vw - 340px));transform: translate(-50%,calc(100% + 24px));z-index: 15;background: var(--panel);backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px);border: 1px solid var(--line);border-radius: 16px;padding: 12px 14px 14px;box-shadow: 0 20px 60px rgba(0,0,0,0.5);transition: transform .3s cubic-bezier(.2,.8,.2,1)}.drawer.open{transform: translate(-50%,0)}.drawer header{display: flex;justify-content: space-between;align-items: flex-start;gap: 16px;margin-bottom: 10px}.drawer h4{margin: 0;font-family: var(--display);font-weight: 400;font-size: 16px;letter-spacing: 0.04em;color: var(--accent)}.drawer p{margin: 2px 0 0;font-size: 12px;color: var(--muted)}.drawer-close{width: 28px;height: 28px;border-radius: 8px;border: 0;background: rgba(255,255,255,0.06);color: var(--muted);flex: none}.build-list{display: flex;gap: 8px;overflow-x: auto;padding-bottom: 4px;scrollbar-width: thin}.build-item{--cat: var(--accent);flex: none;width: 118px;padding: 10px;border-radius: 12px;text-align: left;display: grid;grid-template-columns: 1fr auto;gap: 2px 6px;align-items: center;background: linear-gradient(180deg,color-mix(in srgb,var(--cat) 12%,transparent),rgba(255,255,255,0.02));border: 1px solid color-mix(in srgb,var(--cat) 25%,transparent);transition: border-color .15s,transform .15s,background .15s}.build-item:hover{transform: translateY(-2px);border-color: color-mix(in srgb,var(--cat) 60%,transparent)}.build-item.active{border-color: var(--cat);background: color-mix(in srgb,var(--cat) 24%,transparent);box-shadow: 0 0 20px color-mix(in srgb,var(--cat) 30%,transparent)}.bi-icon{font-size: 26px;grid-column: 1}.bi-foot{grid-column: 2;display: grid;gap: 2px;align-self: start}.bi-foot i{width: 8px;height: 8px;border-radius: 2px;background: var(--cat);opacity: 0.85}.bi-name{grid-column: 1 / -1;font-family: var(--cond);font-weight: 700;font-size: 15px;text-transform: uppercase;letter-spacing: 0.02em;margin-top: 4px}.bi-size{grid-column: 1 / -1;font-size: 11px;color: var(--muted)}.bi-cost{font-family: var(--cond);font-weight: 700;font-size: 15px;color: var(--gold)}.bi-inc{font-family: var(--cond);font-weight: 600;font-size: 12px;color: var(--good);text-align: right}.minimap-wrap{position: fixed;right: 12px;bottom: 12px;width: 230px;border-radius: 14px;overflow: hidden;background: var(--panel);border: 1px solid var(--line);box-shadow: 0 10px 40px rgba(0,0,0,0.4)}#minimap{display: block;width: 230px;height: 150px;cursor: pointer}.coords{padding: 7px 10px;border-top: 1px solid var(--line);display: flex;justify-content: space-between;align-items: baseline;gap: 8px}.coords b{font-family: var(--cond);font-weight: 700;font-size: 14px;text-transform: uppercase;letter-spacing: 0.04em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.coords span{font-size: 11px;color: var(--muted);white-space: nowrap;text-transform: capitalize}.help{position: fixed;left: 76px;bottom: 16px;font-size: 12px;color: var(--muted);padding: 6px 10px;border-radius: 10px;background: rgba(10,12,20,0.6);border: 1px solid var(--line)}.site-foot{position: fixed;left: 50%;bottom: 16px;transform: translateX(-50%);display: flex;gap: 4px;padding: 4px 6px;border-radius: 10px;background: rgba(10,12,20,0.6);border: 1px solid var(--line);z-index: 5}.site-foot a{color: var(--muted);font-size: 12px;text-decoration: none;padding: 3px 7px;border-radius: 7px}.site-foot a:hover{color: #fff;background: rgba(255,255,255,0.08)}.site-menu{position: fixed;inset: auto auto 16px 76px;margin: 0;min-width: 220px;padding: 10px;border-radius: 14px;background: rgba(12,14,22,0.97);border: 1px solid var(--line);box-shadow: 0 16px 40px rgba(0,0,0,0.5);color: #fff}.site-menu b{display: block;font: 400 14px 'Bungee',sans-serif;letter-spacing: 0.04em;padding: 4px 8px 8px;color: var(--accent,#e8bc67)}.site-menu a{display: block;padding: 7px 8px;border-radius: 8px;color: #dfe4ee;text-decoration: none;font-size: 14px}.site-menu a:hover{background: rgba(255,255,255,0.08)}.site-menu hr{border: 0;border-top: 1px solid var(--line);margin: 6px 4px}.site-menu hr ~ a{font-size: 12px;color: var(--muted);padding: 4px 8px}.toasts{position: fixed;right: 12px;top: 80px;display: flex;flex-direction: column;gap: 8px;z-index: 40;pointer-events: none}.toast{max-width: 340px;padding: 10px 14px;border-radius: 12px;font-size: 13px;line-height: 1.35;background: rgba(12,14,22,0.94);border: 1px solid var(--line);border-left: 3px solid var(--muted);box-shadow: 0 10px 30px rgba(0,0,0,0.45);transform: translateX(20px);opacity: 0;transition: transform .25s,opacity .25s}.toast.show{transform: none;opacity: 1}.toast.good{border-left-color: var(--good)}.toast.bad{border-left-color: var(--bad)}.toast b{color: #fff}@media (max-width: 900px){.stats .stat:nth-child(2),.stats .stat:nth-child(3){display: none}.city-tab small{display: none}.help{display: none}.site-foot{bottom: 8px;max-width: calc(100vw - 16px);overflow-x: auto}.site-menu{inset: auto 8px 8px 8px}.drawer{width: calc(100vw - 24px)}.minimap-wrap{width: 160px}#minimap{width: 160px;height: 110px}}.map-chip{font-family: var(--cond);font-weight: 700;font-size: 12px;letter-spacing: 0.14em;text-transform: uppercase;color: var(--accent);padding: 4px 10px;border-radius: 999px;border: 1px solid color-mix(in srgb,var(--accent) 45%,transparent);white-space: nowrap}body.atlas{--accent: #5fb7ff;background: #1a4a86}.card.side::after{display: none}.card-actions.one{grid-template-columns: 1fr}.card-actions.one .act{justify-content: center;font-size: 16px;padding: 10px}.compass{position: fixed;right: 18px;bottom: 18px;width: 110px;height: 110px;font-family: var(--cond);font-weight: 700;font-size: 13px;pointer-events: none;filter: drop-shadow(0 8px 20px rgba(0,0,0,0.4))}.fade{position: fixed;inset: 0;background: #07090f;opacity: 0;pointer-events: none;transition: opacity .7s ease;z-index: 100}.fade.on{opacity: 1}body.city-page{animation: fadein .6s ease}@keyframes fadein{from{opacity: 0}}a.tool{text-decoration: none}.loader{--ld-accent: #e8bc67;--ld-gold: #e8bc67;--ld-ink: #f4efe2;--ld-muted: #9aa3b8;position: fixed;inset: 0;z-index: 200;display: grid;place-items: center;padding: 24px;overflow: hidden;text-align: center;color: var(--ld-ink);background: radial-gradient(120% 80% at 50% 38%,#1a2140 0%,#0d1124 55%,#06070f 100%);transition: opacity .6s ease,visibility 0s linear .6s;-webkit-user-select: none;user-select: none}.loader::before{content: '';position: absolute;left: 50%;top: 112%;width: 260vmax;height: 260vmax;margin-left: -130vmax;margin-top: -130vmax;pointer-events: none;background: conic-gradient(from 0deg,transparent 0 40deg,color-mix(in srgb,var(--ld-accent) 10%,transparent) 46deg,transparent 54deg 360deg);animation: ld-sweep 9s ease-in-out infinite alternate}.loader::after{content: '';position: absolute;left: -20%;right: -20%;bottom: 0;height: 34vh;pointer-events: none;opacity: .5;background: linear-gradient(to bottom,color-mix(in srgb,var(--ld-accent) 55%,transparent) 0 1px,transparent 1px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--ld-accent) 16%,transparent) 0 1px,transparent 1px 64px),repeating-linear-gradient(180deg,color-mix(in srgb,var(--ld-accent) 12%,transparent) 0 1px,transparent 1px 28px);transform: perspective(260px) rotateX(58deg);transform-origin: 50% 0;-webkit-mask-image: linear-gradient(to bottom,#000,transparent 85%);mask-image: linear-gradient(to bottom,#000,transparent 85%)}.ld-box{position: relative;z-index: 1;display: grid;justify-items: center;gap: 10px;width: min(420px,100%)}.ld-brand{display: flex;align-items: baseline;gap: 5px;font-family: 'Bungee',Impact,sans-serif;letter-spacing: 0.04em;color: var(--ld-gold);text-shadow: 0 0 22px color-mix(in srgb,var(--ld-gold) 45%,transparent)}.ld-brand .ld-vice{font-size: 26px}.ld-brand .ld-nation{font-size: 14px;color: var(--ld-ink);opacity: .8}.ld-rule{width: 54px;height: 2px;margin: 4px 0 6px;background: linear-gradient(90deg,transparent,var(--ld-gold),transparent);opacity: .7}.ld-city{margin: 0;font: 400 clamp(30px,8.5vw,46px)/1.02 'Bungee',Impact,sans-serif;letter-spacing: 0.02em;color: var(--ld-accent);text-transform: uppercase;text-shadow: 0 0 28px color-mix(in srgb,var(--ld-accent) 55%,transparent),0 2px 0 #05060c;min-height: 1em}.ld-tag{margin: 0 0 14px;font: 600 15px/1.2 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing: 0.16em;text-transform: uppercase;color: var(--ld-muted);min-height: 1.2em}.ld-track{position: relative;width: min(300px,78vw);height: 6px;border-radius: 3px;overflow: hidden;background: rgba(255,255,255,0.08);box-shadow: inset 0 0 0 1px rgba(255,255,255,0.06)}.ld-track span{position: absolute;inset: 0;transform: scaleX(0);transform-origin: 0 50%;border-radius: inherit;background: linear-gradient(90deg,color-mix(in srgb,var(--ld-gold) 70%,#000),var(--ld-gold) 70%,#fff3cf);box-shadow: 0 0 14px color-mix(in srgb,var(--ld-gold) 70%,transparent)}.ld-track::after{content: '';position: absolute;inset: 0;background: linear-gradient(90deg,transparent,rgba(255,255,255,0.35),transparent);width: 40%;animation: ld-shine 1.6s ease-in-out infinite}.ld-row{display: flex;align-items: baseline;justify-content: space-between;gap: 16px;width: min(300px,78vw)}.ld-row b{font: 600 16px/1.2 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing: 0.05em;color: var(--ld-ink);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;animation: ld-fade 1.7s ease-in-out infinite}.ld-row small{font: 700 13px/1 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing: 0.08em;color: var(--ld-gold);font-variant-numeric: tabular-nums}.ld-err{display: grid;justify-items: center;gap: 10px;margin-top: 12px;max-width: 320px}.ld-err[hidden]{display: none}.ld-err p{margin: 0;font: 500 15px/1.4 'Barlow',system-ui,sans-serif;color: #f2d9d9}.ld-retry{padding: 9px 22px;border-radius: 10px;border: 1px solid var(--ld-gold);background: color-mix(in srgb,var(--ld-gold) 16%,#0d1124);color: var(--ld-gold);font: 700 15px 'Barlow Condensed',sans-serif;letter-spacing: 0.1em;text-transform: uppercase;cursor: pointer}.ld-retry:hover,.ld-retry:focus-visible{background: var(--ld-gold);color: #0d1124;outline: none}.loader.failed .ld-track span{background: #ff4d5e;box-shadow: 0 0 14px rgba(255,77,94,0.6)}.loader.failed .ld-track::after,.loader.failed .ld-row b{animation: none}.loader.slow:not(.failed) .ld-err p{color: var(--ld-muted)}.loader.done{opacity: 0;visibility: hidden;pointer-events: none}body.atlas .loader{--ld-accent: #5fb7ff;background: radial-gradient(120% 80% at 50% 38%,#1b3f73 0%,#0d1f3d 55%,#060b18 100%)}@keyframes ld-sweep{from{transform: rotate(-38deg)}to{transform: rotate(38deg)}}@keyframes ld-shine{from{transform: translateX(-100%)}to{transform: translateX(260%)}}@keyframes ld-fade{0%,100%{opacity: .55}50%{opacity: 1}}@media (prefers-reduced-motion: reduce){.loader::before,.ld-track::after,.ld-row b{animation: none}}.lazy-load{position: fixed;left: 50%;bottom: 18px;z-index: 30;display: flex;align-items: center;gap: 8px;padding: 6px 12px 6px 10px;transform: translate(-50%,8px);border-radius: 999px;border: 1px solid var(--line);background: var(--panel);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);font: 600 13px/1 var(--cond);letter-spacing: 0.06em;color: var(--muted);opacity: 0;pointer-events: none;transition: opacity .25s ease,transform .25s ease}.lazy-load.on{opacity: 1;transform: translate(-50%,0)}.lazy-load i{width: 10px;height: 10px;border-radius: 50%;border: 2px solid color-mix(in srgb,var(--accent) 35%,transparent);border-top-color: var(--accent);animation: ld-spin .8s linear infinite}@keyframes ld-spin{to{transform: rotate(360deg)}}@media (max-width: 900px){.lazy-load{bottom: 136px;left: auto;right: 12px;transform: translate(0,8px)}.lazy-load.on{transform: none}}.tool .ico-text{font-family: var(--display);font-size: 15px;letter-spacing: 0.02em;color: var(--text)}.tool.active .ico-text{color: var(--accent)}#world.swap{animation: viewswap .35s ease}@keyframes viewswap{0%{opacity: 0.25;filter: blur(3px)}100%{opacity: 1;filter: none}}
/* /css/auth.css */
.auth-trigger{margin-left:12px;white-space:nowrap;background:#e8bc67;color:#171920;border:0;border-radius:8px;padding:10px 16px;font:600 14px Barlow,sans-serif;cursor:pointer;pointer-events:auto}.auth-dialog{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 40px);box-sizing:border-box;margin:auto;padding:34px;border:1px solid #454452;border-radius:18px;color:#f5f2e9;background:linear-gradient(145deg,#222331,#12151f);box-shadow:0 24px 90px #0009;font:16px/1.5 Barlow,sans-serif}.auth-dialog::backdrop{background:#080b15b8;backdrop-filter:blur(5px)}.auth-dialog h2{font:700 30px/1.1 'Barlow Condensed',sans-serif;margin:12px 0}.auth-kicker{color:#e8bc67;letter-spacing:2px;font-size:11px;font-weight:700}.auth-dialog p{color:#b9bdca;font-size:14px}.auth-close{position:absolute;right:14px;top:10px;border:0;background:none;color:#c9cbd6;font-size:28px;cursor:pointer}.auth-dialog label{display:block;margin:15px 0;color:#dbdce4;font-size:13px;font-weight:600}.auth-dialog input{width:100%;box-sizing:border-box;display:block;margin-top:6px;padding:12px;background:#10131d;border:1px solid #454957;border-radius:7px;color:white;font:16px Barlow,sans-serif}.auth-dialog input:focus{outline:2px solid #e8bc67;outline-offset:2px}.auth-primary{display:block;width:100%;padding:13px;margin-top:22px;border:0;border-radius:7px;background:#e8bc67;color:#171920;font:700 16px Barlow,sans-serif;cursor:pointer}.auth-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.auth-links button{background:none;border:0;padding:0;color:#e8bc67;font:14px Barlow,sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.auth-dialog .auth-message{color:#a8e6c2;min-height:20px}.auth-dialog .auth-message.error{color:#ffaca9}.auth-dialog button:disabled{opacity:.5;cursor:wait}.auth-secret{display:block;overflow-wrap:anywhere;padding:12px;background:#10131d;color:#e8bc67;user-select:all}.auth-codes{padding:16px;background:#10131d;text-align:center;user-select:all;line-height:1.8}@media(max-width:700px){.auth-trigger{padding:8px;font-size:12px;margin-left:4px}.auth-dialog{padding:28px 22px}}
/* /css/avatar.css */
.av-svg{display: block}.av-builder{container-type: inline-size;color: #f5f2e9;font: 15px/1.4 Barlow,system-ui,sans-serif}.av-layout{display: grid;grid-template-columns: 176px minmax(0,1fr);grid-template-areas: 'tabs tabs' 'stage grid';gap: 14px 16px;align-items: start}.av-tabs{grid-area: tabs}.av-stage{grid-area: stage}.av-grid{grid-area: grid}.av-stage{position: relative;display: flex;flex-direction: column;align-items: center;gap: 10px;padding: 14px 12px 12px;border-radius: 14px;border: 1px solid #343646;overflow: hidden;background: radial-gradient(ellipse 70% 45% at 50% 18%,rgba(232,188,103,0.18),transparent 70%),radial-gradient(ellipse 80% 30% at 50% 100%,rgba(255,63,164,0.16),transparent 70%),linear-gradient(180deg,#1c1f2d,#10131d)}.av-stage::after{content: '';position: absolute;left: 10%;right: 10%;top: 206px;height: 1px;background: linear-gradient(90deg,transparent,rgba(232,188,103,0.35),transparent);pointer-events: none}.av-preview{height: 190px;display: flex;align-items: flex-end;justify-content: center}.av-preview .av-svg{filter: drop-shadow(0 6px 14px rgba(0,0,0,0.45))}.av-caption{text-align: center;min-height: 40px}.av-name{display: block;font: 400 18px/1.1 Bungee,Impact,sans-serif;color: #e8bc67;letter-spacing: 0.02em}.av-sub{display: block;margin-top: 3px;font: 600 12px/1.2 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing: 0.08em;text-transform: uppercase;color: #9a9eb0}.av-random{width: 100%;padding: 9px 12px;border: 1px solid #e8bc67;border-radius: 8px;background: rgba(232,188,103,0.1);color: #f3d08a;font: 700 14px/1 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing: 0.08em;text-transform: uppercase;cursor: pointer;transition: background 0.15s,color 0.15s}.av-random:hover{background: #e8bc67;color: #171920}.av-tabs{display: flex;gap: 4px;padding: 4px;overflow-x: auto;scrollbar-width: none;border-radius: 10px;background: #10131d;border: 1px solid #2c2e3c}.av-tabs::-webkit-scrollbar{display: none}.av-tab{flex: 1 0 auto;padding: 7px 10px;border: 0;border-radius: 7px;background: transparent;color: #9a9eb0;font: 600 13px/1 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing: 0.08em;text-transform: uppercase;white-space: nowrap;cursor: pointer;transition: background 0.15s,color 0.15s}.av-tab:hover{color: #f5f2e9;background: rgba(255,255,255,0.05)}.av-tab[aria-selected='true']{background: #e8bc67;color: #171920}.av-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(70px,1fr));gap: 8px;max-height: 330px;overflow-y: auto;padding: 2px;align-content: start;scrollbar-width: thin;scrollbar-color: #454452 transparent}.av-grid.av-grid-wide{grid-template-columns: repeat(auto-fill,minmax(92px,1fr))}.av-opt{position: relative;display: flex;flex-direction: column;align-items: center;gap: 4px;padding: 6px 4px 5px;border: 1px solid #2f3141;border-radius: 10px;background: linear-gradient(180deg,#222331,#171a26);color: #c9cbd6;cursor: pointer;transition: border-color 0.15s,transform 0.15s,background 0.15s}.av-opt:hover{border-color: #5a5b6e;transform: translateY(-1px)}.av-opt[aria-pressed='true']{border-color: #e8bc67;background: linear-gradient(180deg,#2c2a2c,#1d1c22);box-shadow: 0 0 0 1px #e8bc67,0 0 16px rgba(232,188,103,0.25)}.av-opt[aria-pressed='true']::after{content: '';position: absolute;top: 5px;right: 5px;width: 7px;height: 7px;border-radius: 50%;background: #e8bc67}.av-thumb{display: flex;align-items: center;justify-content: center;width: 100%;height: 56px}.av-thumb .av-svg{width: auto;height: 100%;max-width: 100%}.av-opt-name{max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font: 600 11px/1.1 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing: 0.04em;text-transform: uppercase}.av-opt[aria-pressed='true'] .av-opt-name{color: #e8bc67}.av-tab:focus-visible,.av-opt:focus-visible,.av-random:focus-visible{outline: 2px solid #e8bc67;outline-offset: 2px}@container (max-width: 440px){.av-layout{grid-template-columns: minmax(0,1fr);grid-template-areas: 'stage' 'tabs' 'grid';gap: 10px}.av-tab{padding: 7px 8px;font-size: 12px;letter-spacing: 0.05em}.av-stage{display: grid;grid-template-columns: auto minmax(0,1fr);grid-template-rows: auto auto;align-content: center;gap: 12px 14px;align-items: center;padding: 10px 14px}.av-stage::after{display: none}.av-preview{grid-row: 1 / 3;height: 140px}.av-preview .av-svg{height: 140px;width: auto}.av-caption{text-align: left;min-height: 0}.av-grid{grid-template-columns: repeat(auto-fill,minmax(62px,1fr));max-height: 240px}.av-thumb{height: 50px}}@media (prefers-reduced-motion: reduce){.av-opt,.av-tab,.av-random{transition: none}.av-opt:hover{transform: none}}
/* /css/game.css */
:root,.vn-dialog,.player-chip,.gps,.city-feed,.vn-toasts{--g-gold: #e8bc67;--g-panel: #151824;--g-panel2: #1c2030;--g-line: rgba(255,255,255,0.09);--g-muted: #8d96a8;--g-good: #3dff9a;--g-bad: #ff4d5e;--g-cond: 'Barlow Condensed','Arial Narrow',sans-serif;--g-display: 'Bungee',Impact,sans-serif}.vn-btn{display: inline-flex;align-items: center;justify-content: center;gap: 6px;padding: 9px 16px;border-radius: 9px;border: 1px solid var(--g-line);background: rgba(255,255,255,0.06);color: #eef1f6;font: 700 14px var(--g-cond);letter-spacing: 0.04em;text-transform: uppercase;text-decoration: none;cursor: pointer;white-space: nowrap;transition: background .15s,border-color .15s,transform .08s}.vn-btn:hover:not(:disabled){background: rgba(255,255,255,0.11);border-color: rgba(255,255,255,0.22)}.vn-btn:active:not(:disabled){transform: translateY(1px)}.vn-btn:disabled{opacity: 0.45;cursor: not-allowed}.vn-btn.gold{background: var(--g-gold);border-color: var(--g-gold);color: #171920}.vn-btn.gold:hover:not(:disabled){background: #f3cd82}.vn-btn.ghost{background: transparent}.vn-btn.danger{color: #ffd0d4;background: rgba(255,77,94,0.16);border-color: rgba(255,77,94,0.45)}.vn-btn.danger:hover:not(:disabled){background: rgba(255,77,94,0.28);border-color: var(--g-bad)}.vn-btn.small{padding: 5px 10px;font-size: 12px;border-radius: 7px}.vn-btn.big{padding: 13px 22px;font-size: 16px}.vn-link{background: none;border: 0;padding: 0;color: var(--g-gold);font: 600 14px Barlow,sans-serif;cursor: pointer;margin-bottom: 10px}.vn-kicker{color: var(--g-gold);letter-spacing: 2px;font-size: 11px;font-weight: 700;text-transform: uppercase}.vn-tag{display: inline-block;font: 600 12px var(--g-cond);letter-spacing: 0.04em;padding: 2px 8px;border-radius: 999px;background: rgba(95,168,255,0.14);color: #a9cfff;border: 1px solid rgba(95,168,255,0.35)}.vn-error{color: #ffaca9;min-height: 18px;font-size: 14px;margin: 8px 0 0}.vn-role{font: 700 12px var(--g-cond);letter-spacing: 0.05em;text-transform: uppercase;padding: 1px 7px;border-radius: 6px;white-space: nowrap}.vn-role-criminal{color: #ff8f99;background: rgba(255,77,94,0.14)}.vn-role-police{color: #9ccaff;background: rgba(95,168,255,0.16)}.vn-role-civilian{color: #8dffc2;background: rgba(61,255,154,0.12)}.vn-avatar-fallback{display: inline-grid;place-items: center;width: 100%;height: 100%;font-size: 20px}.gold{color: var(--g-gold)}.good{color: var(--g-good)}.bad{color: #ff8a95}.player-chip{display: flex;align-items: center;gap: 8px;margin-left: 6px;pointer-events: auto}body[data-viewer="user"] .auth-trigger,body[data-viewer="guest"] .auth-trigger{display: none}@media (max-width: 1500px){.city-page .city-tab small{display: none}.city-page .stat{min-width: 70px;padding: 4px 9px}}.chip-me{position: relative;display: flex;align-items: center;gap: 9px;padding: 3px 12px 3px 4px;border-radius: 12px;border: 1px solid var(--g-line);background: rgba(255,255,255,0.04);color: #eef1f6;cursor: pointer;text-align: left}.chip-me:hover{background: rgba(255,255,255,0.09);border-color: rgba(232,188,103,0.5)}.chip-avatar{width: 40px;height: 40px;border-radius: 10px;overflow: hidden;background: radial-gradient(circle at 50% 35%,#343a52,#191c28);display: grid;place-items: center;flex: none}.chip-avatar svg{width: 40px;height: 40px}.chip-text b{display: block;font: 700 15px/1.05 var(--g-cond);letter-spacing: 0.03em;max-width: 130px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.chip-text small{display: block;font-size: 11px;color: var(--g-muted);line-height: 1.2}.chip-bars{display: flex;gap: 3px;margin-top: 3px}.vn-bar{display: block;width: 44px;height: 4px;border-radius: 2px;background: rgba(255,255,255,0.1);overflow: hidden}.vn-bar>i{display: block;height: 100%;border-radius: 2px}.vn-bar.health>i{background: #ff5d6c}.vn-bar.energy>i{background: #ffd23f}.chip-badge{position: absolute;top: -5px;right: -5px;min-width: 18px;height: 18px;padding: 0 5px;border-radius: 9px;background: var(--g-bad);color: #fff;font: 700 11px/18px var(--g-cond);text-align: center;font-style: normal;box-shadow: 0 0 0 2px #0f1220}.vn-dialog{width: min(560px,calc(100vw - 24px));max-height: calc(100dvh - 32px);box-sizing: border-box;margin: auto;padding: 30px;border: 1px solid #454452;border-radius: 18px;color: #f5f2e9;background: linear-gradient(145deg,#222331,#12151f);box-shadow: 0 24px 90px #0009;font: 15px/1.45 Barlow,sans-serif;overflow: auto}.vn-dialog::backdrop{background: #080b15b8;backdrop-filter: blur(5px)}.vn-dialog h2{font: 700 30px/1.1 var(--g-cond);margin: 8px 0 10px;letter-spacing: 0.01em}.vn-dialog h3{font: 700 15px var(--g-cond);letter-spacing: 0.12em;text-transform: uppercase;color: var(--g-muted);margin: 20px 0 8px}.vn-dialog p{color: #b9bdca;margin: 0 0 12px}.vn-dialog input,.vn-dialog select{box-sizing: border-box;padding: 10px 12px;background: #10131d;border: 1px solid #454957;border-radius: 8px;color: #fff;font: 15px Barlow,sans-serif}.vn-dialog input:focus,.vn-dialog select:focus{outline: 2px solid var(--g-gold);outline-offset: 1px}.vn-close{position: absolute;right: 14px;top: 10px;border: 0;background: none;color: #c9cbd6;font-size: 28px;cursor: pointer;z-index: 2}.role-cards{display: grid;grid-template-columns: repeat(3,1fr);gap: 10px;margin-top: 12px}.role-card{--rc: #8d96a8;display: flex;flex-direction: column;align-items: flex-start;gap: 4px;padding: 14px 12px;border-radius: 14px;border: 1px solid color-mix(in srgb,var(--rc) 30%,transparent);background: linear-gradient(180deg,color-mix(in srgb,var(--rc) 12%,transparent),rgba(255,255,255,0.02));color: #eef1f6;text-align: left;cursor: pointer;transition: transform .15s,border-color .15s,box-shadow .15s}.role-card.vn-role-criminal{--rc: #ff4d5e}.role-card.vn-role-police{--rc: #5fa8ff}.role-card.vn-role-civilian{--rc: #3dff9a}.role-card:hover:not(:disabled){transform: translateY(-2px);border-color: var(--rc)}.role-card.selected{border-color: var(--rc);box-shadow: 0 0 0 1px var(--rc),0 0 30px color-mix(in srgb,var(--rc) 30%,transparent)}.role-icon{font-size: 28px}.role-card b{font: 700 18px var(--g-cond);text-transform: uppercase;letter-spacing: 0.04em}.role-card p{font-size: 12px;line-height: 1.35;color: #c3c9d6;margin: 0 0 4px}.role-card ul,.dos-role ul{list-style: none;padding: 0;margin: 2px 0 0;font-size: 12px;line-height: 1.35}.role-card li,.dos-role li{padding-left: 15px;position: relative;margin: 2px 0}.pros li{color: #b8f5d3}.pros li::before{content: '✓';position: absolute;left: 0;color: var(--g-good)}.cons li{color: #f3c1c6}.cons li::before{content: '✗';position: absolute;left: 0;color: var(--g-bad)}.vn-dialog.gate{width: min(760px,calc(100vw - 24px))}.gate-actions{display: flex;flex-wrap: wrap;gap: 10px;margin: 16px 0 4px}.gate-guest{margin-top: 22px;padding-top: 18px;border-top: 1px solid var(--g-line);font-size: 14px;color: #c3c9d6}.gate-save{display: flex;gap: 14px;align-items: center;padding: 12px;border-radius: 12px;background: rgba(232,188,103,0.08);border: 1px solid rgba(232,188,103,0.3);font-size: 14px}.gate-save>span:first-child{width: 56px;height: 56px;flex: none;border-radius: 12px;overflow: hidden;background: #1c2030}.vn-dialog.onboard{width: min(820px,calc(100vw - 24px))}.onboard-note{padding: 8px 12px;border-radius: 9px;background: rgba(61,255,154,0.08);border: 1px solid rgba(61,255,154,0.25);color: #b8f5d3 !important;font-size: 13px}.onboard-step{min-height: 200px}.onboard-nav{display: flex;justify-content: space-between;margin-top: 18px}.onboard-name{display: grid;grid-template-columns: auto 1fr;gap: 6px 22px;align-items: center;padding: 10px 0}.onboard-name>span{grid-row: span 2;width: 110px;display: grid;place-items: center}.onboard-name label{display: block;font-weight: 600;font-size: 13px;color: #dbdce4}.onboard-name input{display: block;width: 100%;margin-top: 6px;font-size: 20px}.onboard-name small{color: var(--g-muted);align-self: start}.vn-dialog.dossier{width: min(940px,calc(100vw - 24px));height: min(760px,calc(100dvh - 32px));padding: 0;display: none;overflow: hidden}.vn-dialog.dossier[open]{display: block}.dossier .vn-body{display: grid;grid-template-rows: auto auto 1fr;height: 100%}.dos-head{display: flex;align-items: center;gap: 16px;padding: 22px 26px 16px;background: linear-gradient(120deg,rgba(232,188,103,0.12),transparent 60%);border-bottom: 1px solid var(--g-line)}.dos-avatar{width: 84px;height: 84px;flex: none;border-radius: 18px;overflow: hidden;background: radial-gradient(circle at 50% 35%,#343a52,#191c28);border: 1px solid rgba(232,188,103,0.35)}.dos-id{flex: 1;min-width: 0}.dos-id h2{margin: 2px 0 4px}.dos-id p{margin: 0;display: flex;gap: 8px;align-items: center;flex-wrap: wrap}.dos-level{font: 700 14px var(--g-cond);letter-spacing: 0.06em;text-transform: uppercase;color: #eef1f6}.xp{height: 6px;border-radius: 3px;background: rgba(255,255,255,0.08);margin-top: 8px;max-width: 320px;overflow: hidden}.xp i{display: block;height: 100%;background: linear-gradient(90deg,#b8862d,var(--g-gold));border-radius: 3px}.dos-money{display: flex;gap: 4px}.dos-money span{padding: 4px 14px;border-left: 1px solid var(--g-line)}.dos-money label,.dos-stat label{display: block;font-size: 10px;text-transform: uppercase;letter-spacing: 0.12em;color: var(--g-muted)}.dos-money b{font: 700 22px var(--g-cond);font-variant-numeric: tabular-nums}.dos-tabs{display: flex;gap: 2px;padding: 0 18px;border-bottom: 1px solid var(--g-line);overflow-x: auto;scrollbar-width: none}.dos-tabs button{display: flex;align-items: center;gap: 6px;padding: 12px 14px;border: 0;border-bottom: 2px solid transparent;background: none;color: var(--g-muted);font: 700 14px var(--g-cond);letter-spacing: 0.06em;text-transform: uppercase;cursor: pointer;white-space: nowrap}.dos-tabs button:hover{color: #eef1f6}.dos-tabs button.active{color: var(--g-gold);border-bottom-color: var(--g-gold)}.dos-panel{overflow: auto;padding: 18px 26px 26px}.dos-panel>h3:first-child{margin-top: 4px}.dos-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(190px,1fr));gap: 1px;border-radius: 12px;overflow: hidden;background: var(--g-line)}.dos-stat{background: #131622;padding: 9px 12px}.dos-stat b{display: block;font: 600 18px var(--g-cond);font-variant-numeric: tabular-nums;margin-top: 1px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.dos-stat b small{color: var(--g-muted);font-size: 13px}.dos-stat.good b{color: var(--g-good)}.dos-stat.bad b{color: #ff8a95}.dos-meters{display: grid;grid-template-columns: repeat(3,1fr);gap: 14px;margin-bottom: 4px}.dos-meter label{display: flex;justify-content: space-between;font: 700 12px var(--g-cond);letter-spacing: 0.1em;text-transform: uppercase;color: var(--g-muted);margin-bottom: 5px}.dos-meter label span{color: #eef1f6}.dos-meter>i{display: block;height: 8px;border-radius: 4px;background: rgba(255,255,255,0.08);overflow: hidden}.dos-meter>i>i{display: block;height: 100%;border-radius: 4px}.dos-meter.health>i>i{background: #ff5d6c}.dos-meter.energy>i>i{background: #ffd23f}.dos-meter.heat>i>i{background: linear-gradient(90deg,#5fa8ff,#ff4d5e)}.dos-role{display: grid;grid-template-columns: 1fr 1fr;gap: 14px;padding: 12px 14px;border-radius: 12px;background: #131622}.dos-foot{color: var(--g-muted) !important;font-size: 13px;margin-top: 14px !important}.dos-empty{color: var(--g-muted) !important;padding: 18px 0}.dos-callout{padding: 12px 14px;border-radius: 12px;margin-bottom: 14px;background: rgba(232,188,103,0.09);border: 1px solid rgba(232,188,103,0.3);font-size: 14px}.dos-actions{display: flex;gap: 10px;align-items: center;margin-top: 14px;flex-wrap: wrap}.dos-actions small{color: var(--g-muted)}.dos-table{width: 100%;border-collapse: collapse;margin-top: 12px;font-size: 14px}.dos-table th{text-align: left;font: 700 11px var(--g-cond);letter-spacing: 0.12em;text-transform: uppercase;color: var(--g-muted);padding: 6px 8px;border-bottom: 1px solid var(--g-line)}.dos-table td{padding: 8px;border-bottom: 1px solid rgba(255,255,255,0.05);font-variant-numeric: tabular-nums}.dos-table tr[data-prop]{cursor: pointer}.dos-table tr[data-prop]:hover td,.dos-table tr[data-prop]:focus td{background: rgba(255,255,255,0.04)}.dos-prop-head{display: flex;gap: 14px;align-items: center;margin-bottom: 12px}.dos-prop-head h3{margin: 0;color: #eef1f6;font-size: 22px;letter-spacing: 0.02em}.dos-prop-head p{margin: 2px 0 0}.dos-prop-icon{font-size: 34px;width: 56px;height: 56px;display: grid;place-items: center;border-radius: 14px;background: #1c2030}.dos-items{display: grid;grid-template-columns: repeat(auto-fill,minmax(200px,1fr));gap: 8px}.dos-item{display: grid;grid-template-columns: auto 1fr auto;grid-template-rows: auto auto;gap: 0 10px;align-items: center;padding: 10px 12px;border-radius: 12px;background: #131622;border: 1px solid var(--g-line)}.dos-item.equipped{border-color: rgba(232,188,103,0.55);background: rgba(232,188,103,0.07)}.dos-item .it-icon{grid-row: span 2;font-size: 26px}.dos-item b{font: 700 15px var(--g-cond)}.dos-item small{color: var(--g-muted);grid-column: 2}.dos-item button{grid-column: 3;grid-row: 1 / span 2}.dos-ach{display: grid;grid-template-columns: repeat(auto-fill,minmax(190px,1fr));gap: 8px}.ach{display: grid;grid-template-columns: auto 1fr;gap: 0 10px;padding: 10px 12px;border-radius: 12px;background: #131622;border: 1px solid var(--g-line);opacity: 0.45;filter: grayscale(1)}.ach.got{opacity: 1;filter: none;border-color: rgba(232,188,103,0.4)}.ach span{grid-row: span 3;font-size: 28px}.ach b{font: 700 15px var(--g-cond)}.ach small{color: var(--g-muted);font-size: 12px}.ach em{font-style: normal;color: var(--g-gold);font-size: 11px}.dos-feed{list-style: none;padding: 0;margin: 0}.dos-feed li,.city-feed li{display: flex;justify-content: space-between;gap: 12px;padding: 7px 0;border-bottom: 1px solid rgba(255,255,255,0.05);font-size: 14px}.dos-feed time,.city-feed time{color: var(--g-muted);white-space: nowrap;font-size: 12px}.dos-filters{display: flex;flex-wrap: wrap;gap: 8px;align-items: center}.dos-filters input[type=search]{flex: 1 1 180px}.dos-check{display: flex;gap: 6px;align-items: center;font-size: 13px;color: #c3c9d6}.dos-players{margin-top: 10px}.dos-player{display: flex;align-items: center;gap: 12px;padding: 8px 10px;border-radius: 12px;cursor: pointer}.dos-player:hover,.dos-player:focus{background: rgba(255,255,255,0.04)}.pl-avatar{position: relative;width: 44px;height: 44px;flex: none;border-radius: 11px;background: #1c2030}.pl-avatar>svg{border-radius: 11px}.dot{display: inline-block;width: 9px;height: 9px;border-radius: 50%;background: #50586a}.pl-avatar .dot{position: absolute;right: -2px;bottom: -2px;box-shadow: 0 0 0 2px #171a26}.dot.online{background: var(--g-good);box-shadow: 0 0 6px var(--g-good)}.dot.active{background: #c5e86b}.dot.idle{background: #e0a94a}.dot.stagnant{background: #50586a}.pl-name{flex: 1;min-width: 0}.pl-name b{font: 700 16px var(--g-cond);letter-spacing: 0.02em}.pl-name small{display: block;color: var(--g-muted);font-size: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.wanted{font-style: normal;font: 700 11px var(--g-cond);color: #ff8f99;letter-spacing: 0.06em;text-transform: uppercase}.pl-odds{font: 700 16px var(--g-cond);color: #e0c97a;width: 44px;text-align: right}.pl-odds.good{color: var(--g-good)}.pl-odds.bad{color: #ff8a95}.dos-pager{display: flex;justify-content: space-between;align-items: center;gap: 10px;margin-top: 10px;color: var(--g-muted);font-size: 13px}.dos-profile{display: grid;grid-template-columns: 150px 1fr;gap: 22px;align-items: start}.dos-profile h3{margin: 0;color: #eef1f6;font-size: 26px;letter-spacing: 0.01em;text-transform: none}.pf-avatar{display: grid;place-items: center;padding: 8px 0;border-radius: 16px;background: radial-gradient(circle at 50% 30%,#2d3248,#151824)}.pf-ach{display: flex;flex-wrap: wrap;gap: 6px;font-size: 24px}.pf-props{list-style: none;padding: 0;margin: 0;columns: 2}.pf-props a{color: #eef1f6;text-decoration: none;display: block;padding: 4px 0;font-size: 14px}.pf-props a:hover{color: var(--g-gold)}.pf-props small{color: var(--g-muted)}.dos-edit{display: grid;grid-template-columns: 1fr 220px;gap: 20px;align-items: start}.dos-edit-side{display: flex;flex-direction: column;gap: 10px}.dos-edit-side label{font-weight: 600;font-size: 13px;color: #dbdce4}.dos-edit-side input{width: 100%;margin-top: 6px}.dos-edit-side small{color: var(--g-muted)}.vn-dialog.shop{width: min(620px,calc(100vw - 24px))}.shop-list{display: grid;gap: 6px}.shop-item{display: grid;grid-template-columns: auto 1fr auto auto;gap: 12px;align-items: center;padding: 10px 12px;border-radius: 12px;background: #131622;border: 1px solid var(--g-line)}.shop-item.equipped{border-color: rgba(232,188,103,0.55)}.shop-item .it-icon{font-size: 26px}.shop-item b{display: block;font: 700 16px var(--g-cond)}.shop-item small{color: var(--g-muted)}.shop-price{font: 700 17px var(--g-cond);color: var(--g-gold);font-variant-numeric: tabular-nums}.shop-price s{color: var(--g-muted);font-weight: 500;font-size: 13px}.shop-price.deal{color: var(--g-good)}.gps{position: fixed;right: 12px;top: 80px;width: 280px;max-height: calc(100vh - 290px);display: none;flex-direction: column;z-index: 18;border-radius: 14px;background: rgba(13,15,24,0.92);backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px);border: 1px solid var(--g-line);box-shadow: 0 10px 40px rgba(0,0,0,0.45)}.gps.open{display: flex}.gps header{display: flex;justify-content: space-between;align-items: center;padding: 10px 12px;border-bottom: 1px solid var(--g-line);font: 700 16px var(--g-cond);letter-spacing: 0.06em;text-transform: uppercase}.gps-list{overflow: auto;padding: 4px 6px 8px}.gps-list h5{margin: 10px 6px 4px;font: 700 11px var(--g-cond);letter-spacing: 0.14em;text-transform: uppercase;color: var(--g-muted)}.gps-list button{display: grid;grid-template-columns: 28px 1fr;gap: 0 8px;width: 100%;padding: 7px 8px;border: 0;border-radius: 9px;background: none;color: #eef1f6;text-align: left;cursor: pointer}.gps-list button:hover{background: rgba(255,255,255,0.07)}.gps-list button span{grid-row: span 2;font-size: 20px;align-self: center}.gps-list button b{font: 700 14px var(--g-cond);letter-spacing: 0.03em;text-transform: uppercase}.gps-list button small{color: var(--g-muted);font-size: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.city-feed{position: fixed;left: 76px;bottom: 50px;width: min(380px,calc(100vw - 340px));margin: 0;padding: 0;list-style: none;z-index: 5}.city-feed li{display: flex;align-items: center;gap: 8px;padding: 6px 10px;margin-top: 5px;border: 1px solid rgba(255,255,255,0.06);border-radius: 10px;background: rgba(10,12,20,0.78);font-size: 12px;color: #d4d8e2;animation: feed-in .35s ease}.city-feed li.link{cursor: pointer}.city-feed li.link:hover{border-color: rgba(232,188,103,0.5);background: rgba(20,22,34,0.92)}.city-feed li:nth-child(2){opacity: 0.8}.feed-msg{flex: 1;min-width: 0}.feed-name{border: 0;padding: 0;background: none;color: #e8bc67;font: inherit;font-weight: 700;cursor: pointer;text-decoration: underline;text-underline-offset: 2px}.feed-go{flex: none;font-size: 13px;color: #e8bc67}@keyframes feed-in{from{opacity: 0;transform: translateY(6px)}}body.atlas .city-feed{left: 12px;bottom: 54px}.chip-owner{display: inline-flex;align-items: center;gap: 5px;cursor: pointer}.chip-owner:hover{filter: brightness(1.25)}.chip-av{width: 18px;height: 18px;border-radius: 5px;overflow: hidden;background: #1c2030;display: inline-block}.chip-av svg{width: 18px;height: 18px;display: block}.card-guest{margin: 10px 0 0;font-size: 12px;color: #c3c9d6}.vn-toasts{position: fixed;right: 12px;top: 80px;display: flex;flex-direction: column;gap: 8px;z-index: 1100;pointer-events: none}.vn-toasts .toast{max-width: 340px;padding: 10px 14px;border-radius: 12px;font: 13px/1.35 Barlow,sans-serif;color: #eef1f6;background: rgba(12,14,22,0.94);border: 1px solid var(--g-line);border-left: 3px solid var(--g-muted);box-shadow: 0 10px 30px rgba(0,0,0,0.45);transform: translateX(20px);opacity: 0;transition: transform .25s,opacity .25s}.vn-toasts .toast.show{transform: none;opacity: 1}.vn-toasts .toast.good{border-left-color: var(--g-good)}.vn-toasts .toast.bad{border-left-color: var(--g-bad)}.topbar-more{display: none}@media (max-width: 900px){.topbar{height: auto;min-height: 52px;flex-wrap: wrap;gap: 8px;padding: 6px 8px 6px 12px;top: 8px;left: 8px;right: 8px}.topbar .brand-nation,.topbar .map-chip{display: none}.topbar .cities{display: none;order: 10;flex: 1 1 100%}.topbar .stats{order: 11;flex: 1 1 100%;display: none}.topbar.expanded .cities{display: grid;grid-template-columns: repeat(auto-fill,minmax(130px,1fr));gap: 4px;overflow: visible}.topbar.expanded .stats{display: flex;flex-wrap: wrap}.topbar.expanded .stats .stat{display: block !important;flex: 1 1 40%;border-left: 0;border-top: 1px solid rgba(255,255,255,0.08)}.topbar .player-chip{margin-left: auto}.topbar-more{display: grid;place-items: center;width: 40px;height: 40px;border-radius: 10px;border: 1px solid rgba(255,255,255,0.12);background: rgba(255,255,255,0.05);color: #fff;font-size: 18px;cursor: pointer}.auth-trigger{padding: 8px 10px}.city-banner{top: 70px}.city-banner b{font-size: 34px}.toolbar{top: auto;bottom: 8px;left: 8px;right: 8px;transform: none;flex-direction: row;gap: 2px;padding: 4px;overflow-x: auto;scrollbar-width: none;z-index: 16}.toolbar::-webkit-scrollbar{display: none}.toolbar .tool{flex: none;width: 54px;height: 50px}.toolbar .tool-sep{width: 1px;height: auto;margin: 6px 2px}#btnZoomIn,#btnZoomOut{display: none}.minimap-wrap,.help,.compass{display: none !important}.card,.card.side{left: 8px !important;right: 8px;top: auto !important;bottom: 70px;width: auto;transform: none !important;max-height: calc(100dvh - 150px);overflow-y: auto;z-index: 20}.card::after{display: none}.drawer{bottom: 70px;width: calc(100vw - 16px)}.gps{top: 70px;left: 8px;right: 8px;width: auto;max-height: calc(100dvh - 160px)}.loc-bar{top: 68px}.topbar.expanded{z-index: 40}.topbar.expanded ~ .loc-bar{display: none}.drawer:not(.open){visibility: hidden}.city-feed{display: block;left: 8px;right: 8px;bottom: 68px;width: auto}.city-feed li:nth-child(n+2){display: none}body.atlas .city-feed{left: 8px;bottom: 68px}#toasts,.toasts{top: auto;bottom: 120px;left: 8px;right: 8px;align-items: stretch}.toast{max-width: none}.chip-text,.player-chip .vn-btn.small{display: none}.chip-me{padding: 3px}.role-cards{grid-template-columns: 1fr}.dos-head{flex-wrap: wrap;padding: 18px}.dos-money{width: 100%}.dos-meters,.dos-role,.dos-profile,.dos-edit{grid-template-columns: 1fr}.dos-panel{padding: 14px 16px 20px}.pf-props{columns: 1}.gps{left: 12px;right: 12px;width: auto}}.card-perks{margin: 10px 0 0;padding-left: 16px;font-size: 12px;line-height: 1.45;color: #c3c9d6}.dos-callout.loc{background: rgba(95,168,255,0.08);border-color: rgba(95,168,255,0.3)}html{touch-action: manipulation}#toasts[popover]{position: fixed;inset: 80px 12px auto auto;margin: 0;padding: 0;border: 0;background: transparent;color: #eef1f6;overflow: visible;width: auto;height: auto;display: flex;flex-direction: column;gap: 8px;pointer-events: none}@media (max-width: 900px){#toasts[popover]{inset: auto 8px 120px 8px}}.city-tab{position: relative}.city-tab.locked{opacity: 0.6}.city-lock{position: absolute;top: 2px;right: 2px;font: 700 10px 'Barlow Condensed',sans-serif;font-style: normal;padding: 1px 4px;border-radius: 6px;background: rgba(0,0,0,0.55);color: #ffd36b;pointer-events: none}.card-lock{margin: 8px 0;padding: 8px 10px;border-radius: 10px;background: rgba(255,90,79,0.12);color: #ffb0a8;font: 600 14px 'Barlow Condensed',sans-serif;letter-spacing: 0.03em;display: flex;justify-content: space-between;align-items: center}.card-lock.open{background: rgba(61,255,154,0.1);color: #8affc0}.card-lock small{color: #8d96a8;font-size: 12px}.toast.has-fix{pointer-events: auto}.fix-row{display: flex;flex-wrap: wrap;gap: 6px;align-items: center;margin-top: 8px}.fix-row small{flex-basis: 100%;color: #a7afc0;font-size: 12px}.toast .fix-row .vn-btn{pointer-events: auto}.card-lore{margin: 4px 0 8px;border-radius: 10px;background: rgba(232,188,103,0.07);border: 1px solid rgba(232,188,103,0.18)}.card-lore summary{cursor: pointer;padding: 6px 10px;font: 700 13px 'Barlow Condensed',sans-serif;letter-spacing: 0.06em;text-transform: uppercase;color: #e8bc67;list-style: none}.card-lore summary::-webkit-details-marker{display: none}.card-lore summary::after{content: ' ▸'}.card-lore[open] summary::after{content: ' ▾'}.card-lore>div{display: flex;gap: 10px;padding: 0 10px 6px;align-items: flex-start}.card-lore img{border-radius: 50%;flex: none;background: #0d0f17}.card-lore p{margin: 0;font-size: 13px;line-height: 1.4;color: #d4d8e2;font-style: italic}.card-lore p b{display: block;font-style: normal;color: #fff}.card-lore a{display: block;padding: 0 10px 8px;font-size: 12px;color: #e8bc67}
/* /css/fight.css */
.vn-dialog.fight{width: min(760px,calc(100vw - 16px));padding: 0;overflow: hidden;background: #07080d}.vn-dialog.fight .vn-close{z-index: 10}.ft-arena{position: relative;height: min(460px,72dvh);overflow: hidden;background: radial-gradient(ellipse at 50% 80%,#5a3050 0%,#2a1834 45%,#120c1c 85%);user-select: none}.ft-arena::before{content: '';position: absolute;left: -10%;right: -10%;bottom: 0;height: 32%;background: repeating-linear-gradient(90deg,#1a1420 0 60px,#221a2a 60px 120px);transform: perspective(300px) rotateX(55deg);transform-origin: bottom;opacity: 0.8}.ft-arena::after{content: '';position: absolute;inset: 0;background: radial-gradient(circle at 50% 10%,rgba(255,240,200,0.28),transparent 50%);pointer-events: none}.ft-lights{position: absolute;inset: 0;pointer-events: none;opacity: 0}.ft-arrest .ft-lights{animation: ft-police 0.5s steps(2) infinite;opacity: 1}@keyframes ft-police{0%{background: radial-gradient(circle at 15% 0%,rgba(255,40,60,0.45),transparent 50%)}100%{background: radial-gradient(circle at 85% 0%,rgba(60,120,255,0.45),transparent 50%)}}.ft-odds{position: absolute;top: 14px;left: 50%;transform: translateX(-50%);z-index: 3;display: grid;justify-items: center;gap: 3px;font: 700 12px 'Barlow Condensed',sans-serif;letter-spacing: 0.12em;text-transform: uppercase;color: #c3c9d6}.ft-odds b{font: 400 22px Bungee,Impact,sans-serif;color: #e8bc67;letter-spacing: 0}.ft-odds>i{display: block;width: 160px;height: 6px;border-radius: 3px;background: rgba(255,255,255,0.12);overflow: hidden}.ft-odds>i>i{display: block;height: 100%;background: linear-gradient(90deg,#ff4d5e,#e8bc67,#3dff9a)}.ft-side{position: absolute;bottom: 26px;width: 42%;display: grid;justify-items: center;z-index: 2;transition: transform 0.55s cubic-bezier(.2,1.4,.4,1),opacity 0.4s}.ft-me{left: 4%;transform: translateX(-120%)}.ft-foe{right: 4%;transform: translateX(120%)}.ft-arena.in .ft-side{transform: none}.ft-body{position: relative;height: 230px;display: grid;place-items: end center;filter: brightness(1.12) saturate(1.15) drop-shadow(0 0 1px rgba(255,255,255,0.9)) drop-shadow(0 10px 14px rgba(0,0,0,0.5))}.ft-body::before{content: '';position: absolute;left: 50%;bottom: -6px;width: 260px;height: 300px;transform: translateX(-50%);z-index: -1;pointer-events: none;background: radial-gradient(ellipse at 50% 70%,rgba(255,236,200,0.38),rgba(255,236,200,0.12) 45%,transparent 70%)}.ft-me .ft-body::before{background: radial-gradient(ellipse at 50% 70%,rgba(170,255,220,0.34),rgba(170,255,220,0.1) 45%,transparent 70%)}.ft-foe .ft-body::before{background: radial-gradient(ellipse at 50% 70%,rgba(255,190,200,0.34),rgba(255,190,200,0.1) 45%,transparent 70%)}.ft-body svg{height: 220px;width: auto}.ft-foe .ft-body svg{transform: scaleX(-1)}.ft-building{font-size: 150px;line-height: 1}.ft-tag{display: grid;justify-items: center;gap: 2px;margin-top: 4px}.ft-tag b{font: 400 16px Bungee,Impact,sans-serif;color: #fff;text-shadow: 0 2px 0 #000}.ft-tag small{font-size: 12px;color: #c3c9d6}.ft-hp{display: block;width: 150px;height: 8px;border-radius: 4px;background: rgba(255,255,255,0.12);overflow: hidden;margin-top: 3px}.ft-hp>i{display: block;width: 100%;height: 100%;background: linear-gradient(90deg,#ff4d5e,#ff9a3d);transition: width 0.3s}.ft-me .ft-hp>i{background: linear-gradient(90deg,#3dff9a,#9be27a)}.ft-vs{position: absolute;left: 50%;top: 42%;transform: translate(-50%,-50%) scale(3);opacity: 0;z-index: 3;font: 400 54px Bungee,Impact,sans-serif;color: #e8bc67;text-shadow: 0 4px 0 #000,0 0 30px rgba(232,188,103,0.6);transition: transform 0.4s 0.35s cubic-bezier(.2,1.6,.4,1),opacity 0.2s 0.35s}.ft-arena.in .ft-vs{transform: translate(-50%,-50%) scale(1);opacity: 1}.ft-arena.done .ft-vs,.ft-arena.done .ft-odds{opacity: 0;transition: opacity 0.2s}.lunge-me .ft-me{animation: ft-lunge-r 0.32s ease-out}.lunge-foe .ft-foe{animation: ft-lunge-l 0.32s ease-out}@keyframes ft-lunge-r{40%{transform: translateX(28%) rotate(4deg)}}@keyframes ft-lunge-l{40%{transform: translateX(-28%) rotate(-4deg)}}.ft-side.hurt .ft-body{animation: ft-hurt 0.35s}@keyframes ft-hurt{0%,100%{filter: brightness(1.12) saturate(1.15) drop-shadow(0 0 1px rgba(255,255,255,0.9)) drop-shadow(0 10px 14px rgba(0,0,0,0.5))}30%{filter: brightness(2.2) sepia(1) hue-rotate(-40deg) saturate(5);transform: translateX(6px)}60%{transform: translateX(-6px)}}.ft-side.down{opacity: 0.85}.ft-side.down .ft-body{transform: rotate(-8deg) translateY(10px);transition: transform 0.4s;filter: grayscale(0.45) brightness(0.95) drop-shadow(0 10px 14px rgba(0,0,0,0.5))}.ft-foe.down .ft-body{transform: rotate(8deg) translateY(10px)}.ft-arena.shake{animation: ft-shake 0.3s}@keyframes ft-shake{20%{transform: translate(-6px,3px)}40%{transform: translate(5px,-4px)}60%{transform: translate(-3px,2px)}80%{transform: translate(2px,-1px)}}.ft-fx{position: absolute;inset: 0;pointer-events: none;z-index: 4}.ft-pop{position: absolute;top: 32%;display: grid;justify-items: center;font-size: 56px;animation: ft-pop 0.9s ease-out forwards}.ft-pop em{font: 400 26px Bungee,Impact,sans-serif;font-style: normal;color: #ff4d5e;text-shadow: 0 3px 0 #000}.ft-pop-foe{right: calc(22% + var(--dx))}.ft-pop-me{left: calc(22% + var(--dx))}@keyframes ft-pop{0%{transform: scale(0.3);opacity: 0}20%{transform: scale(1.25);opacity: 1}100%{transform: translateY(-70px) scale(1);opacity: 0}}.ft-coin{position: absolute;top: -40px;left: var(--x);font-size: 26px;animation: ft-coin 1.6s var(--d) ease-in forwards}@keyframes ft-coin{to{transform: translateY(520px) rotate(540deg)}}.ft-result{position: absolute;inset: 0;z-index: 6;display: grid;place-content: center;justify-items: center;gap: 8px;padding: 20px;text-align: center;background: radial-gradient(ellipse 46% 40% at 50% 46%,rgba(5,5,9,0.72),rgba(5,5,9,0.25) 70%,transparent);animation: ft-in 0.35s ease-out}@keyframes ft-in{from{opacity: 0}}.ft-title{font: 400 clamp(40px,9vw,72px)/1 Bungee,Impact,sans-serif;letter-spacing: 0.02em;animation: ft-slam 0.45s cubic-bezier(.2,1.6,.4,1)}@keyframes ft-slam{from{transform: scale(2.4);opacity: 0}}.ft-result.win .ft-title{color: #e8bc67;text-shadow: 0 5px 0 #000,0 0 40px rgba(232,188,103,0.7)}.ft-result.lose .ft-title{color: #ff4d5e;text-shadow: 0 5px 0 #000,0 0 40px rgba(255,77,94,0.6)}.ft-cash{font: 400 34px Bungee,Impact,sans-serif;color: #3dff9a;text-shadow: 0 3px 0 #000}.ft-result.lose .ft-cash{color: #ff8a95}.ft-result p{max-width: 460px;color: #eef1f6;margin: 0;font-size: 15px}.ft-result small{color: #c3c9d6}.ft-actions{display: flex;gap: 10px;margin-top: 8px;flex-wrap: wrap;justify-content: center}@media (max-width: 600px){.ft-body{height: 170px}.ft-body svg{height: 160px}.ft-building{font-size: 100px}.ft-hp{width: 110px}.ft-tag b{font-size: 13px}.ft-vs{font-size: 38px}}
/* /css/social.css */
.chip-invite,.chip-admin{display: inline-flex;align-items: center;gap: 6px;height: 40px;padding: 0 12px;border-radius: 10px;border: 1px solid rgba(61,255,154,0.45);background: rgba(61,255,154,0.12);color: #b8f5d3;font: 700 13px 'Barlow Condensed',sans-serif;letter-spacing: 0.04em;text-transform: uppercase;cursor: pointer;text-decoration: none;white-space: nowrap;font-size: 13px}.chip-invite{animation: invite-glow 2.8s ease-in-out infinite}@keyframes invite-glow{50%{box-shadow: 0 0 18px rgba(61,255,154,0.35)}}.chip-invite:hover{background: rgba(61,255,154,0.22)}.chip-admin{border-color: rgba(255,154,61,0.5);background: rgba(255,154,61,0.12);color: #ffd2a6}@media (max-width: 1200px){.chip-invite span,.chip-admin span{display: none}.chip-invite,.chip-admin{padding: 0 10px;font-size: 18px}}.vn-dialog.share{width: min(620px,calc(100vw - 24px))}.share-quote{font-style: italic;color: #eef1f6 !important}.share-stats{display: flex;gap: 10px;margin: 6px 0 14px}.share-stats span{flex: 1;display: grid;padding: 12px;border-radius: 12px;background: #131622}.share-stats b{font: 700 26px 'Barlow Condensed',sans-serif}.share-stats small{color: #8d96a8}.share-label{display: block;font: 700 11px 'Barlow Condensed',sans-serif;letter-spacing: 0.12em;text-transform: uppercase;color: #8d96a8;margin: 10px 0 4px}.share-row{display: flex;gap: 8px}.share-row input{flex: 1;min-width: 0;font-family: 'Courier New',monospace;font-size: 13px}.share-chan{display: flex;flex-wrap: wrap;gap: 6px;margin: 14px 0 4px}.share-chan .vn-btn span{font-size: 15px}.share-list{display: grid;gap: 4px;max-height: 260px;overflow: auto}.share-person{display: grid;grid-template-columns: 36px 1fr auto;grid-template-rows: auto auto;gap: 0 10px;align-items: center;padding: 6px 8px;border: 0;border-radius: 10px;background: #131622;color: #eef1f6;text-align: left;cursor: pointer}.share-person span{grid-row: span 2;width: 36px;height: 36px;border-radius: 8px;overflow: hidden}.share-person small{color: #8d96a8}.share-person em{grid-row: span 2;grid-column: 3;grid-row-start: 1;font-style: normal;color: #3dff9a;font: 700 15px 'Barlow Condensed',sans-serif}.invite-banner{position: fixed;left: 50%;top: 82px;transform: translateX(-50%);z-index: 25;display: flex;align-items: center;gap: 12px;padding: 10px 40px 10px 12px;border-radius: 14px;background: linear-gradient(120deg,#1d2a22,#131622);border: 1px solid rgba(61,255,154,0.45);box-shadow: 0 12px 40px rgba(0,0,0,0.5);color: #eef1f6;max-width: calc(100vw - 24px)}.invite-banner>span{width: 40px;height: 40px;border-radius: 10px;overflow: hidden;flex: none}.invite-banner b{display: block;font: 700 16px 'Barlow Condensed',sans-serif}.invite-banner small{color: #b8f5d3}.invite-banner .vn-close{top: 4px;right: 8px;font-size: 22px}.coach{position: fixed;right: 12px;bottom: 204px;z-index: 14;width: 300px;padding: 12px 14px;border-radius: 14px;background: linear-gradient(160deg,rgba(36,32,22,0.96),rgba(16,18,28,0.96));border: 1px solid rgba(232,188,103,0.5);box-shadow: 0 14px 40px rgba(0,0,0,0.5);color: #eef1f6;font: 13px/1.4 Barlow,sans-serif}.coach[hidden]{display: none}.coach.min{width: auto;padding: 0;background: none;border: 0;box-shadow: none}.coach-head{display: flex;justify-content: space-between;align-items: center}.coach-x{border: 0;background: none;color: #c3c9d6;font-size: 20px;cursor: pointer;line-height: 1}.coach>b{display: block;font: 700 17px 'Barlow Condensed',sans-serif;margin: 4px 0 2px}.coach p{margin: 0 0 8px;color: #c3c9d6}.coach-bar{display: block;height: 4px;border-radius: 2px;background: rgba(255,255,255,0.1);overflow: hidden;margin-bottom: 8px}.coach-bar>i{display: block;height: 100%;background: #e8bc67}.coach-act{display: flex;flex-wrap: wrap;gap: 6px;align-items: center}.coach-reward{font: 700 13px 'Barlow Condensed',sans-serif;color: #3dff9a}.coach-pill{display: inline-flex;gap: 8px;align-items: center;padding: 8px 12px;border-radius: 999px;border: 1px solid rgba(232,188,103,0.55);background: rgba(16,18,28,0.94);color: #eef1f6;font: 700 13px 'Barlow Condensed',sans-serif;letter-spacing: 0.03em;cursor: pointer;box-shadow: 0 8px 24px rgba(0,0,0,0.4)}.coach-pill em{font-style: normal;color: #e8bc67}body.atlas .coach{bottom: 140px}@media (max-width: 900px){.coach{left: 8px;right: 8px;width: auto;bottom: 108px}.coach.min{left: auto}}.guide{list-style: none;padding: 0;margin: 0;display: grid;gap: 6px}.guide li{display: grid;grid-template-columns: 30px 1fr auto;gap: 10px;align-items: center;padding: 10px 12px;border-radius: 12px;background: #131622;border: 1px solid rgba(255,255,255,0.06)}.guide li.done{border-color: rgba(61,255,154,0.45)}.guide li.claimed{opacity: 0.55}.guide .g-n{display: grid;place-items: center;width: 28px;height: 28px;border-radius: 50%;background: rgba(232,188,103,0.15);color: #e8bc67;font: 700 14px 'Barlow Condensed',sans-serif}.guide li.claimed .g-n{background: rgba(61,255,154,0.2);color: #3dff9a}.guide b{display: block;font: 700 15px 'Barlow Condensed',sans-serif}.guide small{color: #8d96a8;font-size: 12px}.guide em{font-style: normal;color: #3dff9a;font: 700 13px 'Barlow Condensed',sans-serif}.guide-tips{padding-left: 18px;color: #c3c9d6;font-size: 13px;line-height: 1.55}.crew-tag{display: inline-block;padding: 1px 6px;border-radius: 5px;background: color-mix(in srgb,var(--cc) 22%,transparent);border: 1px solid color-mix(in srgb,var(--cc) 60%,transparent);color: var(--cc);font: 700 12px 'Barlow Condensed',sans-serif;letter-spacing: 0.08em;vertical-align: middle;cursor: default}button.crew-tag{cursor: pointer}.crew-tag.sm{font-size: 10px;padding: 0 4px}.crew-head{display: flex;gap: 14px;align-items: center;padding: 14px;border-radius: 14px;margin-bottom: 12px;background: linear-gradient(120deg,color-mix(in srgb,var(--cc) 20%,transparent),transparent);border: 1px solid color-mix(in srgb,var(--cc) 40%,transparent)}.crew-badge{display: grid;place-items: center;width: 64px;height: 64px;border-radius: 16px;background: var(--cc);color: #12151f;font: 400 18px Bungee,Impact,sans-serif;flex: none}.crew-head h3{margin: 0;color: #fff;font-size: 24px;letter-spacing: 0.01em;text-transform: none}.crew-head p{margin: 2px 0 0}.crew-form{display: grid;grid-template-columns: 1fr 90px 48px;gap: 8px}.crew-form input[name=motto],.crew-form button{grid-column: 1 / -1}.crew-form input[type=color]{padding: 2px;height: 42px}.crew-tag-in{text-transform: uppercase}.crew-list,.crew-members{display: grid;gap: 4px}.crew-row,.crew-inv{display: flex;gap: 10px;align-items: center;padding: 8px 10px;border: 0;border-radius: 10px;background: #131622;color: #eef1f6;text-align: left;cursor: pointer}.crew-row small,.crew-inv small{color: #8d96a8;margin-left: auto}.crew-inv{cursor: default;margin-bottom: 4px}.crew-m{display: flex;gap: 6px;align-items: center;padding: 6px 8px;border-radius: 10px;background: #131622}.crew-m-name{flex: 1;min-width: 0;display: grid;grid-template-columns: 34px 1fr;gap: 0 10px;border: 0;background: none;color: #eef1f6;text-align: left;cursor: pointer;padding: 0}.crew-m-name>span{grid-row: span 2;width: 34px;height: 34px;border-radius: 8px;overflow: hidden}.crew-m-name small{color: #8d96a8;font-size: 12px;text-transform: capitalize}.crew-say{display: flex;gap: 8px;margin-bottom: 8px}.crew-say input{flex: 1}.crew-wall{max-height: 260px;overflow: auto}.lb-tabs{display: flex;flex-wrap: wrap;gap: 4px;margin-bottom: 10px}.lb-tabs button{padding: 6px 12px;border-radius: 999px;border: 1px solid rgba(255,255,255,0.1);background: transparent;color: #c3c9d6;font: 700 13px 'Barlow Condensed',sans-serif;letter-spacing: 0.04em;cursor: pointer}.lb-tabs button.active{background: #e8bc67;color: #171920;border-color: #e8bc67}.lb-city{margin-bottom: 10px}.lb-me{display: flex;align-items: center;gap: 10px}.lb-me .vn-btn{margin-left: auto}.lb{list-style: none;padding: 0;margin: 0;display: grid;gap: 4px}.lb li{display: grid;grid-template-columns: 44px 1fr auto;gap: 10px;align-items: center;padding: 6px 10px;border-radius: 10px;background: #131622}.lb li.top{background: linear-gradient(90deg,rgba(232,188,103,0.14),#131622)}.lb li.me{box-shadow: inset 0 0 0 1px #e8bc67}.lb-rank{font: 700 18px 'Barlow Condensed',sans-serif;text-align: center;color: #8d96a8}.lb li.top .lb-rank{font-size: 24px}.lb-who{display: grid;grid-template-columns: 34px 1fr;gap: 0 10px;align-items: center;border: 0;background: none;color: #eef1f6;text-align: left;cursor: pointer;padding: 0}.lb-who>span:first-child{grid-row: span 2;width: 34px;height: 34px;border-radius: 8px;overflow: hidden}.lb-who>.crew-tag:first-child{grid-row: span 2;width: auto;height: auto}.lb-who b{font: 700 15px 'Barlow Condensed',sans-serif}.lb-who small{color: #8d96a8;font-size: 12px}.lb-score{font: 700 17px 'Barlow Condensed',sans-serif;color: #e8bc67;font-variant-numeric: tabular-nums}.lux{display: grid;grid-template-columns: repeat(auto-fill,minmax(200px,1fr));gap: 8px}.lux-item{display: grid;gap: 3px;padding: 12px;border-radius: 14px;background: linear-gradient(160deg,#1b1d2a,#12141e);border: 1px solid rgba(255,255,255,0.07)}.lux-item.owned{border-color: rgba(232,188,103,0.6);background: linear-gradient(160deg,rgba(232,188,103,0.14),#12141e)}.lux-icon{font-size: 34px}.lux-item b{font: 700 17px 'Barlow Condensed',sans-serif}.lux-item small{color: #8d96a8;font-size: 12px}.lux-item em{font-style: normal;color: #3dff9a;font: 700 12px 'Barlow Condensed',sans-serif;letter-spacing: 0.03em}.lux-buy{display: flex;justify-content: space-between;align-items: center;margin-top: 6px}.lux-buy span{font: 700 16px 'Barlow Condensed',sans-serif;color: #e8bc67}.lux-buy i{font-style: normal;color: #3dff9a;font: 700 13px 'Barlow Condensed',sans-serif}.attack-fab{position: fixed;left: 50%;bottom: 22px;transform: translateX(-50%);z-index: 7;display: flex;align-items: center;gap: 8px;padding: 12px 20px 12px 16px;border: 0;border-radius: 999px;cursor: pointer;background: linear-gradient(180deg,#ff5a4f,#c8221a);color: #fff;font: 700 18px 'Barlow Condensed',sans-serif;letter-spacing: 0.06em;text-transform: uppercase;box-shadow: 0 10px 28px rgba(200,34,26,0.45),inset 0 1px 0 rgba(255,255,255,0.35);transition: transform .15s,box-shadow .15s}.attack-fab span{font-size: 22px}.attack-fab:hover{transform: translateX(-50%) translateY(-2px) scale(1.03);box-shadow: 0 14px 34px rgba(200,34,26,0.6),inset 0 1px 0 rgba(255,255,255,0.35)}.attack-fab::after{content: '';position: absolute;inset: -4px;border-radius: inherit;border: 2px solid rgba(255,90,79,0.6);animation: fab-pulse 2.4s ease-out infinite;pointer-events: none}@keyframes fab-pulse{0%{opacity: 0.9;transform: scale(1)}100%{opacity: 0;transform: scale(1.18)}}@media (prefers-reduced-motion: reduce){.attack-fab::after{animation: none}}body.atlas .attack-fab{bottom: 64px}body[data-viewer="nocharacter"] .attack-fab,body:has(dialog[open]) .attack-fab{display: none}@media (max-width: 900px){.attack-fab,body.atlas .attack-fab{left: auto;right: 10px;transform: none;bottom: auto;top: 120px;padding: 10px 16px 10px 12px;font-size: 16px}.attack-fab:hover{transform: none}}.vn-dialog.targets{width: min(760px,calc(100vw - 24px))}.hl-head{display: flex;gap: 16px;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;margin-bottom: 12px}.hl-head h2{margin: 2px 0 4px}.hl-head p{margin: 0;color: #a7afc0;font-size: 14px}.hl-meters{display: flex;gap: 6px}.hl-meters span{display: grid;padding: 6px 12px;border-radius: 10px;background: #131622;text-align: center}.hl-meters label{font: 600 11px 'Barlow Condensed',sans-serif;letter-spacing: 0.08em;text-transform: uppercase;color: #8d96a8}.hl-meters b{font: 700 18px 'Barlow Condensed',sans-serif}.hl-meters b.bad,.dos-callout.bad{color: #ff7a70}.hl-list{display: grid;grid-template-columns: repeat(auto-fill,minmax(220px,1fr));gap: 8px}.hl-card{display: grid;gap: 8px;padding: 12px;border-radius: 14px;background: linear-gradient(160deg,#1b1d2a,#12141e);border: 1px solid rgba(255,255,255,0.07)}.hl-who{display: flex;gap: 10px;align-items: center;padding: 0;border: 0;background: none;color: inherit;text-align: left;cursor: pointer}.hl-who b{display: block;font: 700 17px 'Barlow Condensed',sans-serif}.hl-who small{color: #8d96a8;font-size: 12px}.hl-avatar{position: relative;width: 56px;height: 56px;border-radius: 50%;overflow: hidden;background: #0d0f17;flex: none}.hl-avatar .dot{position: absolute;right: 3px;bottom: 3px}.hl-tags{display: flex;flex-wrap: wrap;gap: 4px;min-height: 22px}.hl-tag{padding: 2px 8px;border-radius: 999px;font: 700 11px 'Barlow Condensed',sans-serif;letter-spacing: 0.04em;background: rgba(255,255,255,0.07);color: #c3c9d6}.hl-tag.revenge{background: rgba(255,90,79,0.2);color: #ff8f86}.hl-tag.wanted{background: rgba(255,200,60,0.18);color: #ffd36b}.hl-tag.cash{background: rgba(61,255,154,0.14);color: #6dffb3}.hl-tag.easy{background: rgba(61,255,154,0.14);color: #6dffb3}.hl-tag.risky{background: rgba(255,90,79,0.14);color: #ff8f86}.hl-tag.online{background: rgba(46,230,201,0.14);color: #6ff0dc}.hl-odds{position: relative;height: 20px;border-radius: 999px;background: #0d0f17;overflow: hidden}.hl-odds i{position: absolute;inset: 0 auto 0 0;border-radius: inherit;background: #e8bc67}.hl-odds.good i{background: linear-gradient(90deg,#1fbf6e,#3dff9a)}.hl-odds.bad i{background: linear-gradient(90deg,#a5281f,#ff5a4f)}.hl-odds span{position: relative;display: block;text-align: center;font: 700 12px/20px 'Barlow Condensed',sans-serif;color: #fff;text-shadow: 0 1px 2px #000}.hl-go{width: 100%}.hl-foot{display: flex;flex-wrap: wrap;gap: 8px;align-items: center;margin-top: 12px}.hl-hunt{color: #8d96a8;font-size: 13px;margin-left: auto}.vn-dialog.bank-move{width: min(460px,calc(100vw - 24px))}.bank-note{color: #a7afc0;font-size: 14px}.bank-amount{text-align: center;margin: 14px 0 6px}.bank-amount b{font: 700 40px 'Barlow Condensed',sans-serif;color: #e8bc67}.bank-range{width: 100%;accent-color: #e8bc67;height: 28px}.bank-chips{display: flex;gap: 6px;justify-content: center;margin: 6px 0 12px}.bank-after{display: flex;gap: 6px;flex-wrap: wrap;margin-bottom: 12px}.bank-after span{flex: 1;display: grid;padding: 8px 10px;border-radius: 10px;background: #131622;min-width: 90px}.bank-after label{font: 600 11px 'Barlow Condensed',sans-serif;letter-spacing: 0.08em;text-transform: uppercase;color: #8d96a8}.bank-after b{font: 700 17px 'Barlow Condensed',sans-serif}.bank-after b.bad{color: #ff7a70}.hl-locked{color: #5d6474}
/* /css/activities.css */
.vn-dialog.activity{width: min(640px,calc(100vw - 24px))}.act-how{font-size: 13px;color: #b9bdca}.act-how p{margin: 0 0 12px}.act-how kbd,.activity kbd{font: 700 12px 'Barlow Condensed',sans-serif;padding: 1px 6px;border-radius: 4px;background: rgba(255,255,255,0.1);border: 1px solid rgba(255,255,255,0.2);color: #fff}.act-stage{position: relative}.act-stage:empty{display: none}.act-stage canvas{display: block;width: 100%;height: auto;border-radius: 14px;border: 1px solid rgba(255,255,255,0.1);touch-action: none}.act-intro{display: grid;place-items: center;padding: 18px 0 4px}.act-hud{position: absolute;left: 12px;top: 10px;display: flex;gap: 18px;font: 700 13px 'Barlow Condensed',sans-serif;letter-spacing: 0.1em;text-transform: uppercase;color: #c3c9d6;pointer-events: none}.act-hud b{font-size: 24px;color: #fff;margin-left: 4px;font-variant-numeric: tabular-nums}.act-quip{position: absolute;left: 50%;top: 30%;transform: translate(-50%,0);font: 400 26px Bungee,Impact,sans-serif;color: #e8bc67;text-shadow: 0 3px 0 #000;opacity: 0;pointer-events: none;white-space: nowrap;z-index: 3}.act-quip.show{animation: act-quip 0.9s ease-out}@keyframes act-quip{0%{opacity: 0;transform: translate(-50%,10px) scale(0.8)}20%{opacity: 1;transform: translate(-50%,0) scale(1.1)}100%{opacity: 0;transform: translate(-50%,-24px) scale(1)}}.act-count{position: absolute;inset: 0;display: grid;place-items: center;font: 400 72px Bungee,Impact,sans-serif;color: #fff;text-shadow: 0 6px 0 #000;background: rgba(8,10,18,0.45);border-radius: 14px;z-index: 4}.act-result{position: absolute;inset: 0;z-index: 5;display: grid;place-content: center;justify-items: center;gap: 8px;padding: 20px;text-align: center;border-radius: 14px;background: rgba(8,10,18,0.86);backdrop-filter: blur(3px)}.act-stage:has(.act-result){min-height: 220px}.act-result b{font: 400 24px/1.2 Bungee,Impact,sans-serif;color: #e8bc67;max-width: 480px}.act-result.bad b{color: #ff8a95}.act-result ul{list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;gap: 6px;justify-content: center}.act-result li{font: 700 15px 'Barlow Condensed',sans-serif;color: #171920;background: #3dff9a;padding: 2px 10px;border-radius: 999px}.act-result small{color: #c3c9d6;margin-bottom: 6px}.act-pads{display: none;grid-template-columns: 1fr 1fr;gap: 10px;margin-top: 12px}.act-pads button{padding: 22px;border-radius: 14px;border: 1px solid rgba(255,255,255,0.15);background: #1c2030;color: #fff;font: 700 22px 'Barlow Condensed',sans-serif;touch-action: manipulation;user-select: none}.act-pads button:active{background: #e8bc67;color: #171920}@media (pointer: coarse){.act-pads{display: grid}}.vn-dialog.travel{width: min(520px,calc(100vw - 24px))}.travel-opts{display: grid;grid-template-columns: 1fr 1fr;gap: 10px;margin: 14px 0}.travel-opt{display: grid;justify-items: start;gap: 2px;padding: 14px;border-radius: 14px;border: 1px solid rgba(255,255,255,0.12);background: #131622;color: #eef1f6;text-align: left;cursor: pointer}.travel-opt:hover:not(:disabled){border-color: #e8bc67;background: rgba(232,188,103,0.08)}.travel-opt:disabled{opacity: 0.45;cursor: not-allowed}.travel-opt span{font-size: 28px}.travel-opt b{font: 700 18px 'Barlow Condensed',sans-serif;text-transform: uppercase;letter-spacing: 0.05em}.travel-opt em{font: 700 22px 'Barlow Condensed',sans-serif;font-style: normal;color: #e8bc67}.travel-opt small{color: #8d96a8;font-size: 12px}.travel-perks{margin: 0;padding-left: 18px;color: #c3c9d6;font-size: 13px;line-height: 1.5}.loc-bar{position: fixed;top: 78px;left: 50%;transform: translateX(-50%);z-index: 12;display: flex;align-items: center;gap: 8px;padding: 5px 6px 5px 14px;border-radius: 999px;background: rgba(13,15,24,0.86);border: 1px solid rgba(255,255,255,0.1);font: 13px Barlow,sans-serif;color: #c3c9d6;white-space: nowrap;box-shadow: 0 6px 24px rgba(0,0,0,0.35)}.loc-bar:not(.away){padding-right: 14px}.loc-bar.away{border-color: rgba(232,188,103,0.5)}.loc-bar b{color: #fff}.loc-bar[hidden]{display: none}.bi-bonus{position: absolute;top: 6px;right: 6px;font: 700 11px 'Barlow Condensed',sans-serif;font-style: normal;color: #171920;background: #3dff9a;padding: 0 5px;border-radius: 6px}.build-item{position: relative}@media (max-width: 900px){.loc-bar{top: 74px;font-size: 12px;max-width: calc(100vw - 24px);overflow: hidden}.travel-opts{grid-template-columns: 1fr}}.vn-dialog.act-coldcase{width: min(820px,calc(100vw - 24px))}.case-clues{margin: 0 0 14px;padding: 12px 14px 12px 34px;border-radius: 12px;background: #f1e6c8;color: #2a2316;font: 600 15px/1.5 'Courier New',monospace;box-shadow: inset 0 0 0 1px #c9b98f}.case-clues li{margin: 2px 0}.case-table{width: 100%;border-collapse: collapse;font-size: 14px}.case-table th{text-align: left;font: 700 11px 'Barlow Condensed',sans-serif;letter-spacing: 0.12em;text-transform: uppercase;color: #8d96a8;padding: 6px;border-bottom: 1px solid rgba(255,255,255,0.1)}.case-table td{padding: 6px;border-bottom: 1px solid rgba(255,255,255,0.06);white-space: nowrap}.case-table td:first-child{display: flex;align-items: center;gap: 8px;font-weight: 600}.case-table td:last-child{text-align: right;display: flex;gap: 6px;justify-content: flex-end}.case-av{width: 34px;height: 34px;border-radius: 8px;overflow: hidden;background: #1c2030;flex: none}.swatch{display: inline-block;width: 10px;height: 10px;border-radius: 3px;background: var(--sw);margin-right: 6px;box-shadow: 0 0 0 1px rgba(255,255,255,0.3)}.case-table tr.ruled td:not(:last-child){opacity: 0.3;text-decoration: line-through}.case-table tr.culprit td{background: rgba(232,188,103,0.15)}.case-note{font-size: 12px;color: #8d96a8 !important;margin-top: 10px !important}.vn-dialog.act-lineup{width: min(760px,calc(100vw - 24px))}.lineup-look{display: grid;justify-items: center;gap: 4px;padding: 10px 0;border-radius: 14px;background: radial-gradient(circle at 50% 30%,#2d3248,#12151f)}.lineup-look b{font: 400 44px Bungee,Impact,sans-serif;color: #e8bc67}.lineup-look small{color: #c3c9d6}.lineup-ask{text-align: center;font: 700 18px 'Barlow Condensed',sans-serif;color: #fff !important}.lineup-grid{display: grid;grid-template-columns: repeat(6,1fr);gap: 8px;padding: 12px;border-radius: 14px;background: repeating-linear-gradient(0deg,#1d2130 0 18px,#262b3d 18px 20px)}.lineup-grid button{display: grid;justify-items: center;gap: 4px;padding: 6px 0;border-radius: 10px;border: 2px solid transparent;background: rgba(0,0,0,0.25);color: #fff;cursor: pointer}.lineup-grid button:hover:not(:disabled){border-color: #e8bc67}.lineup-grid button b{font: 700 14px 'Barlow Condensed',sans-serif}.lineup-grid button.right{border-color: #3dff9a;box-shadow: 0 0 20px rgba(61,255,154,0.4)}.lineup-grid button.wrong{border-color: #ff4d5e}.lineup-grid svg{max-width: 100%;height: auto}@media (max-width: 700px){.lineup-grid{grid-template-columns: repeat(3,1fr)}}.vault{display: grid;grid-template-columns: auto 1fr;gap: 18px;align-items: start}.vault-door{display: grid;justify-items: center;gap: 12px;padding: 26px 22px;border-radius: 50%;aspect-ratio: 1;align-content: center;background: radial-gradient(circle,#4a505e 0 52%,#2b2f39 53% 60%,#5b6170 61% 64%,#23262f 65%);box-shadow: inset 0 0 0 6px #1a1c22,0 10px 40px rgba(0,0,0,0.5);transition: box-shadow .3s}.vault-door.open{box-shadow: inset 0 0 0 6px #3dff9a,0 0 50px rgba(61,255,154,0.45)}.vault-door.alarm{animation: vault-alarm 0.4s 4}@keyframes vault-alarm{50%{box-shadow: inset 0 0 0 6px #ff4d5e,0 0 50px rgba(255,77,94,0.7)}}.vault-dials{display: flex;gap: 6px}.vault-dials input{width: 44px;height: 56px;text-align: center;font: 700 30px 'Barlow Condensed',sans-serif;border-radius: 10px;background: #101219;border: 2px solid #6b7180;color: #e8bc67;padding: 0}.vault-dials input.locked{border-color: #3dff9a;color: #3dff9a}.vault-door small{color: #c3c9d6}.vault-log{list-style: none;margin: 0;padding: 0;display: grid;gap: 6px}.vault-log li{display: flex;gap: 6px}.vault-log span{display: grid;place-items: center;width: 42px;height: 46px;border-radius: 8px;background: #131622;font: 700 20px 'Barlow Condensed',sans-serif}.vault-log em{font-style: normal;font-size: 11px;line-height: 1}.vault-log .h-\={background: rgba(61,255,154,0.18);color: #3dff9a}.vault-log .h-up{color: #9ccaff}.vault-log .h-down{color: #ffb37a}@media (max-width: 640px){.vault{grid-template-columns: 1fr;justify-items: center}}.vn-dialog.act-paperwork{width: min(760px,calc(100vw - 24px))}.pw{display: grid;grid-template-columns: 1fr 1fr;gap: 14px}.pw-form{padding: 12px 14px;border-radius: 6px;background: #f3efe2;color: #2a2a2a;font-family: 'Courier New',monospace;box-shadow: 0 4px 14px rgba(0,0,0,0.4)}.pw-form h4{margin: 0 0 8px;font: 700 13px 'Barlow Condensed',sans-serif;letter-spacing: 0.12em;text-transform: uppercase;color: #6b5a2e;display: flex;justify-content: space-between}.pw-form h4 em{font-style: normal;color: #a3232f}.pw-row{display: grid;grid-template-columns: 100px 1fr;gap: 6px;padding: 4px 6px;border-bottom: 1px dotted #b9ae8e;font-size: 13px}.pw-row label{color: #776d55;font-size: 11px;text-transform: uppercase}.pw-form.copy .pw-row{cursor: pointer;border-radius: 4px}.pw-form.copy .pw-row:hover,.pw-form.copy .pw-row:focus{background: rgba(232,188,103,0.3);outline: none}.pw-row.picked{background: rgba(163,35,47,0.18) !important;box-shadow: inset 3px 0 0 #a3232f}.pw-row.error{background: rgba(61,180,100,0.3) !important}.pw-actions{display: flex;justify-content: flex-end;margin-top: 12px}@media (max-width: 640px){.pw{grid-template-columns: 1fr}}.chess{display: grid;justify-items: center;gap: 10px}.chess-board{display: grid;grid-template-columns: repeat(8,1fr);grid-template-rows: repeat(8,1fr);width: min(440px,100%);aspect-ratio: 1;border: 6px solid #3a2a1a;border-radius: 6px;box-shadow: 0 10px 30px rgba(0,0,0,0.5)}.sq{position: relative;display: grid;place-items: center;border: 0;padding: 0;min-height: 0;min-width: 0;overflow: hidden;cursor: pointer;font-size: clamp(22px,5vw,40px);line-height: 1}.sq.light{background: #ecd9b0}.sq.dark{background: #a97b4f}.sq.sel{box-shadow: inset 0 0 0 4px #e8bc67}.sq.moved,.sq.hint-to{box-shadow: inset 0 0 0 4px #3dff9a}.sq.hint-from{box-shadow: inset 0 0 0 4px rgba(61,255,154,0.5)}.pc.w{color: #fff;text-shadow: 0 0 2px #000,0 2px 0 #000}.pc.b{color: #1a1a1a;text-shadow: 0 1px 0 rgba(255,255,255,0.4)}.sq .rank,.sq .file{position: absolute;font: 700 10px 'Barlow Condensed',sans-serif;font-style: normal;color: rgba(0,0,0,0.45)}.sq .rank{left: 3px;top: 2px}.sq .file{right: 3px;bottom: 1px}.chess-hint{color: #c3c9d6 !important;margin: 0 !important}.wheel{position: relative;display: grid;justify-items: center;padding: 10px 0 20px}.wheel-disc{width: min(360px,90%);height: auto;transition: transform 4s cubic-bezier(0.12,0.8,0.12,1);filter: drop-shadow(0 10px 30px rgba(0,0,0,0.5))}.wheel-pin{position: absolute;top: 0;z-index: 2;font-size: 32px;color: #e8bc67;text-shadow: 0 3px 0 #000}.vn-dialog.streak{width: min(640px,calc(100vw - 24px))}.streak-days{display: grid;grid-template-columns: repeat(7,1fr);gap: 6px;margin: 12px 0}.streak-day{position: relative;display: grid;justify-items: center;gap: 2px;padding: 12px 4px;border-radius: 12px;background: #131622;border: 1px solid rgba(255,255,255,0.08)}.streak-day small{color: #8d96a8;font-size: 11px;text-transform: uppercase;letter-spacing: 0.08em}.streak-day b{font: 700 18px 'Barlow Condensed',sans-serif;color: #e8bc67}.streak-day em{font-style: normal;font-size: 10px;color: #3dff9a}.streak-day.bonus{background: linear-gradient(180deg,rgba(232,188,103,0.18),#131622);border-color: rgba(232,188,103,0.5)}.streak-day.today{border-color: #e8bc67;box-shadow: 0 0 0 2px #e8bc67,0 0 24px rgba(232,188,103,0.35)}.streak-day.got{opacity: 0.55}.streak-day i{position: absolute;top: 4px;right: 6px;font-style: normal;color: #3dff9a}.streak-act{display: grid;justify-items: center}.streak-done{color: #3dff9a !important}@media (max-width: 640px){.streak-days{grid-template-columns: repeat(4,1fr)}}.chip-gift{position: relative;font-size: 20px;padding: 6px 10px;border-radius: 10px;border: 1px solid rgba(232,188,103,0.6);background: rgba(232,188,103,0.15);cursor: pointer;animation: gift 1.6s ease-in-out infinite}@keyframes gift{50%{transform: translateY(-2px) rotate(-6deg)}}
/* /css/activities-action.css */
.act-surgery .act-stage canvas,.act-range .act-stage canvas{cursor: none}.act-getaway .act-stage canvas{cursor: pointer}.act-restock .act-stage canvas{cursor: grab}.act-restock .act-stage canvas:active{cursor: grabbing}.act-surgery .act-stage canvas{box-shadow: 0 0 0 1px rgba(61,255,154,0.06),0 18px 50px -20px rgba(120,220,255,0.35)}.act-getaway .act-stage canvas{box-shadow: 0 18px 50px -20px rgba(255,40,60,0.45),0 18px 50px -24px rgba(60,120,255,0.45)}.act-restock .act-stage canvas{box-shadow: 0 18px 50px -20px rgba(190,225,255,0.3)}.act-range .act-stage canvas{box-shadow: 0 18px 50px -20px rgba(255,190,70,0.35)}:is(.act-surgery,.act-getaway,.act-restock,.act-range) .act-hud{text-shadow: 0 2px 0 #000}.act-getaway .act-pads button{padding: 26px 10px}.act-restock .act-pads{grid-template-columns: repeat(4,1fr);gap: 6px}.act-restock .act-pads button{display: grid;justify-items: center;gap: 2px;padding: 10px 2px;font-size: 14px;letter-spacing: 0.02em}.act-restock .act-pads button span{font-size: 24px;line-height: 1}@media (max-width: 560px){.vn-dialog.activity:is(.act-surgery,.act-getaway,.act-restock,.act-range){padding: 22px 14px 16px}:is(.act-surgery,.act-getaway,.act-restock,.act-range) .act-hud{left: 8px;top: 6px;gap: 10px;font-size: 10px}:is(.act-surgery,.act-getaway,.act-restock,.act-range) .act-hud b{font-size: 16px}:is(.act-surgery,.act-getaway,.act-restock,.act-range) .act-quip{font-size: 17px}:is(.act-surgery,.act-getaway,.act-restock,.act-range) .act-result b{font-size: 18px}:is(.act-surgery,.act-getaway,.act-restock,.act-range) .act-how{font-size: 12px}}
/* /css/slots.css */
body.slots-page,.slot-modal{--display: 'Bungee',Impact,sans-serif;--cond: 'Barlow Condensed','Arial Narrow',sans-serif;--body: 'Barlow',system-ui,sans-serif}body.slots-page *,.slot-modal,.slot-modal *,.slot-modal *::before,.slot-modal *::after{box-sizing: border-box}body.slots-page{margin: 0;min-height: 100vh;background: #07080d;color: #eef1f6;font-family: var(--body);-webkit-font-smoothing: antialiased}body.slots-page button,.slot-modal button{font: inherit;color: inherit;cursor: pointer;margin: 0}body.slots-page button:disabled,.slot-modal button:disabled{cursor: default}body.slots-page .lobby{min-height: 100vh;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 10px;background: radial-gradient(ellipse at 50% 120%,rgba(255,43,214,0.22),transparent 60%),radial-gradient(ellipse at 50% -20%,rgba(0,229,255,0.14),transparent 55%),#07080d}body.slots-page .brand{display: flex;align-items: baseline;gap: 6px;font-family: var(--display)}body.slots-page .brand-vice{font-size: 54px;color: #2ee6c9;text-shadow: 0 0 30px rgba(46,230,201,0.6)}body.slots-page .brand-nation{font-size: 26px;opacity: 0.85}body.slots-page .lobby-sub{margin: 0 0 24px;font-family: var(--cond);letter-spacing: 0.4em;text-transform: uppercase;color: #8d96a8}body.slots-page .open-btn{font-family: var(--display);font-size: 26px;padding: 20px 40px;border-radius: 18px;border: 2px solid #ffd76a;background: linear-gradient(180deg,#ff4fd8,#b0108f);color: #fff;text-shadow: 0 2px 0 rgba(0,0,0,0.35);box-shadow: 0 0 0 4px rgba(255,215,106,0.18),0 12px 40px rgba(255,43,214,0.45),inset 0 2px 0 rgba(255,255,255,0.4);transition: transform 0.15s,box-shadow 0.15s}body.slots-page .open-btn:hover{transform: translateY(-2px) scale(1.02);box-shadow: 0 0 0 6px rgba(255,215,106,0.25),0 16px 50px rgba(255,43,214,0.6),inset 0 2px 0 rgba(255,255,255,0.4)}body.slots-page .open-btn:active{transform: translateY(1px) scale(0.99)}.slot-modal{position: fixed;inset: 0;z-index: 1000;display: grid;place-items: center;color: #eef1f6;font: 400 16px/1.2 var(--body);text-align: left;letter-spacing: normal;-webkit-font-smoothing: antialiased}.slot-modal[hidden]{display: none}.slot-modal .slot-backdrop{position: absolute;inset: 0;background: rgba(3,3,8,0.82);backdrop-filter: blur(6px);animation: slots-fade-in 0.25s ease-out}.slot-modal .slot-stage{position: relative;width: 1080px;height: 944px;transform-origin: center;flex: none}.slot-modal.open .cabinet{animation: slots-cab-in 0.45s cubic-bezier(0.2,1.3,0.4,1)}@keyframes slots-fade-in{from{opacity: 0}}@keyframes slots-cab-in{from{opacity: 0;transform: translateY(40px) scale(0.92)}}.slot-modal .cabinet{--c1: #ff2bd6;--c2: #00e5ff;--gold: #ffd76a;--body-a: #2a0d3d;--body-b: #0a0214;--panel: #12061f;--screen-bg: #000}.slot-modal .cabinet[data-theme='heist']{--c1: #b061ff;--c2: #ffd166;--gold: #ffd166;--body-a: #241046;--body-b: #08041a;--panel: #110828}.slot-modal .cabinet[data-theme='dragon']{--c1: #ff3d3d;--c2: #ffc23d;--gold: #ffcf5a;--body-a: #4a0909;--body-b: #160202;--panel: #230404}.slot-modal .cabinet{position: absolute;inset: 0;display: flex;flex-direction: column;gap: 10px;padding: 14px 22px 20px;border-radius: 30px;background: radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--c1) 28%,transparent),transparent 60%),linear-gradient(180deg,var(--body-a),var(--body-b));border: 3px solid color-mix(in srgb,var(--gold) 70%,#000);box-shadow: 0 0 0 2px rgba(0,0,0,0.8),0 0 0 7px color-mix(in srgb,var(--gold) 30%,#222),0 0 0 9px rgba(0,0,0,0.7),0 0 90px color-mix(in srgb,var(--c1) 45%,transparent),0 40px 120px rgba(0,0,0,0.8),inset 0 2px 0 rgba(255,255,255,0.18),inset 0 -30px 60px rgba(0,0,0,0.5);transition: background 0.4s,box-shadow 0.4s;user-select: none}.slot-modal .cab-top{display: flex;align-items: center;gap: 10px;height: 54px}.slot-modal .game-menu{display: flex;gap: 8px;flex: 1}.slot-modal .game-tab{flex: 1;display: flex;align-items: center;gap: 10px;padding: 6px 12px;height: 52px;text-align: left;border-radius: 12px;background: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.1);transition: background 0.2s,border-color 0.2s,opacity 0.2s}.slot-modal .game-tab:hover:not(:disabled){background: rgba(255,255,255,0.08)}.slot-modal .game-tab:disabled{opacity: 0.45}.slot-modal .game-tab .gi{font-size: 26px;filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5))}.slot-modal .game-tab b{display: block;font-family: var(--cond);font-weight: 700;font-size: 17px;letter-spacing: 0.04em;text-transform: uppercase;line-height: 1}.slot-modal .game-tab small{display: block;font-family: var(--cond);font-size: 12.5px;color: rgba(255,255,255,0.55);letter-spacing: 0.04em;margin-top: 3px}.slot-modal .game-tab[aria-selected='true']{background: linear-gradient(180deg,color-mix(in srgb,var(--c1) 35%,transparent),color-mix(in srgb,var(--c1) 12%,transparent));border-color: var(--c1);box-shadow: 0 0 18px color-mix(in srgb,var(--c1) 45%,transparent),inset 0 1px 0 rgba(255,255,255,0.25)}.slot-modal .cab-actions{display: flex;gap: 6px}.slot-modal .icon-btn{width: 44px;height: 44px;border-radius: 50%;border: 1px solid rgba(255,255,255,0.18);background: rgba(0,0,0,0.4);font-size: 17px;display: grid;place-items: center;transition: background 0.2s}.slot-modal .icon-btn:hover{background: rgba(255,255,255,0.12)}.slot-modal .topper{position: relative;height: 118px;display: flex;align-items: center;justify-content: space-between;gap: 16px;padding: 0 26px;border-radius: 18px;overflow: hidden;background: radial-gradient(ellipse at 50% 120%,color-mix(in srgb,var(--c1) 55%,transparent),transparent 70%),linear-gradient(180deg,#000,var(--panel));border: 2px solid color-mix(in srgb,var(--gold) 60%,#000);box-shadow: inset 0 0 30px rgba(0,0,0,0.9)}.slot-modal .bulbs{position: absolute;inset: 0;pointer-events: none;border-radius: 16px}.slot-modal .bulbs::before,.slot-modal .bulbs::after{content: '';position: absolute;left: 0;right: 0;height: 10px;background: radial-gradient(circle,#fff 1.5px,var(--c2) 3px,transparent 4.5px) 0 50% / 20px 10px repeat-x;filter: drop-shadow(0 0 4px var(--c2));animation: slots-chase 0.6s steps(2) infinite}.slot-modal .bulbs::before{top: 3px}.slot-modal .bulbs::after{bottom: 3px;animation-direction: reverse}@keyframes slots-chase{to{background-position: 20px 50%}}.slot-modal .logo{position: relative;z-index: 1;text-align: center;flex: 1}.slot-modal .logo b{display: block;font-family: var(--display);font-weight: 400;font-size: 50px;line-height: 1;white-space: nowrap;background: linear-gradient(180deg,#fff 0%,var(--gold) 45%,color-mix(in srgb,var(--gold) 55%,#6a3500) 100%);-webkit-background-clip: text;background-clip: text;color: transparent;filter: drop-shadow(0 3px 0 rgba(0,0,0,0.7)) drop-shadow(0 0 18px color-mix(in srgb,var(--c1) 80%,transparent))}.slot-modal .logo span{display: block;margin-top: 6px;font-family: var(--cond);font-weight: 600;letter-spacing: 0.35em;text-transform: uppercase;font-size: 14px;color: var(--c2);text-shadow: 0 0 10px var(--c2)}.slot-modal .jackpots{position: relative;z-index: 1;display: flex;flex-direction: column;gap: 6px;width: 210px}.slot-modal .jp{display: flex;align-items: center;justify-content: space-between;gap: 8px;padding: 3px 10px;border-radius: 8px;background: rgba(0,0,0,0.65);border: 1px solid color-mix(in srgb,var(--jc) 60%,transparent);box-shadow: inset 0 0 12px color-mix(in srgb,var(--jc) 25%,transparent)}.slot-modal .jp label{font-family: var(--display);font-size: 12px;color: var(--jc)}.slot-modal .jp b{font-family: var(--cond);font-weight: 700;font-size: 22px;font-variant-numeric: tabular-nums;color: #fff;text-shadow: 0 0 10px var(--jc)}.slot-modal .jp.grand{--jc: #ff3b3b}.slot-modal .jp.major{--jc: #a77bff}.slot-modal .jp.minor{--jc: #2fb7ff}.slot-modal .jp.mini{--jc: #2ee66b}.slot-modal .screen-wrap{display: flex;align-items: stretch;justify-content: center;gap: 8px;height: 452px}.slot-modal .screen{position: relative;padding: 14px;border-radius: 18px;background: #000;border: 3px solid color-mix(in srgb,var(--gold) 80%,#000);box-shadow: 0 0 0 3px #000,0 0 0 6px color-mix(in srgb,var(--gold) 35%,#111),0 0 40px color-mix(in srgb,var(--c1) 50%,transparent),inset 0 0 20px #000}.slot-modal .screen canvas{display: block;border-radius: 6px}.slot-modal .reel-glass{position: absolute;inset: 14px;border-radius: 6px;pointer-events: none;background: linear-gradient(165deg,rgba(255,255,255,0.14) 0%,rgba(255,255,255,0.03) 28%,transparent 40%),linear-gradient(0deg,rgba(255,255,255,0.05),transparent 20%);box-shadow: inset 0 0 30px rgba(0,0,0,0.6)}.slot-modal .line-badges{position: relative;width: 34px}.slot-modal .line-badge{position: absolute;left: 0;width: 34px;height: 24px;border-radius: 6px;display: grid;place-items: center;font-family: var(--cond);font-weight: 700;font-size: 15px;transform: translateY(-50%);background: #1b1b22;color: rgba(255,255,255,0.3);border: 1px solid rgba(255,255,255,0.08);cursor: default;transition: background 0.2s,color 0.2s,box-shadow 0.2s}.slot-modal .line-badge.on{background: var(--lc);color: #000;border-color: rgba(255,255,255,0.6);box-shadow: 0 0 10px var(--lc)}.slot-modal .line-badge.hit{animation: slots-badge-hit 0.5s ease-in-out infinite alternate}@keyframes slots-badge-hit{to{transform: translateY(-50%) scale(1.18);box-shadow: 0 0 20px var(--lc),0 0 6px #fff}}.slot-modal .msgbar{height: 34px;display: grid;place-items: center;border-radius: 8px;background: rgba(0,0,0,0.6);border: 1px solid rgba(255,255,255,0.08);font-family: var(--cond);font-weight: 700;font-size: 19px;letter-spacing: 0.14em;text-transform: uppercase;color: var(--c2);text-shadow: 0 0 10px color-mix(in srgb,var(--c2) 70%,transparent);white-space: nowrap;overflow: hidden}.slot-modal .msgbar.win{color: var(--gold);text-shadow: 0 0 12px var(--gold)}.slot-modal .msgbar.err{color: #ff5a6a;text-shadow: 0 0 10px #ff5a6a;animation: slots-shake 0.35s}@keyframes slots-shake{25%{transform: translateX(-6px)}75%{transform: translateX(6px)}}.slot-modal .meters{display: grid;grid-template-columns: 1fr auto 1fr 1fr;gap: 10px;height: 74px}.slot-modal .meters.no-cash-in{grid-template-columns: repeat(3,1fr)}.slot-modal .cash-in[hidden]{display: none}.slot-modal .meter{display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 10px;background: linear-gradient(180deg,#050505,#121212);border: 1px solid rgba(255,255,255,0.1);box-shadow: inset 0 2px 10px rgba(0,0,0,0.9)}.slot-modal .meter label{font-family: var(--display);font-size: 11px;color: rgba(255,255,255,0.5);letter-spacing: 0.1em}.slot-modal .meter b{font-family: var(--cond);font-weight: 700;font-size: 30px;line-height: 1;font-variant-numeric: tabular-nums;color: #ffef9a;text-shadow: 0 0 10px rgba(255,220,100,0.55)}.slot-modal .meter small{font-family: var(--cond);font-size: 13px;color: rgba(255,255,255,0.45);font-variant-numeric: tabular-nums}.slot-modal .meter.win b{color: #6dff9e;text-shadow: 0 0 12px rgba(80,255,140,0.6)}.slot-modal .meter.win.hot{border-color: #6dff9e;box-shadow: inset 0 2px 10px rgba(0,0,0,0.9),0 0 18px rgba(80,255,140,0.45)}.slot-modal .cash-in{align-self: center;padding: 8px 12px;border-radius: 10px;border: 1px dashed rgba(255,255,255,0.3);background: rgba(255,255,255,0.04);font-family: var(--cond);font-weight: 700;font-size: 15px;color: rgba(255,255,255,0.7)}.slot-modal .cash-in:hover{background: rgba(255,255,255,0.1);color: #fff}.slot-modal .deck{display: flex;align-items: center;gap: 14px;padding: 10px 14px 10px 18px;height: 128px;border-radius: 18px;background: linear-gradient(180deg,#1c1c22,#08080b);border: 1px solid rgba(255,255,255,0.12);box-shadow: inset 0 2px 0 rgba(255,255,255,0.1),inset 0 -10px 30px rgba(0,0,0,0.6)}.slot-modal .deck-group{display: flex;flex-direction: column;align-items: center;gap: 6px}.slot-modal .deck-group>label{font-family: var(--display);font-size: 10.5px;color: rgba(255,255,255,0.5);letter-spacing: 0.1em}.slot-modal .chips{display: flex;gap: 6px}.slot-modal .denom-chip{width: 54px;height: 54px;border-radius: 50%;font-family: var(--cond);font-weight: 700;font-size: 17px;color: #fff;background: radial-gradient(circle at 50% 50%,var(--cc) 0 52%,#fff 53% 58%,var(--cc) 59%);border: 3px dashed rgba(255,255,255,0.85);box-shadow: 0 4px 0 rgba(0,0,0,0.6),inset 0 0 0 2px rgba(0,0,0,0.25);text-shadow: 0 1px 2px rgba(0,0,0,0.6);opacity: 0.55;transition: transform 0.15s,opacity 0.15s,box-shadow 0.15s}.slot-modal .denom-chip:hover:not(:disabled){opacity: 0.85}.slot-modal .denom-chip.on{opacity: 1;transform: translateY(-4px);box-shadow: 0 8px 0 rgba(0,0,0,0.6),0 0 18px var(--cc)}.slot-modal .stepper{display: flex;align-items: center;border-radius: 12px;overflow: hidden;border: 1px solid rgba(255,255,255,0.15);background: #000}.slot-modal .stepper button{width: 42px;height: 52px;border: 0;font-size: 24px;font-weight: 600;background: linear-gradient(180deg,#3a3a44,#18181d);box-shadow: inset 0 1px 0 rgba(255,255,255,0.15)}.slot-modal .stepper button:active:not(:disabled){background: #111}.slot-modal .stepper output{width: 50px;text-align: center;font-family: var(--cond);font-weight: 700;font-size: 30px;color: #ffef9a;text-shadow: 0 0 8px rgba(255,220,100,0.5)}.slot-modal .deck-btn{height: 72px;width: 84px;border-radius: 14px;font-family: var(--display);font-size: 14px;line-height: 1.1;background: linear-gradient(180deg,#4a4a55,#1e1e24);border: 2px solid rgba(255,255,255,0.2);box-shadow: 0 5px 0 #000,inset 0 2px 0 rgba(255,255,255,0.2);transition: transform 0.08s,box-shadow 0.08s}.slot-modal .deck-btn.max{margin-left: auto;background: linear-gradient(180deg,color-mix(in srgb,var(--c2) 85%,#fff),color-mix(in srgb,var(--c2) 55%,#000));color: #000;border-color: rgba(255,255,255,0.6)}.slot-modal .deck-btn:active:not(:disabled),.slot-modal .stepper button:active:not(:disabled),.slot-modal .denom-chip:active:not(:disabled){transform: translateY(3px);box-shadow: 0 2px 0 #000}.slot-modal .deck button:disabled{filter: grayscale(0.7) brightness(0.6)}.slot-modal .spin-btn{position: relative;width: 112px;height: 112px;border-radius: 50%;flex: none;border: 4px solid color-mix(in srgb,var(--gold) 85%,#fff);background: radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--c1) 50%,#fff) 0%,var(--c1) 45%,color-mix(in srgb,var(--c1) 45%,#000) 100%);box-shadow: 0 7px 0 #000,0 0 0 6px rgba(0,0,0,0.6),0 0 30px color-mix(in srgb,var(--c1) 80%,transparent),inset 0 -8px 16px rgba(0,0,0,0.35);animation: slots-spin-pulse 1.6s ease-in-out infinite;transition: transform 0.08s,box-shadow 0.08s}.slot-modal .spin-btn::before{content: '';position: absolute;inset: 8px 18px auto;height: 34%;border-radius: 50%;background: linear-gradient(180deg,rgba(255,255,255,0.6),rgba(255,255,255,0))}.slot-modal .spin-btn span{position: relative;font-family: var(--display);font-size: 24px;color: #fff;text-shadow: 0 2px 0 rgba(0,0,0,0.5)}.slot-modal .spin-btn:active{transform: translateY(5px);box-shadow: 0 2px 0 #000,0 0 0 6px rgba(0,0,0,0.6),0 0 20px color-mix(in srgb,var(--c1) 80%,transparent),inset 0 -8px 16px rgba(0,0,0,0.35)}.slot-modal .spin-btn.spinning{animation: none}@keyframes slots-spin-pulse{50%{box-shadow: 0 7px 0 #000,0 0 0 6px rgba(0,0,0,0.6),0 0 55px var(--c1),inset 0 -8px 16px rgba(0,0,0,0.35)}}.slot-modal .paytable{position: absolute;inset: 14px;z-index: 3;overflow-y: auto;padding: 18px 22px;border-radius: 6px;background: rgba(6,4,14,0.96);scrollbar-width: thin}.slot-modal .paytable h3{margin: 0 0 10px;font-family: var(--display);font-weight: 400;font-size: 18px;color: var(--gold)}.slot-modal .pt-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(150px,1fr));gap: 8px;margin-bottom: 18px}.slot-modal .pt-sym{display: flex;align-items: center;gap: 8px;padding: 6px;border-radius: 8px;background: rgba(255,255,255,0.04)}.slot-modal .pt-sym img{width: 64px;height: 56px;object-fit: contain;border-radius: 6px;background: rgba(255,255,255,0.06)}.slot-modal .pt-sym div{font-family: var(--cond);font-size: 15px;line-height: 1.25;font-variant-numeric: tabular-nums}.slot-modal .pt-sym div b{color: var(--gold)}.slot-modal .pt-lines{display: flex;flex-wrap: wrap;gap: 10px;margin-bottom: 16px}.slot-modal .pt-line{display: grid;gap: 2px;padding: 4px;border-radius: 6px;background: rgba(255,255,255,0.05);position: relative}.slot-modal .pt-line i{width: 12px;height: 10px;background: rgba(255,255,255,0.12);border-radius: 2px}.slot-modal .pt-line i.on{background: var(--lc)}.slot-modal .pt-line em{position: absolute;top: -6px;left: -6px;font-style: normal;font-family: var(--cond);font-weight: 700;font-size: 11px;width: 16px;height: 16px;border-radius: 50%;display: grid;place-items: center;background: var(--lc);color: #000}.slot-modal .paytable p{margin: 0 0 6px;font-size: 14px;color: rgba(255,255,255,0.75)}.slot-modal .fx{position: absolute;inset: 0;width: 100%;height: 100%;pointer-events: none;z-index: 5;border-radius: 30px}.slot-modal .bigwin{position: absolute;left: 0;right: 0;top: 230px;z-index: 6;display: flex;flex-direction: column;align-items: center;pointer-events: auto;cursor: pointer}.slot-modal .bigwin[hidden]{display: none}.slot-modal .bw-title{font-family: var(--display);font-size: 104px;line-height: 1;white-space: nowrap;background: linear-gradient(180deg,#fffbe0 10%,#ffd23f 45%,#ff8a00 70%,#ffef9a 100%);-webkit-background-clip: text;background-clip: text;color: transparent;filter: drop-shadow(0 6px 0 #5a1d00) drop-shadow(0 0 30px rgba(255,180,0,0.9));animation: slots-bw-pop 0.6s cubic-bezier(0.2,1.6,0.4,1),slots-bw-throb 0.8s 0.6s ease-in-out infinite alternate}.slot-modal .bw-amt{margin-top: 10px;padding: 6px 30px;border-radius: 16px;font-family: var(--cond);font-weight: 700;font-size: 64px;font-variant-numeric: tabular-nums;color: #fff;text-shadow: 0 0 20px #6dff9e,0 3px 0 #000;background: rgba(0,0,0,0.7);border: 3px solid #ffd23f;box-shadow: 0 0 40px rgba(255,210,63,0.6)}.slot-modal .bigwin.mega .bw-title{background-image: linear-gradient(180deg,#fff 5%,#ff9af0 40%,#c026ff 70%,#ffe0ff 100%);filter: drop-shadow(0 6px 0 #3a0057) drop-shadow(0 0 34px rgba(220,80,255,0.95))}@keyframes slots-bw-pop{from{transform: scale(0.2) rotate(-8deg);opacity: 0}}@keyframes slots-bw-throb{to{transform: scale(1.07)}}@media (prefers-reduced-motion: reduce){.slot-modal .bulbs::before,.slot-modal .bulbs::after,.slot-modal .spin-btn,.slot-modal .bw-title,.slot-modal .line-badge.hit{animation: none}}
/* /css/people.css */
.card.pc .pc-av{width: 54px;height: 54px;padding: 0;overflow: hidden;background: radial-gradient(circle at 50% 35%,#343a52,#191c28)}.card.pc .pc-av svg{width: 54px;height: 54px;display: block}.card.pc .card-title h3{text-transform: none}.card.pc .pc-crew{font-family: var(--cond);font-weight: 700;letter-spacing: 0.04em}.card.pc .pc-wanted{color: #fff;background: rgba(216,31,51,0.85);border-color: #ff4d5e}.card.pc .pc-stars{color: #ff4d5e;letter-spacing: 1px}.card.pc .card-stats .dot{vertical-align: 1px}.card.pc .card-stats .good{color: #3dff9a}.card.pc .card-stats .bad{color: #ff6b78}.card.pc .pc-attack{justify-content: center;font-size: 18px;padding: 12px;color: #fff;background: linear-gradient(180deg,rgba(255,77,94,0.45),rgba(216,31,51,0.3));border-color: #ff4d5e}.card.pc .pc-attack:hover:not(:disabled){background: linear-gradient(180deg,rgba(255,77,94,0.6),rgba(216,31,51,0.45))}.card.pc .pc-attack em{font-style: normal;font-size: 13px;font-weight: 600;margin-left: 8px;padding: 1px 7px;border-radius: 8px;background: rgba(0,0,0,0.3)}.card.pc .pc-why{margin: -2px 0 2px;font-size: 12px;color: #ffb3ba;text-align: center}
/* /css/help.css */
.vn-help{position: relative;flex: none;display: inline-grid;place-items: center;vertical-align: 0.1em;width: 16px;height: 16px;margin: 0 0 0 5px;padding: 0;box-sizing: border-box;border-radius: 50%;border: 1px solid rgba(255,255,255,0.22);background: transparent;color: rgba(255,255,255,0.5);font: 700 10px/1 Barlow,system-ui,sans-serif;letter-spacing: 0;text-transform: none;text-shadow: none;cursor: help;transition: color .15s,border-color .15s,background .15s}.vn-help::before{content: '';position: absolute;inset: -5px;border-radius: 50%}.vn-help:hover,.vn-help[aria-expanded="true"]{color: #e8bc67;border-color: rgba(232,188,103,0.6);background: rgba(232,188,103,0.1)}.vn-help:focus{outline: none}.vn-help:focus-visible{outline: 2px solid #e8bc67;outline-offset: 2px}@media (pointer: coarse){.vn-help::before{inset: -9px}}.stat label .vn-help,.dos-stat label .vn-help,.dos-money label .vn-help,.dos-meter label .vn-help,.card-stats dt .vn-help,.meter label .vn-help,.ft-odds .vn-help{width: 13px;height: 13px;font-size: 8.5px;margin-left: 3px;vertical-align: 0}.dos-meter label .vn-help{margin-right: auto}h2>.vn-help,h3>.vn-help,h4>.vn-help,.vn-kicker>.vn-help{vertical-align: 0.15em}.act-cell{position: relative;display: grid}.act-cell>.act{padding-right: 26px}.act-cell>.vn-help{position: absolute;right: 7px;top: 50%;margin: -7px 0 0;width: 14px;height: 14px;font-size: 9px}.vn-help-pop{position: fixed;inset: auto;margin: 0;z-index: 2147483000;box-sizing: border-box;width: min(310px,calc(100vw - 16px));padding: 11px 14px 12px;overflow: visible;border-radius: 12px;border: 1px solid rgba(232,188,103,0.38);background: #181b27;color: #dfe3ec;text-align: left;font: 400 14px/1.45 Barlow,system-ui,sans-serif;letter-spacing: normal;text-transform: none;box-shadow: 0 18px 44px -12px rgba(0,0,0,0.75),0 0 0 1px rgba(0,0,0,0.35);opacity: 1;transform: none;transition: opacity .14s ease,transform .14s ease,overlay .14s allow-discrete,display .14s allow-discrete}.vn-help-pop:not([popover]){display: none}.vn-help-pop:not([popover]).open{display: block}.vn-help-pop:popover-open{display: block}@starting-style{.vn-help-pop:popover-open{opacity: 0;transform: translateY(-4px)}}.vn-help-pop.above:popover-open{transform-origin: bottom}.vn-help-pop::backdrop{background: transparent}.vn-help-pop:focus{outline: none}.vn-help-pop:focus-visible{outline: 2px solid rgba(232,188,103,0.7);outline-offset: 2px}.vn-help-pop::after{content: '';position: absolute;left: var(--caret,50%);top: -6px;width: 10px;height: 10px;margin-left: -5px;background: #181b27;border: 1px solid rgba(232,188,103,0.38);border-right: 0;border-bottom: 0;transform: rotate(45deg)}.vn-help-pop.above::after{top: auto;bottom: -6px;transform: rotate(225deg)}.vn-help-pop.floating::after{display: none}.vn-help-pop .vhp-head{display: flex;align-items: flex-start;gap: 8px;margin: 0 0 4px}.vn-help-pop .vhp-title{flex: 1;font: 700 15px/1.2 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing: 0.06em;text-transform: uppercase;color: #e8bc67;padding-top: 1px}.vn-help-pop .vhp-x{flex: none;width: 22px;height: 22px;margin: -3px -6px 0 0;padding: 0;border: 0;border-radius: 6px;background: transparent;color: #8d96a8;font: 400 18px/1 system-ui,sans-serif;cursor: pointer}.vn-help-pop .vhp-x:hover{color: #fff;background: rgba(255,255,255,0.08)}.vn-help-pop .vhp-body{max-height: min(46vh,340px);overflow-y: auto;overscroll-behavior: contain;color: #d3d8e2}.vn-help-pop .vhp-body b{color: #fff;font-weight: 600}.vn-help-pop .vhp-table{width: 100%;margin: 7px 0 6px;border-collapse: collapse;font: 600 13px/1.3 'Barlow Condensed',sans-serif;font-variant-numeric: tabular-nums}.vn-help-pop .vhp-table td{padding: 2px 0;border-top: 1px solid rgba(255,255,255,0.07);color: #b9bfcc}.vn-help-pop .vhp-table td + td{text-align: right;color: #fff}.vn-help-pop .vhp-more{display: inline-block;margin-top: 8px;color: #e8bc67;font: 600 13px Barlow,sans-serif;text-decoration: none}.vn-help-pop .vhp-more:hover{text-decoration: underline}.vn-help-pop .vhp-more[hidden]{display: none}@media (max-width: 600px){.vn-help-pop{font-size: 14.5px}}@media (prefers-reduced-motion: reduce){.vn-help-pop{transition: none}}.slot-modal .cab-actions>.vn-help{align-self: center;margin: 0 6px 0 0;width: 20px;height: 20px;font-size: 12px;border-color: rgba(255,255,255,0.3)}.card-owner>.vn-help{align-self: center;margin-left: 0}
/* /css/citynav.css */
.cnav-btn{display: flex;align-items: center;gap: 10px;padding: 4px 10px 4px 6px;margin-left: -6px;border-radius: 11px;border: 1px solid transparent;background: transparent;color: var(--text);text-align: left;white-space: nowrap;transition: background .15s,border-color .15s;flex: none}.cnav-btn:hover,.cnav-btn.open{background: rgba(255,255,255,0.05);border-color: rgba(255,255,255,0.1)}.cnav-btn:focus-visible{outline: 2px solid var(--accent);outline-offset: 2px}.cnav-btn .brand{pointer-events: none}.cnav-cur{display: flex;flex-direction: column;padding-left: 10px;border-left: 1px solid var(--line);min-width: 0}.cnav-cur b{font: 700 15px/1.05 var(--cond);letter-spacing: 0.03em;text-transform: uppercase;color: #fff}.cnav-cur b::before{content: '';display: inline-block;width: 7px;height: 7px;margin: 0 6px 2px 0;border-radius: 50%;background: var(--c,var(--accent));box-shadow: 0 0 8px var(--c,var(--accent));vertical-align: middle}.cnav-cur small{font-size: 11px;color: var(--muted);line-height: 1.15}.cnav-chev{width: 7px;height: 7px;margin: -4px 2px 0 0;border-right: 2px solid var(--muted);border-bottom: 2px solid var(--muted);transform: rotate(45deg);transition: transform .2s,border-color .2s;font-size: 0}.cnav-btn:hover .cnav-chev{border-color: #fff}.cnav-btn.open .cnav-chev{transform: translateY(4px) rotate(225deg);border-color: var(--accent)}.topbar.has-cnav .map-chip{display: none}#cityTabs.cnav-panel{display: none;position: fixed;inset: auto;margin: 0;width: 340px;max-height: calc(100dvh - 90px);overflow: auto;flex-direction: column;gap: 2px;flex: none;padding: 8px;border-radius: 14px;color: var(--text);background: rgba(13,15,24,0.97);border: 1px solid rgba(255,255,255,0.12);box-shadow: 0 18px 50px rgba(0,0,0,0.6),0 0 0 1px rgba(0,0,0,0.4);z-index: 60}#cityTabs.cnav-panel.open{display: flex}#cityTabs.cnav-panel:popover-open{display: flex}.cnav-label{padding: 6px 10px 3px;font: 700 10px var(--cond);letter-spacing: 0.16em;text-transform: uppercase;color: var(--muted)}.cnav-sep{height: 1px;margin: 4px 6px;background: var(--line)}#cityTabs .cnav-item{display: flex;align-items: center;gap: 10px;width: 100%;padding: 8px 10px;border-radius: 10px;border: 1px solid transparent;background: transparent;color: var(--text);text-align: left;white-space: normal}#cityTabs .cnav-item:hover,#cityTabs .cnav-item:focus-visible{background: rgba(255,255,255,0.06);outline: none}#cityTabs .cnav-item.active{background: color-mix(in srgb,var(--c) 14%,transparent);border-color: color-mix(in srgb,var(--c) 45%,transparent)}#cityTabs .cnav-item .city-dot{width: 10px;height: 10px;opacity: 0.7}#cityTabs .cnav-item.active .city-dot{opacity: 1;box-shadow: 0 0 10px var(--c)}.cnav-txt{flex: 1;min-width: 0}#cityTabs .cnav-txt b{display: block;font: 700 16px/1.05 var(--cond);letter-spacing: 0.03em;text-transform: uppercase}#cityTabs .cnav-item.active .cnav-txt b{color: color-mix(in srgb,var(--c) 55%,#fff)}#cityTabs .cnav-txt small{display: block;margin-top: 2px;font-size: 12px;line-height: 1.25;color: var(--muted)}.cnav-txt small em{font-style: normal;opacity: 0.75}.cnav-here{font-size: 13px}.cnav-ico{width: 10px;display: grid;place-items: center;font-size: 15px}#cityTabs .cnav-item kbd{flex: none;opacity: 0.7}#cityTabs .cnav-item.locked{opacity: 0.62}#cityTabs .city-lock{position: static;order: 5;flex: none;font-size: 11px;padding: 2px 6px}@media (max-width: 900px){.cnav-btn{gap: 8px;padding: 3px 8px 3px 4px}.cnav-cur{padding-left: 8px}.cnav-cur small{display: none}.cnav-cur b{font-size: 14px;max-width: 34vw;overflow: hidden;text-overflow: ellipsis}.cnav-txt small em{display: none}#cityTabs .cnav-item kbd{display: none}}.topbar.has-cnav .stats{margin-left: auto}@media (max-width: 520px){.topbar.has-cnav{gap: 6px}.cnav-btn{gap: 5px;padding: 3px 4px 3px 2px;margin-left: -4px}.cnav-cur{padding-left: 0;border-left: 0}.cnav-cur b{font-size: 0;max-width: none}.cnav-cur b::before{width: 9px;height: 9px;margin: 0}}
/* /css/longgame.css */
.lg-fill,.lg-bar{position: relative;display: block;height: 5px;border-radius: 3px;background: rgba(255,255,255,0.1);overflow: hidden}.lg-fill>i,.lg-bar>i{position: absolute;inset: 0 auto 0 0;border-radius: 3px;background: #3dff9a;transition: width .4s}.lg-fill.hot>i{background: linear-gradient(90deg,#e8bc67,#ffb347);box-shadow: 0 0 8px #e8bc67}.card-stats .lg-fill{display: inline-block;vertical-align: middle;width: 54px;margin-left: 6px}.dos-stat .lg-fill{margin-top: 6px}.lg-bar.gold>i{background: #e8bc67}.lg-bar.good>i{background: #3dff9a}.lg-collect{position: relative;display: inline-flex;align-items: center;gap: 7px;height: 40px;padding: 0 12px 0 9px;flex: none;border-radius: 10px;border: 1px solid rgba(61,255,154,0.4);background: rgba(61,255,154,0.08);color: #c9ffe2;cursor: pointer;overflow: hidden;transition: background .15s,border-color .15s,transform .08s}.lg-collect[hidden]{display: none}.lg-collect:hover{background: rgba(61,255,154,0.18)}.lg-collect:active{transform: translateY(1px)}.lg-collect-ico{font-size: 18px;line-height: 1}.lg-collect-txt{display: flex;flex-direction: column;line-height: 1;text-align: left}.lg-collect-txt small{font: 700 9px 'Barlow Condensed',sans-serif;letter-spacing: 0.14em;text-transform: uppercase;color: #8fdcb3}.lg-collect-txt b{font: 700 17px 'Barlow Condensed',sans-serif;color: #fff;font-variant-numeric: tabular-nums}.lg-collect .lg-fill{position: absolute;left: 0;right: 0;bottom: 0;height: 3px;border-radius: 0;background: rgba(255,255,255,0.08)}.lg-collect.hot{border-color: #e8bc67;background: linear-gradient(135deg,rgba(232,188,103,0.28),rgba(232,188,103,0.1));color: #fff3d6;animation: lg-pulse 1.8s ease-in-out infinite}.lg-collect.hot .lg-collect-txt small{color: #f3d28f}.lg-collect.full{border-color: #ffb347}@keyframes lg-pulse{50%{box-shadow: 0 0 0 3px rgba(232,188,103,0.18),0 0 18px rgba(232,188,103,0.35)}}.lg-status{position: fixed;top: 78px;left: 50%;transform: translateX(-50%);z-index: 13;display: flex;align-items: center;gap: 12px;width: max-content;max-width: calc(100vw - 24px);padding: 8px 10px 8px 14px;border-radius: 14px;background: rgba(13,15,24,0.94);border: 1px solid rgba(255,255,255,0.14);box-shadow: 0 10px 30px rgba(0,0,0,0.45);color: #eef1f6;font: 13px/1.3 Barlow,sans-serif}.lg-status[hidden]{display: none}.lg-status.jail{border-color: rgba(95,168,255,0.6);background: repeating-linear-gradient(90deg,rgba(13,15,24,0.95) 0 22px,rgba(28,34,52,0.95) 22px 26px)}.lg-status.hospital{border-color: rgba(255,77,94,0.55)}.lg-status.vacation{border-color: rgba(61,255,154,0.5);background: linear-gradient(90deg,rgba(10,40,40,0.94),rgba(13,15,24,0.94))}.lg-status-ico{font-size: 26px}.lg-status-txt b{display: block;font: 700 16px 'Barlow Condensed',sans-serif;letter-spacing: 0.04em;text-transform: uppercase}.lg-status-txt small{color: #a7afc0}.lg-clock{color: #e8bc67;font-variant-numeric: tabular-nums}.lg-status-act{display: flex;gap: 6px;flex-wrap: wrap;align-items: center}.lg-status-act small{color: #8d96a8}body.lg-has-status .loc-bar{top: 140px}body.lg-has-status .city-banner{top: 150px}.toolbar .tool{position: relative}.tool-badge{position: absolute;top: 2px;right: 4px;min-width: 17px;height: 17px;padding: 0 4px;border-radius: 9px;background: #ff4d5e;color: #fff;font: 700 11px/17px 'Barlow Condensed',sans-serif;font-style: normal;text-align: center;box-shadow: 0 0 0 2px #0f1220;animation: lg-pop .4s ease}@keyframes lg-pop{from{transform: scale(0.4)}}@media (min-width: 901px) and (max-height: 980px){body.city-page .toolbar{gap: 2px;padding: 4px;top: calc(50% + 34px)}body.city-page .toolbar .tool{height: 43px}body.city-page .toolbar .tool .ico{font-size: 17px}body.city-page .toolbar .tool-sep{margin: 1px 6px}}@media (min-width: 901px) and (max-height: 760px){body.city-page .toolbar .tool:not(:has(.lbl)){height: 30px}body.city-page .toolbar .tool .lbl{font-size: 9px}}.lg-vac{display: grid;grid-template-columns: auto 1fr auto;gap: 14px;align-items: center;margin-top: 14px;padding: 14px;border-radius: 12px;background: linear-gradient(110deg,rgba(46,230,201,0.08),rgba(19,22,34,0.6));border: 1px solid rgba(46,230,201,0.25)}.lg-vac.on{border-color: rgba(61,255,154,0.55);background: linear-gradient(110deg,rgba(61,255,154,0.14),rgba(19,22,34,0.6))}.lg-vac-ico{font-size: 34px}.lg-vac b{font: 700 17px 'Barlow Condensed',sans-serif;letter-spacing: 0.03em}.lg-vac p{margin: 4px 0 0 !important;font-size: 13px}.pf-title{margin: -4px 0 4px !important;font: 700 14px 'Barlow Condensed',sans-serif;letter-spacing: 0.06em;text-transform: uppercase;color: #e8bc67 !important}.pf-bounty{margin: 0 0 6px !important;padding: 5px 10px;border-radius: 8px;display: inline-block;background: rgba(255,77,94,0.12);border: 1px solid rgba(255,77,94,0.4);color: #ffd0d4 !important;font-size: 13px}.pf-bounty[hidden]{display: none}.ct-giver{display: grid;grid-template-columns: 88px 1fr 220px;gap: 16px;align-items: center;padding: 14px;margin-bottom: 14px;border-radius: 14px;background: linear-gradient(120deg,rgba(232,188,103,0.12),rgba(19,22,34,0.8) 70%);border: 1px solid rgba(232,188,103,0.25)}.ct-giver img{width: 88px;height: 88px;border-radius: 50%;background: #0d0f17;border: 2px solid rgba(232,188,103,0.6);box-shadow: 0 0 20px rgba(232,188,103,0.25);object-fit: cover}.ct-giver h3{margin: 2px 0 0 !important;color: #fff !important;font-size: 22px !important;letter-spacing: 0.04em !important;text-transform: none !important}.ct-title{margin: 0 0 6px !important;font-size: 13px;color: #8d96a8 !important}.ct-giver blockquote{margin: 0;font: italic 15px/1.35 Georgia,serif;color: #eadfc8}.ct-rep label{display: block;font-size: 10px;text-transform: uppercase;letter-spacing: 0.12em;color: #8d96a8}.ct-rep>b{display: block;font: 700 20px 'Barlow Condensed',sans-serif;color: #e8bc67;margin-bottom: 6px}.ct-rep small{display: block;margin-top: 6px;font-size: 12px;color: #a7afc0}.ct-list{display: grid;gap: 8px}.ct-card{display: grid;grid-template-columns: 44px 1fr auto;gap: 12px;align-items: center;padding: 12px 14px;border-radius: 12px;background: #131622;border: 1px solid rgba(255,255,255,0.06)}.ct-card.ready{border-color: rgba(61,255,154,0.55);background: linear-gradient(90deg,rgba(61,255,154,0.1),#131622 60%)}.ct-card.claimed{opacity: 0.6}.ct-ico{font-size: 28px;text-align: center}.ct-body b{display: block;font: 700 16px 'Barlow Condensed',sans-serif;letter-spacing: 0.02em;margin-bottom: 6px}.ct-body small{display: block;margin-top: 4px;font-size: 12px;color: #8d96a8}.ct-pay{display: grid;justify-items: end;gap: 4px}.ct-pay em{font: 700 18px 'Barlow Condensed',sans-serif;font-style: normal;color: #e8bc67}.ct-done{font: 700 12px 'Barlow Condensed',sans-serif;letter-spacing: 0.08em;text-transform: uppercase;color: #3dff9a}.ct-lock{font-size: 11px;color: #8d96a8}.ct-bonus{margin-top: 12px}.ct-bonus.done{background: rgba(61,255,154,0.08);border-color: rgba(61,255,154,0.35)}.ssn-head{display: grid;grid-template-columns: 1fr 200px;gap: 16px;align-items: end;margin-bottom: 12px}.ssn-head h3{margin: 2px 0 4px !important;color: #fff !important;font-size: 24px !important;letter-spacing: 0.02em !important;text-transform: none !important}.ssn-head p{margin: 0 !important;font-size: 14px}.ssn-next label{display: block;font-size: 10px;text-transform: uppercase;letter-spacing: 0.12em;color: #8d96a8}.ssn-next b{display: block;font: 700 20px 'Barlow Condensed',sans-serif;color: #e8bc67;margin-bottom: 6px}.ssn-claim{display: flex;align-items: center;gap: 10px;flex-wrap: wrap}.ssn-track{display: flex;gap: 6px;overflow-x: auto;padding: 10px 2px 14px;scroll-behavior: smooth;scrollbar-width: thin;position: relative}.ssn-tier{position: relative;flex: none;width: 82px;min-height: 104px;display: grid;justify-items: center;align-content: start;gap: 3px;padding: 10px 6px 8px;border-radius: 12px;background: #131622;border: 1px solid rgba(255,255,255,0.07);text-align: center}.ssn-tier::before{content: '';position: absolute;top: 25px;left: -7px;width: 8px;height: 2px;background: rgba(255,255,255,0.12)}.ssn-tier:first-child::before{display: none}.ssn-n{display: grid;place-items: center;width: 30px;height: 30px;border-radius: 50%;background: #1c2030;border: 2px solid #3a4054;font: 700 15px 'Barlow Condensed',sans-serif;color: #8d96a8}.ssn-tier small{font-size: 12px;color: #8d96a8}.ssn-tier em{font: 700 11px/1.1 'Barlow Condensed',sans-serif;font-style: normal;letter-spacing: 0.03em;color: #e8bc67}.ssn-tier i{font-style: normal;color: #3dff9a;font-weight: 700}.ssn-tier.titled{border-color: rgba(232,188,103,0.45);background: linear-gradient(180deg,rgba(232,188,103,0.14),#131622)}.ssn-tier.reached .ssn-n{background: #e8bc67;border-color: #e8bc67;color: #171920}.ssn-tier.reached::before{background: #e8bc67}.ssn-tier.got{opacity: 0.75}.ssn-tier.next{border-color: rgba(95,168,255,0.6);box-shadow: 0 0 0 1px rgba(95,168,255,0.3),0 0 16px rgba(95,168,255,0.2)}.ssn-tier.next .ssn-n{border-color: #5fa8ff;color: #cfe4ff}.ssn-cols{display: grid;grid-template-columns: 1fr 1.2fr;gap: 20px}.ssn-earn{list-style: none;padding: 0;margin: 0;display: grid;gap: 2px}.ssn-earn li{display: flex;justify-content: space-between;padding: 6px 10px;border-radius: 8px;background: #131622;font-size: 14px}.ssn-earn b{font: 700 15px 'Barlow Condensed',sans-serif;color: #3dff9a}.bty-head{display: flex;justify-content: space-between;align-items: end;gap: 12px;margin-bottom: 10px}.bty-head h3{margin: 2px 0 0 !important;color: #fff !important;font-size: 22px !important;letter-spacing: 0.02em !important;text-transform: none !important}.bty-head>span{font-size: 13px;color: #8d96a8}.bty-list{display: grid;gap: 6px}.bty-row{display: grid;grid-template-columns: 28px 1fr auto auto;gap: 12px;align-items: center;padding: 8px 12px;border-radius: 12px;background: #131622}.bty-row.top{background: linear-gradient(90deg,rgba(255,77,94,0.14),#131622 70%)}.bty-rank{font: 700 18px 'Barlow Condensed',sans-serif;color: #8d96a8;text-align: center}.bty-who{display: flex;align-items: center;gap: 10px;border: 0;background: none;color: #eef1f6;text-align: left;padding: 0;cursor: pointer;min-width: 0}.bty-who>span:first-child{position: relative;flex: none;width: 42px;height: 42px;border-radius: 10px;overflow: visible}.bty-who>span:first-child svg{border-radius: 10px}.bty-who>span:first-child .dot{position: absolute;right: -2px;bottom: -2px;box-shadow: 0 0 0 2px #131622}.bty-row .bty-who b{display: block;font: 700 16px 'Barlow Condensed',sans-serif}.bty-row .bty-who small{color: #8d96a8;font-size: 12px}.bty-pot{text-align: right}.bty-pot b{display: block;font: 700 20px 'Barlow Condensed',sans-serif;color: #ff8a95;font-variant-numeric: tabular-nums;text-shadow: 0 0 12px rgba(255,77,94,0.35)}.bty-pot small{color: #8d96a8;font-size: 11px}.bty-form{display: flex;gap: 8px}.bty-form input{flex: 1}.bty-pick{display: flex;flex-wrap: wrap;gap: 6px;margin-top: 10px}.vn-dialog.bounty{width: min(480px,calc(100vw - 24px))}.vn-dialog.bounty .bty-who{display: flex;gap: 12px;align-items: center;cursor: default}.vn-dialog.bounty .bty-who>span{width: 56px;height: 56px;border-radius: 12px;overflow: hidden;flex: none}.bty-amt{display: grid;gap: 4px;margin-top: 8px;font: 700 12px 'Barlow Condensed',sans-serif;letter-spacing: 0.1em;text-transform: uppercase;color: #8d96a8}.bty-amt input{font: 700 24px 'Barlow Condensed',sans-serif !important;text-align: center}.bty-total{text-align: center;min-height: 20px}.mkt-chips{display: flex;gap: 6px;overflow-x: auto;padding-bottom: 8px;margin-bottom: 8px;scrollbar-width: thin}.mkt-chip{flex: none;padding: 6px 11px;border-radius: 999px;border: 1px solid rgba(255,255,255,0.12);background: #131622;color: #c3c9d6;font: 600 13px 'Barlow Condensed',sans-serif;letter-spacing: 0.03em;cursor: pointer;white-space: nowrap}.mkt-chip small{margin-left: 3px;padding: 0 5px;border-radius: 6px;background: rgba(255,255,255,0.1);color: #fff}.mkt-chip.on{background: #e8bc67;border-color: #e8bc67;color: #171920}.mkt-chip.on small{background: rgba(0,0,0,0.15);color: #171920}.mkt-list{display: grid;gap: 6px}.mkt-row{display: grid;grid-template-columns: 36px 1fr auto 60px auto;gap: 10px;align-items: center;padding: 8px 12px;border-radius: 12px;background: #131622}.mkt-row.mine{grid-template-columns: 36px 1fr auto auto}.mkt-row .it-icon{font-size: 26px;text-align: center}.mkt-name b{display: block;font: 700 16px 'Barlow Condensed',sans-serif}.mkt-name small{color: #8d96a8;font-size: 12px}.mkt-price{text-align: right;font: 700 18px 'Barlow Condensed',sans-serif;color: #e8bc67;font-variant-numeric: tabular-nums}.mkt-price small{display: block;font: 500 11px Barlow,sans-serif;color: #8d96a8}.mkt-price.deal{color: #3dff9a}.mkt-row input{width: 60px;padding: 6px 8px !important;text-align: center}.mkt-row input[hidden]{visibility: hidden;display: block}.mkt-sell{display: grid;grid-template-columns: 1fr 90px 130px auto;gap: 8px;align-items: end}.mkt-sell label{display: grid;gap: 3px;font: 700 11px 'Barlow Condensed',sans-serif;letter-spacing: 0.1em;text-transform: uppercase;color: #8d96a8}.mkt-sell label input{width: 100%}.mkt-net{margin-top: 8px !important;font-size: 13px}.lg-heists{margin-top: 6px}.hz-h4{margin: 16px 0 6px;font: 700 13px 'Barlow Condensed',sans-serif;letter-spacing: 0.12em;text-transform: uppercase;color: #8d96a8}.hz-jobs{display: grid;gap: 8px}.hz-job{display: grid;grid-template-columns: 48px 1fr auto;gap: 12px;align-items: center;padding: 12px 14px;border-radius: 12px;background: #131622;border: 1px solid rgba(255,255,255,0.06)}.hz-job.cool{opacity: 0.65}.hz-ico{font-size: 32px;text-align: center}.hz-job-body b,.hz-top b{display: block;font: 700 17px 'Barlow Condensed',sans-serif;letter-spacing: 0.02em}.hz-job-body p{margin: 2px 0 6px !important;font: italic 13px/1.35 Georgia,serif;color: #c9c2b0 !important}.hz-meta{display: flex;flex-wrap: wrap;gap: 4px 12px;font-size: 12px;color: #a7afc0}.hz-roles-mini{display: flex;flex-wrap: wrap;gap: 4px;margin-top: 6px}.hz-role{padding: 2px 8px;border-radius: 6px;background: rgba(255,255,255,0.06);font: 600 12px 'Barlow Condensed',sans-serif;letter-spacing: 0.03em;color: #dfe4ee}.hz-go{display: grid;justify-items: end;gap: 6px}.hz-cd{font-size: 12px;color: #8d96a8;white-space: nowrap}.hz-active{padding: 14px;border-radius: 14px;background: linear-gradient(140deg,rgba(232,188,103,0.12),#131622 55%);border: 1px solid rgba(232,188,103,0.35)}.hz-top{display: grid;grid-template-columns: 48px 1fr auto;gap: 12px;align-items: center}.hz-top small{color: #a7afc0;font-size: 13px}.hz-odds{text-align: center;padding: 6px 12px;border-radius: 10px;background: rgba(0,0,0,0.25)}.hz-odds label{display: block;font-size: 10px;letter-spacing: 0.12em;text-transform: uppercase;color: #8d96a8}.hz-odds b{font: 700 24px 'Barlow Condensed',sans-serif}.hz-odds.good b{color: #3dff9a}.hz-odds.bad b{color: #ff8a95}.hz-clock{margin: 10px 0 !important;font-size: 14px}.hz-clock b{color: #e8bc67;font-variant-numeric: tabular-nums}.hz-roles{display: grid;grid-template-columns: repeat(auto-fill,minmax(250px,1fr));gap: 6px}.hz-slot{display: flex;flex-wrap: wrap;gap: 6px 8px;align-items: center;padding: 8px 10px;border-radius: 10px;background: rgba(0,0,0,0.25);border: 1px dashed rgba(255,255,255,0.15)}.hz-slot.taken{border-style: solid;border-color: rgba(255,255,255,0.08)}.hz-slot.mine{border-color: #e8bc67}.hz-slot-ico{font-size: 22px;width: 28px;text-align: center}.hz-slot>div{flex: 1;min-width: 96px}.hz-slot b{display: block;font: 700 14px 'Barlow Condensed',sans-serif}.hz-slot small{font-size: 11px;color: #8d96a8}.hz-who{display: flex;align-items: center;gap: 6px;border: 0;background: none;color: #eef1f6;padding: 0;cursor: pointer;font: 600 13px Barlow,sans-serif}.hz-who>span{width: 28px;height: 28px;border-radius: 7px;overflow: hidden}.hz-who em{white-space: nowrap;font-style: normal;font: 700 12px 'Barlow Condensed',sans-serif;color: #3dff9a}.hz-hist li span{font-size: 13px}.hz-turf{font-size: 14px}.share-miles{list-style: none;display: flex;gap: 6px;padding: 0;margin: 0 0 12px}.share-miles li{flex: 1;display: grid;justify-items: center;padding: 8px;border-radius: 10px;background: #131622;border: 1px solid rgba(232,188,103,0.25)}.share-miles b{font: 700 13px 'Barlow Condensed',sans-serif;letter-spacing: 0.06em;text-transform: uppercase;color: #8d96a8}.share-miles span{font: 700 18px 'Barlow Condensed',sans-serif}.share-person .share-next{grid-column: 2 / 4;font-size: 11px;color: #e8bc67 !important}.share-person em i{font-style: normal;color: #ffb0a8}.vn-dialog.paper{width: min(780px,calc(100vw - 20px));padding: 0;color: #1d1a16;border: 0;border-radius: 6px;background: radial-gradient(ellipse at 30% 0%,rgba(255,255,255,0.5),transparent 60%),repeating-linear-gradient(0deg,rgba(60,40,10,0.025) 0 2px,transparent 2px 4px),#efe6d0;box-shadow: 0 30px 90px rgba(0,0,0,0.7),inset 0 0 80px rgba(120,90,40,0.25);transform: rotate(-0.4deg)}.vn-dialog.paper[open]{animation: ace-in .45s cubic-bezier(.2,1.4,.4,1)}@keyframes ace-in{from{transform: rotate(-8deg) scale(0.6);opacity: 0}}.vn-dialog.paper .vn-close{color: #3a3226}.ace-loading{padding: 60px;text-align: center;font: 700 18px 'Barlow Condensed',sans-serif;letter-spacing: 0.2em;text-transform: uppercase;color: #6b5f4c !important}.ace{padding: 22px 28px 20px;font: 14px/1.5 Georgia,'Times New Roman',serif}.ace p{color: #2c2720}.ace-mast{text-align: center;border-bottom: 4px double #1d1a16;padding-bottom: 6px;margin-bottom: 14px}.ace-ears{padding-right: 28px;display: flex;justify-content: space-between;gap: 8px;padding-bottom: 6px;border-bottom: 1px solid #1d1a16;font: 700 11px 'Barlow Condensed',sans-serif;letter-spacing: 0.14em;text-transform: uppercase;color: #3a3226}.ace-mast h2{margin: 8px 0 0 !important;font: 400 clamp(34px,8vw,62px)/1 'Bungee',Impact,sans-serif !important;letter-spacing: 0.02em !important;color: #14110d;text-shadow: 2px 2px 0 rgba(176,38,38,0.35)}.ace-motto{margin: 4px 0 0 !important;font: italic 13px Georgia,serif;color: #5a4f3e !important}.ace-front{display: grid;grid-template-columns: 1fr 200px;gap: 18px;padding-bottom: 14px;border-bottom: 1px solid rgba(29,26,22,0.35)}.ace-story h3{margin: 2px 0 6px !important;font: 700 22px/1.1 'Barlow Condensed',sans-serif !important;letter-spacing: 0 !important;text-transform: none !important;color: #14110d !important}.ace-story p{margin: 0 !important}.ace-story.lead h3{font-size: clamp(28px,5vw,40px) !important;text-transform: uppercase !important}.ace-story.lead p{font-size: 16px}.ace-story.lead p::first-letter{float: left;font: 400 46px/0.9 'Bungee',Impact,sans-serif;margin: 4px 6px 0 0;color: #a3271f}.ace-sect{display: inline-block;font: 700 11px 'Barlow Condensed',sans-serif;letter-spacing: 0.16em;text-transform: uppercase;color: #a3271f;border-bottom: 2px solid #a3271f}.ace-side{border-left: 1px solid rgba(29,26,22,0.35);padding-left: 14px;display: grid;gap: 12px;align-content: start}.ace-side b{font: 700 12px 'Barlow Condensed',sans-serif;letter-spacing: 0.16em;text-transform: uppercase}.ace-side p{margin: 2px 0 0 !important;font-size: 12.5px;font-style: italic}.ace-cols{display: grid;grid-template-columns: repeat(3,1fr);gap: 14px 0;margin: 14px 0}.ace-cols .ace-story{padding: 0 14px;border-left: 1px solid rgba(29,26,22,0.35)}.ace-cols .ace-story:nth-child(3n+1){padding-left: 0;border-left: 0}.ace-quiet{text-align: center;font-style: italic;padding: 18px;color: #5a4f3e !important}.ace-quiet.small{padding: 6px;font-size: 13px}.ace-econ{margin-top: 10px;padding-top: 4px;border-top: 4px double #1d1a16}.ace-rule{display: flex;align-items: center;justify-content: center;gap: 6px;margin: 8px 0 10px !important;font: 700 15px 'Barlow Condensed',sans-serif !important;letter-spacing: 0.3em !important;text-transform: uppercase !important;color: #14110d !important}.ace-rule .vn-help{filter: invert(1) hue-rotate(180deg)}.ace-flows{display: grid;grid-template-columns: 1fr 1fr;gap: 18px}.ace-flows h4{display: flex;justify-content: space-between;margin: 0 0 6px;font: 700 14px 'Barlow Condensed',sans-serif;letter-spacing: 0.1em;text-transform: uppercase;border-bottom: 1px solid #1d1a16;padding-bottom: 3px}.ace-flows h4 .good{color: #1f6b3a}.ace-flows h4 .bad{color: #a3271f}.ace-flows ul{list-style: none;padding: 0;margin: 0;display: grid;gap: 5px}.ace-flows li{display: grid;grid-template-columns: 112px 1fr 58px;gap: 8px;align-items: center;font: 600 13px 'Barlow Condensed',sans-serif}.ace-flows li b{text-align: right;font-variant-numeric: tabular-nums}.ace-bar{display: block;height: 10px;background: rgba(29,26,22,0.08);border: 1px solid rgba(29,26,22,0.25)}.ace-bar>i{display: block;height: 100%}.ace-bar.in>i{background: repeating-linear-gradient(45deg,#1f6b3a 0 3px,#2c8a4e 3px 6px)}.ace-bar.out>i{background: repeating-linear-gradient(45deg,#a3271f 0 3px,#c2402f 3px 6px)}.ace-verdict{margin: 10px 0 0 !important;text-align: center;font-style: italic}.ace-stats{display: grid;grid-template-columns: repeat(4,1fr);gap: 0;margin-top: 12px;border: 1px solid #1d1a16}.ace-stats span{padding: 8px 10px;border-left: 1px solid rgba(29,26,22,0.35);text-align: center}.ace-stats span:first-child{border-left: 0}.ace-stats label{display: block;font: 700 10px 'Barlow Condensed',sans-serif;letter-spacing: 0.14em;text-transform: uppercase;color: #5a4f3e}.ace-stats b{display: block;font: 400 20px 'Bungee',Impact,sans-serif;color: #14110d}.ace-stats em{display: block;font-size: 11px;color: #5a4f3e}.ace-stats em.up{color: #1f6b3a;font-style: normal;font-weight: 700}.ace-stats em.down{color: #a3271f;font-style: normal;font-weight: 700}.ace-foot{display: flex;justify-content: space-between;align-items: center;gap: 12px;margin-top: 14px;padding-top: 8px;border-top: 1px solid #1d1a16;font-size: 12px;font-style: italic;color: #5a4f3e}.ace-foot .vn-btn{background: #1d1a16;color: #efe6d0;border-color: #1d1a16;flex: none}@media (max-width: 900px){.lg-collect{height: 36px;padding: 0 8px 0 7px;gap: 5px}.lg-collect-txt small{display: none}.lg-collect-txt b{font-size: 15px}.lg-status{top: 70px;flex-wrap: wrap;gap: 6px 10px;padding: 8px 10px;width: calc(100vw - 16px)}.lg-status-ico{font-size: 22px}.lg-status-txt{flex: 1;min-width: 0}.lg-status-txt small{display: none}body.lg-has-status .loc-bar{top: 128px}.tool-badge{top: 1px;right: 3px}.ct-giver{grid-template-columns: 64px 1fr}.ct-giver img{width: 64px;height: 64px}.ct-rep{grid-column: 1 / -1}.ct-card{grid-template-columns: 34px 1fr}.ct-pay{grid-column: 1 / -1;grid-template-columns: 1fr auto auto;align-items: center;justify-items: start}.ssn-head,.ssn-cols{grid-template-columns: 1fr}.bty-row{grid-template-columns: 1fr auto}.bty-rank{display: none}.bty-row>.vn-btn,.bty-row>.vn-tag{grid-column: 1 / -1;justify-self: stretch}.bty-head{flex-direction: column;align-items: start}.mkt-row{grid-template-columns: 30px 1fr auto}.mkt-row input{grid-column: 2;justify-self: end}.mkt-row [data-buy]{grid-column: 3}.mkt-row.mine{grid-template-columns: 30px 1fr auto}.mkt-row.mine [data-cancel]{grid-column: 1 / -1}.mkt-sell{grid-template-columns: 1fr 1fr}.mkt-sell select{grid-column: 1 / -1}.mkt-sell .vn-btn{grid-column: 1 / -1}.hz-job{grid-template-columns: 36px 1fr}.hz-go{grid-column: 1 / -1;grid-template-columns: 1fr auto;align-items: center;justify-items: start}.hz-top{grid-template-columns: 36px 1fr auto}.lg-vac{grid-template-columns: auto 1fr}.lg-vac .vn-btn{grid-column: 1 / -1}.vn-dialog.paper{transform: none}.ace{padding: 16px 14px}.ace-front,.ace-flows{grid-template-columns: 1fr}.ace-side{border-left: 0;border-top: 1px solid rgba(29,26,22,0.35);padding: 10px 0 0}.ace-cols .ace-story{padding: 10px 0 0;border-left: 0;border-top: 1px solid rgba(29,26,22,0.35);margin-top: 10px}.ace-cols{grid-template-columns: 1fr;gap: 0}.ace-cols .ace-story:first-child{border-top: 0;margin-top: 0}.ace-stats{grid-template-columns: 1fr 1fr}.ace-stats span:nth-child(3){border-left: 0}.ace-stats span:nth-child(n+3){border-top: 1px solid rgba(29,26,22,0.35)}.ace-ears span:nth-child(3){display: none}.ace-foot{flex-direction: column;align-items: stretch}.share-miles{flex-wrap: wrap}}.ssn-top li.dos-empty{display: block;padding: 14px;text-align: center}@media (max-width: 520px){.lg-collect{padding: 0 7px}.lg-collect-ico{display: none}}