@import url(dropdown_menu.css);
@import url(form.css);

:root {
    --bg: #050812;
    --surface: #0c1220;
    --surface-2: #111a2c;
    --surface-3: #17233a;
    --line: rgba(126, 155, 207, .18);
    --line-strong: rgba(107, 163, 255, .38);
    --text: #eef5ff;
    --muted: #8fa2bd;
    --blue: #4d8cff;
    --blue-2: #6ba3ff;
    --cyan: #54d7ff;
    --violet: #8a6cff;
    --green: #42dc91;
    --red: #ff667a;
    --orange: #ffb04d;
    --shadow: 0 28px 80px rgba(0, 0, 0, .42);
    --radius: 22px;
}

* { box-sizing: border-box; }
html { min-height: 100%; background: var(--bg); }
body {
    margin: 0;
    min-width: 0;
    min-height: 100vh;
    color: var(--text);
    background:
        radial-gradient(circle at 12% 0%, rgba(77, 140, 255, .13), transparent 30rem),
        radial-gradient(circle at 88% 18%, rgba(138, 108, 255, .11), transparent 34rem),
        linear-gradient(180deg, #060a13 0%, #03050a 100%);
    font: 15px/1.55 Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    overflow-x: hidden;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    opacity: .22;
    background-image:
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
    background-size: 34px 34px;
    mask-image: linear-gradient(to bottom, black, transparent 78%);
}

.site-bg {
    position: fixed;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    right: -180px;
    top: 190px;
    background: rgba(77, 140, 255, .08);
    filter: blur(10px);
    pointer-events: none;
}

.site-shell {
    position: relative;
    z-index: 1;
    width: min(1480px, calc(100% - 32px));
    margin: 22px auto;
}

a { color: var(--blue-2); text-decoration: none; }
a:hover { color: #a8caff; }
img { max-width: 100%; border: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; line-height: 1.15; }
p { margin: 0 0 16px; }
hr {
    border: 0;
    height: 1px;
    margin: 20px 0;
    background: linear-gradient(90deg, transparent, var(--line-strong), transparent);
}
.clear { clear: both; }
.red { color: var(--red); }

.topbar {
    min-height: 76px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 12px 18px;
    border: 1px solid var(--line);
    border-radius: 20px 20px 0 0;
    background: rgba(10, 16, 29, .96);
    box-shadow: var(--shadow);
}

.brand {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: var(--text);
}
.brand:hover { color: var(--text); }
.brand-mark {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    font-size: 24px;
    font-weight: 900;
    color: #fff;
    background: linear-gradient(145deg, var(--blue), var(--violet));
    box-shadow: 0 10px 30px rgba(77, 140, 255, .28);
}
.brand-copy { display: flex; flex-direction: column; gap: 1px; }
.brand-copy strong { font-size: 21px; letter-spacing: -.4px; }
.brand-copy small { color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: 1.4px; }

.topbar-player {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 9px 12px;
    border: 1px solid var(--line);
    border-radius: 13px;
    color: var(--muted);
    background: rgba(255,255,255,.025);
}
.topbar-player strong { color: #fff; font-size: 12px; }
.online-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--green);
    box-shadow: 0 0 0 5px rgba(66, 220, 145, .10), 0 0 18px rgba(66, 220, 145, .5);
}

.main-nav {
    display: flex;
    gap: 7px;
    overflow-x: auto;
    scrollbar-width: thin;
    padding: 10px 12px;
    border-left: 1px solid var(--line);
    border-right: 1px solid var(--line);
    background: rgba(7, 12, 22, .97);
}
.main-nav a {
    flex: 0 0 auto;
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 13px;
    border: 1px solid transparent;
    border-radius: 11px;
    color: #9eacc0;
    font-size: 13px;
    font-weight: 700;
    transition: .18s ease;
}
.main-nav a:hover {
    color: #fff;
    border-color: var(--line);
    background: rgba(255,255,255,.035);
}
.main-nav a.active {
    color: #fff;
    border-color: rgba(77, 140, 255, .36);
    background: linear-gradient(180deg, rgba(77, 140, 255, .18), rgba(77, 140, 255, .08));
    box-shadow: inset 0 -2px 0 var(--blue);
}
.nav-icon {
    width: 22px;
    height: 22px;
    display: grid;
    place-items: center;
    border-radius: 7px;
    color: var(--blue-2);
    background: rgba(77, 140, 255, .10);
}

.hero-strip {
    position: relative;
    min-height: 170px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding: 30px 38px;
    overflow: hidden;
    border: 1px solid var(--line);
    border-bottom: 0;
    background:
        linear-gradient(90deg, rgba(8, 14, 27, .98) 0%, rgba(8, 14, 27, .88) 58%, rgba(8, 14, 27, .42) 100%),
        url(../baner.jpg) center 42% / cover no-repeat;
}
.hero-strip::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(84, 215, 255, .5), transparent);
}
.hero-strip > div:first-child { position: relative; z-index: 1; max-width: 760px; }
.hero-strip h1 { margin: 4px 0 9px; font-size: clamp(27px, 4vw, 44px); letter-spacing: -1.4px; }
.hero-strip p { max-width: 680px; margin: 0; color: #a9b8cc; font-size: 15px; }
.eyebrow { color: var(--cyan); font-size: 10px; font-weight: 900; letter-spacing: 2px; text-transform: uppercase; }
.hero-orb {
    position: relative;
    z-index: 1;
    width: 86px;
    height: 86px;
    flex: 0 0 86px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 176, 77, .7);
    border-radius: 50%;
    color: #7a3900;
    font-size: 29px;
    background: radial-gradient(circle at 32% 28%, #fff7b5 0 4%, #ffcc4f 18%, #ff8d24 72%);
    box-shadow: 0 0 45px rgba(255, 151, 42, .32), inset -12px -14px 26px rgba(158, 53, 0, .28);
}
.hero-orb::before, .hero-orb::after { content: ""; position: absolute; border-radius: 50%; border: 1px solid rgba(255,255,255,.16); }
.hero-orb::before { inset: -12px; }
.hero-orb::after { inset: -23px; opacity: .5; }

.main-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 16px;
    padding: 16px;
    border: 1px solid var(--line);
    border-top: 0;
    background: rgba(5, 9, 17, .95);
}
.content-card, .sidebar-card {
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: linear-gradient(180deg, rgba(17, 26, 44, .93), rgba(9, 14, 25, .97));
    box-shadow: 0 18px 50px rgba(0,0,0,.18);
}
.content-card {
    min-width: 0;
    min-height: 460px;
    padding: clamp(20px, 3vw, 34px);
    overflow: hidden;
}
.sidebar-card { padding: 20px; align-self: start; }

#content h1, #content h2 {
    color: #fff;
    font-weight: 850;
    letter-spacing: -.5px;
}
#content h1 { font-size: clamp(26px, 4vw, 38px); margin-bottom: 18px; }
#content h2 { font-size: clamp(21px, 3vw, 29px); margin: 0 0 18px; }
#content h3 { margin: 26px 0 12px; color: #dbe9ff; }
#content p, #content li { color: #b3c1d5; }
#content ul, #content ol { padding-left: 22px; }
#content a { font-weight: 700; }

#content table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 16px 0;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: rgba(3, 7, 14, .34);
}
#content th, #content td {
    padding: 11px 13px;
    border-bottom: 1px solid rgba(126,155,207,.10);
    text-align: left;
}
#content tr:last-child td { border-bottom: 0; }
#content th { color: #dceaff; background: rgba(77,140,255,.08); }
#content tr:hover td { background: rgba(255,255,255,.018); }

input, select, textarea, button {
    font: inherit;
}
input[type="text"], input[type="password"], input[type="email"], input[type="number"], select, textarea {
    width: 100% !important;
    max-width: 520px;
    min-height: 44px;
    padding: 10px 12px;
    color: #eff6ff;
    outline: none;
    border: 1px solid rgba(126,155,207,.28);
    border-radius: 11px;
    background: #090f1b;
    transition: border-color .18s, box-shadow .18s;
}
input:focus, select:focus, textarea:focus {
    border-color: var(--blue);
    box-shadow: 0 0 0 4px rgba(77,140,255,.11);
}
input[type="submit"], input[type="button"], button, .button {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 17px;
    border: 1px solid rgba(107,163,255,.42);
    border-radius: 11px;
    color: #fff;
    font-weight: 800;
    cursor: pointer;
    background: linear-gradient(180deg, #4d8cff, #326dd8);
    box-shadow: 0 10px 24px rgba(50,109,216,.20);
}
input[type="submit"]:hover, button:hover, .button:hover { color: #fff; filter: brightness(1.08); }
.button.ghost { background: transparent; color: #b9c7da; box-shadow: none; border-color: var(--line); }
.button.primary { background: linear-gradient(180deg, #4d8cff, #326dd8); }
.button.wide { display: flex; width: 100%; margin-top: 9px; }
input[type="file"] { max-width: 100%; color: var(--muted); }
form { max-width: 100%; }
form[style] { background: rgba(7, 12, 22, .55) !important; border: 1px solid var(--line); border-radius: 15px; padding: 16px !important; }

.note, .error, #content .note, #content .error {
    display: block;
    width: auto;
    float: none;
    min-height: 0;
    margin: 12px 0;
    padding: 12px 14px;
    border: 1px solid;
    border-radius: 12px;
    line-height: 1.45;
}
.note, #content .note { color: #bff7db; border-color: rgba(66,220,145,.34); background: rgba(66,220,145,.08); }
.error, #content .error { color: #ffd0d7; border-color: rgba(255,102,122,.38); background: rgba(255,102,122,.09); }

.player-card-head { display: flex; align-items: center; gap: 13px; margin-bottom: 20px; }
.player-card-head img { width: 58px; height: 58px; object-fit: cover; border: 2px solid rgba(107,163,255,.45); border-radius: 16px; background: #080d17; }
.player-card-head h3 { margin: 2px 0 3px; font-size: 19px; }
.player-card-head p { margin: 0; color: var(--muted); font-size: 12px; }
.resource-block { margin: 13px 0; }
.resource-label { display: flex; justify-content: space-between; gap: 10px; margin-bottom: 7px; color: var(--muted); font-size: 11px; }
.resource-label strong { color: #dce7f6; font-weight: 750; }
.resource-track { height: 7px; overflow: hidden; border-radius: 999px; background: #050912; }
.resource-track span { display: block; height: 100%; border-radius: inherit; }
.resource-block.hp .resource-track span { background: linear-gradient(90deg, #e94e68, #ff7387); }
.resource-block.energy .resource-track span { background: linear-gradient(90deg, #3f7cff, #54d7ff); }
.resource-block.exp .resource-track span { background: linear-gradient(90deg, #7d62ef, #b288ff); }
.stat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 18px; }
.stat-grid div { min-width: 0; padding: 10px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.025); }
.stat-grid span { display: block; color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .8px; }
.stat-grid strong { display: block; margin-top: 2px; color: #fff; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.money-box { margin-top: 14px; padding: 13px 14px; border: 1px solid rgba(66,220,145,.18); border-radius: 12px; background: rgba(66,220,145,.055); }
.money-box span { display: block; color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .8px; }
.money-box strong { color: #a9f6d0; font-size: 18px; }
.guest-card h3 { margin: 6px 0 10px; font-size: 23px; }
.guest-card p { color: var(--muted); }

.home-hero { display: grid; grid-template-columns: 1.2fr .8fr; gap: 20px; align-items: stretch; }
.home-copy, .home-panel { padding: 24px; border: 1px solid var(--line); border-radius: 18px; background: rgba(5,9,17,.42); }
.home-copy h2 { max-width: 620px; font-size: clamp(28px, 5vw, 48px) !important; }
.home-copy p { max-width: 650px; font-size: 16px; }
.home-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 18px; }
.feature-card { padding: 17px; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.022); }
.feature-card strong { display: block; margin-bottom: 5px; color: #fff; font-size: 15px; }
.feature-card span { color: var(--muted); font-size: 12px; }
.power-core { min-height: 100%; display: grid; place-items: center; text-align: center; }
.power-core-orb { width: 128px; height: 128px; display: grid; place-items: center; margin: 8px auto 18px; border-radius: 50%; color: #fff; font-size: 42px; font-weight: 900; background: radial-gradient(circle, #8beeff 0 8%, #4d8cff 36%, #6047cb 70%, #191336 100%); box-shadow: 0 0 45px rgba(77,140,255,.42), 0 0 100px rgba(96,71,203,.22); }

.site-footer {
    min-height: 78px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 18px 22px;
    border: 1px solid var(--line);
    border-top: 0;
    border-radius: 0 0 20px 20px;
    color: var(--muted);
    background: #070c15;
}
.site-footer div { display: flex; flex-direction: column; }
.site-footer strong { color: #eaf2ff; }
.site-footer span, .site-footer p { margin: 0; font-size: 11px; }

.alignleft { float: left; margin: 0 16px 12px 0; }
.alignright { float: right; margin: 0 0 12px 16px; }
.aligncenter { display: block; margin: 0 auto; }
img.alignleft, img.alignright, img.aligncenter { padding: 3px; border: 1px solid var(--line); border-radius: 12px; background: #080d17; }

body.page-map .site-shell { width: min(1680px, calc(100% - 20px)); }
body.page-map .hero-strip { min-height: 120px; padding-top: 22px; padding-bottom: 22px; }
body.page-map .hero-strip h1 { font-size: clamp(25px, 3vw, 36px); }
body.page-map .main-grid { grid-template-columns: minmax(0, 1fr); }
body.page-map .sidebar-card { display: none; }
body.page-map .content-card { padding: 16px; min-height: 0; }

@media (max-width: 1050px) {
    .main-grid { grid-template-columns: minmax(0, 1fr); }
    .sidebar-card { order: -1; }
    body.is-logged:not(.page-map) .sidebar-card { display: grid; grid-template-columns: 220px 1fr; gap: 18px; }
    body.is-logged:not(.page-map) .player-card-head { grid-row: span 3; align-self: start; }
    .home-hero { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
    .site-shell { width: min(100% - 12px, 1480px); margin: 6px auto; }
    .topbar { border-radius: 15px 15px 0 0; padding: 10px 12px; }
    .brand-copy small { display: none; }
    .brand-mark { width: 40px; height: 40px; }
    .topbar-player span:not(.online-dot) { display: none; }
    .main-nav { padding: 8px; }
    .main-nav a { min-height: 39px; padding: 0 10px; }
    .hero-strip { min-height: 135px; padding: 22px; }
    .hero-strip p { font-size: 13px; }
    .hero-orb { display: none; }
    .main-grid { padding: 8px; gap: 8px; }
    .content-card, .sidebar-card { border-radius: 15px; padding: 16px; }
    body.is-logged:not(.page-map) .sidebar-card { display: block; }
    .feature-grid { grid-template-columns: 1fr; }
    .site-footer { flex-direction: column; align-items: flex-start; padding: 16px; }
    #content table { display: block; overflow-x: auto; }
}

/* CerberMC v3 — battle and world polish */
.battle-page { display: grid; gap: 16px; }
.battle-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; }
.battle-heading h2 { margin: 4px 0 6px !important; }
.battle-heading p { margin: 0 !important; }
.battle-arena { position: relative; display: grid; grid-template-columns: minmax(0,1fr) 150px minmax(0,1fr); gap: 18px; align-items: stretch; padding: 22px; overflow: hidden; border: 1px solid var(--line); border-radius: 22px; background: radial-gradient(circle at center, rgba(77,140,255,.12), transparent 35%), linear-gradient(145deg,#0c1728,#070b13); }
.battle-arena::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.26; background-image: linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:38px 38px; }
.fighter-card { position: relative; z-index:1; min-width:0; display:flex; flex-direction:column; align-items:center; padding:20px; border:1px solid rgba(126,155,207,.18); border-radius:18px; text-align:center; background:#09111e; }
.fighter-type { color:#6e83a3; font-size:9px; font-weight:950; letter-spacing:1.3px; }
.fighter-avatar { width:120px; height:120px; display:grid; place-items:center; margin:16px auto 12px; border-radius:50%; font-size:48px; font-weight:950; background:#101c30; box-shadow:0 18px 44px rgba(0,0,0,.3); }
.player-avatar { color:#dff5ff; background:radial-gradient(circle,#59ddff 0 7%,#347cec 36%,#283b86 66%,#11162c 100%); box-shadow:0 0 35px rgba(77,140,255,.30); }
.monster-avatar { border-radius:20px; background-position:center; background-repeat:no-repeat; background-size:contain; background-color:#13111a; box-shadow:0 0 32px rgba(255,70,95,.18); }
.monster-image-1{background-image:url(../www/map/potwory/1.png)}.monster-image-2{background-image:url(../www/map/potwory/2.png)}.monster-image-3{background-image:url(../www/map/potwory/3.png)}.monster-image-4{background-image:url(../www/map/potwory/4.png)}.monster-image-5{background-image:url(../www/map/potwory/5.png)}.monster-image-6{background-image:url(../www/map/potwory/6.png)}.monster-image-7{background-image:url(../www/map/potwory/7.png)}.monster-image-8{background-image:url(../www/map/potwory/8.png)}.monster-image-9{background-image:url(../www/map/potwory/9.png)}.monster-image-10{background-image:url(../www/map/potwory/10.png)}.monster-image-11{background-image:url(../www/map/potwory/11.png)}
.fighter-card h3 { margin:0 0 5px !important; color:#fff; font-size:22px; }
.fighter-level { padding:3px 8px; border:1px solid rgba(77,140,255,.28); border-radius:20px; color:#9fc2ff; font-size:9px; font-weight:900; background:rgba(77,140,255,.08); }
.fighter-level.danger { color:#ffc4cd; border-color:rgba(255,102,122,.28); background:rgba(255,102,122,.08); }
.battle-resource { width:100%; margin-top:18px; }
.battle-resource>div:first-child { display:flex; justify-content:space-between; gap:10px; color:#91a4c0; font-size:10px; }
.battle-resource strong { color:#fff; }
.battle-track { height:9px; margin-top:6px; overflow:hidden; border-radius:999px; background:#172033; }
.battle-track i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#38cf80,#69ecaa); }
.monster-hp .battle-track i { background:linear-gradient(90deg,#c83c52,#ff667a); }
.fighter-stats { width:100%; display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin-top:13px; }
.fighter-stats span { padding:8px 5px; border:1px solid var(--line); border-radius:9px; background:rgba(255,255,255,.025); }
.fighter-stats small { display:block; color:#657a99; font-size:7px; font-weight:900; }
.fighter-stats strong { display:block; margin-top:1px; color:#e8f2ff; font-size:12px; }
.battle-versus { position:relative; z-index:2; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.battle-versus span { width:72px; height:72px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.12); border-radius:50%; color:#fff; font-size:28px; font-weight:1000; background:#101a2b; box-shadow:0 0 36px rgba(77,140,255,.2); }
.battle-versus strong { margin-top:14px; color:#d9e8ff; font-size:12px; letter-spacing:1px; }
.battle-win .battle-versus strong { color:#7ef0b7; }.battle-loss .battle-versus strong{color:#ff8192}
.battle-versus small { margin-top:4px; color:#7286a4; font-size:9px; }
.battle-bottom-grid { display:grid; grid-template-columns:360px minmax(0,1fr); gap:16px; }
.battle-result-card,.battle-log-card { min-width:0; padding:20px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(180deg,#0d1626,#080d17); }
.battle-result-card h3,.battle-log-card h3 { margin:4px 0 10px !important; }
.reward-grid { display:grid; gap:7px; margin:14px 0; }
.reward-grid div { padding:10px 12px; border:1px solid var(--line); border-radius:10px; background:rgba(255,255,255,.025); }
.reward-grid span { display:block; color:#7589a8; font-size:9px; text-transform:uppercase; letter-spacing:.7px; }
.reward-grid strong { color:#dff7ed; }
.rare-drop { margin:12px 0; padding:12px; border:1px solid rgba(255,176,77,.35); border-radius:11px; color:#ffd998; background:rgba(255,176,77,.08); font-weight:850; }
.battle-log-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.round-counter { padding:5px 8px; border:1px solid var(--line); border-radius:8px; color:#8ca1c0; font-size:9px; }
.battle-log { max-height:420px; overflow:auto; margin-top:8px; padding-right:4px; }
.battle-log-row { display:grid; grid-template-columns:38px minmax(0,1fr) auto; gap:8px; align-items:center; padding:9px 0; border-bottom:1px solid rgba(126,155,207,.09); }
.battle-log-row>span { color:#627894; font-size:9px; font-weight:900; }
.battle-log-row p { margin:0 !important; color:#aebdd1 !important; font-size:11px; }
.battle-log-row strong { font-size:10px; }.hit-player strong{color:#72e6ad}.hit-monster strong{color:#ff8596}
.world-live-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:18px; }
.world-live-card { padding:15px; border:1px solid var(--line); border-radius:14px; background:#09111e; }
.world-live-card span { display:block; color:#7387a5; font-size:9px; font-weight:900; letter-spacing:.8px; text-transform:uppercase; }
.world-live-card strong { display:block; margin-top:3px; color:#fff; font-size:24px; }
.world-live-card small { color:#71849f; font-size:10px; }
@media(max-width:900px){.battle-arena{grid-template-columns:1fr 86px 1fr;padding:14px;gap:10px}.fighter-avatar{width:90px;height:90px}.battle-bottom-grid{grid-template-columns:1fr}.world-live-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.battle-heading{align-items:flex-start;flex-direction:column}.battle-arena{grid-template-columns:1fr}.battle-versus{padding:4px 0}.battle-versus span{width:48px;height:48px;font-size:20px}.fighter-card{padding:15px}.fighter-avatar{width:82px;height:82px}.world-live-grid{grid-template-columns:1fr 1fr}}

.sidebar-extra-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:10px; }
.sidebar-extra-grid div { padding:10px; border:1px solid var(--line); border-radius:10px; background:#09111d; }
.sidebar-extra-grid span { display:block; color:var(--muted); font-size:8px; text-transform:uppercase; letter-spacing:.7px; }
.sidebar-extra-grid strong { display:block; margin-top:2px; color:#dceaff; font-size:13px; }
.site-bg { filter:none; background:radial-gradient(circle,rgba(77,140,255,.08),transparent 68%); }

/* CerberMC v3 — account, NPC, quests and ranking */
.section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:14px; margin-bottom:16px; }
.section-head h2,.section-head h3 { margin:3px 0 0 !important; }
.section-head>strong,.ranking-note { padding:6px 9px; border:1px solid var(--line); border-radius:9px; color:#8fa4c2; font-size:10px; background:#09111d; }
.account-page { display:grid; gap:16px; }
.account-hero-card { display:grid; grid-template-columns:96px minmax(0,1fr) auto; gap:18px; align-items:center; padding:20px; border:1px solid var(--line); border-radius:20px; background:linear-gradient(135deg,#0e1b30,#08101d); }
.account-hero-card>img { width:96px; height:96px; object-fit:cover; border:1px solid rgba(107,163,255,.35); border-radius:18px; background:#080e18; box-shadow:0 12px 28px rgba(0,0,0,.28); }
.account-hero-copy h2 { margin:4px 0 5px !important; }.account-hero-copy p{margin:0!important}
.account-badges { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }
.account-badges span { padding:5px 8px; border:1px solid var(--line); border-radius:8px; color:#9fb2cd; font-size:9px; background:rgba(255,255,255,.025); }
.account-grid { display:grid; grid-template-columns:1.35fr 1fr; gap:16px; }
.account-card { padding:20px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(180deg,#0d1626,#080d17); }
.account-card:first-child { grid-row:span 2; }
.account-card h3 { margin:4px 0 14px !important; }
.account-card form { display:grid; gap:10px; padding:0 !important; border:0 !important; background:transparent !important; }
.account-card label,.healer-form label { display:grid; gap:5px; color:#8ea2bf; font-size:10px; font-weight:800; }
.training-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.training-grid>div { min-height:150px; display:flex; flex-direction:column; padding:16px; border:1px solid var(--line); border-radius:14px; background:#09111e; }
.training-grid span { color:#8599b6; font-size:10px; text-transform:uppercase; letter-spacing:.8px; }
.training-grid strong { margin-top:5px; color:#fff; font-size:28px; }.training-grid small{color:#6f839f;font-size:9px}
.training-grid a { margin-top:auto; align-self:flex-start; padding:5px 8px; border:1px solid rgba(77,140,255,.34); border-radius:8px; font-size:10px; background:rgba(77,140,255,.08); }
.npc-page-card { min-height:360px; display:grid; grid-template-columns:220px minmax(0,1fr); gap:28px; align-items:center; padding:32px; border:1px solid var(--line); border-radius:22px; background:radial-gradient(circle at 18% 50%,rgba(84,215,255,.13),transparent 22%),linear-gradient(135deg,#0e1b2c,#080d16); }
.npc-portrait { width:180px; height:220px; display:grid; place-items:center; margin:auto; border:1px solid rgba(84,215,255,.3); border-radius:24px; color:#9cecff; font-size:28px; font-weight:950; background:linear-gradient(145deg,#10283a,#07121c); box-shadow:0 24px 60px rgba(0,0,0,.28); }
.npc-dialog h2 { margin:5px 0 9px !important; font-size:36px !important; }.npc-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.ranking-table-wrap { overflow:auto; border:1px solid var(--line); border-radius:16px; }
#content .ranking-table { margin:0; border:0; border-radius:0; }.ranking-table th{font-size:9px;text-transform:uppercase;letter-spacing:.8px}.ranking-table td{vertical-align:middle}
.rank-position { width:28px; height:28px; display:grid; place-items:center; border-radius:8px; color:#92a7c5; font-weight:950; background:#121d2e; }
.rank-1 .rank-position{color:#201300;background:#ffc857;box-shadow:0 0 18px rgba(255,200,87,.22)}.rank-2 .rank-position{color:#111;background:#c8d3df}.rank-3 .rank-position{color:#24130b;background:#d89467}
.quest-grid { display:grid; gap:12px; }
.quest-card { padding:18px; border:1px solid var(--line); border-radius:16px; background:linear-gradient(180deg,#0d1626,#080d17); }
.quest-card-head { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }.quest-card h3{margin:4px 0 7px!important}.quest-card p{margin:0 0 12px!important}
.quest-status { padding:5px 8px; border:1px solid rgba(255,176,77,.25); border-radius:8px; color:#ffc877; font-size:9px; background:rgba(255,176,77,.06); }.quest-status.done{color:#8ef0bc;border-color:rgba(66,220,145,.28);background:rgba(66,220,145,.07)}
.quest-progress { height:8px; overflow:hidden; border-radius:999px; background:#151f30; }.quest-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4d8cff,#54d7ff)}
.quest-rewards { display:flex; gap:7px; flex-wrap:wrap; margin-top:10px; }.quest-rewards span{padding:4px 7px;border:1px solid var(--line);border-radius:7px;color:#8fa3bf;font-size:9px;background:#09111d}
.empty-state { padding:40px 20px; border:1px dashed rgba(126,155,207,.24); border-radius:17px; text-align:center; background:#09111b; }.empty-state strong{display:block;color:#fff;font-size:20px}.empty-state p{max-width:520px;margin:7px auto 18px!important}
.healer-card { min-height:360px; display:grid; grid-template-columns:150px minmax(0,1fr); gap:26px; align-items:center; padding:28px; border:1px solid var(--line); border-radius:22px; background:radial-gradient(circle at 10% 50%,rgba(66,220,145,.12),transparent 22%),linear-gradient(135deg,#0d1a25,#080d15); }
.healer-icon { width:120px;height:120px;display:grid;place-items:center;margin:auto;border:1px solid rgba(66,220,145,.35);border-radius:28px;color:#91f2c1;font-size:50px;background:#0c291f;box-shadow:0 0 36px rgba(66,220,145,.12)}
.healer-form { max-width:520px; display:flex!important; align-items:end; gap:10px; margin:14px 0!important; padding:0!important; border:0!important; background:transparent!important; }.healer-form label{flex:1}.healer-form button{flex:0 0 auto}
@media(max-width:900px){.account-grid{grid-template-columns:1fr}.account-card:first-child{grid-row:auto}.account-hero-card{grid-template-columns:78px minmax(0,1fr)}.account-hero-card>img{width:78px;height:78px}.account-hero-card>.button{grid-column:1/-1}.npc-page-card{grid-template-columns:150px minmax(0,1fr)}.npc-portrait{width:140px;height:180px}}
@media(max-width:620px){.training-grid{grid-template-columns:1fr 1fr}.account-hero-card{grid-template-columns:64px minmax(0,1fr);padding:15px}.account-hero-card>img{width:64px;height:64px}.npc-page-card,.healer-card{grid-template-columns:1fr;padding:20px;text-align:center}.npc-actions{justify-content:center}.healer-form{display:grid!important}.quest-card-head{flex-direction:column}.ranking-head{align-items:flex-start;flex-direction:column}}

/* ===== CerberMC V4 pages ===== */
.v4-page-head{margin-bottom:18px}.v4-page-head h2{font-size:30px;margin:4px 0 6px}.v4-page-head p{color:#91a2bc;max-width:760px}.v4-alert{margin:0 0 16px;padding:12px 14px;border:1px solid rgba(255,93,105,.35);border-radius:12px;background:rgba(99,25,34,.28);color:#ffd9dd}.v4-alert.success{border-color:rgba(64,220,145,.35);background:rgba(18,86,58,.28);color:#c9ffe9}
.planet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.planet-card{display:grid;grid-template-columns:74px 1fr auto;align-items:center;gap:15px;padding:18px;border:1px solid rgba(113,143,192,.18);border-radius:16px;background:linear-gradient(145deg,rgba(14,23,39,.96),rgba(7,12,23,.95));box-shadow:0 16px 34px rgba(0,0,0,.22)}.planet-card h3{margin:3px 0 3px;font-size:20px}.planet-card p{margin:0;color:#899ab2}.planet-card small{color:#5fdcff;font-weight:900;letter-spacing:.12em}.planet-card button,.training-option button{border:0;border-radius:10px;padding:10px 13px;background:#167a44;color:#fff;font-weight:900;cursor:pointer}.planet-card button:disabled{background:#38242b;color:#a78990;cursor:not-allowed}.planet-orb{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;font-size:58px;color:#58d9ff;text-shadow:0 0 25px currentColor;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.75),rgba(82,189,255,.3) 16%,rgba(38,92,160,.45) 52%,rgba(5,18,41,.85) 70%)}.planet-3 .planet-orb{color:#66ef83}.planet-4 .planet-orb{color:#a76cff}.planet-5 .planet-orb{color:#59d7ff}.planet-meta{display:flex;gap:8px;margin-top:9px}.planet-meta span{padding:4px 7px;border-radius:7px;background:rgba(255,255,255,.04);color:#b8c5d9;font-size:11px}.planet-card.locked{opacity:.6}
.training-layout{display:grid;grid-template-columns:300px 1fr;gap:16px}.training-room-card{padding:20px;border:1px solid rgba(132,89,255,.28);border-radius:16px;background:radial-gradient(circle at 50% 20%,rgba(128,75,255,.24),transparent 42%),#090f1d;text-align:center}.gravity-core{width:120px;height:120px;margin:10px auto 18px;border-radius:50%;display:grid;place-items:center;font-size:32px;font-weight:1000;color:#fff;background:radial-gradient(circle,#8d63ff 0 10%,#31175d 11% 38%,#0c1223 39% 100%);border:2px solid #a98cff;box-shadow:0 0 45px rgba(132,88,255,.55)}.v4-link{color:#63dfff;text-decoration:none;font-weight:800}.training-options{display:grid;gap:10px}.training-option{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px;border:1px solid rgba(102,130,176,.18);border-radius:13px;background:rgba(11,19,33,.9)}.training-option h3{margin:2px 0 2px}.training-option p{margin:0;color:#8fa0b9}.training-option small{color:#7ee5ff;font-weight:900;letter-spacing:.1em}
@media(max-width:900px){.planet-grid{grid-template-columns:1fr}.planet-card{grid-template-columns:58px 1fr}.planet-card button{grid-column:1/-1}.planet-orb{width:52px;height:52px;font-size:48px}.training-layout{grid-template-columns:1fr}}

/* =========================================================
   CerberMC V4.1 — Visual & Social Update
   ========================================================= */
:root{--v41-bg:#050811;--v41-panel:rgba(10,16,30,.94);--v41-line:rgba(121,151,255,.16);--v41-text:#f5f8ff;--v41-muted:#8290aa;--v41-blue:#5e7cff;--v41-cyan:#46d9ff;--v41-green:#46d981;--v41-red:#ff4d5f;--v41-purple:#b875ff;--v41-gold:#f4c542}
body{background:radial-gradient(circle at 18% -10%,rgba(75,97,255,.18),transparent 32%),radial-gradient(circle at 90% 18%,rgba(63,216,255,.08),transparent 28%),#050811;color:var(--v41-text)}
.site-bg{background:linear-gradient(rgba(5,8,17,.68),rgba(5,8,17,.9)),url('../baner.jpg') center 18%/cover no-repeat fixed;filter:saturate(.8) contrast(1.08)}
.site-shell{max-width:1680px;margin:0 auto;padding:18px 24px 34px}
.topbar{border:1px solid var(--v41-line);background:rgba(7,11,22,.9);box-shadow:0 18px 70px rgba(0,0,0,.35);backdrop-filter:none;border-radius:18px}
.brand-mark{box-shadow:0 0 28px rgba(76,109,255,.35)}
.topbar-player{gap:9px;flex-wrap:wrap}.top-rank{font-size:10px;letter-spacing:.08em;border:1px solid currentColor;padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.04)}
.rank-ceo{color:var(--v41-gold)!important}.rank-admin{color:var(--v41-red)!important}.rank-moderator{color:var(--v41-purple)!important}.rank-support{color:#4bb8ff!important}.rank-vip{color:#ff9f43!important}.rank-gracz{color:var(--v41-green)!important}
.main-nav{position:sticky;top:10px;z-index:80;background:rgba(6,10,20,.94);border:1px solid var(--v41-line);border-radius:16px;padding:7px;box-shadow:0 15px 50px rgba(0,0,0,.25)}
.main-nav a{border-radius:11px;transition:.18s ease}.main-nav a:hover{transform:translateY(-1px);background:rgba(91,119,255,.1)}.main-nav a.active{background:linear-gradient(135deg,rgba(82,105,255,.26),rgba(66,218,255,.08));box-shadow:inset 0 0 0 1px rgba(107,132,255,.28)}
.hero-strip{overflow:hidden;position:relative;background:linear-gradient(135deg,rgba(18,27,53,.96),rgba(8,14,29,.92));border-color:rgba(101,127,255,.22);box-shadow:0 22px 70px rgba(0,0,0,.25)}
.hero-strip:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 82% 45%,rgba(90,117,255,.2),transparent 22%);pointer-events:none}
.content-card{background:linear-gradient(180deg,rgba(10,15,29,.96),rgba(6,10,20,.96));border:1px solid var(--v41-line);box-shadow:0 28px 90px rgba(0,0,0,.3)}
.button,.action-button,.map-tool{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.button:hover,.action-button:hover,.map-tool:hover{transform:translateY(-1px)}

/* Social center */
.social-page{display:grid;gap:20px}.social-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:4px}.social-head h2{font-size:34px;margin:4px 0 6px}.social-head p{margin:0;color:var(--v41-muted)}
.my-rank-card{min-width:210px;border:1px solid currentColor;border-radius:16px;padding:14px 18px;background:rgba(255,255,255,.025);display:grid;gap:2px;box-shadow:inset 0 0 30px rgba(255,255,255,.025)}.my-rank-card span,.my-rank-card small{color:var(--v41-muted);font-size:11px}.my-rank-card strong{font-size:20px}
.chat-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;min-height:640px}.chat-panel,.online-panel{border:1px solid var(--v41-line);background:linear-gradient(180deg,rgba(10,16,31,.98),rgba(6,10,20,.98));border-radius:20px;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.28)}
.chat-panel{display:grid;grid-template-rows:auto 1fr auto}.chat-toolbar{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--v41-line);background:rgba(255,255,255,.015)}.chat-tabs{display:flex;gap:8px}.chat-tab{border:1px solid rgba(125,145,200,.18);background:rgba(255,255,255,.025);color:#9ca9c2;padding:9px 13px;border-radius:10px;font-weight:800;cursor:pointer}.chat-tab.active{color:#fff;border-color:rgba(91,119,255,.5);background:rgba(91,119,255,.16)}.chat-live{display:flex;align-items:center;gap:8px;color:#9ca9c2;font-size:12px}.chat-live i,.online-pulse{width:8px;height:8px;border-radius:50%;background:var(--v41-green);box-shadow:0 0 14px rgba(70,217,129,.8);animation:v41pulse 1.8s infinite}
.chat-messages{padding:18px;overflow:auto;min-height:480px;max-height:620px;scrollbar-width:thin}.chat-message{display:flex;gap:11px;margin-bottom:14px;align-items:flex-start}.chat-avatar,.online-avatar,.compose-avatar{flex:0 0 auto;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#18223d,#0b1122);border:1px solid currentColor;font-weight:950;box-shadow:0 8px 20px rgba(0,0,0,.28)}.chat-bubble{max-width:min(760px,84%);padding:11px 13px;border:1px solid rgba(120,143,204,.13);background:rgba(255,255,255,.025);border-radius:4px 14px 14px 14px}.chat-bubble header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chat-bubble header strong{font-size:13px;color:currentColor}.chat-bubble header small{margin-left:auto;color:#65718a;font-size:10px}.chat-bubble p{margin:6px 0 0;color:#dfe6f5;line-height:1.45;word-break:break-word}.rank-pill{font-size:9px;font-weight:900;letter-spacing:.08em;border:1px solid currentColor;border-radius:999px;padding:2px 6px;background:rgba(255,255,255,.025)}
.chat-compose{display:grid;grid-template-columns:auto 1fr auto;gap:10px;padding:14px;border-top:1px solid var(--v41-line);background:rgba(4,8,17,.72)}.chat-compose input{width:100%;border:1px solid rgba(121,151,255,.2);background:#080d1a;color:#fff;border-radius:12px;padding:0 14px;outline:none}.chat-compose input:focus{border-color:rgba(94,124,255,.7);box-shadow:0 0 0 3px rgba(94,124,255,.08)}.chat-compose button{border:0;border-radius:12px;padding:0 18px;background:linear-gradient(135deg,#5470ff,#6d54ff);color:#fff;font-weight:900;cursor:pointer}
.online-panel{padding:16px;display:flex;flex-direction:column}.online-head{display:flex;justify-content:space-between;align-items:center;padding:3px 3px 14px;border-bottom:1px solid var(--v41-line)}.online-head h3{margin:3px 0 0}.online-list{display:grid;gap:7px;padding:12px 0;overflow:auto;max-height:540px}.online-user{display:grid;grid-template-columns:8px 36px 1fr;gap:9px;align-items:center;padding:9px;border:1px solid transparent;border-radius:12px;color:#9da9c0}.online-user:hover,.online-user.is-self{background:rgba(255,255,255,.025);border-color:rgba(121,151,255,.12)}.status-dot{width:7px;height:7px;background:var(--v41-green);border-radius:50%;box-shadow:0 0 10px rgba(70,217,129,.6)}.online-avatar{width:34px;height:34px;border-radius:10px;font-size:12px}.online-copy{min-width:0}.online-copy strong{display:block;color:currentColor;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.online-copy strong em{font-size:8px;font-style:normal;border:1px solid rgba(255,255,255,.2);padding:1px 4px;border-radius:4px}.online-copy span,.online-copy small{display:block;color:#77839a;font-size:10px;margin-top:1px}.rank-legend{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:12px;border-top:1px solid var(--v41-line)}.rank-legend span{font-size:9px;font-weight:900;border:1px solid currentColor;border-radius:999px;padding:3px 6px}.chat-empty,.chat-loading{display:grid;place-items:center;height:100%;min-height:300px;color:#71809a}

/* Quick fight on map */
.quick-fight{position:absolute;z-index:95;left:50%;top:20%;transform:translate(-50%,-20%) scale(.92);opacity:0;pointer-events:none;transition:.22s ease;min-width:330px}.quick-fight.visible{opacity:1;transform:translate(-50%,-20%) scale(1)}.qf-result{position:relative;overflow:hidden;text-align:center;padding:20px 28px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(5,9,19,.96);box-shadow:0 30px 80px rgba(0,0,0,.55)}.quick-fight.win .qf-result{border-color:rgba(70,217,129,.5);box-shadow:0 25px 80px rgba(20,173,98,.17)}.quick-fight.loss .qf-result{border-color:rgba(255,77,95,.5)}.qf-result span{display:block;font-size:10px;font-weight:950;letter-spacing:.18em;color:var(--v41-green)}.quick-fight.loss .qf-result span{color:var(--v41-red)}.qf-result strong{display:block;font-size:22px;margin:4px 0}.qf-result p{margin:5px 0;color:#dfe7f8}.qf-result small{color:#77849d}.qf-flash{position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,.26),transparent 60%);animation:qfFlash .45s ease-out;pointer-events:none}.monster-entity.is-defeated{animation:monsterDefeat .42s ease forwards}

@keyframes v41pulse{50%{opacity:.45;transform:scale(.8)}}@keyframes qfFlash{from{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.7)}}@keyframes monsterDefeat{to{opacity:0;transform:scale(.25) rotate(18deg);filter:brightness(2)}}
@media(max-width:980px){.chat-layout{grid-template-columns:1fr}.online-panel{max-height:390px}.social-head{align-items:stretch;flex-direction:column}.my-rank-card{min-width:0}.site-shell{padding:10px}.main-nav{top:4px}.chat-messages{max-height:520px}}
@media(max-width:620px){.chat-toolbar{align-items:flex-start;gap:10px;flex-direction:column}.chat-compose{grid-template-columns:36px 1fr}.chat-compose button{grid-column:1/-1;height:42px}.chat-bubble{max-width:calc(100% - 50px)}.social-head h2{font-size:28px}.quick-fight{min-width:min(330px,calc(100vw - 30px))}}

/* ==========================================================
   CerberMC V4.3 — FULL WORLD / KOSMICZNI-INSPIRED LAYOUT
   ========================================================== */
body.page-map { background:#02050a; }
body.page-map .site-shell { width:100%; max-width:none; margin:0; }
body.page-map .topbar { min-height:58px; border-radius:0; padding:8px 18px; background:rgba(4,8,15,.98); }
body.page-map .brand-mark { width:38px; height:38px; border-radius:10px; font-size:20px; }
body.page-map .brand-copy strong { font-size:18px; }
body.page-map .main-nav { padding:6px 14px; justify-content:center; border-color:rgba(126,155,207,.12); }
body.page-map .main-nav a { min-height:36px; padding:0 11px; font-size:12px; }
body.page-map .hero-strip { display:none; }
body.page-map .main-grid { display:block; padding:0; border:0; background:#02050a; }
body.page-map .content-card { padding:0; min-height:0; border:0; border-radius:0; background:#02050a; box-shadow:none; overflow:visible; }
body.page-map .sidebar-card { display:none; }
body.page-map .site-footer { display:none; }

body.page-map .map-page-heading { display:none; }
body.page-map .map-shell { padding:0; border:0; border-radius:0; background:#02050a; box-shadow:none; }
body.page-map .map-toolbar { position:absolute; z-index:2100; top:72px; left:50%; transform:translateX(-50%); width:auto; padding:5px 7px; border:1px solid rgba(135,166,214,.18); border-radius:12px; background:rgba(2,6,12,.78); backdrop-filter:blur(8px); box-shadow:0 12px 30px rgba(0,0,0,.28); }
body.page-map .map-keyboard-hint { display:none; }
body.page-map .map-tool { min-height:32px !important; height:32px; padding:0 10px !important; border-radius:8px !important; font-size:10px; background:rgba(13,22,36,.92) !important; }
body.page-map #bgmap.map-stage { height:calc(100vh - 106px); min-height:680px; max-height:none; border:0; border-radius:0; box-shadow:none; }
body.page-map #bgmap.map-stage::before { background:linear-gradient(180deg,rgba(0,0,0,.08),transparent 18%,transparent 80%,rgba(0,0,0,.18)); }
body.page-map .map-footer-legend { display:none; }
body.page-map .map-hud { display:none; }
body.page-map .minimap { top:82px; right:18px; width:196px; border-radius:14px; background:rgba(3,9,16,.88); backdrop-filter:blur(8px); }
body.page-map .minimap-field { height:94px; }

.kos-player-hud { position:absolute; z-index:1850; left:18px; top:18px; width:250px; pointer-events:none; }
.kos-level { display:inline-grid; place-items:center; min-width:76px; height:42px; padding:0 14px; border:1px solid rgba(255,207,56,.32); border-radius:12px; color:#ffe24a; font-size:20px; font-weight:950; background:rgba(4,9,15,.86); box-shadow:0 10px 30px rgba(0,0,0,.28); }
.kos-bars { display:grid; gap:5px; margin-top:8px; }
.kos-bar { position:relative; height:18px; overflow:hidden; border:1px solid rgba(255,255,255,.16); border-radius:6px; background:rgba(2,6,12,.82); box-shadow:inset 0 1px 5px rgba(0,0,0,.75); }
.kos-bar span { position:absolute; inset:0 auto 0 0; border-radius:5px; }
.kos-bar b { position:relative; z-index:2; display:block; text-align:center; color:#fff; font:800 10px/16px ui-monospace,monospace; text-shadow:0 1px 2px #000; }
.kos-bar.exp span { background:linear-gradient(90deg,#846ae8,#b48cff); }
.kos-bar.hp span { background:linear-gradient(90deg,#18c94e,#4dfc72); }
.kos-bar.ki span { background:linear-gradient(90deg,#09aada,#35ddff); }

.kos-server-hud { position:absolute; z-index:1850; right:18px; top:198px; width:196px; padding:9px; border:1px solid rgba(126,155,207,.18); border-radius:14px; background:rgba(3,9,16,.86); backdrop-filter:blur(8px); box-shadow:0 14px 36px rgba(0,0,0,.3); }
.kos-online { padding:6px 8px; color:#aebbd0; font-size:10px; text-align:center; }
.kos-online span { display:inline-block; width:7px; height:7px; margin-right:4px; border-radius:50%; background:#42dc91; box-shadow:0 0 12px rgba(66,220,145,.7); }
.kos-online b { color:#fff; }
.kos-ranking-title { margin:2px 0 5px; padding:5px 8px; border-radius:8px; color:#ffd83d; font-size:10px; font-weight:950; letter-spacing:1px; text-align:center; background:rgba(255,195,35,.08); }
.kos-rank-row { display:grid; grid-template-columns:20px 1fr auto; gap:5px; align-items:center; min-height:26px; padding:3px 5px; border-bottom:1px solid rgba(255,255,255,.05); font-size:9px; }
.kos-rank-row:last-child { border-bottom:0; }
.kos-rank-row em { color:#637795; font-style:normal; font-weight:900; }
.kos-rank-row span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:900; }
.kos-rank-row b { color:#8ea0ba; font-size:8px; }

.kos-action-dock { position:absolute; z-index:1900; left:50%; bottom:16px; display:flex; gap:5px; padding:7px; transform:translateX(-50%); border:1px solid rgba(126,155,207,.18); border-radius:15px; background:rgba(3,8,15,.91); backdrop-filter:blur(10px); box-shadow:0 16px 40px rgba(0,0,0,.38); }
.kos-action-dock a { width:76px; min-height:52px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; border:1px solid transparent; border-radius:10px; color:#a7b7cf; transition:.16s ease; }
.kos-action-dock a:hover { color:#fff; border-color:rgba(84,215,255,.28); background:rgba(84,215,255,.08); transform:translateY(-2px); }
.kos-action-dock span { color:#64dfff; font-size:18px; line-height:1; }
.kos-action-dock b { font-size:8px; text-transform:uppercase; letter-spacing:.3px; }
body.page-map .map-controls { right:18px; bottom:16px; grid-template-columns:repeat(3,40px); grid-template-rows:repeat(2,40px); gap:4px; padding:7px; border-radius:13px; opacity:.82; }
body.page-map .map-control { width:40px; height:40px; border-radius:9px !important; }
body.page-map .map-control span { font-size:13px; }
body.page-map .interaction-hint { bottom:82px; }
body.page-map .map-action-box { bottom:84px; }

/* Więcej przestrzeni i mniej wizualnego tłoku */
body.page-map .monster-entity:not(.is-nearby):not(:hover) { opacity:.88; filter:saturate(.9); }
body.page-map .terrain { filter:saturate(.95) contrast(.98); }
body.page-map .world-grid { opacity:.13; }

@media (max-width:900px) {
  body.page-map .main-nav { justify-content:flex-start; }
  .kos-server-hud { display:none; }
  .kos-player-hud { left:10px; top:10px; width:210px; }
  body.page-map .minimap { top:10px; right:10px; width:150px; }
  .kos-action-dock { max-width:calc(100% - 20px); overflow-x:auto; justify-content:flex-start; }
  .kos-action-dock a { width:64px; flex:0 0 64px; }
  body.page-map #bgmap.map-stage { height:calc(100vh - 100px); min-height:600px; }
}

/* ==========================================================
   CerberMC V4.4 — REAL GAME MODE REWORK
   ========================================================== */
body.page-map{overflow:hidden;background:#03060a}
body.page-map .site-shell{height:100vh;overflow:hidden;background:#03060a}
body.page-map .topbar,body.page-map .main-nav{display:none!important}
body.page-map .main-grid,body.page-map .content-card,body.page-map .map-shell{height:100vh;overflow:hidden;background:#03060a}
body.page-map #bgmap.map-stage{height:100vh!important;min-height:100vh!important;background:#16210d;border:0!important;border-radius:0!important;overflow:hidden}
body.page-map .map-toolbar{top:16px;left:auto;right:392px;transform:none;padding:5px;background:rgba(3,8,14,.86);border-color:rgba(105,155,220,.18);box-shadow:0 14px 40px rgba(0,0,0,.32)}
body.page-map .map-toolbar .label-mode,body.page-map .map-toolbar .wide{display:none}
body.page-map .map-tool{min-width:38px}

.world-commandbar{position:absolute;z-index:2600;left:18px;right:18px;top:14px;height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:7px 10px;border:1px solid rgba(115,157,211,.18);border-radius:15px;background:linear-gradient(180deg,rgba(5,10,17,.94),rgba(3,7,13,.88));box-shadow:0 16px 48px rgba(0,0,0,.34);backdrop-filter:blur(12px)}
.world-brand-mini{display:flex;align-items:center;gap:10px;min-width:210px}.world-brand-mini>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#dff8ff;font-weight:1000;background:linear-gradient(145deg,#1755b5,#24a9e9);box-shadow:0 0 24px rgba(39,153,235,.3)}.world-brand-mini strong{display:block;color:#fff;font-size:14px;letter-spacing:.4px}.world-brand-mini small{display:block;margin-top:1px;color:#7f94b0;font-size:9px}
.world-status-mini{display:flex;align-items:center;gap:7px;flex:1;justify-content:center}.world-status-mini>span{padding:7px 10px;border:1px solid rgba(126,155,207,.12);border-radius:9px;color:#8294ad;font-size:9px;background:rgba(255,255,255,.025)}.world-status-mini b{color:#eef6ff}.status-live{color:#63e8a3!important}.status-live i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#4de397;box-shadow:0 0 10px rgba(77,227,151,.7)}
.world-command-actions{display:flex;gap:6px}.world-command-btn{min-width:62px;height:34px;display:grid;place-items:center;padding:0 10px;border:1px solid rgba(126,155,207,.18);border-radius:9px;color:#a9bad1!important;font:900 9px/1 Arial;background:#0a1321;cursor:pointer}.world-command-btn:hover{color:#fff!important;border-color:rgba(74,197,255,.35);background:#10233a}.world-command-btn.danger:hover{border-color:rgba(255,86,102,.35);background:rgba(120,23,34,.35)}

.world-character-card{position:absolute;z-index:2200;left:18px;top:82px;width:250px;padding:12px;border:1px solid rgba(106,151,214,.18);border-radius:16px;background:linear-gradient(155deg,rgba(7,14,24,.94),rgba(4,9,16,.88));box-shadow:0 18px 44px rgba(0,0,0,.34);backdrop-filter:blur(10px)}
.world-char-top{display:flex;align-items:center;gap:10px}.world-char-avatar{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(92,199,255,.3);border-radius:13px;color:#6ee7ff;font-size:20px;background:radial-gradient(circle,#153765,#091326)}.world-char-top strong{display:block;color:#fff;font-size:13px}.world-char-top small{display:block;margin-top:2px;color:#778aa6;font-size:8px}.world-char-power{margin-top:9px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06);color:#7386a2;font-size:8px;letter-spacing:.8px}.world-char-power b{float:right;color:#ffd94d;font-size:11px}

body.page-map .kos-player-hud{left:18px;top:158px;width:250px}.kos-level{display:none}.kos-bars{gap:6px;margin-top:0}.kos-bar{height:20px;border-radius:7px}.kos-bar b{font-size:9px;line-height:18px;text-align:left;padding-left:8px}.kos-bar span{opacity:.88}
.world-mission-card{position:absolute;z-index:2100;left:18px;top:248px;width:250px;padding:12px;border:1px solid rgba(255,194,75,.16);border-radius:15px;background:rgba(5,10,17,.9);box-shadow:0 16px 40px rgba(0,0,0,.3);backdrop-filter:blur(10px)}.world-mission-card>span{display:block;color:#ffcc52;font-size:8px;font-weight:950;letter-spacing:1px}.world-mission-card>strong{display:block;margin-top:5px;color:#fff;font-size:12px}.world-mission-card>small{display:block;margin-top:4px;color:#7c8ea8;font-size:9px;line-height:1.35}.mission-progress{height:5px;margin-top:10px;overflow:hidden;border-radius:999px;background:#121d2b}.mission-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff9d2e,#ffd858)}

body.page-map .minimap{top:82px!important;right:18px!important;width:220px!important;padding:9px;border-radius:16px;background:rgba(4,9,16,.92)}body.page-map .minimap-field{height:118px!important;border-radius:10px;background:#061018}.minimap-title{margin-bottom:6px}.minimap-legend{display:none}
body.page-map .kos-server-hud{top:246px;right:18px;width:220px;padding:10px;background:rgba(4,9,16,.92)}.kos-ranking-title{background:rgba(255,210,60,.05)}

body.page-map .map-hud{display:none!important}.map-player-anchor{z-index:900!important}.player-aura{filter:drop-shadow(0 0 8px rgba(59,205,255,.85))}
body.page-map .monster-entity{transition:opacity .18s ease,filter .18s ease,transform .18s ease}.monster-entity:not(.is-nearby):not(:hover) .entity-name,.monster-entity:not(.is-nearby):not(:hover) .monster-meta{opacity:0!important;transform:translateY(5px);pointer-events:none}.monster-entity:not(.is-nearby):not(:hover){opacity:.74;filter:saturate(.78) brightness(.94)}.monster-entity.is-nearby,.monster-entity:hover{z-index:80;filter:saturate(1.05) brightness(1.06)}
body.page-map .npc-entity:not(:hover) .entity-name{opacity:.7}.world-interaction .interaction-key{box-shadow:0 0 18px rgba(86,203,255,.35)}

body.page-map .kos-action-dock{bottom:18px;gap:6px;padding:6px 8px;border-radius:16px;background:rgba(4,9,16,.94)}.kos-action-dock a{width:72px;min-height:54px;border-radius:11px}.kos-action-dock span{font-size:16px}.kos-action-dock b{font-size:7px}
body.page-map .map-controls{bottom:18px;right:18px;opacity:.9;background:rgba(4,9,16,.9)}body.page-map .interaction-hint{bottom:88px;left:50%;transform:translateX(-50%);background:rgba(4,10,18,.95)}
body.page-map .map-action-box{bottom:90px}.quick-fight{top:22%}

/* world vignette + readability */
body.page-map #bgmap.map-stage:after{content:"";position:absolute;z-index:1500;inset:0;pointer-events:none;box-shadow:inset 0 0 160px rgba(0,0,0,.38);background:linear-gradient(180deg,rgba(0,0,0,.15),transparent 14%,transparent 76%,rgba(0,0,0,.24))}
body.page-map #map{filter:saturate(.94) contrast(1.03)}

/* Whole site visual refresh */
body.page-default{background:#050812}.page-default .site-shell{max-width:1500px}.page-default .topbar{border-color:rgba(109,150,216,.16);background:linear-gradient(135deg,#0a111d,#070b13)}.page-default .main-nav{border-radius:14px;background:#080e18}.page-default .content-card,.page-default .sidebar-card{border-radius:20px;background:linear-gradient(180deg,#0b1321,#070c14);box-shadow:0 22px 70px rgba(0,0,0,.24)}.page-default h1,.page-default h2,.page-default h3{letter-spacing:-.02em}.page-default button,.page-default input,.page-default select,.page-default textarea{border-radius:10px}.page-default .main-nav a.active{background:linear-gradient(135deg,rgba(40,126,255,.18),rgba(48,205,255,.08));box-shadow:inset 0 0 0 1px rgba(74,170,255,.18)}

@media(max-width:900px){body.page-map{overflow:auto}body.page-map .site-shell,body.page-map .main-grid,body.page-map .content-card,body.page-map .map-shell{height:auto;overflow:visible}body.page-map #bgmap.map-stage{height:calc(100vh - 12px)!important;min-height:640px!important}.world-commandbar{left:8px;right:8px;top:8px;height:48px}.world-brand-mini{min-width:0}.world-brand-mini div{display:none}.world-status-mini>span:not(.status-live){display:none}.world-command-actions .world-command-btn:not(.danger){display:none}.world-character-card{left:10px;top:68px;width:200px}.world-mission-card{display:none}body.page-map .kos-player-hud{left:10px;top:132px;width:200px}body.page-map .minimap{top:68px!important;right:10px!important;width:154px!important}body.page-map .minimap-field{height:78px!important}.kos-server-hud{display:none!important}.kos-action-dock{left:10px!important;right:10px!important;transform:none!important;overflow-x:auto;justify-content:flex-start}.kos-action-dock a{flex:0 0 58px;width:58px}.map-toolbar{display:none!important}}
body.page-map .minimap.is-hidden{opacity:0;transform:translateY(-8px);pointer-events:none}

/* === CerberMC V4.5: Character Creator + Inventory Rework === */
.character-page,.inventory-page{max-width:1500px;margin:0 auto}.character-page-head,.inventory-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:24px;padding:24px 28px;border:1px solid #203752;background:linear-gradient(135deg,#071423,#0a1d31);border-radius:18px}.character-page-head h2,.inventory-head h2{margin:4px 0 6px;font-size:34px}.character-count,.bag-counter{padding:10px 14px;border:1px solid #2b5579;border-radius:10px;color:#78d7ff;background:#07101c;font-weight:900}.character-creator{padding:28px;border:1px solid #203752;border-radius:18px;background:#050d17}.creator-fields{display:flex;gap:26px;align-items:end;margin-bottom:24px}.creator-fields>label{flex:1}.gender-choice{display:flex;gap:14px;align-items:center;padding:14px 18px;background:#081827;border:1px solid #1c3a55;border-radius:12px}.gender-choice>span{font-weight:900;color:#7bd7ff}.preset-grid{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:14px}.preset-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px 12px;border:1px solid #1c3a55;border-radius:14px;background:linear-gradient(180deg,#0a1b2d,#050b13);cursor:pointer;transition:.2s}.preset-card:hover,.preset-card:has(input:checked){transform:translateY(-4px);border-color:#4fc9ff;box-shadow:0 0 0 2px rgba(55,184,255,.12),0 18px 35px rgba(0,0,0,.35)}.preset-card input{position:absolute;opacity:0}.preset-card strong{font-size:15px;color:#fff;margin-top:10px}.preset-card small{color:#8ca6bb;min-height:36px;margin:5px 0 12px}.preset-card em{font-style:normal;color:#56d9ff;font-weight:900}.character-sprite{width:76px;height:96px;display:grid;place-items:center;overflow:hidden;filter:drop-shadow(0 8px 10px rgba(0,0,0,.5))}.character-sprite span{width:48px;height:80px;background:url('../www/map/player.png') center top/48px 384px no-repeat;image-rendering:pixelated}.preset-2 span{filter:hue-rotate(190deg) saturate(1.4)}.preset-3 span{filter:hue-rotate(80deg) brightness(.85)}.preset-4 span{filter:hue-rotate(250deg) saturate(1.6)}.preset-5 span{filter:hue-rotate(35deg) saturate(1.3)}.preset-6 span{filter:grayscale(.35) sepia(.25)}.creator-submit{width:100%;margin-top:24px;padding:17px;border:1px solid #f0b62d;background:linear-gradient(180deg,#ffd75c,#ff9d00);color:#111;font-weight:1000;font-size:17px;border-radius:12px}.active-character-card{display:grid;grid-template-columns:110px 1fr auto;gap:22px;align-items:center;padding:28px;border:1px solid #244a6a;background:radial-gradient(circle at 20% 30%,rgba(31,164,255,.16),transparent 35%),#07111d;border-radius:18px}.active-character-card .character-sprite{width:100px;height:120px}.active-character-card .character-sprite span{transform:scale(1.3)}.character-actions{display:flex;gap:10px}.account-quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.account-quick-actions a{display:flex;gap:14px;align-items:center;padding:16px;border:1px solid #1d3851;background:#071522;border-radius:14px;text-decoration:none}.account-quick-actions b{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#102b42;color:#65d8ff;font-size:24px}.account-quick-actions span{font-weight:900;color:#fff}.account-quick-actions small{display:block;color:#7f9aaf;margin-top:3px;font-weight:500}
.inventory-layout{display:grid;grid-template-columns:minmax(430px,.85fr) minmax(560px,1.35fr);gap:20px}.equipment-panel,.backpack-panel{padding:22px;border:1px solid #203a52;border-radius:18px;background:linear-gradient(180deg,#071522,#040b12)}.equipment-panel h3,.backpack-panel h3{margin:0 0 18px}.equipment-board{position:relative;min-height:610px;border:1px solid #1d354a;border-radius:16px;background:radial-gradient(circle at center,rgba(34,152,255,.1),transparent 45%),#02070c}.fighter-silhouette{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;color:#fff}.fighter-silhouette .character-sprite{width:130px;height:180px;transform:scale(1.55)}.fighter-silhouette strong{margin-top:20px;font-size:18px}.fighter-silhouette small{color:#6fd8ff}.equip-slot{position:absolute;width:145px;min-height:105px;padding:10px;border:1px solid #2a4860;border-radius:12px;background:rgba(4,14,24,.92);text-align:center}.equip-slot>span{display:block;color:#65cfff;font-size:11px;font-weight:900;text-transform:uppercase}.equip-slot img{width:52px;height:52px;object-fit:contain;image-rendering:pixelated}.equip-slot b{display:block;font-size:11px;color:#fff}.equip-slot a{font-size:10px;color:#ffbc4c}.equip-slot i{display:block;font-style:normal;font-size:34px;color:#29465c}.equip-slot small{color:#667e91}.slot-1{left:18px;top:42px}.slot-2{right:18px;top:42px}.slot-3{left:50%;top:18px;transform:translateX(-50%)}.slot-4{left:18px;top:245px}.slot-5{left:50%;bottom:20px;transform:translateX(-50%)}.slot-6{right:18px;top:245px}.slot-7{right:18px;bottom:38px}.equipment-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.equipment-summary span{padding:12px;border:1px solid #1a354d;border-radius:10px;background:#06111c;color:#7e9bad}.equipment-summary b{float:right;color:#5dd8ff}.backpack-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center}.inventory-filters{display:flex;gap:6px;flex-wrap:wrap}.inventory-filters button{padding:8px 10px;border:1px solid #24445e;border-radius:8px;background:#071522;color:#8ba5b8}.inventory-filters button.active{background:#123552;color:#fff;border-color:#48bfff}.inventory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.inventory-item{display:grid;grid-template-columns:74px 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid #19334a;border-radius:12px;background:#06111c}.inventory-item.is-equipped{border-color:#e4aa29;box-shadow:inset 3px 0 #e4aa29}.item-icon{position:relative;width:66px;height:66px;display:grid;place-items:center;border:1px solid #2b4a62;border-radius:10px;background:linear-gradient(135deg,#0f2940,#07111b)}.item-icon img{max-width:58px;max-height:58px;image-rendering:pixelated}.item-icon span{position:absolute;right:3px;bottom:2px;padding:1px 5px;border-radius:6px;background:#000;color:#ffd85d;font-size:11px}.item-info strong{display:block;color:#fff}.item-info small{color:#6f8ea5}.item-stats{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.item-stats b{font-size:10px;padding:3px 5px;border-radius:5px;background:#10253a;color:#7edcff}.item-actions a{display:inline-block;padding:8px 10px;border:1px solid #2b78a6;border-radius:8px;color:#78dcff;text-decoration:none;font-size:12px;font-weight:900}.empty-inventory{grid-column:1/-1;padding:60px 20px;text-align:center;color:#7892a6;border:1px dashed #2a4053;border-radius:12px}
@media(max-width:1050px){.preset-grid{grid-template-columns:repeat(3,1fr)}.inventory-layout{grid-template-columns:1fr}.inventory-grid{grid-template-columns:1fr}.account-quick-actions{grid-template-columns:1fr}}@media(max-width:650px){.preset-grid{grid-template-columns:repeat(2,1fr)}.creator-fields{flex-direction:column;align-items:stretch}.active-character-card{grid-template-columns:1fr;text-align:center}.character-actions{justify-content:center}.equipment-board{min-height:720px}.equip-slot{width:115px}.inventory-head,.character-page-head{align-items:flex-start;flex-direction:column}}


/* ===== CerberMC V4.6 — postać, ekwipunek i mobile ===== */
.character-sprite { width:92px !important; height:112px !important; display:grid !important; place-items:center; overflow:visible !important; background:none !important; }
.character-sprite > span { display:block; width:60px; height:60px; background-image:url('../www/map/down.png'); background-repeat:no-repeat; background-size:60px 480px; background-position:0 0; image-rendering:pixelated; filter:drop-shadow(0 8px 8px rgba(0,0,0,.55)); transform:scale(1.35); }
.character-sprite.preset-2 > span { filter:hue-rotate(185deg) saturate(1.35) drop-shadow(0 8px 8px rgba(0,0,0,.55)); }
.character-sprite.preset-3 > span { filter:hue-rotate(35deg) saturate(1.35) drop-shadow(0 8px 8px rgba(0,0,0,.55)); }
.character-sprite.preset-4 > span { filter:hue-rotate(260deg) saturate(1.3) drop-shadow(0 8px 8px rgba(0,0,0,.55)); }
.character-sprite.preset-5 > span { filter:hue-rotate(110deg) saturate(1.3) drop-shadow(0 8px 8px rgba(0,0,0,.55)); }
.character-sprite.preset-6 > span { filter:hue-rotate(320deg) saturate(1.3) drop-shadow(0 8px 8px rgba(0,0,0,.55)); }

.inventory-layout { grid-template-columns:minmax(390px,.82fr) minmax(480px,1.3fr) !important; align-items:stretch; }
.equipment-panel,.backpack-panel { background:linear-gradient(180deg,#07111d,#040a12) !important; border-color:rgba(73,173,255,.22) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 22px 55px rgba(0,0,0,.2); }
.equipment-board { min-height:570px !important; background:radial-gradient(circle at 50% 46%,rgba(39,130,255,.12),transparent 30%),linear-gradient(180deg,#020810,#050d17) !important; }
.fighter-silhouette .character-sprite { width:120px !important; height:150px !important; }
.fighter-silhouette .character-sprite > span { width:78px; height:78px; background-size:78px 624px; transform:scale(1.5); }
.equip-slot { min-height:112px !important; background:linear-gradient(180deg,#0a1827,#06101b) !important; }
.equip-slot img { width:52px !important; height:52px !important; object-fit:contain; image-rendering:auto; }
.inventory-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; align-content:start; }
.inventory-item { min-height:116px; border:1px solid rgba(91,168,255,.18) !important; background:linear-gradient(180deg,#091522,#050c15) !important; }
.item-icon { width:72px !important; height:72px !important; }
.item-icon img { width:64px !important; height:64px !important; object-fit:contain; }
.empty-inventory { min-height:310px !important; display:grid !important; place-items:center; align-content:center; gap:8px; padding:32px !important; border:1px dashed rgba(75,176,255,.3) !important; border-radius:16px; }
.empty-inventory strong { color:#fff; font-size:20px; }
.empty-inventory span { color:#7e93ae; }
.starter-kit-button { margin-top:8px; min-height:44px; padding:0 18px; border:1px solid #4fb5ff; border-radius:10px; color:#04111d; font-weight:950; background:linear-gradient(180deg,#78d6ff,#3aa6ff); cursor:pointer; }

@media (max-width: 980px) {
  .site-shell { width:100%; padding:0 10px 24px; }
  .main-nav { overflow-x:auto; flex-wrap:nowrap !important; justify-content:flex-start !important; scrollbar-width:none; }
  .main-nav::-webkit-scrollbar { display:none; }
  .main-nav a { flex:0 0 auto; }
  .hero-strip { padding:24px 20px !important; }
  .hero-strip h1 { font-size:clamp(28px,7vw,42px) !important; }
  .inventory-layout { grid-template-columns:1fr !important; }
  .inventory-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .character-creator { padding:16px !important; }
  .preset-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width: 600px) {
  .topbar-player { display:none !important; }
  .topbar { min-height:58px; }
  .brand-copy small { display:none; }
  .hero-strip { margin-top:8px !important; border-radius:14px !important; }
  .content-card { padding:12px !important; border-radius:14px !important; }
  .character-page-head,.inventory-head,.active-character-card { align-items:flex-start !important; flex-direction:column !important; }
  .character-actions { width:100%; display:grid !important; grid-template-columns:1fr 1fr; }
  .character-actions a { justify-content:center; }
  .preset-grid { grid-template-columns:1fr !important; }
  .preset-card { grid-template-columns:82px 1fr !important; min-height:118px; }
  .inventory-grid { grid-template-columns:1fr !important; }
  .backpack-toolbar { align-items:flex-start !important; flex-direction:column !important; gap:10px; }
  .inventory-filters { width:100%; display:grid !important; grid-template-columns:repeat(2,1fr); }
  .equipment-board { min-height:520px !important; transform:scale(.92); transform-origin:top center; margin-bottom:-38px; }
  .inventory-item { grid-template-columns:68px 1fr !important; }
  .item-actions { grid-column:1/-1; }
  .item-actions a { width:100%; justify-content:center; }
}

/* ===== CerberMC V4.7 REAL FIX — ekwipunek + świat ===== */
.inventory-layout{grid-template-columns:minmax(420px,.78fr) minmax(620px,1.22fr)!important;gap:18px!important}
.equipment-panel,.backpack-panel{background:linear-gradient(180deg,#071522 0%,#030912 100%)!important;box-shadow:0 18px 60px rgba(0,0,0,.28)}
.equipment-board-v47{min-height:680px!important;overflow:hidden;background:radial-gradient(circle at 50% 46%,rgba(38,177,255,.15),transparent 28%),linear-gradient(180deg,#06131f,#02070c)!important}
.equipment-ring{position:absolute;inset:20px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:16px;pointer-events:none}
.equipment-ring .equip-slot{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:auto!important;min-height:130px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto;border:1px solid #26475f!important;background:linear-gradient(180deg,rgba(8,24,38,.96),rgba(3,10,18,.96))!important}
.equipment-ring .slot-1{grid-column:1;grid-row:1}.equipment-ring .slot-3{grid-column:2;grid-row:1}.equipment-ring .slot-2{grid-column:3;grid-row:1}.equipment-ring .slot-4{grid-column:1;grid-row:2}.equipment-ring .slot-6{grid-column:3;grid-row:2}.equipment-ring .slot-5{grid-column:1;grid-row:3}.equipment-ring .slot-7{grid-column:3;grid-row:3}
.fighter-silhouette-v47{z-index:4;top:51%!important;width:170px;height:260px;justify-content:center;padding:18px 8px;border-radius:90px;background:radial-gradient(circle,rgba(32,182,255,.14),transparent 68%);pointer-events:none}
.fighter-silhouette-v47 .character-sprite{width:120px!important;height:170px!important;transform:none!important}
.inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.inventory-item{grid-template-columns:72px 1fr!important;grid-template-rows:auto auto;position:relative;min-height:142px!important;padding:14px!important}
.item-actions{grid-column:1/-1}.item-actions a{width:100%;box-sizing:border-box;text-align:center}
@media(max-width:1250px){.inventory-layout{grid-template-columns:1fr!important}.inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){.equipment-board-v47{min-height:760px!important}.equipment-ring{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;inset:12px}.equipment-ring .equip-slot{grid-column:auto!important;grid-row:auto!important;min-height:112px!important}.fighter-silhouette-v47{position:relative!important;left:auto!important;top:auto!important;transform:none!important;margin:260px auto 0}.inventory-grid{grid-template-columns:1fr!important}}

/* CerberMC V5.2 — Character Creator */
.character-v52{max-width:1500px;margin:0 auto;padding:6px 0 32px}.character-v52-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:28px 30px;margin-bottom:18px;border:1px solid #183653;border-radius:20px;background:radial-gradient(circle at 15% 15%,rgba(38,161,255,.16),transparent 32%),linear-gradient(135deg,#06111e,#030912);box-shadow:0 22px 55px rgba(0,0,0,.28)}.character-v52-head h1{margin:5px 0 7px;font-size:38px;color:#fff}.character-v52-head p{margin:0;color:#7f9bb3}.character-v52-counter{min-width:110px;text-align:center;padding:12px 16px;border:1px solid #265277;border-radius:13px;background:#040b13}.character-v52-counter span{display:block;font-size:9px;color:#6f8ca6;letter-spacing:1.5px}.character-v52-counter b{font-size:18px;color:#74dcff}.creator-v52{padding:24px;border:1px solid #17334d;border-radius:20px;background:linear-gradient(180deg,#050d16,#02060b)}.creator-v52-preview{display:grid;grid-template-columns:310px 1fr;gap:32px;align-items:center;padding:20px;border:1px solid #183653;border-radius:18px;background:radial-gradient(circle at 18% 50%,rgba(57,182,255,.16),transparent 28%),#06111c}.preview-stage-v52{height:290px;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:16px;background:linear-gradient(180deg,#0b2033,#06131e 55%,#08120c)}.preview-stage-v52:before{content:"";position:absolute;inset:auto 0 0;height:32%;background:linear-gradient(180deg,transparent,rgba(31,86,43,.3))}.preview-glow-v52{position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(47,198,255,.24),transparent 67%);filter:blur(2px)}.preview-shadow-v52{position:absolute;bottom:45px;width:120px;height:28px;border-radius:50%;background:rgba(0,0,0,.46);filter:blur(5px)}.preview-copy-v52 h2{font-size:32px;margin:4px 0 8px;color:#fff}.preview-copy-v52 p{max-width:620px;color:#8ba5bc;line-height:1.6}.character-live-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.character-live-meta>*{padding:7px 10px;border:1px solid #20435f;border-radius:8px;background:#071827;color:#76d9ff}.creator-v52-fields{display:grid;grid-template-columns:1fr auto;gap:18px;margin:18px 0}.creator-v52-fields>label,.gender-v52{padding:14px 16px;border:1px solid #183653;border-radius:12px;background:#06111c}.creator-v52-fields span,.gender-v52>span{display:block;margin-bottom:8px;color:#69d7ff;font-size:11px;font-weight:900;text-transform:uppercase}.creator-v52-fields input[type=text]{width:100%;box-sizing:border-box;padding:12px;border:1px solid #295271;border-radius:8px;background:#030a11;color:#fff}.gender-v52{display:flex;gap:14px;align-items:center}.gender-v52>span{margin:0 8px 0 0}.character-style-grid-v52{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px;margin-top:20px}.character-style-card-v52{position:relative;min-height:270px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 13px;border:1px solid #17344d;border-radius:16px;background:linear-gradient(180deg,#081725,#030910);cursor:pointer;transition:.2s;overflow:hidden}.character-style-card-v52:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,rgba(64,179,255,.09),transparent 35%);pointer-events:none}.character-style-card-v52:hover,.character-style-card-v52.selected{transform:translateY(-4px);border-color:#4fcfff;box-shadow:0 0 0 2px rgba(79,207,255,.1),0 18px 32px rgba(0,0,0,.36)}.character-style-card-v52 input{position:absolute;opacity:0}.character-style-card-v52 strong{margin-top:8px;color:#fff;font-size:15px}.character-style-card-v52 small{min-height:38px;margin:5px 0 10px;color:#7592aa;line-height:1.35}.character-style-card-v52 em{margin-top:auto;font-style:normal;color:#5ed9ff;font-size:10px;font-weight:950;letter-spacing:1px}.style-tag-v52{align-self:flex-start;padding:4px 7px;border:1px solid #315a78;border-radius:6px;color:#86e1ff;background:#071624;font-size:8px;font-weight:950;letter-spacing:1px}.sprite-v52{--char-style:1;width:92px;height:112px;display:grid;place-items:center;position:relative;z-index:2}.sprite-v52>span{display:block;width:30px;height:30px;background-image:url('../www/map/characters/1/down.png');background-repeat:no-repeat;background-position:0 0;background-size:30px 240px;image-rendering:pixelated;transform:scale(2.7);transform-origin:center bottom;filter:drop-shadow(0 6px 2px rgba(0,0,0,.55))}.sprite-v52[data-style="2"]>span{background-image:url('../www/map/characters/2/down.png')}.sprite-v52[data-style="3"]>span{background-image:url('../www/map/characters/3/down.png')}.sprite-v52[data-style="4"]>span{background-image:url('../www/map/characters/4/down.png')}.sprite-v52[data-style="5"]>span{background-image:url('../www/map/characters/5/down.png')}.sprite-v52[data-style="6"]>span{background-image:url('../www/map/characters/6/down.png')}.sprite-v52[data-style="7"]>span{background-image:url('../www/map/characters/7/down.png')}.sprite-v52[data-style="8"]>span{background-image:url('../www/map/characters/8/down.png')}.sprite-v52.large{width:160px;height:190px}.sprite-v52.large>span{transform:scale(4.7)}.sprite-v52.mini{width:44px!important;height:44px!important;overflow:hidden!important}.sprite-v52.mini>span{transform:scale(1.45)}.creator-v52-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.creator-v52-submit{padding:15px 22px;border:1px solid #55d5ff;border-radius:11px;background:linear-gradient(180deg,#31c4ff,#0877b6);color:white;font-weight:950;letter-spacing:.3px;box-shadow:0 10px 24px rgba(26,158,220,.22)}
@media(max-width:900px){.creator-v52-preview{grid-template-columns:220px 1fr}.character-style-grid-v52{grid-template-columns:repeat(2,1fr)}.creator-v52-fields{grid-template-columns:1fr}.gender-v52{flex-wrap:wrap}.character-v52-head h1{font-size:30px}}
@media(max-width:620px){.character-v52{padding:0 8px 24px}.character-v52-head{padding:18px;align-items:flex-start}.character-v52-counter{display:none}.creator-v52{padding:12px}.creator-v52-preview{grid-template-columns:1fr;text-align:center;padding:12px}.preview-stage-v52{height:230px}.preview-copy-v52 h2{font-size:25px}.character-style-grid-v52{grid-template-columns:1fr 1fr;gap:8px}.character-style-card-v52{min-height:235px;padding:11px 7px}.character-style-card-v52 small{font-size:10px}.sprite-v52>span{transform:scale(2.35)}.creator-v52-actions{flex-direction:column}.creator-v52-actions>*{width:100%;box-sizing:border-box;text-align:center}}