:root{--bg:#11141a;--panel:#151920;--panel2:#181c23;--panel3:#1c2027;--line:#292e36;--line2:#343942;--text:#e6e7e9;--muted:#777d87;--muted2:#9a9fa7;--gold:#c6a35d;--gold2:#e4c57b;--red:#bd5260;--green:#62bfa2;--blue:#728cae;--side:170px;--top:42px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font:12px/1.45 Inter,Arial,sans-serif}body{overflow-x:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer}.topbar{height:var(--top);position:fixed;z-index:30;inset:0 0 auto 0;background:#171a1f;border-bottom:1px solid #292d34;display:flex;align-items:center;padding:0 12px;box-shadow:0 1px 8px #0004}.brand{height:100%;width:190px;display:flex;align-items:center;gap:7px;text-decoration:none;color:#fff}.brand-mark{width:27px;height:31px;overflow:hidden;display:block;position:relative}.brand-mark img{height:27px;width:99px;max-width:none;position:absolute;left:0;top:2px;object-fit:contain;object-position:left}.brand b{display:block;font-size:11px;letter-spacing:.5px;white-space:nowrap}.brand small{display:block;font-size:5.8px;color:#a98c4f;letter-spacing:1.1px;margin-top:1px}.brand em{font-style:normal;font-size:6px;border:1px solid #675b3f;color:#a99a74;padding:1px 3px;border-radius:2px;margin-left:2px}.server-button{height:30px;min-width:102px;border:1px solid #363b44;background:#20242b;border-radius:4px;padding:0 9px;display:flex;align-items:center;gap:6px}.server-button span{font-size:7px;color:#737983}.server-button b{font-size:9px;font-weight:500}.server-button i{margin-left:auto;color:#777;font-style:normal}.top-actions{margin-left:auto;display:flex;align-items:center;gap:12px;color:#999fa7;font-size:8px}.live{display:flex;align-items:center;gap:5px}.live i{width:4px;height:4px;background:var(--gold);border-radius:50%;box-shadow:0 0 5px #d5b46a}.icon-button{border:1px solid #2d323a;background:#1d2127;color:#9298a1;width:24px;height:24px;border-radius:50%}.discord-button{border:1px solid #343944;background:#292d36;padding:5px 9px;border-radius:4px;color:#d9dbe1}.discord-button b{font-weight:600}.sidebar{position:fixed;left:0;top:var(--top);bottom:0;width:var(--side);background:#14171c;border-right:1px solid #34302a;box-shadow:3px 0 10px #0003;z-index:20}.sidebar:after{content:"";position:absolute;right:3px;top:0;bottom:0;width:1px;background:linear-gradient(#7b6737aa,#3b3425 65%,transparent)}.side-scroll{height:100%;overflow:auto;padding:17px 14px 25px 8px}.side-scroll::-webkit-scrollbar{width:4px}.side-scroll::-webkit-scrollbar-thumb{background:#3d3a30;border-radius:5px}.side-label{font-size:6.6px;letter-spacing:1.35px;color:#777b83;margin:3px 7px 9px}.side-label small{float:right}.categories-label{margin-top:28px}.nav-item{width:100%;height:35px;border:1px solid transparent;background:transparent;color:#858a93;border-radius:5px;display:flex;align-items:center;gap:8px;padding:0 9px;text-align:left;margin:3px 0}.nav-item span{width:13px;text-align:center}.nav-item i,.nav-item em{font-style:normal;margin-left:auto}.nav-item em{min-width:14px;text-align:center;color:#a9884d;background:#24221e;border-radius:3px;font-size:7px}.nav-item.active{border-color:#4a4030;background:linear-gradient(90deg,#26241f,#1b1e22);color:#d8c494}.nav-item.muted{opacity:.55}.category-search{height:29px;border:1px solid #292e36;background:#161a20;border-radius:5px;display:flex;align-items:center;padding:0 8px;gap:6px;margin-bottom:10px;color:#777}.category-search input{min-width:0;width:100%;border:0;outline:0;background:none;font-size:8px}.category-list{display:flex;flex-direction:column;gap:1px}.cat-row{height:27px;width:100%;border:0;border-left:2px solid transparent;border-radius:3px;background:transparent;color:#828790;display:grid;grid-template-columns:16px 1fr auto;align-items:center;text-align:left;padding:0 7px;font-size:8px}.cat-row:hover{background:#1d2127;color:#bdc0c5}.cat-row.active{background:#2a2924;border-left-color:#b18c45;color:#d4bd87}.cat-row em{font-size:7px;font-style:normal;color:#777}.cat-row.all{font-weight:500}.subcats{border-left:1px solid #272c33;margin:0 0 3px 13px;padding-left:8px}.subcats button{display:flex;width:100%;height:25px;border:0;background:transparent;color:#6f747d;font-size:7.5px;align-items:center;justify-content:space-between;text-align:left}.subcats button:hover{color:#b7bbc1}.content{margin-left:var(--side);padding:22px 28px 60px;min-height:100vh;width:calc(100% - var(--side));max-width:none}.summary-head{height:61px;border-bottom:1px solid #20252d;display:flex;justify-content:space-between}.summary-head h1{margin:0 0 10px;font-size:8px;font-weight:500;color:#c6c9ce}.summary-head p{font-size:7px;color:#7b8088;margin:2px 0}.summary-stats{display:flex;gap:20px;color:#6f747d;font-size:7px}.summary-stats b{font-size:13px;color:#d7d8db;margin-left:4px;font-weight:500}.summary-stats span:last-child b{font-size:9px}.search-shell{background:linear-gradient(110deg,#171b22,#191d25);border:1px solid #2a3039;border-radius:7px;padding:10px 12px 7px;margin-top:13px;box-shadow:inset 0 1px #ffffff05}.search-row{display:flex;gap:7px}.main-search{height:32px;flex:1;border:1px solid #2a3038;border-radius:5px;background:#14181e;display:flex;align-items:center;padding:0 10px;color:#737b86}.main-search span{font-size:15px;margin-right:8px}.main-search input{border:0;background:none;outline:0;flex:1;min-width:0;font-size:8px}.main-search kbd{border:1px solid #343941;border-radius:3px;padding:0 3px;color:#666;background:#1b1f25}.filter-button{height:32px;min-width:130px;border:1px solid #39352c;background:#20201e;color:#c6b58f;border-radius:5px;font-size:8px}.filter-button em{font-style:normal;border:1px solid #66562e;color:#d4b25e;padding:0 3px;border-radius:3px;margin-left:4px}.search-hint{font-size:6.5px;color:#606773;margin-top:5px}.advanced-filters{border-top:1px solid #292e36;margin-top:8px;padding:9px 0 3px;display:grid;grid-template-columns:1fr 125px 125px 1fr auto;gap:8px}.advanced-filters[hidden]{display:none}.advanced-filters label{color:#777;font-size:7px}.advanced-filters input{display:block;width:100%;height:27px;margin-top:4px;border:1px solid #303640;border-radius:4px;background:#12161b;padding:0 8px;outline:0}.advanced-filters button{align-self:end;height:27px;border:1px solid #3b3830;background:#24231f;color:#bda96f;border-radius:4px}.market-card{height:96px;border:1px solid #292e36;border-radius:7px;background:linear-gradient(110deg,#171a20,#151820);margin-top:12px;display:grid;grid-template-columns:250px 1fr;overflow:hidden}.market-value{padding:13px 15px;position:relative}.market-title{font-size:8px;font-weight:600;margin-bottom:3px}.market-title b{color:#b49a61;font-size:7px;margin-left:5px}.market-value strong{font-size:16px;color:#e3d7bb}.market-value strong span{color:#bfa55f}.market-value strong i{font-style:normal}.market-value strong small{font-size:7px;font-weight:400;color:#b5aa93}.market-value>em{font-size:7px;font-style:normal;color:#898d93;margin-left:7px}.market-value>small{display:block;color:#656b74;font-size:6px;margin-top:7px}.chart-wrap{position:relative;padding:12px 18px 10px 2px}.chart-wrap svg{width:100%;height:67px;overflow:visible}.chart-line{fill:none;stroke:#c6aa67;stroke-width:1.2}.chart-area{fill:url(#area)}.chart-wrap circle{fill:#dac684;stroke:#17191f;stroke-width:2}.chart-wrap>span{position:absolute;bottom:5px;color:#565c65;font-size:5px}.chart-wrap>span:first-of-type{left:2px}.chart-wrap>span:last-of-type{right:17px}.results-head{display:flex;justify-content:space-between;align-items:flex-start;margin-top:13px}.results-head>div{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:7px}.results-head h2{font-size:13px;margin:0;font-weight:600}.results-head>div>b{background:#312f28;border:1px solid #51472f;color:#cbb77b;border-radius:3px;font-size:7px;padding:2px 5px}.results-head p{grid-column:1/-1;margin:3px 0 0;color:#6d727a;font-size:6.5px}.sort-select{height:29px;border:1px solid #2c3139;background:#191c22;border-radius:5px;display:flex;align-items:center;padding-left:9px}.sort-select span{font-size:5.8px;color:#717780}.sort-select select{border:0;background:transparent;outline:0;padding:0 9px;font-size:7px;min-width:145px}.sort-select option{background:#1b1f25}.active-filter-bar{height:42px;display:flex;align-items:center;gap:14px;color:#676d75;border-bottom:1px solid #22272e;font-size:6.5px}.active-filter-bar button{border:1px solid #554a31;background:#2b2820;color:#c3ad72;border-radius:4px;padding:5px 9px}.active-filter-bar span b{color:#c3a154}.active-filter-bar i{font-style:normal}.table-shell{border:1px solid #292e36;border-radius:4px 4px 0 0;overflow:hidden}.table-head{height:27px;background:#161a20;color:#6f747d;display:grid;grid-template-columns:minmax(390px,1fr) 105px 130px 80px 115px 26px;align-items:center;padding:0 10px;font-size:6px;letter-spacing:.25px}.item-row{min-height:83px;background:#171a1f;border-top:1px solid #292e34;display:grid;grid-template-columns:minmax(390px,1fr) 105px 130px 80px 115px 26px;align-items:center;padding:8px 10px;transition:.15s}.item-row:hover{background:#1b1f24}.item-cell{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:start}.item-icon{width:34px;height:46px;display:flex;align-items:center;justify-content:center;position:relative}.item-icon img{max-width:34px;max-height:43px;image-rendering:auto;filter:drop-shadow(0 2px 4px #000)}.item-icon small{position:absolute;right:-2px;bottom:0;background:#0d1014;border:1px solid #333;font-size:6px;padding:0 2px;border-radius:2px}.item-name{font-size:9px;color:#d4ae55;font-weight:600}.item-name b{font-size:6px;color:#8c9199;font-weight:500;margin-left:5px}.item-meta{font-size:6px;color:#666c75;margin:4px 0 5px}.attrs{display:flex;flex-wrap:wrap;gap:3px}.attr{font-size:6px;color:#d6c2e8;background:#32203f;border:1px solid #4b2a5c;border-radius:3px;padding:2px 5px;white-space:nowrap}.attr:nth-child(even){background:#242a32;border-color:#3a424e;color:#aeb5be}.element{color:#686e77;font-size:7px}.seller{font-size:7.5px;color:#aeb2b9}.seller button{display:block;border:0;border-bottom:1px dotted #5d626a;background:none;padding:0;color:#d1d3d6;margin-bottom:3px}.seller small{color:#777d85}.seller small b{color:#aa9157}.qty{width:28px;border:1px solid #30353d;background:#12161b;border-radius:4px;padding:5px 3px;text-align:center;font-size:8px}.qty small{display:block;font-size:5px;color:#777}.price{font-size:8px;color:#d8d9db}.price b{color:#d1b263}.price small{display:block;color:#717780;font-size:6px;margin-top:3px}.save-item{border:0;background:transparent;color:#575d66;font-size:13px}.save-item.saved{color:#d0ad5d}.loading{height:180px;display:flex;align-items:center;justify-content:center;gap:10px;color:#7d838c}.loading i{width:16px;height:16px;border-radius:50%;border:2px solid #343a43;border-top-color:#c5a25a;animation:spin .7s linear infinite}.empty{height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#707680}.empty b{font-size:12px;color:#aaaeb4;margin-bottom:4px}.load-more{width:100%;height:34px;border:0;border-top:1px solid #2a2f36;background:#181c21;color:#a98e55}.toast{position:fixed;right:18px;bottom:18px;z-index:50;background:#242821;border:1px solid #5c5138;color:#d9c88e;border-radius:5px;padding:9px 13px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:900px){:root{--side:0px}.sidebar{display:none}.content{padding:14px}.brand{width:160px}.market-card{grid-template-columns:190px 1fr}.table-head{display:none}.item-row{grid-template-columns:1fr 110px 75px}.element{display:none}.seller{grid-column:2}.qty{grid-column:3}.price{grid-column:2}.save-item{grid-column:3}.advanced-filters{grid-template-columns:1fr 1fr}.summary-head p{display:none}}
@media(max-width:600px){.server-button,.top-actions .live,.top-actions .icon-button{display:none}.content{padding:10px}.summary-head{height:auto;padding-bottom:12px}.summary-stats{gap:9px;flex-wrap:wrap}.search-row{flex-direction:column}.filter-button{width:100%}.market-card{grid-template-columns:1fr;height:125px}.chart-wrap{display:none}.results-head{gap:8px}.sort-select span{display:none}.sort-select select{min-width:110px}.item-row{grid-template-columns:1fr 80px;padding:8px}.seller{grid-column:2}.qty{grid-column:2}.price{grid-column:2}.save-item{display:none}.item-cell{grid-template-columns:32px 1fr}.advanced-filters{grid-template-columns:1fr}.active-filter-bar i{display:none}}
.shop-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}.shop-modal[hidden]{display:none}.shop-backdrop{position:absolute;inset:0;background:#06080bcc;backdrop-filter:blur(4px)}.shop-window{position:relative;width:min(628px,calc(100vw - 28px));background:linear-gradient(#202129,#15171d);border:1px solid #4d4a42;border-radius:7px;box-shadow:0 24px 80px #000c,inset 0 1px #ffffff0c;overflow:hidden;animation:shopIn .16s ease-out}.shop-window:before{content:"";position:absolute;inset:3px;border:1px solid #262a31;border-radius:5px;pointer-events:none}.shop-window-head{height:44px;background:linear-gradient(#382116,#201713);border-bottom:1px solid #5e462c;display:flex;align-items:center;justify-content:space-between;padding:0 13px 0 17px;box-shadow:inset 0 1px #c4955040}.shop-window-head>div{display:flex;align-items:center;gap:8px}.shop-window-head span{color:#e1bb68;text-shadow:0 0 9px #c88932}.shop-window-head h2{font-size:13px;color:#f0dfbd;text-shadow:0 1px #000;margin:0;font-weight:600}.shop-window-head button{width:25px;height:25px;border:1px solid #6b5c4a;border-radius:3px;background:#2d2b2c;color:#d7c9b5;font-size:17px;line-height:20px}.shop-window-meta{height:34px;background:#15171b;border-bottom:1px solid #2f333a;display:flex;align-items:center;gap:9px;padding:0 16px;color:#898f98;font-size:8px}.shop-window-meta i{height:11px;width:1px;background:#393d44}.shop-window-meta b{margin-left:auto;color:#d2b462;font-weight:500}.shop-grid-frame{padding:13px 15px 16px;background:radial-gradient(circle at 50% 0,#292a2d 0,#17191d 62%);max-height:520px;overflow:auto}.shop-grid{--cell:56px;display:grid;grid-template-columns:repeat(10,var(--cell));grid-template-rows:repeat(8,var(--cell));gap:2px;min-width:578px;position:relative}.shop-grid:before{content:"";position:absolute;inset:0;background-image:linear-gradient(135deg,#25282d,#14161a);border:1px solid #35383d;border-radius:4px;z-index:0}.shop-cell{position:relative;z-index:1;width:var(--cell);height:var(--cell);border:1px solid #32353a;border-radius:5px;background:radial-gradient(circle at 45% 42%,#202328,#101215 72%);box-shadow:inset 0 0 0 1px #0b0c0e,inset 0 1px #45484c55;display:flex;align-items:center;justify-content:center}.shop-cell:after{content:"";position:absolute;inset:4px;border:1px solid #1b1e22;border-radius:4px;pointer-events:none}.shop-cell.has-item{border-color:#49433a;background:radial-gradient(circle at 50% 45%,#28261f,#101215 73%);cursor:help}.shop-cell.has-item:hover{border-color:#bd9851;box-shadow:0 0 0 1px #8e7138,inset 0 0 12px #d0a65518}.shop-cell img{position:relative;z-index:2;max-width:44px;max-height:49px;filter:drop-shadow(0 3px 3px #000);image-rendering:auto}.shop-cell .shop-qty{position:absolute;right:3px;bottom:2px;z-index:3;background:#080a0de8;color:#e8e8e8;border-radius:2px;padding:0 3px;font-size:7px;text-shadow:0 1px #000}.shop-tip{position:absolute;left:50%;bottom:calc(100% + 7px);z-index:20;width:230px;transform:translateX(-50%) translateY(3px);padding:10px 11px;background:#080a0ded;border:1px solid #665536;border-radius:4px;box-shadow:0 10px 28px #000;opacity:0;visibility:hidden;pointer-events:none;transition:.12s;text-align:center}.shop-cell:nth-child(-n+20) .shop-tip{bottom:auto;top:calc(100% + 7px)}.shop-cell:hover .shop-tip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.shop-tip strong{display:block;color:#e0ba64;font-size:10px;margin-bottom:3px}.shop-tip>small{display:block;color:#767c85;font-size:6.5px;margin-bottom:7px}.shop-tip .tip-attr{display:block;color:#cdb3df;font-size:7px;line-height:1.6}.shop-tip .tip-empty{color:#676d75}.shop-tip .tip-price{border-top:1px solid #292d33;margin-top:7px;padding-top:6px;color:#e1c46f;font-size:8px}.shop-tip .tip-price small{color:#767b84;margin-left:4px}.shop-window-foot{height:40px;border-top:1px solid #2d3137;background:#131519;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#626872;font-size:7px}.shop-window-foot button{border:1px solid #4a4234;background:#25221d;color:#cdb57b;border-radius:4px;padding:5px 14px}@keyframes shopIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:650px){.shop-window{width:min(420px,calc(100vw - 18px))}.shop-grid-frame{overflow:auto}.shop-grid{--cell:43px;min-width:448px}.shop-window-foot span{display:none}.shop-window-head h2{font-size:11px}}

/* Oyun ici pazar penceresi: klasik Metin2 dukkani */
.shop-modal{padding:8px;background:rgba(0,0,0,.18)}
.shop-backdrop{background:rgba(2,3,4,.77);backdrop-filter:blur(3px)}
.shop-window{position:relative;width:380px;height:380px;display:flex;flex-direction:column;background:#11100e;border:2px solid #37332e;border-radius:2px;box-shadow:0 18px 55px #000,0 0 0 1px #090807;overflow:visible;animation:shopIn .14s ease-out}
.shop-window:before{content:"";position:absolute;inset:1px;border:1px solid #181715;border-radius:1px;pointer-events:none;z-index:20}
.shop-window-head{height:24px;min-height:24px;padding:0 5px 0 10px;background:linear-gradient(#4a1d0c,#2a1008);border-bottom:1px solid #17100c;display:flex;align-items:center;justify-content:space-between;box-shadow:inset 0 1px #8b4b2b,inset 0 -1px #080504}
.shop-window-head>div{display:flex;align-items:center;gap:5px}.shop-window-head span{font-size:8px;color:#d7a14a;text-shadow:0 1px #000}.shop-window-head h2{margin:0;color:#eee4d5;font:bold 11px Arial,sans-serif;text-shadow:0 1px 1px #000}
.shop-window-head button{width:19px;height:19px;padding:0;border:1px solid #807b73;border-radius:1px;background:linear-gradient(#6b6965,#343331);color:#f4f2ec;font:bold 14px/16px Arial;box-shadow:inset 0 0 0 1px #252422}
.shop-window-meta{display:none}
.shop-grid-frame{flex:none;width:376px;height:304px;padding:4px;background:linear-gradient(145deg,#171512,#0e0d0b);border:0;overflow-x:hidden;overflow-y:auto;scrollbar-color:#574f45 #12110f;scrollbar-width:thin}
.shop-grid{--cell:44px;width:366px;min-width:366px;min-height:278px;display:grid;grid-template-columns:repeat(8,var(--cell));grid-auto-rows:44px;gap:2px;position:relative}
.shop-grid:before{content:"";position:absolute;inset:-1px;background:#0d0d0c;border:1px solid #2a2926;z-index:0}
.shop-cell{position:relative;z-index:1;width:44px;height:44px;overflow:visible;border:1px solid #292a29;border-radius:3px;background:radial-gradient(circle at 50% 42%,#1c1d1c 0,#101110 62%,#090a09 100%);box-shadow:inset 0 0 0 1px #050605,inset 0 1px #3b3c39;display:flex;align-items:center;justify-content:center}
.shop-cell:after{content:"";position:absolute;inset:2px;border:1px solid #151615;border-radius:3px;pointer-events:none}
.shop-cell.has-item{z-index:3;border-color:#37362f;background:radial-gradient(circle at 50% 46%,#222119,#0b0c0b 72%);cursor:help}
.shop-cell.has-item:hover{z-index:10;border-color:#9d7938;box-shadow:0 0 0 1px #5e4928,inset 0 0 8px #c99c421f}
.shop-cell img{position:absolute;z-index:4;left:50%;top:1px;transform:translateX(-50%);width:auto;height:auto;max-width:41px;max-height:132px;object-fit:contain;object-position:top center;filter:drop-shadow(0 2px 2px #000);image-rendering:auto}
.shop-cell .shop-qty{position:absolute;right:1px;bottom:0;z-index:7;background:#090909dc;color:#eee;border-radius:0;padding:0 1px;font:bold 6px/9px Arial;text-shadow:0 1px #000}
.shop-window-foot{height:52px;min-height:52px;padding:3px 0 4px;background:linear-gradient(#24211d,#171512);border-top:1px solid #39352f;display:flex;flex-direction:column;gap:1px;align-items:center;justify-content:center;color:#777;font-size:6px;box-shadow:inset 0 1px #0a0908}
.shop-bottom-total{min-width:120px;padding:5px 10px 4px;text-align:center;background:#0b0b0acc;border:1px solid #232321;border-radius:2px;font:bold 10px Arial;text-shadow:0 1px #000}
.shop-bottom-total b{color:#20bfc2}.shop-bottom-total em{color:#d8a84a;font-style:normal}
.shop-tip{position:absolute;left:50%;bottom:calc(100% + 5px);z-index:50;width:220px;transform:translateX(-50%) translateY(2px);padding:9px;background:#080807f2;border:1px solid #655037;border-radius:2px;box-shadow:0 9px 24px #000;opacity:0;visibility:hidden;pointer-events:none;text-align:center}
.shop-cell:nth-child(-n+30) .shop-tip{bottom:auto;top:calc(100% + 5px)}.shop-cell:hover .shop-tip{opacity:1;visibility:visible;transform:translateX(-50%)}
.shop-tip strong{display:block;color:#dfbb69;font-size:9px;margin-bottom:3px}.shop-tip>small{display:block;color:#777;font-size:6px;margin-bottom:5px}.shop-tip .tip-attr{display:block;color:#bda4d0;font-size:7px}.shop-tip .tip-empty{color:#666}.shop-tip .tip-price{border-top:1px solid #292620;margin-top:5px;padding-top:5px;color:#dfbd67;font-size:8px}.shop-tip .tip-price small{color:#777;margin-left:3px}
@media(max-width:380px){.shop-window{transform:scale(.94)}}

/* Readability and working controls v8 */
:root{--side:220px;--top:54px}
html,body{font-size:14px;line-height:1.5}
.topbar{padding:0 18px}.brand{width:235px;gap:10px}.brand-mark{width:35px;height:39px}.brand-mark img{height:35px;top:2px}.brand b{font-size:14px}.brand small{font-size:7px}.brand em{font-size:8px}.server-button{height:38px;min-width:135px;padding:0 12px}.server-button span{font-size:9px}.server-button b{font-size:12px}.top-actions{gap:14px;font-size:10px}.live{border:0;background:transparent;color:#aeb3ba;display:flex;align-items:center;gap:7px;padding:8px}.live i{width:7px;height:7px;background:#5fd19f;border-radius:50%;box-shadow:0 0 7px #5fd19f}.live i[data-state=syncing]{background:#d8ae59;box-shadow:0 0 7px #d8ae59}.live i[data-state=offline]{background:#d4616d;box-shadow:0 0 7px #d4616d}.icon-button{width:31px;height:31px}.discord-button{padding:7px 12px}.discord-button:disabled,.nav-item:disabled{cursor:not-allowed;opacity:.42}
.top-popover-wrap{position:relative}.top-popover{position:absolute;z-index:80;top:calc(100% + 8px);min-width:225px;padding:12px;background:#1b1f25;border:1px solid #3b4049;border-radius:7px;box-shadow:0 16px 42px #000c;color:#c7cbd1}.top-popover[hidden]{display:none}.top-popover strong{display:block;color:#e2c172;font-size:11px;margin-bottom:10px}.server-menu{left:0}.server-menu button{width:100%;border:1px solid #4c4431;background:#25241f;border-radius:5px;padding:9px;display:flex;align-items:center;gap:9px;text-align:left}.server-menu button>i{width:8px;height:8px;border-radius:50%;background:#56cca0}.server-menu button span{font-size:11px}.server-menu button small{display:block;color:#7e848d;font-size:8px}.server-menu button b{margin-left:auto;color:#d5b55f}.live-panel{right:0;min-width:260px}.live-panel>div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #2a2f36;font-size:10px}.live-panel>div span{color:#838993}.live-panel>div b{color:#d9dcdf}.live-panel small{display:block;margin-top:9px;color:#747a83;font-size:8px;line-height:1.5}
.side-scroll{padding:21px 16px 28px 10px}.side-label{font-size:8px;margin:4px 8px 11px}.nav-item{height:43px;font-size:12px;padding:0 11px}.nav-item em{font-size:9px;padding:1px 4px}.categories-label{margin-top:30px}.category-search{height:38px;padding:0 10px}.category-search input{font-size:11px}.cat-row{height:35px;grid-template-columns:20px 1fr auto;padding:0 9px;font-size:10px}.cat-row em,.subcats button{font-size:9px}.subcats button{height:31px}
.content{padding:28px 32px 70px}.summary-head{height:78px}.summary-head h1{font-size:12px;margin-bottom:12px}.summary-head p{font-size:10px}.summary-stats{gap:27px;font-size:9px}.summary-stats b{font-size:18px;margin-left:6px}.summary-stats span:last-child b{font-size:12px}.search-shell{padding:13px 15px 9px;margin-top:16px}.main-search,.filter-button{height:42px}.main-search input{font-size:12px}.main-search kbd{font-size:10px}.filter-button{min-width:175px;font-size:11px}.search-hint{font-size:8px;margin-top:7px}.advanced-filters{grid-template-columns:1fr 150px 150px 1fr auto;gap:10px}.advanced-filters label{font-size:9px}.advanced-filters input,.advanced-filters button{height:34px;font-size:10px}
.market-card{height:125px;margin-top:16px;grid-template-columns:330px 1fr}.market-value{padding:17px 20px}.market-title{font-size:11px}.market-title b{font-size:9px}.market-value strong{font-size:22px}.market-value strong small,.market-value>em{font-size:10px}.market-value>small{font-size:8px}.chart-wrap svg{height:88px}
.results-head{margin-top:18px}.results-head h2{font-size:18px}.results-head>div>b{font-size:10px;padding:3px 8px}.results-head p{font-size:9px}.sort-select{height:38px}.sort-select span{font-size:8px}.sort-select select{font-size:10px;min-width:190px}.active-filter-bar{height:52px;font-size:9px}.active-filter-bar button{padding:7px 11px}.table-head{height:38px;grid-template-columns:minmax(450px,1fr) 120px 170px 90px 150px 35px;padding:0 14px;font-size:8px}.item-row{min-height:108px;grid-template-columns:minmax(450px,1fr) 120px 170px 90px 150px 35px;padding:12px 14px}.item-cell{grid-template-columns:48px 1fr;gap:13px}.item-icon{width:46px;height:60px}.item-icon img{max-width:46px;max-height:57px}.item-icon small{font-size:8px}.item-name{font-size:12px}.item-name b{font-size:8px}.item-meta{font-size:8px;margin:5px 0 7px}.attr{font-size:8px;padding:3px 6px}.element{font-size:9px}.seller{font-size:10px}.seller small{font-size:8px}.qty{width:39px;padding:7px 4px;font-size:11px}.qty small{font-size:7px}.price{font-size:10px}.price small{font-size:8px}.save-item{font-size:17px}.load-more{height:44px;font-size:11px}.empty{font-size:11px}.empty b{font-size:15px}.toast{font-size:11px;padding:11px 15px}
@media(max-width:1150px){:root{--side:190px}.content{padding:20px}.table-head,.item-row{grid-template-columns:minmax(350px,1fr) 90px 140px 65px 115px 28px}.summary-stats{gap:15px}}
@media(max-width:900px){:root{--side:0px}.content{width:100%}.top-popover{position:fixed;top:58px;left:12px;right:12px}.server-button{min-width:105px}}

.live i[data-state=stale]{background:#d8ae59;box-shadow:0 0 7px #d8ae59}

/* Full 80-slot shop, no scrollbar v10 */
.shop-window{width:380px;height:552px}
.shop-grid-frame{flex:none;width:376px;height:476px;padding:4px;overflow:visible}
.shop-grid{--cell:44px;width:366px;min-width:366px;min-height:458px;height:458px;grid-template-columns:repeat(8,var(--cell));grid-template-rows:repeat(10,var(--cell));grid-auto-rows:44px;gap:2px}
.shop-window-foot{height:52px;min-height:52px}
.shop-bottom-total{min-width:190px;display:flex;align-items:center;justify-content:center;gap:7px}
.shop-bottom-total b{color:#19cbd4;font-size:11px}.shop-bottom-total em{color:#e2b241;font-size:11px}
@media(max-height:590px){.shop-window{transform:scale(.88)}}

/* Yatay, iki sayfali 80-slot pazar v12 */
.shop-window{width:860px;height:348px;max-width:calc(100vw - 18px)}
.shop-grid-frame{flex:none;width:856px;height:272px;padding:7px;background:linear-gradient(145deg,#171512,#0e0d0b);overflow:visible}
.shop-grid{width:842px;min-width:842px;height:258px;min-height:258px;display:flex;align-items:flex-start;gap:6px;position:relative}
.shop-grid:before{display:none}
.shop-page{--cell:50px;flex:0 0 414px;width:414px;height:258px;display:grid;grid-template-columns:repeat(8,var(--cell));grid-template-rows:repeat(5,var(--cell));gap:2px;position:relative}
.shop-page:before{content:"";position:absolute;inset:-2px;background:#0c0d0c;border:1px solid #302e29;box-shadow:inset 0 0 12px #000;z-index:0}
.shop-page-divider{flex:0 0 2px;width:2px;height:258px;background:linear-gradient(#5d4a2d,#201b15 15%,#201b15 85%,#5d4a2d);box-shadow:0 0 0 1px #080807}
.shop-cell{width:50px;height:50px;border-radius:3px}
.shop-cell:after{inset:2px}
.shop-cell.has-item:hover{z-index:100}
.shop-cell img{left:50%;top:2px;width:auto;height:auto;max-width:44px;max-height:142px;transform:translateX(-50%) scale(1.16);transform-origin:top center;image-rendering:pixelated;filter:drop-shadow(0 2px 2px #000) drop-shadow(0 0 2px #8b7a5633)}
.shop-cell .shop-qty{right:2px;bottom:1px;padding:0 2px;font:bold 8px/11px Arial}
.shop-window-foot{height:52px;min-height:52px}
.shop-tip{z-index:300;width:310px;padding:12px 13px;background:linear-gradient(#10110ff7,#080908f8);border:1px solid #806840;border-radius:4px;box-shadow:0 12px 34px #000,0 0 0 1px #17130d;text-align:left}
.shop-page .shop-cell:nth-child(-n+24) .shop-tip{bottom:auto;top:calc(100% + 7px)}
.shop-page .shop-cell:nth-child(n+25) .shop-tip{top:auto;bottom:calc(100% + 7px)}
.shop-tip strong{display:block;color:#efca72;font:bold 13px/1.35 Arial;text-align:center;margin:0 0 3px;text-shadow:0 1px #000}
.shop-tip>small{display:block;color:#8e949b;font:9px/1.35 Arial;text-align:center;margin-bottom:8px}
.tip-section{padding:7px 0;border-top:1px solid #2b2b27}
.tip-section>b{display:block;margin-bottom:5px;color:#9b8d72;font:bold 9px/1.3 Arial;text-transform:uppercase;letter-spacing:.55px}
.shop-tip .tip-attr{display:block;margin:2px 0;padding:4px 7px;border:1px solid #49325b;border-radius:3px;background:linear-gradient(90deg,#33203f,#211a29);color:#ddc4ee;font:11px/1.25 Arial;text-align:left}
.shop-tip .tip-empty{border-color:#313330;background:#171917;color:#777d78}
.tip-stones{display:grid;grid-template-columns:1fr 1fr;gap:5px 7px}
.tip-stones>b{grid-column:1/-1}
.tip-stone{min-width:0;display:flex;align-items:center;gap:6px;padding:4px 6px;background:#171916;border:1px solid #35362f;border-radius:3px}
.tip-stone i{flex:0 0 28px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#0b0c0b;border:1px solid #292a26;border-radius:3px}
.tip-stone img{position:static!important;width:auto!important;height:auto!important;max-width:25px!important;max-height:25px!important;transform:none!important;filter:drop-shadow(0 1px 2px #000)!important;image-rendering:pixelated}
.tip-stone em{min-width:0;color:#d2c7a7;font:9px/1.25 Arial;font-style:normal}
.shop-tip .tip-price{display:flex;align-items:center;justify-content:center;gap:5px;border-top:1px solid #3a3328;margin-top:2px;padding-top:8px;color:#edc968;font:bold 12px/1.2 Arial;text-align:center}
.shop-tip .tip-price small{color:#777d83;font-size:8px;font-weight:normal}
@media(max-width:880px){.shop-window{transform:scale(.84)}.shop-modal{padding:0}}
@media(max-width:730px){.shop-window{transform:scale(.68)}}
@media(max-height:410px){.shop-window{transform:scale(.82)}}

/* Metin2 oyun pazarinin birebir koyu, sekizgen slot gorunumu v14 */
.shop-window{background:#12100d;border-color:#403b34;border-radius:0;box-shadow:0 18px 58px #000,0 0 0 1px #070605}
.shop-window:before{inset:0;border-color:#171511;border-radius:0}
.shop-window-head{position:relative;height:26px;min-height:26px;padding:0 5px;background:linear-gradient(#58230e 0,#321408 48%,#1c0d08 100%);border-bottom:1px solid #080504;box-shadow:inset 0 1px #a55b35,inset 0 -1px #6e321c}
.shop-window-head>div{position:absolute;left:50%;transform:translateX(-50%);gap:0;white-space:nowrap}
.shop-window-head span{display:none}
.shop-window-head h2{font:bold 12px/26px Arial;color:#f2e8d6;text-shadow:0 1px 2px #000}
.shop-window-head button{margin-left:auto;width:21px;height:21px;border-color:#89857e;background:linear-gradient(#73716e,#363532);font:bold 15px/18px Arial}
.shop-grid-frame{height:270px;padding:6px;background:linear-gradient(135deg,#17140f,#090a09 65%,#13110e)}
.shop-grid{height:258px;justify-content:center}
.shop-page{gap:1px;width:407px;flex-basis:407px;background:#080907}
.shop-page:before{inset:-2px;background:#080907;border-color:#332f28;box-shadow:inset 0 0 18px #000}
.shop-page-divider{height:254px;background:linear-gradient(#75562d,#211b12 12%,#211b12 88%,#75562d)}
.shop-cell{border:0;border-radius:0;background:transparent;box-shadow:none;isolation:isolate}
.shop-cell:before,.shop-cell:after{content:"";position:absolute;pointer-events:none;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)}
.shop-cell:before{inset:0;z-index:0;background:linear-gradient(145deg,#4a4439,#1d1b17 42%,#070806 78%);filter:drop-shadow(0 1px 1px #000)}
.shop-cell:after{inset:2px;z-index:1;border:0;background:radial-gradient(circle at 44% 38%,#1e201d 0,#0d0f0d 64%,#060706 100%);box-shadow:inset 0 1px #34352f,inset 0 0 9px #000}
.shop-cell.has-item{border:0;background:transparent;box-shadow:none}
.shop-cell.has-item:hover{border:0;background:transparent;box-shadow:none}
.shop-cell.has-item:hover:before{background:linear-gradient(145deg,#c09244,#5b4528 38%,#17100a 78%);filter:drop-shadow(0 0 3px #c98b32)}
.shop-cell.has-item:hover:after{background:radial-gradient(circle at 50% 42%,#30291c,#0d0f0d 70%)}
.shop-cell img{z-index:4;top:3px;max-width:45px;transform:translateX(-50%) scale(1.18);filter:drop-shadow(0 2px 2px #000) drop-shadow(0 0 1px #d1b87855)}
.shop-cell .shop-qty{z-index:7;right:3px;bottom:2px;background:#050604e8;border:1px solid #24251f;border-radius:1px;color:#f5f1e8;font:bold 8px/10px Arial}
.shop-window-foot{height:52px;background:linear-gradient(#221f1a,#171410);border-top-color:#3b362e;box-shadow:inset 0 1px #080706}
.shop-window-foot>span{color:#68645e;font:7px Arial}
.shop-bottom-total{background:#090a08;border:1px solid #2c2923;border-radius:0;box-shadow:inset 0 0 8px #000;font:bold 11px Arial}

/* Referanstaki kompakt pazar ilan satirlari v15 */
.table-shell{margin-top:8px;border:1px solid #272c34;border-radius:3px;background:#11151b;overflow:hidden;box-shadow:0 5px 18px #0003}
.table-head{height:34px;grid-template-columns:minmax(520px,1fr) 125px 175px 80px 145px 30px;padding:0 13px;background:#14181e;border-bottom:1px solid #2a3038;color:#7f858e;font:8px/1 Arial;letter-spacing:.7px}
.item-row{min-height:91px;grid-template-columns:minmax(520px,1fr) 125px 175px 80px 145px 30px;padding:10px 13px;background:#12161c;border-top:1px solid #252b33;box-shadow:inset 0 1px #ffffff02;transition:background .12s}
.item-row:first-child{border-top:0}
.item-row:hover{background:#171b22}
.item-cell{grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:center;min-width:0}
.item-icon{width:40px;height:65px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#191d21,#0d1014);border:1px solid #30353c;border-radius:2px;box-shadow:inset 0 0 8px #000;overflow:visible}
.item-icon:after{content:"";position:absolute;inset:2px;border:1px solid #1f2328;pointer-events:none}
.item-icon img{width:auto;height:auto;max-width:38px;max-height:62px;image-rendering:pixelated;filter:drop-shadow(0 2px 3px #000)}
.item-icon small{right:-2px;bottom:-1px;z-index:3;padding:1px 3px;background:#080a0d;border-color:#343a43;color:#eee;font:bold 7px Arial}
.item-info{min-width:0;align-self:center}
.item-name{color:#e4e5e5;font:bold 12px/1.25 Arial;text-shadow:0 1px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.item-name b{margin-left:6px;color:#747b85;font:8px/1 Arial}
.item-meta{margin:4px 0 7px;color:#6e7580;font:8px/1.2 Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.item-meta i{padding:0 4px;color:#454b53;font-style:normal}
.attrs{display:flex;align-items:center;flex-wrap:wrap;gap:4px;max-height:42px;overflow:hidden}
.attr,.attr:nth-child(even){display:inline-flex;align-items:center;gap:4px;max-width:230px;padding:3px 6px;border:1px solid #5b482a;border-radius:2px;background:linear-gradient(#2a241a,#1b1915);color:#d7b96e;font:8px/1.15 Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.attr:nth-child(3n+2){border-color:#493657;background:linear-gradient(#28202f,#1d1822);color:#cbb2dd}
.attr:nth-child(3n){border-color:#38434e;background:linear-gradient(#20262d,#181c21);color:#b8c0ca}
.attr.empty-attr{border-color:#3a3d42;background:#1a1e23;color:#747b84}
.attr.stone-attr{border-color:#6b542c;background:linear-gradient(#2d2618,#1a1813);color:#e0c278}
.attr.stone-attr img{width:13px;height:13px;object-fit:contain;image-rendering:pixelated}
.attr.accessory-ore-badge{border-color:#8a6a28;background:linear-gradient(#322815,#19150d);color:#f0ce68}
.accessory-ore.empty{opacity:.62}.accessory-ore .stone-info b{color:#dfc16b}.accessory-ore.empty .stone-info b{color:#8b8b84}
.element{color:#707780;font:8px/1.35 Arial}
.seller{color:#8e949d;font:9px/1.25 Arial}
.seller button{margin-bottom:5px;color:#e1e3e5;font:10px/1.1 Arial;border-bottom-color:#6d737c}
.seller small{color:#686f79;font-size:7px;letter-spacing:.25px}.seller small b{color:#aa8e54}
.qty{width:38px;min-height:37px;padding:7px 4px;border-color:#303741;border-radius:3px;background:#0e1217;color:#eef0f2;font:bold 10px/1.1 Arial;box-shadow:inset 0 0 6px #000}
.qty small{margin-top:3px;color:#717984;font:6px Arial}
.price{display:flex;flex-direction:column;align-items:flex-start;gap:3px;color:#e5e6e7;font:10px/1.2 Arial}
.price .price-won{color:#22c5cf;font:bold 10px Arial}
.price .price-yang{color:#e0b94f;font:normal 10px Arial;font-style:normal}
.price small{margin:0;color:#68707a;font:7px/1.2 Arial}
.price .unit-price{display:flex;flex-wrap:wrap;align-items:center;gap:3px;margin-top:3px;padding-top:4px;border-top:1px solid #2b3038;color:#9ba1aa;font:8px/1.2 Arial}
.price .unit-price span{color:#9ba1aa}
.price .unit-price b{color:#22c5cf;font:bold 8px/1.2 Arial}
.price .unit-price i{color:#e0b94f;font:normal 8px/1.2 Arial;font-style:normal}
.shop-tip>.unit-price{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:6px;color:#9ba1aa;font:8px/1.2 Arial}
.shop-tip>.unit-price b{color:#22c5cf}.shop-tip>.unit-price i{color:#e0b94f;font-style:normal}
.save-item{color:#59616c;font-size:17px}.save-item:hover{color:#d1b15e}
@media(max-width:1180px){.table-head,.item-row{grid-template-columns:minmax(420px,1fr) 90px 145px 60px 120px 26px}.item-row{padding-left:10px;padding-right:10px}}

/* Referans gorsel: tek parca, 8 sutunlu dikey oyun dukkani v16 */
.shop-window{width:355px;height:auto;max-width:calc(100vw - 12px);transform:none}
.shop-window-head{height:24px;min-height:24px}
.shop-window-head h2{font:bold 11px/24px Arial}
.shop-window-head button{width:20px;height:20px;font:bold 14px/17px Arial}
.shop-grid-frame{width:351px;height:auto;padding:4px;overflow:visible;background:linear-gradient(135deg,#15130f,#080908 72%,#12100d)}
.shop-grid{display:block;width:343px;min-width:343px;height:auto;min-height:0;position:relative}
.shop-page{--cell:42px;--rows:6;display:grid;grid-template-columns:repeat(8,var(--cell));grid-template-rows:repeat(var(--rows),var(--cell));gap:1px;width:343px;height:calc(var(--rows) * 42px + (var(--rows) - 1) * 1px);flex:none;background:#070806}
.shop-page-divider{display:none}
.shop-cell{width:42px;height:42px}
.shop-cell:before,.shop-cell:after{clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px)}
.shop-cell:before{background:linear-gradient(145deg,#474137,#1d1a16 43%,#070806 78%)}
.shop-cell:after{inset:2px;background:radial-gradient(circle at 44% 38%,#1b1d1a,#0b0d0b 65%,#050605)}
.shop-cell img{top:2px;max-width:39px;max-height:122px;transform:translateX(-50%) scale(1.08);transform-origin:top center}
.shop-cell .shop-qty{right:1px;bottom:1px;padding:0 1px;font:bold 7px/9px Arial}
.shop-window-foot{height:55px;min-height:55px;padding:3px 0 4px}
.shop-bottom-total{min-width:180px;padding:5px 9px 4px}
.shop-tip{width:270px;padding:10px 11px;background:#050605f7;border-color:#5f4c30}
.shop-tip strong{font-size:12px}.shop-tip>small{font-size:8px}.shop-tip .tip-attr{font-size:10px;padding:3px 6px}.tip-stone em{font-size:8px}
.shop-page .shop-cell:nth-child(-n+24) .shop-tip{bottom:auto;top:calc(100% + 5px)}
.shop-page .shop-cell:nth-child(n+25) .shop-tip{top:auto;bottom:calc(100% + 5px)}
@media(max-width:880px){.shop-window{transform:none}.shop-modal{padding:4px}}
@media(max-height:540px){.shop-window{transform:scale(.86)}}

/* 2026 Glass'in orijinal zengin item tooltip'i v19 */
.shop-cell>.item-tooltip{position:absolute!important;left:50%!important;right:auto!important;bottom:calc(100% + 6px)!important;top:auto!important;z-index:500!important;width:max-content!important;max-width:310px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;opacity:0;visibility:hidden;transform:translateX(-50%) translateY(3px)!important;transition:opacity .1s ease,transform .1s ease;pointer-events:none!important}
.shop-page .shop-cell:nth-child(-n+24)>.item-tooltip{top:calc(100% + 6px)!important;bottom:auto!important}
.shop-cell:hover>.item-tooltip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)!important}
.shop-cell>.item-tooltip .tooltip-container{position:relative;width:max-content;min-width:210px;max-width:300px;padding:11px 13px;background:linear-gradient(180deg,rgba(12,13,12,.98),rgba(3,4,3,.98));border:1px solid #6e5736;border-radius:4px;box-shadow:0 12px 34px #000,0 0 0 1px #17130d,inset 0 1px #9a7b4538;font:12px/1.25 Tahoma,Arial,sans-serif;color:#e0e0e0;display:flex;flex-direction:column;align-items:center;-webkit-font-smoothing:auto}
.shop-cell>.item-tooltip .item-icon-wrapper{width:42px;min-height:42px;margin:0 0 4px;display:flex;justify-content:center;align-items:center;background:transparent}
.shop-cell>.item-tooltip img{position:static!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important;max-width:38px!important;max-height:96px!important;transform:none!important;filter:drop-shadow(0 2px 3px #000)!important;image-rendering:pixelated}
.shop-cell>.item-tooltip .item-name{width:100%;margin:0 0 6px;color:#f8d467!important;font:normal 13px/1.25 Tahoma,Arial,sans-serif;text-align:center;white-space:normal;overflow:visible;text-shadow:0 1px #000}
.shop-cell>.item-tooltip .description-text{width:100%;max-width:260px;margin:0 0 5px;color:#d4d4d4;font-size:10px;line-height:1.35;white-space:pre-wrap;overflow-wrap:anywhere;text-align:center}
.shop-cell>.item-tooltip .text-line{width:100%;margin-bottom:3px;font-size:11px;line-height:1.25;white-space:normal;text-align:center}
.shop-cell>.item-tooltip .text-center{text-align:center}.shop-cell>.item-tooltip .text-left{text-align:left}.shop-cell>.item-tooltip .text-right{text-align:right}
.shop-cell>.item-tooltip .spacer{width:100%;height:5px}
.shop-cell>.item-tooltip .color-normal{color:#c4c4c4!important}.shop-cell>.item-tooltip .color-positive{color:#8ab98e!important}.shop-cell>.item-tooltip .color-special-positive{color:#b0dfb4!important}.shop-cell>.item-tooltip .color-condition{color:#beb47d!important}.shop-cell>.item-tooltip .color-rare{color:#ffff9b!important}.shop-cell>.item-tooltip .color-changelook-title{color:#8bbdff!important}.shop-cell>.item-tooltip .color-changelook-name{color:#bce55c!important}.shop-cell>.item-tooltip .color-apply-random{color:#7af6d4!important}.shop-cell>.item-tooltip .color-negative{color:#e57976!important}.shop-cell>.item-tooltip .color-price{color:#ffd700!important}.shop-cell>.item-tooltip .color-title{color:#f8d467!important}.shop-cell>.item-tooltip .color-white{color:#fff!important}.shop-cell>.item-tooltip .color-disable{color:#ff6f6f!important}.shop-cell>.item-tooltip .color-refine-element{color:#6699ff!important}
.shop-cell>.item-tooltip .stone-container{display:flex;align-items:center;width:100%;margin-bottom:5px;padding-left:7px;box-sizing:border-box}
.shop-cell>.item-tooltip .stone-icon-wrapper{flex:0 0 32px;width:32px;height:32px;margin-right:8px;background:url('/assets/img/socket.png') center/contain no-repeat;display:flex;align-items:center;justify-content:center}
.shop-cell>.item-tooltip .stone-icon{max-width:27px!important;max-height:27px!important}.shop-cell>.item-tooltip .stone-info{display:flex;flex-direction:column;align-items:flex-start;font-size:11px;color:#c8c8c8}
@media(max-width:520px){.shop-cell>.item-tooltip{position:fixed!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important}.shop-cell:hover>.item-tooltip{transform:translate(-50%,-50%)!important}}

/* Slot ikonlari komsu hucrelerin ustune binmesin v22 */
.shop-page .shop-cell{overflow:hidden}
.shop-page .shop-cell:hover{overflow:visible}
.shop-page .shop-cell>img{top:2px;max-width:38px;max-height:38px;transform:translateX(-50%) scale(1);object-fit:contain}


/* Gelismis filtreler ve fiyat alarmi v26 */
.advanced-filters{position:relative;grid-template-columns:minmax(150px,.8fr) minmax(340px,1.45fr) 120px minmax(260px,1.25fr) 190px auto;align-items:end;gap:12px;padding:13px 0 7px}
.advanced-filters>label,.price-filter-group>span,.attr-picker>label{display:block;color:#8d939d;font:600 9px/1.2 Inter,Arial,sans-serif;letter-spacing:.15px}
.advanced-filters input,.advanced-filters select{display:block;width:100%;height:36px;margin-top:6px;border:1px solid #343b46;border-radius:5px;background:#11161c;color:#d6d9de;padding:0 10px;outline:0;transition:border-color .15s,box-shadow .15s}
.advanced-filters input:focus,.advanced-filters select:focus{border-color:#806b3c;box-shadow:0 0 0 2px #806b3c22}
.advanced-filters select{appearance:auto}
.price-filter-group>div{display:grid;grid-template-columns:repeat(4,minmax(65px,1fr));gap:5px}
.price-filter-group label{color:#696f79;font:7px/1.1 Inter,Arial,sans-serif}
.price-filter-group input{height:36px;margin-top:6px;padding:0 7px}
.attr-picker{position:relative;min-width:0}
.attr-suggestions{position:absolute;z-index:70;left:0;right:0;top:48px;max-height:270px;overflow:auto;padding:5px;background:#11151a;border:1px solid #3b414b;border-radius:5px;box-shadow:0 15px 35px #000b}
.attr-suggestions[hidden]{display:none}
.attr-suggestions button{width:100%;height:auto;min-height:34px;padding:7px 9px;border:0;border-radius:3px;background:transparent;color:#c9cdd3;display:flex;align-items:center;justify-content:space-between;text-align:left}
.attr-suggestions button:hover{background:#282720;color:#e0c780}
.attr-suggestions button b{font-size:9px;font-weight:500}.attr-suggestions button small{color:#69717c;font-size:7px}
.attr-suggestions>span{display:block;padding:10px;color:#747b85;font-size:9px}
.selected-attrs{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.selected-attrs:empty{display:none}
.selected-attrs button{height:24px!important;padding:0 7px!important;border:1px solid #5c4930!important;background:#2b251b!important;color:#dfbf72!important;font-size:8px!important;border-radius:3px!important}
.selected-attrs button b{font-size:11px;margin-left:4px}
.alarm-toggle{min-height:42px;display:flex!important;align-items:center;gap:9px;padding:6px 9px;border:1px solid #343a43;border-radius:5px;background:#171b20;cursor:pointer}
.alarm-toggle>input{appearance:none;flex:0 0 30px;width:30px!important;height:17px!important;margin:0!important;padding:0!important;border-radius:12px!important;background:#252b33!important;position:relative}
.alarm-toggle>input:after{content:"";position:absolute;left:2px;top:2px;width:11px;height:11px;border-radius:50%;background:#757c86;transition:.15s}
.alarm-toggle>input:checked{border-color:#88713d!important;background:#3a3222!important}.alarm-toggle>input:checked:after{left:15px;background:#e1bd67;box-shadow:0 0 6px #d7a93d}
.alarm-toggle span{min-width:0}.alarm-toggle b{display:block;color:#d7d9dc;font-size:9px}.alarm-toggle small{display:block;color:#707782;font-size:7px;margin-top:2px;white-space:nowrap}
.advanced-filters>#clearFilters{height:36px;padding:0 12px;white-space:nowrap}
.toast{max-width:min(520px,calc(100vw - 36px));font-weight:500}
.item-icon img[src*="item-placeholder"],.shop-cell>img[src*="item-placeholder"]{opacity:.78}
@media(max-width:1450px){.advanced-filters{grid-template-columns:1fr 2fr 120px 1.5fr}.alarm-toggle{grid-column:1/3}.advanced-filters>#clearFilters{grid-column:4}}
@media(max-width:900px){.advanced-filters{grid-template-columns:1fr 1fr}.price-filter-group,.attr-picker,.alarm-toggle{grid-column:1/-1}.advanced-filters>#clearFilters{grid-column:auto}.price-filter-group>div{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.advanced-filters{grid-template-columns:1fr}.price-filter-group,.attr-picker,.alarm-toggle,.advanced-filters>#clearFilters{grid-column:1}.alarm-toggle small{white-space:normal}}


/* 2026 Glass gelismis filtre secenekleri v27 */
.advanced-filters{grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;gap:10px;padding:13px 0 5px}
.filter-panel{min-width:0;margin:0;padding:11px;border:1px solid #2f353e;border-radius:6px;background:linear-gradient(145deg,#171b21,#13171c);box-shadow:inset 0 1px #ffffff04}
.filter-panel>h3{display:flex;align-items:center;gap:6px;margin:0 0 10px;color:#d5bd82;font:600 10px/1.2 Inter,Arial,sans-serif;letter-spacing:.15px}
.filter-panel>h3:before{content:"";width:3px;height:11px;border-radius:2px;background:#b38b3f;box-shadow:0 0 7px #b38b3f55}
.filter-panel-basic{grid-column:span 7}.filter-panel-ranges{grid-column:span 5}.filter-panel-price{grid-column:span 5}.filter-panel-attrs{grid-column:span 7}.filter-panel-extra{grid-column:span 6}.filter-panel-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:8px 10px}
.filter-fields{display:grid;gap:8px}.basic-fields{grid-template-columns:1.25fr 1.1fr .7fr .8fr .8fr}
.advanced-filters .filter-panel label,.filter-panel>label{display:block;color:#858c96;font:600 8px/1.2 Inter,Arial,sans-serif;letter-spacing:.08px}
.advanced-filters .filter-panel input,.advanced-filters .filter-panel select{height:34px;margin-top:5px;border-color:#343b45;border-radius:4px;background:#0f1419;color:#d8dbe0;font-size:9px}
.advanced-filters .filter-panel select{padding-right:5px}
.range-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.range-filter{min-width:0;padding:7px;border:1px solid #303741;border-radius:5px;background:#10151a}
.range-filter>span{display:flex;align-items:center;gap:6px;height:17px;color:#868d97;font:600 8px/1.1 Inter,Arial,sans-serif}
.range-filter>span b{display:grid;place-items:center;width:21px;height:18px;border:1px solid #45546a;border-radius:4px;background:#172234;color:#9ab8e6;font-size:8px}
.range-filter:nth-child(2)>span b{border-color:#67572e;background:#282217;color:#e0bd61}.range-filter:nth-child(3)>span b{border-color:#285846;background:#13271f;color:#52d39f}
.range-filter>div{display:grid;grid-template-columns:1fr 10px 1fr;align-items:center;gap:3px}.range-filter>div i{color:#56606d;font-style:normal;text-align:center}
.range-filter>div input{min-width:0;text-align:center;padding:0 4px}
.inline-check{display:flex!important;align-items:center!important;gap:5px;margin-top:6px;color:#757d87!important;font-size:7px!important;font-weight:500!important;cursor:pointer}
.advanced-filters .inline-check input{display:inline-block;width:12px;height:12px;margin:0;padding:0;accent-color:#b18b41}
.price-filter-group>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.price-filter-group label{font-size:7px!important}.price-filter-group input{height:34px!important}
.filter-panel-attrs{position:relative}.filter-panel-attrs>label{display:block}.filter-panel-attrs .attr-suggestions{top:69px;left:11px;right:11px}.filter-panel-attrs .selected-attrs{margin-top:7px}
.filter-panel-extra{padding:0;overflow:visible}
.filter-panel-extra summary{list-style:none;min-height:43px;padding:10px 12px;display:flex;align-items:center;gap:8px;color:#d5bd82;font:600 10px/1.2 Inter,Arial,sans-serif;cursor:pointer;user-select:none}
.filter-panel-extra summary::-webkit-details-marker{display:none}.filter-panel-extra summary:before{content:"+";display:grid;place-items:center;width:18px;height:18px;border:1px solid #4a4436;border-radius:4px;background:#24221d;color:#d2ad56;font-size:12px}.filter-panel-extra[open] summary:before{content:"-"}
.filter-panel-extra summary small{margin-left:auto;color:#6f7680;font-size:7px;font-weight:500}.filter-panel-extra[open] summary{border-bottom:1px solid #2e343c}
.extra-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:10px}.filter-panel-extra#sashFilterPanel .extra-filter-grid{grid-template-columns:.8fr 1.4fr 1fr}
.filter-panel-actions .alarm-toggle{width:min(350px,100%);min-height:38px}.filter-panel-actions>#clearFilters{height:38px;padding:0 14px;border:1px solid #4b4231;background:#24221d;color:#d4bd82;border-radius:5px;font-size:9px;white-space:nowrap}.filter-panel-actions>#clearFilters:hover{border-color:#8d713b;background:#2d281e}
@media(max-width:1450px){.filter-panel-basic,.filter-panel-ranges,.filter-panel-price,.filter-panel-attrs{grid-column:span 12}.filter-panel-extra{grid-column:span 6}.basic-fields{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:900px){.filter-panel-basic,.filter-panel-ranges,.filter-panel-price,.filter-panel-attrs,.filter-panel-extra{grid-column:1/-1}.basic-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.range-filter-grid{grid-template-columns:1fr}.filter-panel-actions{flex-direction:column;align-items:stretch}.filter-panel-actions .alarm-toggle{width:100%}.filter-panel-actions>#clearFilters{width:100%}}
@media(max-width:600px){.basic-fields,.price-filter-group>div,.extra-filter-grid,.filter-panel-extra#sashFilterPanel .extra-filter-grid{grid-template-columns:1fr 1fr}.filter-panel{padding:9px}.filter-panel-extra{padding:0}.filter-panel-extra summary small{display:none}}

/* ELEMENT kolonu: element adi, ikonu ve toplam degeri */
.element .element-empty{color:#5e646d}.element-tag{display:inline-flex;align-items:center;gap:4px}.element-tag img{width:13px;height:13px;object-fit:contain;filter:drop-shadow(0 1px 2px #000)}.element-tag b{font-weight:600;color:#c9cdd3}.element-tag i{font-style:normal;color:#9aa0a8}.element-tag[data-element=fire] b{color:#dc583b}.element-tag[data-element=ice] b{color:#5b86e5}.element-tag[data-element=wind] b{color:#46b531}.element-tag[data-element=earth] b{color:#e0c23a}.element-tag[data-element=dark] b{color:#b64eec}.element-tag[data-element=lightning] b{color:#3fd0ef}

/* ─── Esya satiri: oyun kutucugu, meta rozetleri ve "pazari ac" dugmesi ─── */
.item-cell{grid-template-columns:36px 1fr}
.item-row .item-icon{background:linear-gradient(160deg,#20242b,#14171c);border:1px solid #3a3426;border-radius:4px;box-shadow:inset 0 1px #ffffff08}
.item-row .item-name{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.item-row .item-meta i{font-style:normal;color:#4e545d;margin:0 1px}
.plus-badge{font-style:normal;color:#d9bb6c;background:#2b2820;border:1px solid #5d4f2d;border-radius:3px;padding:0 4px;font-size:.92em}
.item-row .attrs{align-items:center}
.attr-count{font-size:6px;letter-spacing:.6px;color:#8d9099;background:#191d23;border:1px solid #333a44;border-radius:3px;padding:2px 5px;white-space:nowrap}
.shop-open{display:flex;width:18px;height:18px;margin:0 0 3px;padding:0;border:1px solid #453f30;border-radius:5px;background:transparent;display:flex;align-items:center;justify-content:center;transition:.15s}
.shop-open svg{width:14px;height:14px;display:block}
.shop-open .slot{fill:#15181d;stroke:#6d5c35;stroke-width:1.2}
.shop-open .awning{fill:#cfae66}
.shop-open .stall{fill:#262930;stroke:#8d7540;stroke-width:1}
.shop-open .goods{fill:#cfae66}
.shop-open:hover .awning,.shop-open:hover .goods{fill:#e6c984}




.shop-open:hover{background:#1f2229;border-color:#c3a86a}


@media(min-width:1500px){.item-cell{grid-template-columns:48px 1fr}.attr-count{font-size:8px}.shop-open{width:22px;height:22px}.shop-open svg{width:17px;height:17px}}

/* Pazar koordinati: satici adinin altinda konum igne simgesi ve x,y */
.shop-coord{display:flex;width:100%;align-items:center;gap:3px;margin:3px 0;color:#9aa0a8;font-size:.92em}
.shop-coord svg{width:10px;height:10px;flex:0 0 auto}
.shop-coord svg path{fill:#d06a74}
.shop-coord svg circle{fill:#1a1d22}
.shop-coord b{font-weight:500;color:#b9bec6;letter-spacing:.2px}
@media(min-width:1500px){.shop-coord svg{width:13px;height:13px}}

/* ─── Pazar penceresi: oyunun kendi gorseli (img/pazar.png) cerceve olarak ───
   Gorselin ic kismi baska bir oyuncunun esyalarini icerdigi icin ustu kendi
   opak izgaramizla tamamen kapatilir; geriye yalnizca ahsap/metal cerceve ve
   baslik cubugu kalir. Olculer gorselin 689x700 boyutuna oranlanmistir:
   baslik 2-33px, slot alani x 21-667, y 56'dan basliyor.                     */
.shop-window{width:min(640px,calc(100vw - 24px));aspect-ratio:689/700;
  background:url("/img/pazar.png") center/100% 100% no-repeat;
  border:0;border-radius:5px;box-shadow:0 24px 80px #000d;
  display:flex;flex-direction:column;overflow:hidden}
.shop-window:before{display:none}
.shop-window-head{height:5.1%;min-height:0;background:transparent;border:0;
  box-shadow:none;padding:0 2.4% 0 3.2%;position:relative;z-index:2}
.shop-window-head>div{gap:6px;min-width:0}
.shop-window-head span{display:none}
.shop-window-head h2{font-size:clamp(10px,1.9vw,13px);color:#f3e3bc;
  text-shadow:0 1px 2px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shop-window-head button{width:22px;height:22px;border:0;background:transparent;
  color:#e8d7ad;font-size:15px;line-height:1;opacity:.85}
.shop-window-head button:hover{opacity:1;color:#fff}
/* Baslik altindaki ozet satiri ve izgara, gorselin ic alanini ortuyor */
.shop-window-meta{margin:0 2.9%;padding:4px 8px;background:#0b0a09ee;
  border:1px solid #2a241c;border-bottom:0;border-radius:3px 3px 0 0}
.shop-grid-frame{flex:1;width:auto;height:auto;min-height:0;margin:0 2.9%;padding:5px;
  background:linear-gradient(145deg,#15130f,#090908 70%,#12100d);
  border:1px solid #2a241c;border-top:0;border-radius:0;overflow:auto}
.shop-grid{--cell:auto;width:100%;height:100%;min-width:0;
  grid-template-columns:repeat(10,minmax(0,1fr));
  grid-template-rows:repeat(8,minmax(0,1fr));gap:2px}
.shop-cell{width:auto;height:auto;aspect-ratio:1}
.shop-window-foot{margin:0 2.9% 2.6%;padding:5px 10px;
  background:linear-gradient(#141210,#0a0a09);border:1px solid #2a241c;
  border-top:0;border-radius:0 0 3px 3px}

/* pazar.png tabanli 10x8 oyun dukkani v37 */
.shop-window{
  position:relative;width:min(689px,calc(100vw - 24px));height:auto;
  aspect-ratio:689/700;display:block;overflow:visible;
  background:url('/img/pazar.png') center/100% 100% no-repeat;
  border:0;border-radius:2px;box-shadow:0 24px 80px #000e
}
.shop-window-head{
  position:absolute;z-index:30;left:2.6%;right:.4%;top:.15%;
  width:auto;height:5%;min-height:0;padding:0 5px;
  background:linear-gradient(180deg,#6c2b0e 0,#48200e 42%,#271108 100%);
  border:1px solid #110804;border-bottom-color:#080402;
  box-shadow:inset 0 1px #a65a2e,inset 0 -1px #7f371b
}
.shop-window-head>div{position:absolute;inset:0 28px;transform:none;display:flex;justify-content:center}
.shop-window-head h2{max-width:100%;font:bold clamp(11px,2.2vw,17px)/1 Arial,sans-serif;color:#f5edcf;text-align:center}
.shop-window-head button{position:absolute;right:-1px;top:-1px;width:clamp(20px,4.1%,29px);height:calc(100% + 2px);font-size:18px;background:linear-gradient(#706c65,#353331);border:1px solid #999189;color:#fff}
.shop-window-meta{display:none!important}
.shop-grid-frame{
  position:absolute;z-index:60;left:2.9%;right:2.9%;top:8.14%;height:74.15%;
  width:auto;margin:0;padding:0;overflow:visible;
  background:transparent;border:0;border-radius:0
}
.shop-grid{display:block;width:100%;height:100%;min-width:0;min-height:0}
.shop-page{
  --rows:8;display:grid;width:100%;height:100%;
  grid-template-columns:repeat(10,minmax(0,1fr));
  grid-template-rows:repeat(8,minmax(0,1fr));
  gap:.29%;background:transparent
}
.shop-page .shop-cell{width:auto;height:auto;min-width:0;min-height:0;aspect-ratio:auto;background:transparent;border:0;box-shadow:none;overflow:visible}
.shop-page .shop-cell.has-item{z-index:5}
.shop-page .shop-cell.has-item:hover{z-index:2000!important}
.shop-page .shop-cell:before,.shop-page .shop-cell:after{
  clip-path:none;border:0;box-shadow:none
}
.shop-page .shop-cell:before{display:none}
.shop-page .shop-cell:after{
  inset:0;background-image:url('/img/pazar.png');background-repeat:no-repeat;
  /* pazar.png icindeki bos sag-ust slotun (606,57,63x63) birebir kirpimi */
  background-size:1093.65% 1111.11%;background-position:96.805% 8.949%
}
.shop-page .shop-cell.has-item:hover:after{filter:brightness(1.25) sepia(.18)}
.shop-page .shop-cell>img{top:5%;width:auto;height:auto;max-width:82%;max-height:none;transform:translateX(-50%) scale(1.3);transform-origin:top center;image-rendering:pixelated}
.shop-page .shop-cell.shop-size-1>img{max-height:92%}
.shop-page .shop-cell.shop-size-2>img{max-height:194%}
.shop-page .shop-cell.shop-size-3>img{max-height:296%}
.shop-page .shop-cell.shop-stacked>img{transform:translateX(-50%) scale(1.5)}
.shop-page .shop-cell .shop-qty{
  z-index:20;right:2px;bottom:2px;min-width:17px;height:16px;
  padding:0 3px;display:flex;align-items:center;justify-content:center;
  background:#050505f2;border:1px solid #777267;border-radius:1px;
  color:#fff;font:bold 12px/15px Arial,sans-serif;letter-spacing:-.25px;
  text-shadow:0 1px #000;box-shadow:0 1px 3px #000
}
.shop-window-foot{
  position:absolute;z-index:20;left:20.8%;right:20.8%;bottom:2.4%;
  width:auto;height:7.5%;min-height:0;margin:0;padding:3px 8px;
  background:linear-gradient(180deg,#171511f5,#080807 65%);
  border:1px solid #3a3329;border-radius:1px;
  box-shadow:0 0 0 2px #080706,inset 0 1px #4c4437;
  display:flex;flex-direction:column;justify-content:center;gap:4px
}
.shop-window-foot>span{color:#777168;font:clamp(6px,1.2vw,9px)/1 Arial,sans-serif}
.shop-bottom-total{min-width:72%;padding:clamp(2px,.65vw,5px) 10px;font-size:clamp(9px,2vw,14px)}
.shop-page .shop-cell:nth-child(-n+30)>.item-tooltip{top:calc(100% + 6px)!important;bottom:auto!important}
.shop-page .shop-cell:nth-child(n+31)>.item-tooltip{top:auto!important;bottom:calc(100% + 6px)!important}
@media(max-height:740px){.shop-window{width:min(689px,calc((100vh - 18px) * .9843),calc(100vw - 18px));transform:none}}

/* Tooltip diger slot/item katmanlarinin altina dusmez. */
.shop-cell>.item-tooltip{z-index:5000!important}
.shop-window-head{z-index:70}

/* Arama sonucunda ilan sayisinin yaninda gercek sayfa adedi. */
.result-pages{display:inline-flex;align-items:center;height:24px;margin-left:7px;padding:0 9px;border:1px solid #3d3525;border-radius:4px;background:#1b1914;color:#d4b65d;font:600 9px/1 Inter,Arial,sans-serif;vertical-align:middle}

/* Esya gecmisi v43 */
.item-name .item-history-button{display:inline-grid;place-items:center;width:19px;height:19px;margin-left:7px;padding:0;border:1px solid #3a465a;border-radius:50%;background:#182238;color:#8eb7ff;font:bold 12px/1 Arial;vertical-align:middle;cursor:pointer;transition:.15s}
.item-name .item-history-button:hover{border-color:#5b86d5;background:#263a61;color:#d4e3ff;transform:rotate(-35deg)}
.history-modal{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:18px}.history-modal[hidden]{display:none}.history-backdrop{position:absolute;inset:0;background:#03060dcc;backdrop-filter:blur(6px)}
.history-window{position:relative;width:min(1180px,calc(100vw - 32px));height:min(720px,calc(100vh - 32px));display:flex;flex-direction:column;overflow:hidden;border:1px solid #33265c;border-radius:16px;background:linear-gradient(145deg,#101429,#090d1c 72%);box-shadow:0 30px 100px #000e,0 0 0 1px #6e46bf22}
.history-head{height:72px;min-height:72px;display:flex;align-items:center;gap:12px;padding:0 22px;border-bottom:1px solid #252a48;background:linear-gradient(100deg,#21143d,#11162b 58%,#0e1425)}
.history-title-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #563a89;border-radius:8px;background:#312057}.history-title-icon img{max-width:34px;max-height:34px;image-rendering:pixelated}.history-head>div:nth-child(2){min-width:0}.history-head h2{margin:0;color:#eee9ff;font:700 16px/1.25 Inter,Arial}.history-head span{display:block;margin-top:3px;color:#777e99;font:8px/1 Inter,Arial}.history-head>button{width:36px;height:36px;padding:0;border:1px solid #303b55;border-radius:9px;background:#182137;color:#8994aa;font-size:20px}.history-head>button:hover{border-color:#586987;color:#fff}.history-head #historyRefresh{margin-left:auto}
.history-body{flex:1;min-height:0;display:grid;grid-template-columns:310px minmax(390px,1fr) 280px;gap:0}.history-current-panel,.history-previous-panel{min-width:0;padding:18px 14px;overflow:auto;background:#090d19}.history-current-panel{border-right:1px solid #222942}.history-previous-panel{border-left:1px solid #222942}.history-timeline-panel{min-width:0;padding:18px;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(#10162a,#0b1020)}
.history-live{height:33px;margin-bottom:10px;padding:0 11px;display:flex;align-items:center;border:1px solid #145349;border-radius:7px;background:#0c302e;color:#29d694;font:600 10px/1 Inter}.history-live.offline{border-color:#553335;background:#2b171c;color:#e8757e}
.history-section-title{height:32px;display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;color:#a99ad7;font:600 11px/1 Inter}.history-section-title span{color:#69748d;font-size:9px}.history-previous-panel>.history-section-title{padding:0 4px}
.history-events{flex:1;min-height:0;overflow:auto;padding:5px 8px 25px 2px;scrollbar-color:#393358 #0b1020}.history-event{position:relative;width:100%;display:grid;grid-template-columns:35px 1fr;gap:10px;margin:0 0 10px;padding:11px;border:1px solid #202a43;border-radius:9px;background:linear-gradient(115deg,#111b32,#101729);color:#cbd1df;text-align:left;cursor:pointer}.history-event:hover,.history-event.selected{border-color:#4b4d8b;background:linear-gradient(115deg,#172443,#151d35)}.history-event>i{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#2864c5;color:#e9f2ff;font:normal 19px/1 Arial;box-shadow:0 0 0 5px #1f4d9340}.history-event.updated>i{background:#d49f18;color:#241b04;box-shadow:0 0 0 5px #d49f1828}.history-event.removed>i{background:#a43c4b;color:#fff;box-shadow:0 0 0 5px #a43c4b2b}.history-event header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.history-event header b{display:inline-block;padding:3px 6px;border-radius:3px;background:#1a3e74;color:#8bbcff;font:700 8px/1.25 Inter;letter-spacing:.2px}.history-event.updated header b{background:#554511;color:#efd469}.history-event.removed header b{background:#4b2028;color:#f195a0}.history-event time{white-space:nowrap;color:#646f87;font:8px/1.3 Inter}.history-event>div>strong{display:block;margin:7px 0 5px;color:#f0bf33;font:600 11px/1.2 Inter}.history-event section{display:flex;flex-direction:column;gap:3px}.history-event section span{color:#afb6c8;font:9px/1.3 Inter}.history-event section b{color:#d8dce7}.history-event section strong{color:#ffca36}.history-event section del{color:#697186}
.history-loading,.history-empty{padding:25px 14px;border:1px dashed #303850;border-radius:8px;color:#727e98;font:9px/1.5 Inter;text-align:center}.history-empty.error{border-color:#62343a;color:#db7c86}
.history-tooltip-host{display:flex;justify-content:center;min-height:120px}.history-tooltip-host>.item-tooltip{position:static!important;inset:auto!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important}.history-tooltip-host>.item-tooltip .tooltip-container{width:100%!important;max-width:none!important;box-sizing:border-box}.history-tooltip-host>.item-tooltip img{position:static!important;transform:none!important}.history-previous-panel .history-tooltip-host>.item-tooltip .tooltip-container{font-size:10px}.history-previous-panel .history-tooltip-host>.item-tooltip .text-line{font-size:9px}
@media(max-width:1050px){.history-body{grid-template-columns:280px 1fr}.history-previous-panel{display:none}}
@media(max-width:720px){.history-modal{padding:6px}.history-window{width:100%;height:100%;border-radius:8px}.history-body{display:block;overflow:auto}.history-current-panel{border:0}.history-timeline-panel{min-height:420px}.history-head{height:58px;min-height:58px;padding:0 10px}.history-title-icon{width:36px;height:36px}}

/* pazar.png baslik cubugunu dogrudan kullan; dinamik pazar adi ustte kalir. */
.shop-window-head{position:absolute;left:0;right:0;top:0;width:100%;height:5.2%;min-height:0;padding:0;background:url('/img/pazar.png') center top/100% auto no-repeat;border:0;box-shadow:none;overflow:hidden}
.shop-window-head:before{content:"";position:absolute;z-index:1;left:2.75%;right:5.1%;top:5%;bottom:8%;background:linear-gradient(180deg,#6a2609 0,#4a1b08 43%,#2b1006 100%);border:1px solid #130703;box-shadow:inset 0 1px #9f4a20,inset 0 -1px #130603}
.shop-window-head>div{position:absolute;z-index:2;inset:0 5.4% 0 2.9%;display:flex;align-items:center;justify-content:center;transform:none}
.shop-window-head h2{font:bold clamp(12px,2.35vw,17px)/1 Arial,sans-serif;color:#f4edcf;text-shadow:0 1px 2px #000,1px 0 #261307;letter-spacing:-.15px}
.shop-window-head button{position:absolute;z-index:3;right:.25%;top:1%;width:4.7%;height:96%;padding:0;border:0;background:transparent;color:transparent;font-size:0;box-shadow:none;cursor:pointer}
.shop-window-head button:hover{background:#ffffff0c;color:transparent;opacity:1}

/* Gecmis ekraninda 2026 Glass oyun tooltip'i tam kart olarak gorunur. */
.history-tooltip-host>.item-tooltip .tooltip-container{position:relative;width:100%!important;min-width:0!important;max-width:none!important;box-sizing:border-box;padding:14px 13px;background:linear-gradient(180deg,rgba(8,9,8,.99),rgba(1,2,1,.99));border:1px solid #765b2d;border-radius:4px;box-shadow:0 12px 34px #000,0 0 0 1px #17130d,inset 0 1px #a37a3738;font:12px/1.25 Tahoma,Arial,sans-serif;color:#e0e0e0;display:flex;flex-direction:column;align-items:center;text-align:center;-webkit-font-smoothing:auto}
.history-tooltip-host>.item-tooltip .item-icon-wrapper{width:58px;min-height:58px;margin:0 0 7px;display:flex;align-items:center;justify-content:center;background:transparent}
.history-tooltip-host>.item-tooltip img{position:static!important;width:auto!important;height:auto!important;max-width:52px!important;max-height:112px!important;transform:none!important;filter:drop-shadow(0 3px 4px #000)!important;image-rendering:pixelated}
.history-tooltip-host>.item-tooltip .item-name{width:100%;margin:0 0 7px;color:#f2cf55!important;font:normal 14px/1.25 Tahoma,Arial,sans-serif;text-align:center;white-space:normal;text-shadow:0 1px #000}
.history-tooltip-host>.item-tooltip .description-text{width:100%;max-width:270px;margin:0 0 7px;color:#d4d4d4;font-size:11px;line-height:1.35;white-space:pre-wrap;overflow-wrap:anywhere;text-align:center}
.history-tooltip-host>.item-tooltip .text-line{width:100%;margin-bottom:4px;font-size:12px;line-height:1.25;white-space:normal;text-align:center}
.history-tooltip-host>.item-tooltip .text-center{text-align:center}.history-tooltip-host>.item-tooltip .text-left{text-align:left}.history-tooltip-host>.item-tooltip .text-right{text-align:right}.history-tooltip-host>.item-tooltip .spacer{width:100%;height:7px}
.history-tooltip-host>.item-tooltip .color-normal{color:#c4c4c4!important}.history-tooltip-host>.item-tooltip .color-positive{color:#8fca99!important}.history-tooltip-host>.item-tooltip .color-special-positive{color:#b0dfb4!important}.history-tooltip-host>.item-tooltip .color-condition{color:#d2c46f!important}.history-tooltip-host>.item-tooltip .color-rare{color:#ffff87!important}.history-tooltip-host>.item-tooltip .color-changelook-title{color:#8bbdff!important}.history-tooltip-host>.item-tooltip .color-changelook-name{color:#bce55c!important}.history-tooltip-host>.item-tooltip .color-apply-random{color:#7af6d4!important}.history-tooltip-host>.item-tooltip .color-negative{color:#e57976!important}.history-tooltip-host>.item-tooltip .color-price{color:#ffd84c!important}.history-tooltip-host>.item-tooltip .color-title{color:#f2cf55!important}.history-tooltip-host>.item-tooltip .color-white{color:#fff!important}.history-tooltip-host>.item-tooltip .color-disable{color:#ff6f6f!important}.history-tooltip-host>.item-tooltip .color-refine-element{color:#6699ff!important}
.history-tooltip-host>.item-tooltip .stone-container{display:flex;align-items:center;width:100%;margin:2px 0 6px;padding:3px 7px;box-sizing:border-box;background:#0b0c0b;border:1px solid #24231f}.history-tooltip-host>.item-tooltip .stone-icon-wrapper{flex:0 0 38px;width:38px;height:38px;margin-right:9px;background:url('/assets/img/socket.png') center/contain no-repeat;display:flex;align-items:center;justify-content:center}.history-tooltip-host>.item-tooltip .stone-icon{max-width:31px!important;max-height:31px!important}.history-tooltip-host>.item-tooltip .stone-info{display:flex;flex-direction:column;align-items:flex-start;font-size:11px;color:#c8c8c8;text-align:left}
.history-current-panel{padding:18px 12px}.history-previous-panel{padding:18px 12px}.history-tooltip-host{align-items:flex-start}

/* Uzun efsun/tas listeleri paneli kaydirmak yerine mevcut yukseklige sigar. */
.history-current-panel,.history-previous-panel{overflow:hidden}
.history-tooltip-host{width:100%;overflow:visible}
.history-tooltip-host>.item-tooltip{transform-origin:top center!important}

/* Metin2 Search'e ozel esya gecmisi temasi v46 */
.history-backdrop{background:#06090dd9;backdrop-filter:blur(5px)}
.history-window{width:min(1160px,calc(100vw - 28px));height:min(690px,calc(100vh - 28px));border:1px solid #4a4232;border-radius:8px;background:#11151b;box-shadow:0 28px 90px #000e,0 0 0 1px #090b0e,inset 0 1px #ffffff08;animation:historyIn .16s ease-out}
.history-window:before{content:"";position:absolute;z-index:5;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#b89650 18%,#d2b76f 50%,#b89650 82%,transparent);pointer-events:none}
.history-head{height:66px;min-height:66px;padding:0 18px;gap:11px;border-bottom:1px solid #343028;background:linear-gradient(110deg,#201f1b,#171b21 48%,#14181e);box-shadow:inset 0 -1px #090b0e}
.history-title-icon{width:42px;height:42px;border:1px solid #5b4b2d;border-radius:5px;background:linear-gradient(145deg,#302a1d,#17191a);box-shadow:inset 0 0 10px #000,0 0 0 1px #090b0e}.history-title-icon img{max-width:35px;max-height:37px}
.history-head h2{color:#e8e8e6;font:700 15px/1.25 Inter,Arial;text-shadow:0 1px #000}.history-head span{color:#9b8554;font:600 7px/1 Inter,Arial;letter-spacing:.8px;text-transform:uppercase}
.history-head>button{width:34px;height:34px;border:1px solid #373d45;border-radius:5px;background:linear-gradient(#22272e,#171b20);color:#9299a2;box-shadow:inset 0 1px #ffffff08}.history-head>button:hover{border-color:#6b5832;background:#29271f;color:#ddc277}.history-head #historyRefresh{margin-left:auto;color:#c3a45c}
.history-body{grid-template-columns:324px minmax(390px,1fr) 290px;background:#10141a}
.history-current-panel,.history-previous-panel{padding:16px 13px;background:linear-gradient(180deg,#11151a,#0d1116);border-color:#292e35}
.history-timeline-panel{padding:16px 18px;background:linear-gradient(180deg,#151a21,#11151b)}
.history-live{height:34px;margin-bottom:10px;border:1px solid #285744;border-radius:4px;background:linear-gradient(90deg,#153529,#112920);color:#64d59e;font:600 9px/1 Inter;box-shadow:inset 3px 0 #4bc991}
.history-live.offline{border-color:#60343b;background:#2d191d;color:#e17782;box-shadow:inset 3px 0 #c75865}
.history-section-title{height:34px;margin-bottom:9px;padding:0 2px;border-bottom:1px solid #292f37;color:#d3b66e;font:600 10px/1 Inter}.history-section-title span{color:#747b85;font-size:8px}.history-previous-panel>.history-section-title{padding:0 2px}
.history-events{position:relative;padding:7px 7px 24px 2px;scrollbar-color:#4b4231 #11151b}.history-events:before{content:"";position:absolute;left:30px;top:12px;bottom:24px;width:1px;background:linear-gradient(#8e7138,#363129 78%,transparent)}
.history-event{grid-template-columns:37px 1fr;gap:10px;margin-bottom:10px;padding:11px 12px;border:1px solid #2e343d;border-radius:5px;background:linear-gradient(110deg,#191e25,#151a20);box-shadow:inset 0 1px #ffffff04;color:#c9cdd2}.history-event:hover,.history-event.selected{border-color:#655536;background:linear-gradient(110deg,#211f19,#191d22);box-shadow:inset 3px 0 #b3934e,inset 0 1px #ffffff05}
.history-event>i{position:relative;z-index:2;width:32px;height:32px;border:1px solid #7a6335;border-radius:50%;background:linear-gradient(#c19d4d,#8c6b28);color:#17140d;font:normal 18px/1 Arial;box-shadow:0 0 0 4px #11151b,0 2px 7px #000}.history-event.updated>i{border-color:#9c7127;background:linear-gradient(#e0b13d,#a47619);color:#241a05;box-shadow:0 0 0 4px #11151b,0 2px 7px #000}.history-event.removed>i{border-color:#8b414a;background:linear-gradient(#ba5965,#79333c);color:#fff;box-shadow:0 0 0 4px #11151b,0 2px 7px #000}
.history-event header b{padding:3px 6px;border:1px solid #5f4f2f;border-radius:2px;background:#302a1d;color:#ddbd68;font:700 7px/1.25 Inter;letter-spacing:.35px}.history-event.updated header b{border-color:#6d5422;background:#382f17;color:#ebca60}.history-event.removed header b{border-color:#62343a;background:#351d22;color:#e58993}.history-event time{color:#737a84;font-size:7px}.history-event>div>strong{margin:7px 0 5px;color:#e1b951;font:600 11px/1.2 Inter}.history-event section span{color:#afb4bc;font:9px/1.35 Inter}.history-event section b{color:#d9dbde}.history-event section strong{color:#e8c25d}.history-event section del{color:#757b84}
.history-loading,.history-empty{border-color:#343a42;border-radius:4px;background:#12161b;color:#747b85}.history-empty.error{border-color:#63383e;background:#211418;color:#dd7d87}
.history-tooltip-host>.item-tooltip .tooltip-container{border-color:#6f592f;background:linear-gradient(180deg,#090b0a,#020302);box-shadow:0 10px 28px #000,0 0 0 1px #14110c,inset 0 1px #b08d4630}
@keyframes historyIn{from{opacity:0;transform:translateY(7px) scale(.99)}to{opacity:1;transform:none}}
@media(max-width:1050px){.history-body{grid-template-columns:310px 1fr}.history-previous-panel{display:none}}
@media(max-width:720px){.history-window{border-radius:4px}.history-head{height:58px;min-height:58px}.history-body{display:block}.history-current-panel{background:#10141a}.history-timeline-panel{background:#13181f}}

/* Numarali sonuc sayfalama v48 */
.pagination{min-height:52px;padding:9px 12px;border-top:1px solid #2a2f36;background:linear-gradient(#181c22,#14181d);display:flex;align-items:center;justify-content:center;gap:5px}
.pagination[hidden]{display:none}.pagination button{min-width:33px;height:33px;padding:0 9px;border:1px solid #343a43;border-radius:4px;background:#1c2128;color:#aeb3ba;font:600 10px/1 Inter,Arial;box-shadow:inset 0 1px #ffffff05;cursor:pointer}.pagination button:hover:not(:disabled){border-color:#665634;background:#29271f;color:#e0c475}.pagination button.active{border-color:#8a7139;background:linear-gradient(#3a321f,#28251c);color:#f0cd70;box-shadow:inset 0 0 0 1px #b4943d24}.pagination button:disabled{opacity:.3;cursor:not-allowed}.pagination span{padding:0 3px;color:#656b74;font-size:11px}

/* Pazar durumu, kurulus zamani ve fake pazar listesi v49 */
.summary-stats .fake-shop-toggle{height:20px;margin:-2px 0 0;padding:0 7px;border:1px solid #56343a;border-radius:3px;background:#26191d;color:#c9868e;font-size:7px}.summary-stats .fake-shop-toggle:hover{border-color:#8a4b56;background:#321d22}.summary-stats .fake-shop-toggle b{margin-left:4px;color:#ef9aa5;font-size:10px}
.fake-shop-panel{margin-top:10px;border:1px solid #4c3035;border-radius:6px;background:linear-gradient(120deg,#1d171b,#15191f);box-shadow:inset 0 1px #ffffff05}.fake-shop-panel[hidden]{display:none}.fake-shop-panel>header{height:46px;padding:0 12px;display:flex;align-items:center;border-bottom:1px solid #35282c}.fake-shop-panel>header div{display:flex;flex-direction:column;gap:2px}.fake-shop-panel>header b{color:#e3a0a8;font-size:10px}.fake-shop-panel>header span{color:#786c70;font-size:7px}.fake-shop-panel>header button{margin-left:auto;width:25px;height:25px;border:1px solid #48343a;border-radius:4px;background:#21191d;color:#a97a82}.fake-shop-list{max-height:230px;overflow:auto;padding:7px}.fake-shop-list article{min-height:48px;padding:7px 9px;display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:8px;border-bottom:1px solid #2c272b}.fake-shop-list article>span{width:22px;height:22px;display:grid;place-items:center;border:1px solid #7c404a;border-radius:50%;background:#3a1e24;color:#f39ca7;font-weight:700}.fake-shop-list article b{display:block;color:#d9d9dc;font-size:9px}.fake-shop-list article small{display:block;color:#777d85;font-size:7px}.fake-shop-list article>em{text-align:right;color:#b7838a;font:normal 7px/1.5 Inter}.fake-shop-empty{padding:22px;text-align:center;color:#747983;font-size:9px}
.seller .fake-shop-badge{display:inline-block;margin-left:5px;padding:1px 4px;border:1px solid #753d47;border-radius:2px;background:#351b21;color:#ef939f;font:700 7px/1.25 Inter}.seller .shop-created{display:block;margin-top:3px;color:#877960}.shop-window-foot>span{display:flex;flex-direction:column;gap:3px}.shop-window-foot>span b{color:#bca66e;font:normal 8px/1 Arial}.shop-window-foot>span i{color:#777168;font:normal 8px/1 Arial}

/* Her ikon kendi gercek slotunun icinde kalir; uzun silah/zirh ikonlari alt
   satirdaki esyanin ustune binmez. */
.shop-page .shop-cell.shop-size-1>img,.shop-page .shop-cell.shop-size-2>img,.shop-page .shop-cell.shop-size-3>img{width:100%;height:100%;max-width:100%;max-height:100%;transform:translateX(-50%);object-fit:contain;object-position:center;filter:drop-shadow(0 1px 2px #000)}
.shop-page .shop-cell.shop-stacked>img{width:100%;height:100%;max-width:100%;max-height:100%;transform:translateX(-50%);object-fit:contain}

/* Sunucu secici menusu: liste artik /api/servers'tan geliyor */
.server-menu{min-width:232px;max-height:60vh;overflow:auto}
.server-menu button{width:100%;display:grid;grid-template-columns:10px 1fr 14px;align-items:center;gap:8px;
  padding:7px 9px;border:0;border-radius:4px;background:transparent;color:#b9bec6;text-align:left}
.server-menu button:hover:not([disabled]){background:#20242b;color:#e6e7e9}
.server-menu button[disabled]{opacity:.55}
.server-menu button.selected{background:#26241f;color:#d8c494}
.server-menu button i{width:6px;height:6px;border-radius:50%;background:#3a3f48;display:block}
.server-menu button i.live-dot{background:var(--gold);box-shadow:0 0 6px #d5b46a}
.server-menu button span{display:block;min-width:0;font-size:9px}
.server-menu button span small{display:block;color:#777d85;font-size:7px;margin-top:1px}
.server-menu button b{color:#c3a86a;font-size:9px}
.server-button b{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-footer{min-height:58px;margin-top:18px;padding:16px 4px;border-top:1px solid #292e35;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#707781;font-size:10px}.site-footer nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.site-footer a{color:#a99465;text-decoration:none}.site-footer a:hover{color:#e0c271;text-decoration:underline}
@media(max-width:720px){.site-footer{align-items:flex-start;flex-direction:column}.site-footer nav{gap:10px}}

/* Miktar sutunu: toplam adedin hemen altinda ilan basina tekli fiyat. */
.qty{width:88px;min-height:48px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;color:#eef0f2}
.qty .qty-value{min-width:27px;height:27px;padding:0 5px;border:1px solid #303741;border-radius:3px;background:#0e1217;box-shadow:inset 0 0 6px #000;display:inline-flex;align-items:center;justify-content:center;font:bold 11px/1 Arial}
.qty small{display:flex;align-items:center;gap:1px;margin:0;white-space:nowrap;font:8px/1.1 Arial}.qty small i{color:#68717c;font-style:normal}.qty small b{color:#42c8b1;font:bold 8px/1.1 Arial}
@media(max-width:600px){.qty{width:76px}.qty small{font-size:7px}.qty small b{font-size:7px}}

/* Yuksek cozunurluklu masaustu ekranlarda arayuzu okunabilir fiziksel boyuta
   getir. 4K/27" ekranda kullanicinin tarayiciyi elle yakinlastirmasi gerekmez. */
@media (min-width:2200px){html{zoom:1.25}}
@media (min-width:3200px){html{zoom:1.5}}

/* ═══ Gelismis filtre: dikey sutun + okunakli yazi ═══════════════════════ */
/* Filtre acikken icerik iki sutuna bolunur: solda filtreler, sagda liste. */
.content.with-filters{display:grid;grid-template-columns:286px minmax(0,1fr);
  column-gap:16px;align-items:start}
.content.with-filters>.summary-head,
.content.with-filters>.search-shell{grid-column:1/-1}
.content.with-filters>.advanced-filters{grid-column:1;grid-row:3/span 6;
  position:sticky;top:calc(var(--top) + 12px);max-height:calc(100vh - var(--top) - 28px);
  overflow:auto;margin:12px 0 0}
.content.with-filters>.market-card,
.content.with-filters>.results-head,
.content.with-filters>.active-filter-bar,
.content.with-filters>.table-shell,
.content.with-filters>.load-more{grid-column:2}

/* Dikey yerlesim: paneller alt alta, alanlar tam genislik */
.advanced-filters{display:flex;flex-direction:column;gap:10px;border:0;padding:0;
  background:transparent}
.advanced-filters>.filter-panel{background:#171b21;border:1px solid #2a3039;
  border-radius:7px;padding:11px 12px}
.advanced-filters .filter-panel>h3,.advanced-filters .filter-panel>summary{
  margin:0 0 9px;font-size:11px;font-weight:600;color:#cdd2d9;letter-spacing:.2px}
.advanced-filters .basic-fields,.advanced-filters .extra-filter-grid,
.advanced-filters .range-filter-grid,.advanced-filters .price-filter-group>div{
  display:grid;grid-template-columns:1fr;gap:9px}
.advanced-filters label{font-size:10.5px;color:#9aa0a8;display:block}
.advanced-filters input,.advanced-filters select{height:31px;font-size:11px;
  width:100%;margin-top:5px;border:1px solid #333a45;border-radius:5px;
  background:#11151a;color:#e6e7e9;padding:0 9px}
.advanced-filters input:focus,.advanced-filters select:focus{outline:0;
  border-color:#7a6433;box-shadow:0 0 0 2px #c6a35422}
.advanced-filters .range-filter>div{display:flex;align-items:center;gap:6px}
.advanced-filters .range-filter i{font-style:normal;color:#6b717a}
.advanced-filters .inline-check{display:flex;align-items:center;gap:6px;
  margin-top:7px;font-size:10px}
.advanced-filters .inline-check input{width:auto;height:auto;margin:0}
.advanced-filters button{height:33px;font-size:11px}
.filter-panel[hidden]{display:none!important}

/* ═══ Okunaklilik: 6-9px yazilar bulanik goruluyordu ═════════════════════ */
body{font-size:13px}
.item-name{font-size:13px}
.item-name b{font-size:9px}
.item-meta{font-size:10px}
.attr{font-size:10px;padding:3px 6px}
.attr-count{font-size:9px;padding:3px 6px}
.element,.element-tag{font-size:10.5px}
.seller{font-size:11.5px}
.seller small{font-size:9px}
.shop-coord{font-size:10px}
.qty{font-size:12px}
.qty small{font-size:8px}
.price{font-size:12px}
.price small{font-size:9px}
.table-head{font-size:9px;letter-spacing:.4px}
.summary-stats{font-size:10px}
.summary-stats b{font-size:15px}
.summary-head h1{font-size:11px}
.nav-item,.cat-row{font-size:11px}
.cat-row em,.nav-item em{font-size:9px}
.side-label{font-size:8.5px}
.category-search input{font-size:10px}
.subcats button{font-size:10px}
.main-search input{font-size:11px}
.filter-button{font-size:10.5px}
.search-hint{font-size:9px}
.results-head h2{font-size:15px}
.results-head p{font-size:9.5px}
.active-filter-bar{font-size:9.5px}
.sort-select select{font-size:10.5px}
.market-title{font-size:10px}
.brand b{font-size:12px}
.top-actions{font-size:10px}
.load-more{font-size:11px}

/* Nakliye kutusu durumu */
.attr.pet-full{background:#1d2c1f;border-color:#3c6b43;color:#9ede9f}
.attr.pet-empty{background:#242a32;border-color:#3a424e;color:#9aa0a8}
.attr.pet-expired{background:#2e1d1d;border-color:#6b3c3c;color:#e59b9b}

/* ═══ Filtre paneli: gizleme duzeltmesi + ekrana sigdirma ════════════════ */
/* .advanced-filters label{display:block} kurali [hidden] ozniteligini
   eziyordu; kategoriye gore gizlenen alanlar yine gorunuyordu.            */
.advanced-filters [hidden]{display:none!important}

/* Tum paneller acikken dikey sutun ekrana sigsin: olculeri sikilastir. */
.content.with-filters>.advanced-filters{overflow:visible;max-height:none;gap:7px}
.advanced-filters>.filter-panel{padding:8px 10px}
.advanced-filters .filter-panel>h3,.advanced-filters .filter-panel>summary{
  margin:0 0 6px;font-size:10.5px}
.advanced-filters .basic-fields,.advanced-filters .extra-filter-grid,
.advanced-filters .range-filter-grid,.advanced-filters .price-filter-group>div{gap:6px}
.advanced-filters label{font-size:9.5px}
.advanced-filters input,.advanced-filters select{height:27px;margin-top:3px;font-size:10.5px}
.advanced-filters .range-filter{padding:6px 7px}
.advanced-filters .range-filter>span{font-size:9.5px}
.advanced-filters .inline-check{margin-top:5px;font-size:9.5px}
.advanced-filters button{height:29px;font-size:10.5px}

/* Fiyat araligi: dort alan iki sutuna sigsin, dikey yer kazandirir */
.advanced-filters .price-filter-group>div{grid-template-columns:1fr 1fr;column-gap:7px}

/* Alt satir: alarm ve temizle dugmesi tasıyordu, alt alta diz */
.advanced-filters .filter-panel-actions{display:flex;flex-direction:column;
  align-items:stretch;gap:7px;grid-column:auto}
.advanced-filters .alarm-toggle{display:flex;align-items:flex-start;gap:7px;
  font-size:9.5px;line-height:1.3}
.advanced-filters .alarm-toggle input{width:auto;height:auto;margin:2px 0 0}
.advanced-filters .alarm-toggle small{display:block;color:#777d85;font-size:8.5px}

/* Seviye/sure kutulari dikeyde en cok yeri kapliyordu: baslik ve alanlari
   tek satira al, ic kutu cercevelerini inceltl. */
.advanced-filters .range-filter{padding:5px 6px;display:grid;
  grid-template-columns:1fr;gap:4px;background:#13171c;border:1px solid #262c34;
  border-radius:5px}
.advanced-filters .range-filter>span{display:flex;align-items:center;gap:5px;
  font-size:9px;color:#8f959d}
.advanced-filters .range-filter>span b{width:16px;height:16px;display:inline-flex;
  align-items:center;justify-content:center;font-size:8px;border-radius:3px}
.advanced-filters .range-filter>div{gap:5px}
.advanced-filters .range-filter input{height:25px;margin-top:0;font-size:10px}
.advanced-filters .range-filter-grid{gap:5px}
.advanced-filters .inline-check{margin-top:2px;font-size:9px}
/* Panel basliklarini ve dis bosluklari biraz daha kis */
.content.with-filters>.advanced-filters{gap:6px;margin-top:10px}
.advanced-filters>.filter-panel{padding:7px 9px}
.advanced-filters .filter-panel>h3,.advanced-filters .filter-panel>summary{margin:0 0 5px}

/* Temel filtreler: kisa alanlar ikisi yan yana, dikeyde ~60px kazandirir.
   Kategori ve Satici tam genislik kalir (uzun metin tasiyorlar). */
.advanced-filters .basic-fields{grid-template-columns:1fr 1fr;column-gap:7px}
.advanced-filters .basic-fields>label:nth-child(1),
.advanced-filters .basic-fields>label:nth-child(2){grid-column:1/-1}

/* ═══ Filtre sutunu: satir yerlesimini kesinlestir ═══════════════════════
   Fake pazar paneli acilinca grid'e yeni bir oge giriyor ve otomatik
   yerlesim filtre sutununun satirlarini kaydiriyordu; liste asagi
   itiliyordu. Her ogeye acik satir/sutun verilerek bu belirsizlik kalkti. */
.content.with-filters>.summary-head{grid-column:1/-1;grid-row:1}
.content.with-filters>.fake-shop-panel{grid-column:1/-1;grid-row:2}
.content.with-filters>.search-shell{grid-column:1/-1;grid-row:3}
.content.with-filters>.advanced-filters{grid-column:1;grid-row:4/span 5}
.content.with-filters>.market-card{grid-column:2;grid-row:4}
.content.with-filters>.results-head{grid-column:2;grid-row:5}
.content.with-filters>.active-filter-bar{grid-column:2;grid-row:6}
.content.with-filters>.table-shell{grid-column:2;grid-row:7}
.content.with-filters>.load-more{grid-column:2;grid-row:8}

/* Ana listede fare ile gelince cikan tooltip. Kutu .shop-cell sinifini
   tasiyor ki pazar penceresindeki tooltip stilleri aynen uygulansin;
   konumlandirma burada eziliyor. */
.hover-tip{position:fixed;left:0;top:0;z-index:70;width:auto;height:auto;
  border:0;background:transparent;box-shadow:none;pointer-events:none;
  display:block;padding:0}
.hover-tip:after{display:none}
.hover-tip>.item-tooltip{opacity:1!important;visibility:visible!important;
  transform:none!important;position:static!important;pointer-events:none}
.hover-tip[hidden]{display:none!important}
.item-row{cursor:default}

/* ═══ Gelismis filtre: yerlesim + acilir/kapanir gruplar ═══════════════════ */
/* footer grid'de yersiz kaldigi icin bos 2. satira dusuyor, sayfanin tepesine
   ciikiyordu. Acikca en alt satira sabitle.                                  */
.content.with-filters>.site-footer{grid-column:1/-1;grid-row:9}

/* Panel asla ekrani asmasin: kendi icinde kaysin, sayfa kayarken yerinde
   kalsin. Boylece asagidaki bildirim/alarm bolumu her zaman erisilebilir.    */
.content.with-filters>.advanced-filters{
  position:sticky;top:10px;align-self:start;
  max-height:calc(100vh - 26px);overflow-y:auto;overflow-x:hidden;
  padding-right:5px;scrollbar-width:thin;scrollbar-color:#3a4150 transparent}
.content.with-filters>.advanced-filters::-webkit-scrollbar{width:7px}
.content.with-filters>.advanced-filters::-webkit-scrollbar-thumb{
  background:#39404d;border-radius:4px}
.content.with-filters>.advanced-filters::-webkit-scrollbar-track{background:transparent}

/* Grup basligi = ac/kapa dugmesi */
.advanced-filters .filter-panel>h3{cursor:pointer;user-select:none;
  padding:1px 0;transition:color .12s ease}
.advanced-filters .filter-panel>h3:hover{color:#eed9a4}
.advanced-filters .filter-panel>h3 .fp-caret{margin-left:auto;width:15px;height:15px;
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
  border:1px solid #3c4350;border-radius:4px;font-size:11px;line-height:1;
  color:#c9a961;background:#20242c;transition:transform .15s ease,background .12s ease}
.advanced-filters .filter-panel>h3:hover .fp-caret{background:#2a2f39}
/* Acik grupta bir filtre doluysa baslikta kucuk nokta */
.advanced-filters .filter-panel>h3 .fp-dot{width:5px;height:5px;border-radius:50%;
  background:#c9a961;box-shadow:0 0 6px #c9a96199;flex:0 0 auto}
.advanced-filters .filter-panel.collapsed>*:not(h3){display:none!important}
.advanced-filters .filter-panel.collapsed{padding-bottom:7px}
.advanced-filters .filter-panel.collapsed>h3{margin-bottom:0}

/* ═══════════════════════════════════════════════════════════════════════════
   v44 — Filtreler sol panelde surekli acik, kategoriler ustte yatay cip
   ═══════════════════════════════════════════════════════════════════════════ */
:root{--side:248px}

/* ── Kenar cubugu: filtre alani ───────────────────────────────────────────── */
.side-scroll{padding:16px 12px 30px 12px}
.filters-label{margin-top:22px;display:flex;align-items:center;gap:6px}
.filters-label em{font-style:normal;margin-left:auto;min-width:16px;text-align:center;
  border:1px solid #66562e;color:#d4b25e;background:#201e19;border-radius:3px;
  font-size:8px;padding:1px 4px;letter-spacing:0}

.side-cat,.side-search{height:34px;border:1px solid #2b313b;background:#161a21;
  border-radius:7px;display:flex;align-items:center;gap:7px;padding:0 10px;
  color:#8a9099;margin-bottom:8px}
.side-cat{background:linear-gradient(#1b2029,#161a21);border-color:#333a46}
.side-cat>span{color:#c6a35d;font-size:12px}
.side-cat select{flex:1;min-width:0;border:0;outline:0;background:none;
  color:#e2e4e8;font-size:11px;font-weight:600;padding:0;height:100%;
  appearance:none;cursor:pointer}
.side-cat select option{background:#1b1f26;font-weight:400}
.side-cat:after{content:"⌄";color:#767c86;font-size:12px;line-height:1}
.side-search>span{font-size:13px}
.side-search input{flex:1;min-width:0;border:0;outline:0;background:none;
  font-size:10.5px;color:#e2e4e8}
.side-search input::placeholder{color:#6b717b}
.side-search kbd{border:1px solid #343941;border-radius:3px;padding:0 4px;
  color:#6c727b;background:#1b1f25;font-size:9px}

/* Filtre panelleri kenar cubugunda tek sutun */
.advanced-filters.side-filters{display:flex;flex-direction:column;gap:7px;
  border:0;border-top:0;margin:0;padding:0;background:transparent;
  position:static;max-height:none;overflow:visible;grid-template-columns:none}
.side-filters>.filter-panel{background:#161a21;border:1px solid #272d37;
  border-radius:8px;padding:10px 11px}
.side-filters .filter-panel>h3,.side-filters .filter-panel>summary{
  margin:0 0 8px;font-size:10px;color:#d3bb85;letter-spacing:.2px}
.side-filters .filter-panel.collapsed>h3{margin-bottom:0}
.side-filters label{font-size:9px;color:#868c95;display:block}
.side-filters input,.side-filters select{height:29px;margin-top:4px;
  font-size:10.5px;border-radius:5px}
.side-filters .basic-fields,.side-filters .extra-filter-grid,
.side-filters .range-filter-grid,.side-filters .price-filter-group>div{
  grid-template-columns:1fr 1fr;gap:7px}
.side-filters .basic-fields>label:nth-child(1){grid-column:1/-1}
.side-filters .range-filter{padding:7px 8px}
.side-filters .filter-panel-actions{gap:9px}

/* ── Kategoriler: icerik ustunde yatay cip satiri ─────────────────────────── */
.category-chips{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 2px;
  padding-bottom:12px;border-bottom:1px solid #22272e}
.category-chips .cat-row{width:auto;height:33px;display:inline-flex;
  align-items:center;gap:7px;border:1px solid #2b313b;border-left:1px solid #2b313b;
  border-radius:20px;background:#171b22;color:#9aa0a9;padding:0 14px;
  font-size:10.5px;font-weight:500;transition:.14s}
.category-chips .cat-row:hover{background:#1e232b;color:#d4d7dc;border-color:#3b4350}
.category-chips .cat-row.active{background:linear-gradient(#2e2a20,#231f18);
  border-color:#9d7f43;color:#e8cf92;box-shadow:0 0 0 1px #9d7f4333}
.category-chips .cat-row span{color:#c0a263;font-size:12px}
.category-chips .cat-row em{font-style:normal;font-size:9px;color:#767c86;
  background:#1f242c;border-radius:9px;padding:1px 6px}
.category-chips .cat-row.active em{color:#d9bd78;background:#2f2a1f}
/* alt kategoriler: cip satirinin altinda ikinci satir */
.category-chips .subcats{flex-basis:100%;border-left:0;margin:2px 0 0;padding:0;
  display:flex;flex-wrap:wrap;gap:6px}
.category-chips .subcats button{width:auto;height:27px;display:inline-flex;
  gap:6px;border:1px solid #262c35;border-radius:14px;background:#14181e;
  color:#80868f;padding:0 11px;font-size:9.5px;justify-content:flex-start}
.category-chips .subcats button:hover{background:#1b2027;color:#c8ccd2}
.category-chips .subcats button.active{border-color:#7e663a;color:#dcc289}
/* display:flex kurali [hidden] ozniteligini eziyordu: kapali alt kategoriler
   her kategori icin birden goruluyordu. */
.category-chips .subcats[hidden],.category-chips [hidden]{display:none!important}
/* Kenar cubugunda aralik alanlari iki sutuna sigmiyordu ("Sinirsiz" -> "S"):
   her aralik tam genislik, iki kutu yan yana. */
.side-filters .range-filter-grid,
.side-filters .price-filter-group>div{grid-template-columns:1fr;gap:7px}
.side-filters .range-filter{padding:8px 9px}
.side-filters .range-filter>span{font-size:9.5px;white-space:nowrap}
.side-filters .range-filter>div{display:grid;grid-template-columns:1fr 10px 1fr;
  align-items:center;gap:5px}
.side-filters .range-filter input{width:100%;min-width:0;text-align:center}
.side-filters .range-filter i{text-align:center}
.side-filters .basic-fields{grid-template-columns:1fr}

/* ── Cip secicileri: efsun sayisi ve element ──────────────────────────────── */
.chip-field{display:block;margin-top:2px}
.chip-field>span{display:block;font-size:9px;color:#868c95;margin-bottom:5px}
.chip-row{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.chip-row button{height:27px;border:1px solid #2f3540;background:#12161c;
  color:#9aa0a9;border-radius:5px;font-size:10px;padding:0;display:flex;
  align-items:center;justify-content:center;transition:.12s}
.chip-row button:hover{background:#1c212a;color:#dfe2e6;border-color:#3d4550}
.chip-row button.on{background:linear-gradient(#2f2a1f,#242018);border-color:#a38449;
  color:#eccf8d;box-shadow:0 0 0 1px #a3844933}
.chip-row.element-row{grid-template-columns:repeat(4,1fr);gap:6px}
.chip-row.element-row button{height:34px}
.chip-row.element-row img{width:22px;height:22px;object-fit:contain;
  filter:saturate(.55) brightness(.8);transition:.12s}
.chip-row.element-row button:hover img{filter:none}
.chip-row.element-row button.on img{filter:none;
  filter:drop-shadow(0 0 5px #d9b86aaa)}
/* Kenar cubugunda onay kutusu label genisligini aliyordu. */
.side-filters .inline-check{display:flex;align-items:center;gap:6px;
  margin-top:6px;font-size:9px;line-height:1.25}
.side-filters .inline-check input[type=checkbox]{width:13px;height:13px;
  min-width:13px;flex:0 0 13px;margin:0;padding:0;accent-color:#b8924a}

/* ── Kategori menusu: tarayicinin kendi acilir listesi yerine kendi menumuz ── */
.side-cat-wrap{position:relative;margin-bottom:8px}
.side-cat-wrap .side-cat{width:100%;margin:0;text-align:left;cursor:pointer}
.side-cat-wrap .side-cat b{flex:1;min-width:0;font-size:11px;font-weight:600;
  color:#e2e4e8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.side-cat-wrap .side-cat i{font-style:normal;color:#767c86;font-size:12px;
  transition:transform .15s ease}
.side-cat-wrap .side-cat[aria-expanded="true"]{border-color:#8d7340;
  box-shadow:0 0 0 2px #c6a35422}
.side-cat-wrap .side-cat[aria-expanded="true"] i{transform:rotate(180deg)}
.side-cat-wrap .side-cat:after{content:none}

.cat-menu{position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:60;
  max-height:min(60vh,420px);overflow-y:auto;padding:5px;
  background:#161a21;border:1px solid #39404d;border-radius:8px;
  box-shadow:0 16px 40px #000a,inset 0 1px #ffffff08;
  scrollbar-width:thin;scrollbar-color:#3a4150 transparent}
.cat-menu[hidden]{display:none}
.cat-menu::-webkit-scrollbar{width:7px}
.cat-menu::-webkit-scrollbar-thumb{background:#39404d;border-radius:4px}
.cat-menu::-webkit-scrollbar-track{background:transparent}
.cat-opt{width:100%;display:flex;align-items:center;gap:8px;border:0;
  background:transparent;border-radius:5px;padding:0 8px;height:29px;
  color:#9aa0a9;text-align:left;font-size:10.5px}
.cat-opt span{width:14px;text-align:center;color:#b1935a;font-size:11px}
.cat-opt b{flex:1;min-width:0;font-weight:500;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.cat-opt em{font-style:normal;font-size:9px;color:#6d737c}
.cat-opt.top{color:#d6d9de;font-weight:600;margin-top:3px}
.cat-opt.top:first-child{margin-top:0}
.cat-opt.sub{padding-left:30px;font-size:10px;color:#868c95}
.cat-opt:hover{background:#222833;color:#eef0f3}
.cat-opt.active{background:linear-gradient(#2e2a20,#241f18);color:#eccf8d;
  box-shadow:inset 2px 0 #b58f45}
.cat-opt.active em{color:#c9ab6c}

/* ═══ v48 — Ilan satiri: referans gorseldeki renk ve yerlesim ═══════════════ */
.item-row{min-height:92px;background:#161a22;border-top:1px solid #232934;
  padding:12px 14px;align-items:center;transition:background .13s}
.item-row:hover{background:#1c2029}
.item-row:nth-child(even){background:#181c25}
.item-row:nth-child(even):hover{background:#1e222c}

.item-icon{width:44px;height:50px;border:1px solid #2a3240;border-radius:7px;
  background:linear-gradient(#1d222b,#141820)}
.item-icon img{max-width:36px;max-height:40px}
.item-cell{grid-template-columns:48px 1fr;gap:12px}

.item-name{font-size:12px;color:#f0c860;font-weight:700;letter-spacing:.1px;
  display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.item-name b{font-size:8.5px;color:#6f757f;font-weight:500;margin-left:0}
.ago-badge{font-style:normal;font-size:8px;color:#8d939c;background:#222833;
  border:1px solid #2f3744;border-radius:4px;padding:1px 5px;font-weight:500}
.item-history-button{color:#7d8894}

/* Aciklama satiri — referansta adin altindaki gri metin */
.item-desc{font-size:9.5px;color:#868d98;margin:5px 0 0;line-height:1.45;
  max-width:62ch;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;
  -webkit-line-clamp:2;-webkit-box-orient:vertical}
.item-meta{font-size:8.5px;color:#6b7180;margin:4px 0 0}

/* Efsun etiketleri: mor; sayi rozeti altin */
.attrs{gap:5px;margin-top:7px}
.attr{font-size:9px;padding:3px 8px;border-radius:5px;font-weight:500;
  color:#dcc4f2;background:#2e1f45;border:1px solid #4a2f6b}
.attr:nth-child(even){color:#dcc4f2;background:#2e1f45;border-color:#4a2f6b}
.attr-count{font-size:9px;padding:3px 8px;border-radius:5px;
  color:#f0d79a;background:#332a1b;border:1px solid #6b5527}
.attr.pet-full{background:#17321d;border-color:#2f6b3c;color:#93e0a3}
.attr.pet-empty{background:#242a32;border-color:#3a424e;color:#9aa0a8}
.attr.pet-expired{background:#33191c;border-color:#6b3232;color:#e59b9b}
.attr.pet-detail{background:#152b2d;border-color:#276064;color:#82d8d2}
.attr.energy-rate{background:#2d2814;border-color:#8c7328;color:#ffe06d;
  box-shadow:inset 0 0 8px #e9bd2614}

/* Dolu nakliye kutusunda gercek petInfo geldiyse kutunun icindeki petin
   ikonunu oyun slotunda ikinci, okunakli bir rozet olarak goster. */
.shop-page .shop-cell .shop-pet-inside{position:absolute;z-index:12;left:2px;
  bottom:2px;width:48%;height:48%;display:flex;align-items:center;
  justify-content:center;border:1px solid #8b7137;background:#070806e8;
  box-shadow:0 1px 4px #000;border-radius:2px;pointer-events:none}
.shop-page .shop-cell .shop-pet-inside img{position:static!important;width:auto!important;
  height:auto!important;max-width:94%!important;max-height:94%!important;
  transform:none!important;filter:drop-shadow(0 1px 2px #000)!important;
  image-rendering:pixelated}

/* Miktar kutusu */
.qty{width:38px;border:1px solid #333b48;background:#1b2029;border-radius:6px;
  padding:6px 3px;font-size:11px;color:#e8eaee;font-weight:600}
.qty small{font-size:7.5px;color:#6f7682;margin-top:3px}
.qty small b{color:#d8b45f}

/* Fiyat: referanstaki turuncu */
.price{font-size:12.5px;color:#f0a44b;font-weight:700}
.price b{color:#f0a44b}
.price small{color:#6f7682;font-size:8px;margin-top:4px;font-weight:400}

.seller{font-size:9.5px}
.seller button{font-size:10px;color:#dfe2e7}
.seller small{font-size:8px}
.element{font-size:8.5px}
.table-head{height:32px;font-size:7.5px;background:#141821}
/* Sutun sirasi referanstaki gibi: Esya | Element | Miktar | Fiyat | Satici.
   DOM sirasi degismeden yerlesim grid ile ayarlanir. */
.table-head,.item-row{grid-template-columns:minmax(360px,1fr) 104px 76px 142px 188px 28px}
.item-row>.item-cell{grid-column:1}
.item-row>.element{grid-column:2}
.item-row>.qty{grid-column:3}
.item-row>.price{grid-column:4}
.item-row>.seller{grid-column:5}
.item-row>.save-item{grid-column:6}
/* Sutun atamasi yapilinca gec gelen hucreler alt satira dusuyordu; hepsi ayni
   satirda kalsin. */
.item-row>*{grid-row:1}

/* ═══ v50 — Miktar kutusu duzeltmesi ═══════════════════════════════════════
   v48'de .qty'ye yeniden cerceve/zemin ve 38px genislik verilmisti; birim
   fiyat satiri ("1x = 3.000W") kutunun disina tasiyordu. Kapsayici yeniden
   seffaf, cerceve yalnizca rakam kutusunda, ikisi de ortali.              */
.item-row>.qty{justify-self:center}
.qty{width:auto;min-width:56px;padding:0;border:0;background:transparent;
  border-radius:0;box-shadow:none;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:5px;color:#eef0f2;
  font-weight:400;font-size:inherit}
.qty .qty-value{min-width:32px;height:28px;padding:0 7px;
  border:1px solid #333b48;border-radius:5px;background:#12161d;
  box-shadow:inset 0 0 6px #0008;display:inline-flex;align-items:center;
  justify-content:center;font:700 11.5px/1 Inter,Arial,sans-serif;color:#eef0f2}
.qty small{display:flex;align-items:center;justify-content:center;gap:1px;
  margin:0;white-space:nowrap;font:400 8.5px/1.1 Inter,Arial,sans-serif;
  color:#6f7682;text-align:center}
.qty small i{color:#6f7682;font-style:normal}
.qty small b{color:#d8b45f;font:700 8.5px/1.1 Inter,Arial,sans-serif}

/* ── Kategori cipleri: her kategori kendi renginde ikon + yazi ────────────── */
.category-chips .cat-row{color:var(--cc,#9aa0a9);background:#161a21;
  border-color:#262c36}
.category-chips .cat-row span{color:var(--cc,#c0a263);font-size:13px;
  filter:drop-shadow(0 0 6px color-mix(in srgb,var(--cc,#c0a263) 45%,transparent))}
.category-chips .cat-row b{color:var(--cc,#9aa0a9);font-weight:600}
.category-chips .cat-row:hover{background:#1d222b;
  border-color:color-mix(in srgb,var(--cc,#3b4350) 45%,#2b313b)}
.category-chips .cat-row.active{
  background:color-mix(in srgb,var(--cc,#9d7f43) 13%,#1a1f27);
  border-color:color-mix(in srgb,var(--cc,#9d7f43) 55%,transparent);
  color:var(--cc,#e8cf92);
  box-shadow:0 0 0 1px color-mix(in srgb,var(--cc,#9d7f43) 30%,transparent)}
.category-chips .cat-row.active b{color:var(--cc,#e8cf92)}
.category-chips .cat-row em{color:#6f757f;background:#1f242c}
.category-chips .cat-row.active em{
  color:color-mix(in srgb,var(--cc,#d9bd78) 75%,#ffffff);
  background:#00000040}

/* Acilir menude de ayni renk */
.cat-opt.top span{color:var(--cc,#b1935a)}
.cat-opt.top b{color:var(--cc,#d6d9de)}
.cat-opt.top.active{background:color-mix(in srgb,var(--cc,#b58f45) 14%,#1e2128);
  box-shadow:inset 2px 0 var(--cc,#b58f45);color:var(--cc,#eccf8d)}

/* ═══ v51 — Efsun secici, kategori duzeltmeleri, pazar degeri ust barda ════ */

/* ── Efsun filtresi artik Temel filtreler icinde, tas seviyesinin ustunde ── */
.attr-field{display:block;margin-top:2px;position:relative}
.attr-field>span{display:block;font-size:9px;color:#868c95;margin-bottom:5px}
.attr-picker-wrap{position:relative}
.attr-picker-wrap input{width:100%;height:29px;margin:0;border:1px solid #333a45;
  border-radius:5px;background:#11151a;color:#e6e7e9;padding:0 26px 0 9px;
  font-size:10.5px;cursor:pointer}
.attr-picker-wrap .attr-caret{position:absolute;right:9px;top:50%;
  transform:translateY(-55%);color:#767c86;font-style:normal;font-size:12px;
  pointer-events:none}
.attr-field .attr-suggestions{position:absolute;left:0;right:0;top:calc(100% + 4px);
  z-index:55;max-height:230px;overflow-y:auto;padding:4px;display:block;
  background:#161a21;border:1px solid #39404d;border-radius:7px;
  box-shadow:0 14px 34px #000a;scrollbar-width:thin}
.attr-field .attr-suggestions[hidden]{display:none}
.attr-field .attr-suggestions::-webkit-scrollbar{width:7px}
.attr-field .attr-suggestions::-webkit-scrollbar-thumb{background:#39404d;border-radius:4px}
.attr-field .attr-suggestions button{display:flex;width:100%;align-items:center;
  gap:6px;height:26px;border:0;background:transparent;border-radius:4px;
  padding:0 7px;color:#b9bec6;font-size:9.5px;text-align:left}
.attr-field .attr-suggestions button b{flex:1;min-width:0;font-weight:500;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.attr-field .attr-suggestions button small{color:#636973;font-size:8px}
.attr-field .attr-suggestions button:hover{background:#262d3a;color:#eccf8d}
.attr-field .attr-suggestions>span{display:block;padding:7px;color:#747a84;font-size:9px}
.attr-field .selected-attrs{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.attr-field .selected-attrs button{height:auto;border:1px solid #4a2f6b;
  background:#2e1f45;color:#dcc4f2;border-radius:5px;padding:3px 7px;
  font-size:9px;display:inline-flex;align-items:center;gap:5px;width:auto}
.attr-field .selected-attrs button b{color:#b78ee0;font-weight:700}

/* ── Ust bar: pazar degeri dugmesi ────────────────────────────────────────── */
.market-pill{height:34px;margin-left:14px;display:flex;flex-direction:column;
  justify-content:center;gap:1px;border:1px solid #363b44;border-radius:6px;
  background:linear-gradient(#20242b,#1a1e24);padding:0 12px;text-align:left;
  transition:.14s}
.market-pill:hover{border-color:#8d7340;background:linear-gradient(#262b33,#1d2128)}
.market-pill>span{font-size:7.5px;color:#767c86;letter-spacing:.3px;
  display:flex;align-items:center;gap:5px}
.market-pill>span b{color:#b49a61;font-weight:600}
.market-pill>strong{display:flex;align-items:baseline;gap:4px;font-size:13px;
  color:#e8dcc0;font-weight:700;line-height:1}
.market-pill>strong i{color:#c6a35d;font-style:normal;font-size:11px}
.market-pill>strong em{font-style:normal}
.market-pill>strong small{font-size:7.5px;color:#9aa0a8;font-weight:400}

/* ── Pazar degeri penceresi ───────────────────────────────────────────────── */
.market-modal{position:fixed;inset:0;z-index:110;display:grid;place-items:center;
  padding:22px}
.market-modal[hidden]{display:none}
.market-backdrop{position:absolute;inset:0;background:#06080bcc;
  backdrop-filter:blur(4px)}
.market-window{position:relative;width:min(680px,calc(100vw - 32px));
  background:linear-gradient(#1c2028,#14171d);border:1px solid #4a4538;
  border-radius:10px;box-shadow:0 26px 80px #000c,inset 0 1px #ffffff0c;
  overflow:hidden;animation:shopIn .16s ease-out}
.market-window-head{height:48px;background:linear-gradient(#2c2518,#1b1a16);
  border-bottom:1px solid #5b4c2f;display:flex;align-items:center;
  justify-content:space-between;padding:0 14px 0 18px}
.market-window-head>div{display:flex;align-items:center;gap:9px}
.market-window-head span{color:#e1bb68;text-shadow:0 0 9px #c8893244}
.market-window-head h2{margin:0;font-size:13px;color:#f0dfbd;font-weight:600}
.market-window-head b{font-size:9px;color:#b49a61;border:1px solid #514a3e;
  border-radius:4px;padding:2px 7px;background:#211f1a}
.market-window-head button{width:26px;height:26px;border:1px solid #6b5c4a;
  border-radius:4px;background:#2d2b2c;color:#d7c9b5;font-size:17px;line-height:1}
.market-window-body{padding:18px 20px 20px}
.market-figure{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.market-figure>span{font-size:9px;color:#767c86;width:100%}
.market-figure strong{font-size:30px;color:#e8d9b4;font-weight:700;line-height:1.1}
.market-figure small{font-size:11px;color:#b5aa93}
.market-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;
  margin:16px 0 4px}
.market-stats>div{background:#171b22;border:1px solid #2a303a;border-radius:7px;
  padding:9px 10px}
.market-stats span{display:block;font-size:8px;color:#767c86;margin-bottom:4px}
.market-stats b{font-size:12px;color:#dfe2e7;font-weight:600;word-break:break-all}
.market-chart{margin-top:14px;border:1px solid #2a303a;border-radius:8px;
  background:#13161c;overflow:hidden}
.market-chart .chart-wrap{padding:14px 16px 12px 4px}
.market-chart .chart-wrap svg{height:120px}
.market-note{margin:12px 0 0;font-size:8.5px;color:#6a707a;line-height:1.5}

/* ═══ v53 ══════════════════════════════════════════════════════════════════ */
/* Tooltip sutuna tasiyordu: .item-name blok oldugu icin yazinin sagindaki bos
   alan da ayni elemana aitti. Adi kendi genisligine indir.                  */
.item-row .item-name{display:inline-flex;width:-moz-fit-content;width:fit-content;
  max-width:100%}
.item-row .item-desc,.item-row .item-meta{pointer-events:none}

/* Kenar cubugunda pet/kusak filtresi uc sutuna sigmiyordu ("Far ⌄", "5"). */
.side-filters .extra-filter-grid{grid-template-columns:1fr;gap:7px}
.side-filters .filter-panel-extra>summary{display:flex;align-items:center;gap:6px}
.side-filters .filter-panel-extra>summary small{font-size:8px;color:#767c86;
  margin-left:auto;text-align:right;line-height:1.2}

/* ── Secilen efsun karti: ad + en az oran kutusu ──────────────────────────── */
.attr-field .selected-attrs{flex-direction:column;gap:6px;margin-top:7px}
.attr-chip{width:100%;border:1px solid #4a2f6b;background:#241a33;
  border-radius:6px;padding:7px 8px}
.attr-chip-head{display:flex;align-items:flex-start;gap:6px}
.attr-chip-head b{flex:1;min-width:0;font-size:9px;font-weight:600;color:#dcc4f2;
  line-height:1.35}
.attr-chip-head button{width:16px;height:16px;flex:0 0 16px;border:1px solid #5b3b80;
  background:#31204a;color:#cbb0e6;border-radius:4px;font-size:11px;line-height:1;
  display:inline-flex;align-items:center;justify-content:center;padding:0}
.attr-chip-head button:hover{background:#412a5e;color:#f0e4ff}
.attr-chip-min{display:block;margin-top:6px;font-size:8.5px;color:#9b8fb0}
.attr-chip-min input{width:100%;height:25px;margin-top:3px;border:1px solid #4a3a63;
  border-radius:4px;background:#160f20;color:#e9e1f5;padding:0 7px;font-size:10px}
.attr-chip-min input:focus{outline:0;border-color:#8b6bb8;
  box-shadow:0 0 0 2px #8b6bb833}
/* #sashFilterPanel iceren kural ID tasidigi icin daha baskindi; kenar
   cubugunda uc sutun 40-70px'e sikisiyordu. Ayni baskinlikla tek sutun yap. */
.side-filters #sashFilterPanel .extra-filter-grid,
.side-filters #petFilterPanel .extra-filter-grid{grid-template-columns:1fr;gap:7px}

/* ═══ v55 ══════════════════════════════════════════════════════════════════ */
/* Fiyat araligi: Min Won | Max Won ustte, Min Yang | Max Yang altta. */
.side-filters .price-filter-group>div{grid-template-columns:1fr 1fr;gap:7px}

/* ── Sayfa kaydirmasiz yerlesim: her sey ekrana sigar, uzun liste tablonun
      kendi icinde kayar. Boylece ust bar, filtreler ve sayfa numaralari her
      cozunurlukte gorunur kalir.                                          */
html,body{height:100%}
body{overflow:hidden}
.content{height:calc(100vh - var(--top));display:flex;flex-direction:column;
  overflow:hidden;padding-bottom:0}
.content>.summary-head,.content>.fake-shop-panel,.content>.results-head,
.content>.category-chips,.content>.site-footer{flex:0 0 auto}
.content>.category-chips{max-height:92px;overflow-y:auto;scrollbar-width:thin}
.content>.table-shell{flex:1 1 auto;min-height:0;display:flex;
  flex-direction:column;margin-bottom:10px}
.table-shell>.table-head{flex:0 0 auto}
.table-shell>#itemRows{flex:1 1 auto;min-height:0;overflow-y:auto;
  scrollbar-width:thin;scrollbar-color:#39404d transparent}
.table-shell>#itemRows::-webkit-scrollbar{width:9px}
.table-shell>#itemRows::-webkit-scrollbar-thumb{background:#39404d;border-radius:5px}
.table-shell>#itemRows::-webkit-scrollbar-track{background:#12161c}
.table-shell>.pagination{flex:0 0 auto}
.site-footer{padding:7px 0 9px;font-size:8px}

/* Kisa ekranlarda ust ozet ve aciklamalar yer kaplamasin */
@media(max-height:820px){
  .summary-head{height:52px}
  .results-head p{display:none}
  .content>.category-chips{max-height:76px}
  .content{padding-top:14px}
}
@media(max-height:680px){
  .summary-head p{display:none}
  .content>.category-chips{max-height:42px}
  .site-footer{display:none}
}

/* ═══ v56 — kategori cubugu kayma/kesilme duzeltmesi ═══════════════════════ */
/* Kategori ve alt kategori cipleri kendi icinde kaydirilinca ikinci satir
   kesiliyor ve sagda anlamsiz bir dikey scrollbar gorunuyordu. Butun cipleri
   dogal yuksekliginde goster; yalniz ilan listesi kaydirilsin. */
.content>.category-chips{
  max-height:none;
  overflow:visible;
  align-content:flex-start;
}
@media(max-height:820px){.content>.category-chips{max-height:none;overflow:visible}}
@media(max-height:680px){.content>.category-chips{max-height:none;overflow:visible}}

/* ═══ v58 — 2K/4K ve yüksek DPI yerleşimi ═════════════════════════════════ */
/* v44'teki --side:248px kuralı daha önceki responsive kurallardan sonra
   geldiği için Windows %150/%200 ölçeklemede mobil kırılımını eziyordu. */
.content{min-width:0;max-width:100%}
.table-shell,.table-shell>#itemRows{width:100%;min-width:0}
.table-shell>.pagination{
  position:sticky;bottom:0;z-index:12;flex:0 0 52px;min-height:52px;
  pointer-events:auto;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin
}
.pagination button{flex:0 0 auto;min-width:38px;height:36px;font-size:11px}

/* 2560/3840 fiziksel piksel, Windows ölçeklemesiyle çoğu zaman 1100-1500
   CSS piksele düşer. Tablo kolonlarını bu gerçek viewport'a göre daralt. */
@media(max-width:1500px){
  .table-head,.item-row{
    grid-template-columns:minmax(320px,1fr) 88px 132px 72px 126px 28px
  }
  .content{padding-left:22px;padding-right:22px}
}
@media(max-width:1150px){
  :root{--side:190px}
  .content{width:calc(100% - var(--side));padding-left:16px;padding-right:16px}
  .table-head,.item-row{
    grid-template-columns:minmax(280px,1fr) 74px 116px 66px 112px 26px
  }
  .category-chips{gap:5px}
  .category-chips .cat-row{height:29px;padding:0 10px;font-size:9px}
  .category-chips .subcats button{height:25px;padding:0 9px;font-size:8.5px}
}
@media(max-width:900px){
  :root{--side:0px}
  .sidebar{display:none}
  .content{margin-left:0;width:100%;padding-left:12px;padding-right:12px}
  .table-head{display:none}
  .item-row{grid-template-columns:minmax(0,1fr) 104px 74px}
  .element{display:none}
  .seller{grid-column:2}.qty{grid-column:3}.price{grid-column:2}.save-item{grid-column:3}
}
@media(max-width:600px){
  .item-row{grid-template-columns:minmax(0,1fr) 82px}
  .seller,.qty,.price{grid-column:2}.save-item{display:none}
}
@media(max-height:760px){
  .content{padding-top:10px}
  .summary-head{height:45px}
  .results-head{margin-top:8px}
  .category-chips{margin-top:7px;padding-bottom:7px}
  .content>.site-footer{display:none}
}

/* ═══ v60 — oyun istemcisinin gerçek pazar penceresi ═══════════════════════ */
/* UNPACK_PACK/uiscript/privateshopdialog.py: 345x354, slotlar x=12 y=34,
   10x8 ve 32px. Resmî board/title/slot dokuları 2x ölçekte kullanılır. */
.shop-window{
  width:690px!important;height:708px!important;max-width:none!important;
  background:url('/img/shop_game_board.png') 0 0/100% 100% no-repeat!important;
  border:0!important;border-radius:0!important;box-shadow:0 22px 70px #000!important;
  overflow:visible!important;image-rendering:pixelated
}
.shop-window:before{display:none!important}
.shop-window-head{position:absolute!important;z-index:350;left:8px;top:6px;
  width:674px;height:40px!important;min-height:40px!important;padding:0!important;
  background:none!important;border:0!important;box-shadow:none!important}
.shop-window-head>div{position:absolute!important;left:50%!important;top:0;
  transform:translateX(-50%)!important;height:40px;display:flex;align-items:center}
.shop-window-head h2{font:bold 20px/40px Arial,sans-serif!important;color:#f5ead6!important;
  text-shadow:0 2px 2px #000!important;white-space:nowrap}
.shop-window-head span{display:none!important}
.shop-window-head button{position:absolute!important;right:0;top:0;width:32px!important;height:32px!important;
  opacity:0!important;border:0!important;padding:0!important;cursor:pointer}
.shop-window-meta{display:none!important}
.shop-grid-frame{position:absolute!important;z-index:20;left:24px;top:68px;
  width:642px!important;height:512px!important;padding:0!important;margin:0!important;
  background:none!important;border:0!important;overflow:visible!important}
.shop-grid{display:block!important;width:642px!important;min-width:642px!important;
  height:512px!important;min-height:512px!important;background:none!important}
.shop-grid:before{display:none!important}
.shop-page{--cell:64px!important;display:grid!important;position:relative!important;
  width:640px!important;height:512px!important;min-width:640px!important;min-height:512px!important;
  flex:none!important;grid-template-columns:repeat(10,64px)!important;
  grid-template-rows:repeat(8,64px)!important;gap:0!important;background:none!important}
.shop-page:before{display:none!important}
.shop-cell{position:relative!important;width:64px!important;height:64px!important;
  border:0!important;border-radius:0!important;background:url('/img/shop_slot_base.png') 0 0/64px 64px no-repeat!important;
  box-shadow:none!important;overflow:visible!important;display:flex!important;
  align-items:flex-start!important;justify-content:center!important}
.shop-cell:after{display:none!important}
.shop-cell.has-item{cursor:help!important;background:url('/img/shop_slot_base.png') 0 0/64px 64px no-repeat!important}
.shop-cell.has-item:hover{z-index:300!important;filter:brightness(1.18);box-shadow:none!important}
.shop-cell>img{position:absolute!important;z-index:4!important;left:50%!important;top:4px!important;
  transform:translateX(-50%) scale(1.55)!important;transform-origin:top center!important;
  width:auto!important;height:auto!important;max-width:36px!important;max-height:112px!important;
  image-rendering:pixelated!important;object-fit:contain!important;filter:drop-shadow(0 2px 2px #000)!important}
.shop-cell.shop-size-2>img{max-height:76px!important}.shop-cell.shop-size-3>img{max-height:112px!important}
.shop-cell .shop-qty{right:3px!important;bottom:2px!important;z-index:8!important;
  padding:0 3px!important;background:#050505e8!important;color:#fff!important;
  font:bold 12px/16px Arial,sans-serif!important;text-shadow:1px 1px #000!important}
.shop-pet-inside{z-index:9!important;right:1px!important;top:1px!important;width:24px!important;height:24px!important}
.shop-window-foot{position:absolute!important;z-index:40;left:0;bottom:0;width:690px!important;height:116px!important;
  min-height:116px!important;padding:0!important;background:none!important;border:0!important;
  display:block!important;box-shadow:none!important}
.shop-window-foot:before,.shop-window-foot:after{content:"";position:absolute;top:8px;width:64px;height:38px;
  background:url('/img/shop_tab_button.png') 0 0/64px 38px no-repeat;image-rendering:pixelated}
.shop-window-foot:before{left:152px}.shop-window-foot:after{right:152px}
.shop-window-foot>span{display:block!important;position:absolute;left:50%;bottom:54px;
  transform:translateX(-50%);color:#777;font:11px Arial;text-align:center}
.shop-window-foot>span i{display:block;font-style:normal}.shop-window-foot>span b{display:none}
.shop-bottom-total{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);
  width:340px!important;min-width:340px!important;height:42px;padding:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;
  background:#050505e8!important;border:1px solid #3b352b!important;border-radius:0!important;
  font:bold 17px Arial,sans-serif!important;text-shadow:0 1px #000!important}
.shop-bottom-total b{color:#14d7e0!important;font-size:17px!important}.shop-bottom-total em{color:#f1c042!important;font-size:17px!important}
.shop-cell>.item-tooltip{z-index:1000!important;filter:none!important}
@media(max-width:720px),(max-height:740px){.shop-window{transform:scale(.78)!important}}
@media(max-width:560px),(max-height:590px){.shop-window{transform:scale(.62)!important}}

/* Enerji parcasi/kristali yazilinca oran secimi. */
.energy-rate-picker{margin:6px 0 2px;padding:8px;border:1px solid #514328;border-radius:5px;
  background:#1d1c18;box-shadow:inset 0 1px #ffffff08}
.energy-rate-picker[hidden]{display:none}.energy-rate-picker strong{display:block;margin-bottom:6px;
  color:#d9c28c;font-size:9px;font-weight:600}
.energy-rate-picker>div{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.energy-rate-picker button{height:27px;border:1px solid #494637;border-radius:4px;background:#24251f;
  color:#bfc1bc;font-size:10px;cursor:pointer}.energy-rate-picker button:hover,.energy-rate-picker button.active{
  border-color:#c59b3d;background:#3a3019;color:#ffd873;box-shadow:inset 0 0 0 1px #6e5528}

/* v62 - set etkisi, yansitma ve Sebnem oran filtreleri. */
.side-filters .set-effect-filter{grid-column:1/-1;padding:7px 8px;border:1px solid #343b48;
  border-radius:6px;background:#1b2028}.side-filters .set-effect-filter .inline-check{margin:0 0 6px;
  color:#e2c77f}.side-filters .set-effect-filter select{width:100%;margin:0;background:#17202e;
  border-color:#40516c;color:#dce3ef}.side-filters .reflection-filter{grid-column:1/-1;
  padding:8px;border:1px solid #343b48;border-radius:6px;background:#1b2028;color:#e2c77f}
.dew-rate-picker{border-color:#35534e;background:#18211f}.dew-rate-picker strong{color:#83d8c0}
.dew-rate-picker>div{grid-template-columns:repeat(5,1fr)}

/* v63 - sabit pazar yerlesimi ve gercek pazar gecmisi surgusu. */
.shop-modal{overflow:hidden!important;padding:0!important}
.shop-window{
  box-sizing:border-box!important;overflow:hidden!important;animation:none!important;
  transform:scale(var(--shop-scale,1))!important;transform-origin:center center!important
}
.shop-grid-frame,.shop-grid,.shop-page{box-sizing:border-box!important}
.shop-grid-frame{overflow:hidden!important}
.shop-page{overflow:visible!important;align-content:start!important;justify-content:start!important}
.shop-window-head>div{right:78px!important;left:46px!important;width:auto!important;transform:none!important}
.shop-window-head h2{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important}
.shop-window-head .shop-history-toggle{
  position:absolute!important;z-index:6!important;right:38px!important;top:4px!important;
  width:29px!important;height:29px!important;padding:4px!important;display:grid!important;place-items:center!important;
  opacity:1!important;visibility:visible!important;color:#e4c16b!important;
  background:linear-gradient(#4b2c17,#21140d)!important;border:1px solid #9a6733!important;
  border-radius:3px!important;box-shadow:inset 0 1px #d5a46355,0 1px 2px #000!important;cursor:pointer!important
}
.shop-window-head .shop-history-toggle:hover,.shop-window-head .shop-history-toggle[aria-expanded="true"]{
  background:linear-gradient(#70401c,#2e190e)!important;color:#ffe29a!important;border-color:#d9a34c!important
}
.shop-history-toggle svg{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px #000)}
.shop-window-head .shop-close{right:0!important;top:0!important;width:32px!important;height:32px!important;opacity:0!important}
.shop-history-drawer{
  position:absolute;z-index:330;right:10px;top:47px;bottom:116px;width:330px;
  display:flex;flex-direction:column;overflow:hidden;
  background:linear-gradient(160deg,rgba(25,24,21,.985),rgba(8,9,9,.992));
  border:1px solid #79623b;border-radius:3px;box-shadow:-14px 8px 32px #000d,inset 0 1px #d5ad5b24;
  color:#d9d3c7;opacity:0;visibility:hidden;pointer-events:none;
  transform:translateX(calc(100% + 18px));transition:transform .22s ease,opacity .18s ease,visibility 0s linear .22s
}
.shop-window.history-open .shop-history-drawer{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0);transition-delay:0s}
.shop-history-drawer>header{height:54px;min-height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 14px;border-bottom:1px solid #3d3529;background:linear-gradient(#3b2416,#21150e)}
.shop-history-drawer>header div{min-width:0}.shop-history-drawer>header b{display:block;color:#f0d69b;font:bold 14px/1.2 Arial,sans-serif;text-shadow:0 1px #000}.shop-history-drawer>header span{display:block;margin-top:4px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aa9b7e;font:10px/1 Arial,sans-serif}
.shop-history-drawer>header button{width:25px;height:25px;padding:0;border:1px solid #655846;border-radius:2px;background:#24211d;color:#d7c8a7;font:18px/21px Arial;cursor:pointer}.shop-history-drawer>header button:hover{border-color:#bd9450;color:#fff}
.shop-history-summary{min-height:42px;padding:8px 12px;border-bottom:1px solid #29271f;background:#101110}.shop-history-summary span{display:block;color:#e3bd61;font:600 10px/1.2 Inter,Arial}.shop-history-summary small{display:block;margin-top:5px;color:#6f746f;font:8px/1 Inter,Arial}
.shop-history-list{flex:1;min-height:0;overflow:auto;padding:9px;scrollbar-width:thin;scrollbar-color:#715a33 #111}
.shop-history-entry{width:100%;min-height:68px;margin:0 0 7px;padding:8px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:start;border:1px solid #34332d;border-radius:4px;background:linear-gradient(110deg,#171918,#101211);color:#c8c5bd;text-align:left;cursor:pointer;transition:.13s}
.shop-history-entry:hover,.shop-history-entry.selected{border-color:#a37d3c;background:linear-gradient(110deg,#292317,#171511);box-shadow:inset 3px 0 #d2a344}
.shop-history-entry>i{width:26px;height:26px;display:grid;place-items:center;border:1px solid #705c35;border-radius:50%;background:#292318;color:#e0b84f;font:normal 15px/1 Arial}.shop-history-entry.live>i{border-color:#267d69;background:#16372f;color:#36d2a0;font-size:10px}
.shop-history-entry>span{min-width:0}.shop-history-entry b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ecd17e;font:600 10px/1.25 Inter,Arial}.shop-history-entry small{display:block;margin-top:5px;color:#a4a79e;font:9px/1.25 Inter,Arial}.shop-history-entry em{display:block;margin-top:5px;color:#756f63;font:normal 8px/1.2 Inter,Arial}.shop-history-entry time{color:#777b73;font:8px/1.2 Inter,Arial;white-space:nowrap}
.shop-history-loading,.shop-history-empty{margin:8px 2px;padding:20px 12px;border:1px dashed #514a3c;border-radius:4px;color:#8b8b83;font:9px/1.55 Inter,Arial;text-align:center}.shop-history-loading i{display:block;width:20px;height:20px;margin:0 auto 9px;border:2px solid #4d4638;border-top-color:#d4a846;border-radius:50%;animation:shopHistorySpin .8s linear infinite}.shop-history-empty small{display:block;margin-top:5px;color:#676b67}.shop-history-empty.error{border-color:#744045;color:#db8c92}.shop-history-empty button{display:block;margin:10px auto 0;padding:6px 12px;border:1px solid #806332;border-radius:3px;background:#2b2316;color:#e1c477;cursor:pointer}
@keyframes shopHistorySpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.shop-history-drawer{transition:none}.shop-history-loading i{animation:none}}
.attr.dew-rate{border-color:#35695d;background:#18352f;color:#89e0c8}
.attr.set-effect-attr{border-color:#755e2c;background:#312819;color:#f1cf77}
.attr.reflection-attr{border-color:#5b467b;background:#281d38;color:#caa4ff}

/* v61 - ana liste tooltipi, kompakt sunucu ozeti ve fake pazar erisimi. */
#hoverTip.shop-cell.hover-tip{
  position:fixed!important;left:0;top:0;z-index:5000!important;
  width:auto!important;height:auto!important;min-width:0!important;max-width:none!important;
  padding:0!important;margin:0!important;display:block!important;overflow:visible!important;
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;filter:none!important;transform:none!important;
  align-items:initial!important;justify-content:initial!important;pointer-events:none!important
}
#hoverTip.shop-cell.hover-tip:after{display:none!important}
#hoverTip.shop-cell.hover-tip>.item-tooltip{
  position:static!important;inset:auto!important;display:block!important;
  opacity:1!important;visibility:visible!important;transform:none!important;
  pointer-events:none!important;filter:none!important
}
#hoverTip.shop-cell.hover-tip[hidden]{display:none!important}

.topbar{height:46px!important;min-height:46px!important;background:#101722!important;
  border-bottom-color:#273041!important;box-shadow:0 1px 0 #05080d!important}
.server-button{height:34px!important;min-width:164px!important;padding:0 10px!important;
  display:flex!important;align-items:center!important;gap:8px!important;
  border:1px solid #2a3850!important;border-radius:6px!important;
  background:linear-gradient(180deg,#19243a,#141d2f)!important;
  box-shadow:inset 0 1px #ffffff08!important;color:#c5cbd6!important}
.server-button:hover,.server-button[aria-expanded=true]{border-color:#3c5272!important;background:#1b2941!important}
.server-button .server-world{width:22px!important;height:22px!important;flex:none!important;
  display:grid!important;place-items:center!important;border-radius:50%!important;
  background:#12382f!important;color:#27cf91!important}
.server-button .server-world svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}
.server-button>b{max-width:105px!important;font-size:11px!important;font-weight:600!important;
  color:#cbd2dd!important;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.server-button>i{margin-left:auto!important;width:10px!important;height:19px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  color:#68758a!important;font:8px/7px Arial!important;font-style:normal!important}
.server-button>i small{font:8px/7px Arial!important}
.market-pill.top-shop-counter{height:34px!important;min-width:74px!important;margin-left:8px!important;
  padding:0 10px!important;display:flex!important;flex-direction:row!important;align-items:center!important;
  justify-content:center!important;gap:6px!important;border:1px solid transparent!important;
  border-radius:6px!important;background:#101722!important;box-shadow:none!important}
.market-pill.top-shop-counter:hover{border-color:#2a3850!important;background:#151f30!important}
.top-shop-counter>.top-db-icon{display:grid!important;width:18px!important;height:18px!important;
  place-items:center!important;color:#20bd84!important}
.top-shop-counter>.top-db-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7}
.top-shop-counter>strong{display:flex!important;align-items:center!important;gap:4px!important;
  color:#cbd2dd!important;font:600 11px/1 Inter,sans-serif!important}
.top-shop-counter>strong em{color:#31ca95!important;font-style:normal!important}
.top-shop-counter>strong small,.top-shop-counter>strong b{color:#718095!important;font:500 10px/1 Inter,sans-serif!important}
.market-value-hidden{display:none!important}
.top-clock-pill{height:34px;margin-left:3px;padding:0 10px;display:flex;align-items:center;gap:7px;
  border-left:1px solid #202b3d;color:#36cf9b;background:#101722;font-size:11px}
.top-clock-pill i{width:7px;height:7px;border-radius:50%;background:#31c990;box-shadow:0 0 8px #31c99099}
.top-clock-pill b{font-weight:600}

.fake-shop-list article{grid-template-columns:25px minmax(110px,1fr) auto auto!important}
.fake-shop-open{height:28px;padding:0 9px;display:flex;align-items:center;gap:5px;
  border:1px solid #69562d;border-radius:4px;background:linear-gradient(#302a1d,#211e17);
  color:#d7b65d;cursor:pointer;font:600 8px/1 Inter,sans-serif;white-space:nowrap}
.fake-shop-open:hover{border-color:#b38a36;background:#3a301d;color:#ffe095}
.fake-shop-open svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7}
.fake-shop-open b{font-size:8px!important;color:inherit!important}

@media(max-width:780px){
  .server-button{min-width:132px!important}.server-button>b{max-width:78px!important}
  .top-shop-counter{min-width:62px!important;padding:0 6px!important}.top-clock-pill{padding:0 6px}
}

/* Ust ozet satirindaki ilan / esya turu / satici sayaclari kaldirildi. */
.summary-stats>span:nth-of-type(-n+3){display:none!important}

/* Fake pazar dugmesi ust sunucu/pazar/saat grubuna tasindi. */
.summary-data-cache{display:none!important}
.top-fake-shop{height:34px;margin-left:3px;padding:0 9px;display:flex;align-items:center;gap:6px;
  border:1px solid #4a3037;border-radius:5px;background:#21181c;color:#c9828c;
  font:600 9px/1 Inter,sans-serif;white-space:nowrap}
.top-fake-shop:hover{border-color:#87505a;background:#2d1b20;color:#efa0aa}
.top-fake-shop>span{width:15px;height:15px;display:grid;place-items:center;border-radius:50%;
  background:#6d303c;color:#ffd1d6;font-size:9px}
.top-fake-shop>b{font:600 9px/1 Inter,sans-serif}
.top-fake-shop>em{min-width:17px;padding:2px 4px;border-radius:3px;background:#351d23;
  color:#f09aa6;font:700 9px/1 Inter,sans-serif;text-align:center}
@media(max-width:780px){.top-fake-shop>b{display:none}.top-fake-shop{padding:0 7px}}

/* Siralama, kategori cubuguna bagli tek bir katalog arac cubugu. */
.content>.catalog-toolbar{flex:0 0 auto;display:flex;align-items:flex-start;gap:14px;
  margin:9px 0 8px;padding:0 0 10px;border-bottom:1px solid #262c35}
.catalog-toolbar>.category-chips{flex:1 1 auto;min-width:0;margin:0;padding:0;border:0}
.catalog-toolbar>.sort-select{position:relative;flex:0 0 244px;height:42px;margin:0;
  display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:0 31px 0 10px;
  border:1px solid #3a4350;border-radius:7px;background:linear-gradient(180deg,#1c222b,#151a21);
  box-shadow:inset 0 1px #ffffff08,0 4px 12px #0002;color:#d8dce2;transition:.15s}
.catalog-toolbar>.sort-select:hover,.catalog-toolbar>.sort-select:focus-within{
  border-color:#8b7444;background:linear-gradient(180deg,#22262a,#191c20);box-shadow:inset 0 1px #ffffff0d,0 0 0 2px #ba964a16}
.catalog-toolbar>.sort-select:after{content:"";position:absolute;right:12px;top:50%;width:7px;height:7px;
  border-right:2px solid #c7a75d;border-bottom:2px solid #c7a75d;transform:translateY(-65%) rotate(45deg);pointer-events:none}
.catalog-toolbar .sort-caption{display:flex;align-items:center;gap:5px;padding-right:8px;border-right:1px solid #303742}
.catalog-toolbar .sort-caption svg{width:14px;height:14px;fill:none;stroke:#c6a35d;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.catalog-toolbar .sort-caption small{color:#8f96a0;font:600 7px/1 Inter,sans-serif;letter-spacing:.7px}
.catalog-toolbar .sort-select select{width:100%;min-width:0;height:40px;padding:0;border:0;outline:0;
  appearance:none;-webkit-appearance:none;background:transparent;color:#eef0f3;font:600 10px/1 Inter,sans-serif;cursor:pointer}
.catalog-toolbar .sort-select option{background:#171c23;color:#e6e9ed}
@media(max-width:900px){.content>.catalog-toolbar{flex-direction:column}.catalog-toolbar>.sort-select{order:-1;align-self:flex-end;flex-basis:auto;width:244px}}
@media(max-width:560px){.catalog-toolbar>.sort-select{align-self:stretch;width:100%}}

/* v67 - kaydedilenler, ilan bazli alarm ve karsilastirma. */
.fake-shop-list article{grid-template-columns:25px minmax(110px,1fr) auto!important}
.saved-dashboard{margin:8px 0 14px;padding:13px 15px;display:flex;align-items:center;gap:18px;
  border:1px solid #3c4553;border-radius:8px;background:linear-gradient(110deg,#171d26,#12171e);
  box-shadow:inset 3px 0 #c6a14c,0 8px 20px #0003}
.saved-dashboard[hidden]{display:none}.saved-dashboard>div:first-child{display:flex;align-items:center;gap:11px;min-width:250px}
.saved-dashboard>div:first-child>span{width:34px;height:34px;display:grid;place-items:center;border:1px solid #75602f;border-radius:50%;background:#30271a;color:#f1c95f;font-size:18px}
.saved-dashboard p{margin:0}.saved-dashboard p b{display:block;color:#f0f2f5;font-size:12px}.saved-dashboard p small{display:block;margin-top:4px;color:#7d8795;font-size:9px}
.saved-dashboard dl{display:flex;gap:7px;margin:0 auto}.saved-dashboard dl div{min-width:72px;padding:7px 10px;border:1px solid #303946;border-radius:5px;background:#11161d;text-align:center}
.saved-dashboard dt{color:#788391;font-size:8px;text-transform:uppercase}.saved-dashboard dd{margin:3px 0 0;color:#e8c86e;font:bold 14px/1 Inter,sans-serif}
.saved-dashboard>button,.compare-window footer button{height:31px;padding:0 12px;border:1px solid #65434a;border-radius:5px;background:#25191d;color:#da929b;font:600 9px Inter;cursor:pointer}
.saved-dashboard>button:hover,.compare-window footer button:hover{border-color:#a45a65;color:#ffc0c7}

.item-row{position:relative}.item-quick-actions{align-self:center;display:flex;flex-direction:column;gap:3px;opacity:.32;transition:.15s}
.item-row:hover .item-quick-actions,.item-quick-actions:focus-within{opacity:1}
.item-quick-actions button{position:relative;width:27px;height:25px;padding:0;display:grid;place-items:center;border:1px solid transparent;border-radius:4px;background:transparent;color:#687382;font:14px/1 Arial;cursor:pointer}
.item-quick-actions button:hover,.item-quick-actions button.active{border-color:#75602e;background:#292318;color:#f1c95d}
.item-quick-actions button span{position:absolute;right:calc(100% + 7px);top:50%;z-index:20;padding:5px 7px;display:none;transform:translateY(-50%);border:1px solid #4a4334;border-radius:4px;background:#101318;color:#e1d5b7;font:600 8px/1 Inter;white-space:nowrap;box-shadow:0 5px 14px #0008}
.item-quick-actions button:hover span{display:block}.item-quick-actions .save-item{font-size:14px}
.shop-quick-actions{position:absolute;z-index:30;right:1px;top:1px;display:none;gap:2px}
.shop-cell.has-item:hover .shop-quick-actions,.shop-quick-actions:focus-within{display:flex}
.shop-quick-actions button{width:17px;height:17px;padding:0;display:grid;place-items:center;border:1px solid #705b31;border-radius:3px;background:#15140fee;color:#d9bd70;font:bold 10px/1 Arial;cursor:pointer;box-shadow:0 2px 5px #000b}
.shop-quick-actions button.active{background:#765d20;color:#fff0a0}.shop-quick-actions button:hover{border-color:#e2b953;color:#fff}

.compare-modal{position:fixed;inset:0;z-index:5600;display:grid;place-items:center;padding:20px}.compare-modal[hidden]{display:none}
.compare-backdrop{position:absolute;inset:0;background:#05070bd9;backdrop-filter:blur(5px)}
.compare-window{position:relative;width:min(1180px,96vw);max-height:90vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid #394454;border-radius:10px;background:#10151d;box-shadow:0 28px 90px #000d,inset 0 1px #ffffff09}
.compare-window>header{height:66px;min-height:66px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2b3441;background:linear-gradient(100deg,#1d2634,#131923)}
.compare-window>header>div{display:flex;align-items:center;gap:11px}.compare-window>header>div>span{width:34px;height:34px;display:grid;place-items:center;border:1px solid #715d32;border-radius:6px;background:#2d2618;color:#e7be56;font-size:16px}
.compare-window>header section{display:block}.compare-window h2{margin:0;color:#f0f2f6;font-size:15px}.compare-window header small{display:block;margin-top:4px;color:#7f8997;font-size:9px}
.compare-window>header>button{width:32px;height:32px;border:1px solid #3c4654;border-radius:5px;background:#171d26;color:#aeb5c0;font-size:19px;cursor:pointer}
.compare-items{min-height:290px;padding:16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;overflow:auto}
.compare-card{position:relative;min-width:0;padding:14px;border:1px solid #303a47;border-radius:7px;background:linear-gradient(#161d26,#11161d)}
.compare-card>button{position:absolute;right:8px;top:8px;width:24px;height:24px;border:1px solid #414b58;border-radius:4px;background:#161b22;color:#8f98a4;cursor:pointer}
.compare-icon{height:82px;display:grid;place-items:center}.compare-icon img{max-width:64px;max-height:76px;image-rendering:auto;filter:drop-shadow(0 5px 5px #000)}
.compare-card h3{margin:6px 0 3px;color:#edc95f;font-size:12px}.compare-card>small{color:#737e8d;font-size:8px}.compare-price{min-height:60px;margin:12px 0;padding:9px;border:1px solid #3f3b2b;border-radius:5px;background:#17160f}
.compare-price>b,.compare-price>em{display:block;font-style:normal}.compare-price>b{color:#21d7de}.compare-price>em{margin-top:4px;color:#f0c84f}
.compare-card dl{margin:0}.compare-card dl>div{padding:7px 0;border-top:1px solid #29313d}.compare-card dt{margin-bottom:4px;color:#778291;font-size:8px;text-transform:uppercase}.compare-card dd{margin:0;color:#c8ced7;font-size:9px;overflow-wrap:anywhere}
.compare-card dd>span{display:block;margin:3px 0;padding:4px;border:1px solid #3e4652;border-radius:3px;background:#1e2530;color:#cfd5dd}.compare-card .element-tag{justify-content:flex-start}
.compare-empty{grid-column:1/-1;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #384453;border-radius:8px;color:#727e8d;text-align:center}.compare-empty b{color:#d9dee6;font-size:14px}.compare-empty span{margin-top:7px;font-size:10px}
.compare-window>footer{height:55px;min-height:55px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #2a3340;background:#121820}.compare-window footer span{color:#7d8795;font-size:9px}
@media(max-width:900px){.compare-items{grid-template-columns:repeat(2,minmax(0,1fr))}.saved-dashboard{flex-wrap:wrap}.saved-dashboard dl{margin-left:0}}
@media(max-width:520px){.compare-items{grid-template-columns:1fr}.saved-dashboard dl{width:100%}.saved-dashboard dl div{flex:1}}

/* v68 - ana liste tooltip hedefi ve oyun stilinde duzgun kart. */
.item-row .item-icon,.item-row .item-name{cursor:help}
.item-row .item-name{align-items:center!important;line-height:19px!important;margin:0!important}
.item-row .item-name>b{display:inline-flex;align-items:center;height:18px;line-height:18px!important}
.item-row .item-name>.ago-badge{align-self:center}

#hoverTip.shop-cell.hover-tip:before,#hoverTip.shop-cell.hover-tip:after{content:none!important;display:none!important}
#hoverTip.shop-cell.hover-tip{isolation:auto!important;clip-path:none!important}
#hoverTip.shop-cell.hover-tip>.item-tooltip{width:auto!important;min-width:0!important;max-width:none!important}
#hoverTip.shop-cell.hover-tip>.item-tooltip>.tooltip-container{
  position:relative!important;width:max-content!important;min-width:250px!important;max-width:330px!important;
  padding:14px 16px 13px!important;overflow:hidden!important;
  border:1px solid #8a6a32!important;border-radius:6px!important;
  background:linear-gradient(180deg,#111411 0%,#080a08 58%,#050605 100%)!important;
  box-shadow:0 16px 38px #000d,0 0 0 1px #17130d,inset 0 1px #d4aa5745!important
}
#hoverTip.shop-cell.hover-tip>.item-tooltip>.tooltip-container:before{
  content:"";position:absolute;left:10px;right:10px;top:0;height:1px;
  background:linear-gradient(90deg,transparent,#e0b45399,transparent);pointer-events:none
}
#hoverTip .tooltip-container>.item-icon-wrapper{width:58px!important;min-height:50px!important;margin:0 auto 7px!important}
#hoverTip .tooltip-container>.item-icon-wrapper>img{max-width:50px!important;max-height:102px!important;margin:auto!important}
#hoverTip .tooltip-container>.item-name{
  display:block!important;width:100%!important;max-width:298px!important;margin:0 auto 8px!important;
  color:#f6d36a!important;font:600 13px/1.35 Tahoma,Arial,sans-serif!important;
  text-align:center!important;white-space:normal!important;overflow-wrap:anywhere!important
}
#hoverTip .tooltip-container>.description-text{max-width:298px!important;margin:0 auto 7px!important;text-align:center!important;line-height:1.45!important}
#hoverTip .tooltip-container>.text-line{max-width:298px!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important;line-height:1.35!important}
#hoverTip .tooltip-container>.spacer{height:7px!important}
@media(max-width:560px){#hoverTip.shop-cell.hover-tip>.item-tooltip>.tooltip-container{min-width:220px!important;max-width:calc(100vw - 24px)!important}}