/* Seban Panel extensions: fluid on ultra-wide screens and compact on mobile. */ main{max-width:none;padding-left:clamp(24px,4vw,78px);padding-right:clamp(24px,4vw,78px)} .vital-bars{display:grid;gap:8px;margin:14px 0 20px;max-width:760px}.vital{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:5px 9px;font-size:12px}.vital>span{font-weight:700;color:#b7cbe8}.vital .bar{height:11px;overflow:hidden;border:1px solid #294562;border-radius:999px;background:#08111d;box-shadow:inset 0 1px 3px #000}.vital .bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2bc56b,#7cf0ae);box-shadow:0 0 9px #2bc56b}.vital.mp .bar i{background:linear-gradient(90deg,#286ee4,#74b6ff);box-shadow:0 0 9px #286ee4}.vital.exp .bar i{background:linear-gradient(90deg,#d99222,#f5d45d);box-shadow:0 0 9px #d99222}.vital b{grid-column:2;font-variant-numeric:tabular-nums;color:#dcecff;font-size:11px;justify-self:end} .item-types{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 12px}.item-types a{padding:7px 10px;border:1px solid #294562;border-radius:14px;background:#101d2d;color:#b9d2f5;text-decoration:none;font-size:12px}.item-types a:hover,.item-types a.active{background:#1f6fe5;border-color:#5795ff;color:#fff}.item-types small{margin-left:4px;opacity:.75}.item-filters{display:flex;gap:10px;align-items:center;margin:12px 0 22px}.item-filters input{min-width:min(390px,100%)}.item-catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:10px}.item-card{display:flex;align-items:center;gap:12px;min-height:66px;padding:10px;background:var(--panel);border:1px solid var(--edge);border-radius:7px}.item-card[hidden]{display:none!important}.item-card img{width:42px;height:42px;object-fit:contain;image-rendering:pixelated}.item-card b,.item-card small{display:block}.item-card small{font-size:12px}.pager{display:flex;justify-content:space-between;margin:22px 0}.pager a{color:#8abbff;text-decoration:none}.command-reference{max-width:1200px;padding:0}.command-reference pre{margin:0;padding:22px;white-space:pre-wrap;overflow-wrap:anywhere;color:#dbeaff;font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.account-create form{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px;align-items:end}.account-create label{display:grid;gap:6px;color:var(--muted);font-size:13px}.account-create button{height:42px}.table-wrap{overflow:auto} .account-list-filter{display:flex;align-items:end;gap:10px;margin:12px 0}.account-list-filter input{min-width:min(360px,100%)}.account-list-filter label{display:grid;gap:5px;color:var(--muted);font-size:12px}.account-list-filter button{height:40px}.rank-sort{margin-top:-10px}.rank-sort span{align-self:center;color:var(--muted);font-size:13px} @media(max-width:760px){.vital{grid-template-columns:44px minmax(0,1fr)}.vital b{grid-column:2;font-size:11px}.item-filters,.account-create form,.account-list-filter{grid-template-columns:1fr;display:grid}.item-filters input,.account-list-filter input{min-width:0}.item-filters button,.account-list-filter button{width:100%}.item-catalog{grid-template-columns:1fr}.account-create form{gap:12px}.gm-only{display:grid;gap:12px}} .dashboard-donuts{display:flex;gap:20px;align-items:center;justify-content:center;min-height:170px;max-width:390px;margin:12px auto}.donut-wrap{position:relative;width:160px;aspect-ratio:1}.donut-wrap canvas{width:100%!important;height:100%!important}.donut-wrap>b{position:absolute;inset:0;display:grid;place-content:center;text-align:center;font-size:27px;pointer-events:none}.donut-wrap>b small{display:block;font-size:12px;font-weight:600;margin-top:1px}.system-dashboard{max-width:620px;margin:24px auto}.live-sidebar{min-height:510px;display:flex!important;flex-direction:column}.live-ranking-section{display:flex;flex-direction:column;min-height:0;flex:1}.live-sidebar .live-ranking{height:auto!important;min-height:0;flex:1}.live-activity{margin-top:12px;border-top:1px solid #213852;padding-top:8px}.live-activity h3{margin:0 0 7px}.activity-line{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:8px;align-items:center;font-size:12px;margin:5px 0}.activity-line span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-line i{grid-column:1/-1;height:5px;border-radius:999px;background:#213852;overflow:hidden}.activity-line i:before{content:'';display:block;width:var(--share);height:100%;background:linear-gradient(90deg,#5795ff,#49d49a)}.activity-line b{grid-column:2;grid-row:1;color:#79e3af;text-align:right}.gm-only{display:contents}.gm-only[hidden]{display:none}@media(max-width:1000px){.live-sidebar{min-height:0}.dashboard-donuts{min-height:150px}}@media(max-width:520px){.dashboard-donuts{gap:12px;flex-wrap:nowrap}.donut-wrap{width:145px}.donut-wrap>b{font-size:20px}.live-activity{margin-bottom:8px}} .dashboard-widgets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0}.dashboard-widgets .panel{margin:0;min-height:290px}.dashboard-widgets .system-dashboard{max-width:none}.map-donut-wrap{height:190px;max-width:280px;margin:7px auto}.ranking-carousel header{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.ranking-carousel h2{margin:0}.ranking-carousel header p{margin:4px 0 0;font-size:12px}.carousel-arrows{display:flex;gap:4px}.carousel-arrows button{width:30px;height:30px;padding:0;border-radius:50%;font-size:22px;line-height:1;background:#203d63}.quick-rank-slide{margin:12px 0 8px;padding:0;list-style:none} .quick-rank-slide.rank-enter{animation:rank-slide-in .45s ease} .quick-rank-slide li.quick-rank-empty{display:block!important;padding:14px 0;font-size:12px} .quick-rank-slide li.quick-rank-empty:before{content:none} /* Rankingi: wiersze bez ikonki (bot bez danego przedmiotu) byly nizsze niz wiersze z ikonka 32px, co przy przewijaniu tabeli wygladalo jak "rozjezdzajaca sie" ostatnia kolumna. */ .rank-detail{min-height:32px} @keyframes rank-slide-in{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}} @media(prefers-reduced-motion:reduce){.quick-rank-slide.rank-enter{animation:none}}.quick-rank-slide li{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:6px;align-items:center;min-height:21px;border-bottom:1px solid #213852;font-size:12px}.quick-rank-slide li:before{content:counter(list-item);counter-increment:list-item;color:#82b6ff}.quick-rank-slide{counter-reset:list-item}.quick-rank-slide a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dcecff;text-decoration:none}.quick-rank-slide a:hover{color:#82b6ff}.quick-rank-slide b{color:#79e3af;font-size:11px;white-space:nowrap}.carousel-dots{display:flex;justify-content:center;gap:7px;margin-top:8px}.carousel-dots button{width:7px;height:7px;padding:0;border-radius:50%;border:0;background:#37506d}.carousel-dots button.active{width:20px;border-radius:7px;background:#5795ff}@media(max-width:1150px){.dashboard-widgets{grid-template-columns:1fr 1fr}.dashboard-widgets .ranking-carousel{grid-column:1/-1}}@media(max-width:650px){.dashboard-widgets{grid-template-columns:1fr}.dashboard-widgets .ranking-carousel{grid-column:auto}.dashboard-widgets .panel{min-height:0}} .monitor-details{display:grid;gap:7px;max-width:440px;margin:0 auto}.monitor-details span{display:flex;justify-content:space-between;gap:12px;padding-top:7px;border-top:1px solid var(--edge)}.monitor-details b{font-size:12px;color:var(--muted)}.monitor-details strong{font-size:12px;color:var(--text)}.map-legend{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0 0;font-size:12px;color:var(--muted)}.dot.pt{background:#a974ff}.dot.metin{background:#f7c948;box-shadow:0 0 8px #f7c948}.bot-point.is-metin{background:#f7c948;border-color:#fff1ad;box-shadow:0 0 10px #f7c948}.economy-yang-chart{margin-top:20px}.economy-yang-chart canvas{max-height:270px}.news-ticker{position:fixed;z-index:100;left:220px;right:0;bottom:0;display:flex;align-items:center;gap:14px;margin:0;padding:10px 18px;border:1px solid var(--edge);border-radius:8px 8px 0 0;background:var(--panel);box-shadow:0 -8px 26px #0006;overflow:hidden}.news-label{flex:0 0 auto;font-size:10px;font-weight:800;letter-spacing:1px;color:var(--gold)}.news-window{min-width:0;overflow:hidden}.news-window ol{display:flex;gap:26px;width:max-content;min-width:100%;margin:0;padding:0;list-style:none;animation:news-marquee 32s linear infinite}.news-window li{display:flex;gap:8px;white-space:nowrap;font-size:12px;color:var(--text)}.news-window time{color:var(--muted);font-variant-numeric:tabular-nums}main{padding-bottom:112px}.changelog-teaser{display:flex;flex-direction:column}.changelog-teaser a{margin-top:auto;color:var(--gold);font-size:12px;text-decoration:none}.panel-version{margin:28px 0 8px;text-align:center;color:var(--muted);font-size:12px}.panel-version a{color:var(--gold);text-decoration:none}.changelog-list{display:grid;gap:14px;margin-top:22px}.changelog-entry{margin:0}.changelog-entry header{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.changelog-entry header strong{font-size:18px}.changelog-entry time{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.changelog-entry ul{margin:12px 0 0;padding-left:20px}.changelog-entry li+li{margin-top:5px}@keyframes news-marquee{from{transform:translateX(0)}to{transform:translateX(-20%)}}@media(prefers-reduced-motion:reduce){.news-window ol{animation:none}}@media(max-width:850px){.news-ticker{left:0}}@media(max-width:650px){.news-ticker{align-items:flex-start;flex-direction:column;gap:5px}.news-window ol{animation:none;display:grid;gap:6px;width:100%}.news-window li{white-space:normal}.changelog-entry header{align-items:flex-start;flex-direction:column;gap:3px}} /* 1.38.3: map filtering, version freshness and compact world news. */ .map-history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.map-history-head h2{margin:0}.map-history-head p{margin:5px 0 0}.map-series-filters{display:flex;flex-wrap:wrap;gap:7px 14px;margin:0 0 16px}.map-series-filters label{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text);cursor:pointer}.map-series-filters input{accent-color:var(--blue2)}.map-series-filters i{width:9px;height:9px;border-radius:50%;background:var(--map-color);box-shadow:0 0 6px var(--map-color)}.map-current-table tr[data-map-index]{cursor:pointer}.map-current-table tr[data-map-index]:hover td,.map-current-table tr[data-map-index].selected td{background:color-mix(in srgb,var(--blue2) 18%,var(--panel));color:var(--text)}.playerbots-version.current b,.playerbots-version-text.current{color:#55d99a!important}.playerbots-version.outdated b,.playerbots-version-text.outdated{color:#f6b45d!important}.playerbots-version.unknown b,.playerbots-version-text.unknown{color:var(--muted)!important}.playerbots-version small{display:block;font-size:10px;color:var(--muted);margin-top:2px}.updater-status small{display:block;margin-top:3px;color:var(--muted);font-size:11px}.news-toggle{flex:0 0 auto;padding:4px 8px;min-height:0;border-radius:4px;font-size:11px;background:transparent;border:1px solid var(--edge);color:var(--muted)}.news-ticker.is-hidden{left:auto;right:14px;bottom:12px;border-radius:7px;padding:7px 10px}.news-ticker.is-hidden .news-window{display:none}.news-ticker.is-hidden .news-label{display:none}.news-ticker.is-hidden .news-toggle{color:var(--text)}@media(max-width:650px){main{padding-bottom:72px}.news-ticker{left:7px;right:7px;bottom:7px;flex-direction:row;align-items:center;gap:8px;padding:8px 10px;border-radius:7px}.news-label{font-size:9px;max-width:80px}.news-window{flex:1}.news-window ol{display:flex;gap:18px;width:max-content;min-width:100%;animation:news-marquee 26s linear infinite}.news-window li{white-space:nowrap;font-size:11px}.news-toggle{font-size:10px;padding:4px 6px}.news-ticker.is-hidden{left:auto;right:7px;bottom:7px}.map-history-head{flex-direction:column}.map-history-head button{width:100%}.map-series-filters{gap:8px}.map-series-filters label{font-size:11px}} /* 1.38.5: exceptional +8/+9 upgrades stand out in the world ticker. */ .news-window li.refine-rare span{color:#f4c64f;font-weight:700;text-shadow:0 0 8px #b9821e99} .news-window li.refine-rare time{color:#f4c64f} /* v1.39: class portraits in dense lists and full theme support for live widgets. */ .class-cell{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.class-portrait{display:inline-block;object-fit:contain;image-rendering:pixelated;vertical-align:middle;flex:0 0 auto}.class-portrait--tiny{width:26px;height:26px}.class-portrait--carousel{width:18px;height:18px;margin-right:5px}.quick-rank-slide a{display:flex;align-items:center}.player-identity{display:flex;gap:14px;align-items:flex-start;margin:4px 0 15px}.player-identity h1{margin:0}.player-identity p{margin:4px 0 0}.class-portrait--profile{width:auto;height:auto;max-width:none;max-height:none;image-rendering:pixelated;border:1px solid var(--edge);background:#090b09}.class-portrait--live{width:18px;height:18px;margin:0 5px 0 2px;vertical-align:middle}.live-ranking a{display:flex!important;align-items:center}.live-ranking a span{margin-left:auto}.live-ranking a b{flex:0 0 auto}@media(max-width:650px){.class-cell{gap:4px}.class-portrait--tiny{width:22px;height:22px}.player-identity{gap:10px}.class-portrait--profile{max-width:48px;max-height:48px}} /* v1.40: pages outside the live widget inherit the selected theme consistently. */ th{color:var(--muted)!important;border-color:var(--edge)!important}td{border-color:var(--edge)!important}td a,.back{color:var(--blue2)!important}td a:hover,.back:hover{filter:brightness(1.22)} button.secondary,.button.secondary,.storage-tabs button:not(.active){background:color-mix(in srgb,var(--blue2) 38%,var(--panel))!important;border:1px solid var(--edge)!important;color:var(--text)!important}.storage-tabs button.active{background:var(--blue2)!important;color:#fff!important}.bot-live-details div,.skill{border-color:var(--edge)!important}.item-cell img,.rank-detail img{background:color-mix(in srgb,var(--panel) 88%,#000)!important;border-color:var(--edge)!important}.item-types a{display:inline-flex;align-items:center;gap:5px;background:var(--panel)!important;border-color:var(--edge)!important;color:var(--text)!important}.item-types a:hover,.item-types a.active{background:var(--blue2)!important;border-color:var(--blue2)!important;color:#fff!important}.item-type-icon{width:20px;height:20px;object-fit:contain;image-rendering:pixelated}.empire-badge{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:var(--text)}.empire-badge img{width:22px;height:15px;object-fit:contain;image-rendering:auto}.empire-badge--profile{font-size:12px}.empire-badge--profile img{width:28px;height:19px}.empire-flag-inline{width:20px;height:13px;object-fit:contain;vertical-align:-1px;margin-right:6px;border:1px solid #0006;border-radius:2px} .manage-form label,.behavior-weight,.map-respawn-list label{color:var(--text)!important}.manage-form small,.behavior-weight small,.map-respawn-list small{color:var(--muted)!important}.restart-progress{border-color:var(--edge)!important;background:color-mix(in srgb,var(--panel) 82%,#000)!important}.restart-progress div{background:linear-gradient(90deg,var(--blue2),color-mix(in srgb,var(--blue2) 45%,#49d49a))!important}.behavior-live-options{background:color-mix(in srgb,var(--panel) 84%,var(--blue2) 16%)!important}.updater-guide{border:1px solid var(--edge);border-radius:6px;padding:9px 12px;color:var(--muted)}.updater-guide summary{cursor:pointer;color:var(--text);font-weight:600}.updater-guide>div{margin-top:10px}.updater-guide p{margin:8px 0}.updater-guide pre{margin:8px 0 0;padding:10px;overflow:auto;background:color-mix(in srgb,var(--panel) 82%,#000);border:1px solid var(--edge);border-radius:5px;color:var(--text);font:12px/1.45 ui-monospace,Consolas,monospace}.updater-guide code{color:var(--blue2)} /* Sklepy offline: nav submenu under Gospodarka, same visual language as nav a. display:contents used to promote these children straight into the nav grid -- Safari/WebKit doesn't place display:contents children into a grid reliably and stacked both links on top of each other. A real flex column on
itself (counted as one grid row) avoids that. On mobile nav switches to a 2-column grid (style.css, max-width:850px); without grid-column:1/-1 the Gospodarka block could land in a half-width cell and cramp "Stan przedmiotów"/"Sklepy offline" together again. */ nav details{display:flex;flex-direction:column;gap:5px;grid-column:1/-1}nav summary{color:#b6cce7;text-decoration:none;padding:11px 9px;border-radius:6px;cursor:pointer;list-style:none}nav summary::-webkit-details-marker{display:none}nav summary::marker{display:none}nav summary::after{content:'›';float:right;opacity:.6}nav details[open] summary::after{content:'⌄'}nav summary:hover{background:#1c3353;color:#fff}nav details a{padding-left:26px;font-size:13px} /* Player admin actions: side-by-side .manage-form cards in a grid stretch to match their row's tallest neighbour, and a grid item's default align-self is stretch even for an inline-block