:root{
  --bg:#f6c6d8; --panel:#fff8ef; --panel-2:#f6ecdc; --line:#e7d7bd; --ink:#33283a; --muted:#8a7a86;
  --leaf:#3f9d63; --leaf-d:#2c7a4a; --clay:#e2774f; --honey:#f4b942; --pink:#ff8fbf; --pink-d:#d9659a; --mint:#7fd6b4;
  --good:#2c9a57; --bad:#d6553b; --edge:#33283a; --sky-top:#f08cb8; --sky-bot:#ffd9c8;
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){ --bg:#f6c6d8; } }
:root[data-theme="dark"]{ --bg:#f6c6d8; }
*{box-sizing:border-box}
html,body{margin:0;height:100%;overflow:hidden}
body{background:linear-gradient(180deg,var(--sky-top),var(--sky-bot));background-color:var(--bg);color:var(--ink);
  font-family:'Jersey 10','Pixelify Sans',system-ui,sans-serif;user-select:none;-webkit-user-select:none;touch-action:none}
canvas{display:block}
.px{font-family:Silkscreen,monospace}
.hud{position:fixed;z-index:5}
/* ---------- oyuncu kartı (sol üst) ---------- */
.panel{background:linear-gradient(180deg,#fffaf0,#fbeedd);border:4px solid #7a4a2a;box-shadow:inset 0 0 0 3px #e9c99a,0 6px 0 rgba(90,50,30,.35);color:#4a2e1e}
#player{top:14px;left:14px;width:270px;padding:10px;display:flex;flex-direction:column;gap:8px}
#player .who{display:flex;gap:10px;align-items:center}
#player .ava{width:54px;height:54px;background:linear-gradient(180deg,#ffd3e6,#ff9cc6);border:3px solid #1c1424;display:grid;place-items:center;font-size:30px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.45)}
#player .nm{font-family:Silkscreen,monospace;font-size:15px;color:#e0507f;line-height:1.1}
#player .ttl{font-size:12px;color:#8a6a52}
.xp{height:10px;background:#f1dcc0;border:2px solid #7a4a2a;margin-top:4px;width:160px}.xp i{display:block;height:100%;background:linear-gradient(90deg,#7fd6b4,#3f9d63)}
.srow{display:flex;align-items:center;gap:8px;background:#fff;padding:5px 8px;border:2px solid #e9c99a}
.srow .ic{font-size:16px;width:20px;text-align:center}
.srow .k{font-family:Silkscreen,monospace;font-size:8px;color:#b08a6a;letter-spacing:1px;width:46px}
.srow .v{font-family:Silkscreen,monospace;font-size:13px;flex:1;white-space:nowrap}
.srow .s{font-size:11px;color:#3f9d63;white-space:nowrap}
#powPill{cursor:pointer}#powPill:hover{background:#fff4cf}
/* ---------- sağ eylem sütunu ---------- */
#side{top:14px;right:14px;display:flex;flex-direction:column;gap:8px;padding:8px}
.ibtn{width:64px;height:60px;cursor:pointer;border:3px solid #7a4a2a;background:#f6e3c6;color:#4a2e1e;color:#fff;font-size:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-family:inherit;
  box-shadow:inset -3px -3px 0 rgba(0,0,0,.3),inset 3px 3px 0 rgba(255,255,255,.18)}
.ibtn span{font-family:Silkscreen,monospace;font-size:8px}
.ibtn:active{transform:translateY(2px)}
.ibtn.g{background:#7fcf8a}.ibtn.p{background:#ff9cc6}.ibtn.on{background:#ffd84a}
.sep{height:3px;background:#e9c99a;margin:2px 0}
.btn{font-family:Silkscreen,monospace;font-size:12px;cursor:pointer;border:3px solid var(--edge);background:var(--leaf);color:#fff;padding:8px 12px;box-shadow:inset -3px -3px 0 rgba(0,0,0,.22),inset 3px 3px 0 rgba(255,255,255,.3)}
.btn.ghost{background:var(--pink-d)}.btn:disabled{opacity:.4;cursor:not-allowed}
/* ---------- tohum çubuğu ---------- */
#bar{bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:4px;max-width:calc(100% - 32px);overflow-x:auto;padding:6px;
  background:linear-gradient(180deg,#fffaf0,#fbeedd);border:4px solid #7a4a2a;box-shadow:inset 0 0 0 3px #e9c99a,0 6px 0 rgba(90,50,30,.35)}
.slot{min-width:58px;height:58px;background:#fff;cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:24px;
  border:3px solid #d9b98e;box-shadow:inset 2px 2px 0 rgba(0,0,0,.06)}
.slot span{display:none}
.slot em{position:absolute;top:-7px;right:-7px;font-style:normal;font-family:Silkscreen,monospace;font-size:10px;color:#fff;background:#e0507f;border:2px solid #7a4a2a;min-width:20px;height:20px;display:grid;place-items:center}
.slot.sel{border-color:#e0507f;background:#ffe6f0;transform:translateY(-3px)}
.slot.zero{opacity:.45}
#hint{display:none}
/* ---------- etiketler ---------- */
#labels{position:fixed;inset:0;pointer-events:none}
.lbl{position:absolute;transform:translate(-50%,-100%);font-size:18px;animation:bob 1.8s ease-in-out infinite;white-space:nowrap;text-align:center}
.lbl .tag{display:inline-block;background:#fff;color:var(--leaf-d);font-family:Silkscreen,monospace;font-size:11px;padding:2px 7px;border:2px solid var(--edge)}
.lbl .bar{width:38px;height:7px;background:rgba(255,255,255,.8);margin:3px auto 0;overflow:hidden;border:2px solid var(--edge)}
.lbl .bar i{display:block;height:100%;background:var(--leaf)}
.lbl.lock{background:var(--ink);color:#fff;font-family:Silkscreen,monospace;font-size:11px;padding:5px 10px;animation:none;border:2px solid #fff;box-shadow:3px 3px 0 rgba(0,0,0,.25)}
.lbl.lock::after{content:'';position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--ink)}
#labels .lbl.pen{font-size:9px;padding:3px 7px}
@keyframes bob{50%{margin-top:-4px}}
/* ---------- bildirim ---------- */
#toasts{top:84px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none}
.toast{background:var(--ink);color:#fff;padding:8px 16px;font-size:14px;border:3px solid #fff;box-shadow:3px 3px 0 rgba(0,0,0,.25);animation:tin .25s ease-out}
@keyframes tin{from{transform:translateY(-8px);opacity:0}}
/* ---------- pencere ---------- */
#modal{position:fixed;inset:0;background:rgba(51,40,58,.35);backdrop-filter:blur(3px);display:none;align-items:center;justify-content:center;z-index:10;padding:16px}
#modal.on{display:flex}
.win{width:min(580px,100%);max-height:86vh;display:flex;flex-direction:column;background:var(--panel);border:4px solid var(--edge);box-shadow:8px 8px 0 rgba(51,40,58,.5);overflow:hidden}
.win-h{display:flex;align-items:center;gap:10px;padding:12px 16px;color:#fff;font-family:Silkscreen,monospace;font-size:15px;border-bottom:4px solid var(--edge);
  background:repeating-linear-gradient(90deg,var(--leaf) 0 12px,#48a96d 12px 24px)}
.win-h .x{margin-left:auto;cursor:pointer;width:28px;height:28px;background:var(--pink-d);border:3px solid var(--edge);display:grid;place-items:center;font-size:13px}
.tabs{display:flex;gap:6px;padding:12px 16px 0;flex-wrap:wrap}
.tab{font-family:Silkscreen,monospace;font-size:11px;padding:7px 11px;cursor:pointer;background:var(--panel-2);color:var(--muted);border:3px solid var(--edge)}
.tab.on{background:var(--honey);color:var(--edge)}
.win-b{padding:14px 16px;overflow:auto}
.row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#fff;margin-bottom:8px;border:3px solid var(--line)}
.row .ic{font-size:26px;width:46px;height:46px;background:var(--panel-2);border:2px solid var(--line);display:grid;place-items:center;flex:none}
.row .tx{flex:1;min-width:0}
.row .tx b{display:block;font-size:16px;font-weight:600}
.row .tx small{color:var(--muted);font-size:13px}
.up{color:var(--good)}.down{color:var(--bad)}
.note{font-size:13px;color:var(--muted);line-height:1.55}
#battle{top:14px;left:50%;transform:translateX(-50%);padding:8px 14px;display:none;text-align:center;min-width:240px}
#battle .bt{font-family:Silkscreen,monospace;font-size:14px;color:#e0507f}#battle .bs{font-size:12px;color:#8a6a52;margin:2px 0 6px}
.hpb{position:relative;height:18px;background:#f1dcc0;border:3px solid #7a4a2a}.hpb i{display:block;height:100%;background:linear-gradient(90deg,#ff4f6d,#ff8fbf);transition:width .2s}
.hpb span{position:absolute;inset:0;font-family:Silkscreen,monospace;font-size:10px;line-height:12px;color:#4a2e1e}
.dmg{position:fixed;z-index:6;transform:translate(-50%,-100%);font-family:Silkscreen,monospace;font-size:26px;text-shadow:2px 2px 0 #33283a;pointer-events:none;animation:up .8s ease-out forwards}
@keyframes up{0%{font-size:40px}25%{font-size:26px}to{margin-top:-60px;opacity:0}}
body[data-view="arena"] .lbl:not(.pen):not(.cr){}
body[data-view="arena"] #bar,body[data-view="arena"] .lbl.lock{display:none}

/* ---------- okunabilirlik ---------- */
.row .tx b{font-family:'Jersey 10','Pixelify Sans',sans-serif;font-size:15.5px;font-weight:800;color:#3a2a20}
.row .tx small{display:block;font-size:13px;font-weight:600;color:#7a6252;line-height:1.35;margin-top:2px}
.note{font-size:13.5px;color:#6b5646;font-weight:600}
.tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.tab{white-space:nowrap;font-size:10px}
.row .btn{white-space:nowrap;flex:none}.row{gap:10px}
.srow .v{font-family:'Jersey 10','Pixelify Sans',sans-serif;font-weight:800;font-size:15px}.srow .k{font-size:8px}
.toast{font-weight:700}
.hero-card{background:linear-gradient(135deg,#ffe3ef,#fff6e6);border:3px solid #e9c99a;padding:14px 16px;margin-bottom:12px}
.hero-card .hk{font-family:Silkscreen,monospace;font-size:10px;color:#a0806a;letter-spacing:2px}
.hero-card .hv{font-family:Silkscreen,monospace;font-size:30px;color:#e0507f;margin:2px 0 10px}
.hg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hg div{background:#fff;border:2px solid #f0dcc0;padding:6px 8px}
.hg span{display:block;font-size:11px;color:#8a6a52;font-weight:700}.hg b{font-size:15px;color:#3a2a20}
.sec{font-family:Silkscreen,monospace;font-size:10px;letter-spacing:1px;color:#a0806a;margin:14px 0 6px}
.pb{display:flex;align-items:center;gap:8px;margin:5px 0;font-weight:700}.pi{width:22px;text-align:center}.pn{width:80px;font-size:13px}
.pt{flex:1;height:12px;background:#f3e6d2;border:2px solid #e2cba8}.pt i{display:block;height:100%}.pb b{width:70px;text-align:right;font-size:13px}
.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{background:#fff;border:2px solid #e9c99a;padding:4px 8px;font-size:12.5px;font-weight:700;color:#6b5646}.chip b{color:#3f9d63}
.fgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}.fc{background:#fff;border:2px solid #ecd9bd;padding:8px;text-align:center}
.fc .fi{font-size:24px}.fc b{display:block;font-size:12.5px}.fc small{display:block;font-size:11px;color:#7a6252;font-weight:600}
#placebar{position:fixed;left:50%;bottom:100px;transform:translateX(-50%);z-index:7;display:none;align-items:center;gap:10px;padding:8px 12px}
#placebar span{font-weight:800;font-size:14px}
@media (max-width:700px){.hg{grid-template-columns:1fr 1fr}.hero-card .hv{font-size:24px}}
/* piksel ama okunaklı */
body{letter-spacing:.3px;-webkit-font-smoothing:none;font-smooth:never}
.row .tx b{font-size:17px;font-weight:600;letter-spacing:.4px}
.row .tx small{font-size:14.5px;font-weight:500;line-height:1.3;color:#6b5646}
.note{font-size:14.5px;font-weight:500;line-height:1.45}
.srow .v{font-size:16px;font-weight:600}
.hg span{font-size:13px;font-weight:500}.hg b{font-size:17px;font-weight:600}
.pn,.pb b{font-size:14.5px;font-weight:600}.chip{font-size:14px;font-weight:500}
.fc b{font-size:14px;font-weight:600}.fc small{font-size:12.5px;font-weight:500}
.toast{font-size:15px;font-weight:600}
/* düzeltmeler */
.tabs{flex-wrap:wrap!important;overflow:visible!important;gap:5px;padding-bottom:0}
.tab{padding:6px 9px;font-size:10px}
.btn,.tab,.lbl.lock,.lbl .tag,.win-h,.ibtn span,.sec,.hk,.srow .k,#logo b,#logo small,.slot span,#battle .bt,.vbtn span{text-transform:uppercase}
.win-b{overflow-x:hidden}
#decoMenu{display:none;width:280px;padding:10px 12px}#decoMenu b{font-size:17px}#decoMenu small{margin-left:8px;color:#3f9d63;font-weight:600}
#decoMenu .dm{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}#decoMenu .btn{font-size:10px;padding:7px 6px;justify-content:center}
/* savaş sonucu */
.res{text-align:center;padding:16px 10px 14px;margin-bottom:12px;border:3px solid #e9c99a;position:relative;overflow:hidden}
.res.rwin{background:radial-gradient(circle at 50% 0%,#fff3b8,#ffe3ef 70%)}.res.rlose{background:linear-gradient(180deg,#efe6f6,#fbeedd)}
.res .rb{font-size:30px;letter-spacing:6px;animation:pop .5s ease-out}
.res .rt{font-family:Silkscreen,monospace;font-size:28px;color:#e0507f;text-shadow:3px 3px 0 #ffd84a;margin-top:4px;animation:pop .6s ease-out}
.res.rlose .rt{color:#6a5a86;text-shadow:3px 3px 0 #d8c8ec}
.res .rs{font-family:Silkscreen,monospace;font-size:14px;color:#3f9d63;letter-spacing:2px;margin:4px 0 12px}.res.rlose .rs{color:#8a6a52}
.rg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}.rg div{background:#fff;border:2px solid #f0dcc0;padding:6px}.rg span{display:block;font-size:12px;color:#8a6a52}.rg b{font-size:17px}
.rr{display:inline-block;background:#fff;border:2px dashed #e0507f;padding:6px 12px;font-weight:600;font-size:15px}
@keyframes pop{0%{transform:scale(.3);opacity:0}70%{transform:scale(1.15)}to{transform:scale(1)}}
/* ---------- yeni pencere stili ---------- */
.win{--acc:#3f9d63}
.win-h{background:var(--acc)!important;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 12px,transparent 12px 24px)!important;font-size:16px}
.tabs{display:grid!important;grid-template-columns:repeat(7,1fr);gap:4px!important;padding:10px 12px 0!important}
.tab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px!important;font-size:9px!important;background:#fff!important;color:#6b5646!important;border:3px solid #e2cba8!important}
.tab .ti{font-size:20px;line-height:1}
.tab.on{background:var(--c)!important;color:#fff!important;border-color:var(--edge)!important;transform:translateY(-2px);box-shadow:0 3px 0 var(--edge)}
.row{border-left:6px solid var(--acc)!important;background:#fff}
.row .ic{background:color-mix(in srgb,var(--acc) 15%,#fff)!important;border-color:color-mix(in srgb,var(--acc) 40%,#fff)!important;width:52px!important;height:52px!important;font-size:28px!important}
.row .btn{min-width:92px;justify-content:center;font-size:12px;padding:10px 12px}
.row .btn:disabled{background:#e9e2d6!important;color:#9a8a7a!important}
@media (max-width:700px){.tabs{grid-template-columns:repeat(4,1fr)}}
/* ======= HUD v2 ======= */
#player.panel{all:unset}
#hudtop{top:10px;left:10px;right:10px;display:flex;align-items:center;gap:10px;pointer-events:none}
#hudtop>*{pointer-events:auto}
#player.who{position:static;width:auto;flex-direction:row;display:flex;align-items:center;gap:10px;background:#fff8ec;border:4px solid #3b2433;box-shadow:0 4px 0 rgba(59,36,51,.35);padding:6px 12px 6px 6px}
#player .ava{position:relative;width:52px;height:52px;background:linear-gradient(180deg,#ffd3e6,#ff9cc6);border:3px solid #3b2433;display:grid;place-items:center;font-size:30px}
.lvb{position:absolute;right:-8px;bottom:-8px;background:#ffd23f;border:3px solid #3b2433;font-family:Silkscreen,monospace;font-size:12px;min-width:26px;height:24px;display:grid;place-items:center;color:#3b2433}
#player .nm{font-family:Silkscreen,monospace;font-size:16px;color:#e0457b}
#player .ttl{font-size:13px;color:#6b4a3a}
.xp{width:150px;height:10px;background:#f0e2c8;border:2px solid #3b2433;margin-top:3px}.xp i{display:block;height:100%;background:#3fae6a}
.res3{display:flex;gap:10px;margin:0 auto}
.rp{display:flex;align-items:center;gap:10px;background:#fff8ec;border:4px solid #3b2433;box-shadow:0 4px 0 rgba(59,36,51,.35);padding:6px 14px 6px 8px;min-width:150px}
.rp .ri{width:40px;height:40px;display:grid;place-items:center;font-size:24px;border:3px solid #3b2433}
.rp .rv{font-family:'Jersey 10','Pixelify Sans',sans-serif;font-weight:700;font-size:22px;line-height:1;color:#3b2433;white-space:nowrap}
.rp .rv.sm{font-size:17px}.rp .rs{font-size:12px;color:#8a6a52;margin-top:3px;white-space:nowrap}
.rp.pow{background:#fff3c4;cursor:pointer;min-width:200px}.rp.pow .ri{background:#ffd23f}.rp.pow .rv{font-size:28px;color:#d98a00;text-shadow:2px 2px 0 #5a3a1a}.rp.pow .rs{color:#3fae6a;font-weight:600}
.rp.pet .ri{background:#ffb3d1}.rp.pet .rv{color:#e0457b}
.rp.usd .ri{background:#a8ecc4}.rp.usd .rv{color:#1f7a45}.rp.usd b{color:#6b4a3a}
.daychip{display:flex;align-items:center;gap:8px;background:#3b2433;color:#fff;border:4px solid #3b2433;padding:8px 12px;font-family:Silkscreen,monospace;font-size:12px}
.daychip b{font-family:'Jersey 10','Pixelify Sans',sans-serif;font-size:18px;color:#ffd23f}
.bump{animation:bump .35s ease-out}@keyframes bump{40%{transform:scale(1.18)}}
#side{top:96px!important}
#side,#bar{background:repeating-linear-gradient(0deg,#8a5a34 0 6px,#7d5130 6px 7px,#94623a 7px 13px,#7d5130 13px 14px)!important;border:4px solid #3a2414!important;box-shadow:inset 0 0 0 3px #b07a48,0 6px 0 rgba(30,15,5,.45)!important}
#side .sep{background:#5a3a20!important}
.ibtn{width:72px!important;height:72px!important;font-size:30px!important}
.ibtn span{font-size:10px!important;color:#3b2433}
.slot{min-width:64px!important;height:64px!important;border:3px solid #5a3a1a!important;box-shadow:inset 0 0 0 2px #fff!important;font-size:28px!important}
.slot em{top:auto!important;bottom:-6px!important;right:-6px!important;font-size:13px!important;min-width:24px!important;height:22px!important;background:#e0457b!important;border:2px solid #3b2433!important}
.slot.sel{border-color:#ffd23f!important;transform:translateY(-4px);box-shadow:0 4px 0 #3b2433,inset 0 0 0 2px #fff!important;background:#fff3c4!important}
.slot.zero{filter:grayscale(1)}
.ptag{display:inline-block;background:#fff3c4;color:#d98a00;border:2px solid #f2b233;font-weight:700;font-size:13px;padding:1px 6px;margin-right:4px}
.row .btn:not(:disabled){box-shadow:inset -3px -3px 0 rgba(0,0,0,.2),0 3px 0 #1e3a28}
.lbl.lock{font-size:12px!important;padding:6px 10px!important}
@media (max-width:900px){#hudtop{flex-wrap:wrap}.res3{order:3;width:100%;overflow-x:auto}.rp{min-width:0}.daychip{margin-left:auto}#side{top:170px!important}.ibtn{width:56px!important;height:56px!important;font-size:22px!important}}
/* ======= v3: tek parça üst bar + sağdan açılan dükkân ======= */
#hudtop{top:0!important;left:0!important;right:0!important;gap:0!important;padding:8px 12px;background:#fff8ec;border-bottom:4px solid #3b2433;box-shadow:0 4px 0 rgba(59,36,51,.25)}
#player.who,.rp,.daychip{border:none!important;box-shadow:none!important;background:transparent!important;padding:2px 14px!important}
.res3{gap:0!important;margin:0 auto}
.rp{min-width:0!important;border-left:3px dashed #e2cba8!important}.res3 .rp:first-child{border-left:none!important}
.rp .ri{width:36px;height:36px;font-size:20px}
.rp .rv,.rp.pow .rv,.rp .rv.sm{font-size:22px!important;text-shadow:none!important}
.rp.pow .rv{color:#d98a00}.daychip{color:#3b2433!important;font-size:11px}.daychip b{color:#3b2433!important}
#side{top:84px!important}
/* dükkân: sağdan kayan, sabit boyut, tek renk */
#modal{justify-content:flex-end!important;align-items:stretch!important;padding:0!important;background:rgba(51,40,58,.25)!important;backdrop-filter:none!important}
#modal .win{width:min(460px,100%)!important;max-height:none!important;height:100%!important;border-right:none!important;box-shadow:-8px 0 0 rgba(51,40,58,.35)!important;transform:translateX(100%);transition:transform .25s ease-out}
#modal.on .win{transform:translateX(0)}
.win{--acc:#3f9d63!important}
.win-h{background:#3f9d63!important}
.tab.on{background:#3f9d63!important}
.win-b{flex:1;overflow-y:auto!important;scroll-behavior:smooth}
.win-b::-webkit-scrollbar{width:10px}.win-b::-webkit-scrollbar-thumb{background:#3f9d63;border:2px solid #fff8ec}
.tabs{grid-template-columns:repeat(4,1fr)!important}
/* ======= v4: ahşap tabela üst bar ======= */
#hudtop{left:50%!important;right:auto!important;top:8px!important;transform:translateX(-50%);width:auto!important;max-width:calc(100% - 16px);padding:8px 18px!important;gap:0!important;
  background:repeating-linear-gradient(0deg,#8a5a34 0 6px,#7d5130 6px 7px,#94623a 7px 13px,#7d5130 13px 14px)!important;
  border:4px solid #3a2414!important;border-bottom:4px solid #3a2414!important;box-shadow:inset 0 0 0 3px #b07a48,inset 0 0 0 6px #5a3a20,0 6px 0 rgba(30,15,5,.45)!important}
#hudtop::before,#hudtop::after{content:'';position:absolute;top:8px;width:8px;height:8px;background:#d9c08a;border:2px solid #3a2414}
#hudtop::before{left:8px}#hudtop::after{right:8px}
.res3{margin:0!important}
.rp,#player.who,.daychip{padding:2px 16px!important}
.rp{border-left:3px solid #5a3a20!important;box-shadow:-3px 0 0 #b07a48!important}.res3 .rp:first-child{border-left:3px solid #5a3a20!important}
.daychip{border-left:3px solid #5a3a20!important;box-shadow:-3px 0 0 #b07a48!important}
.rp .ri,#player .ava{border-color:#3a2414!important}
#player .nm{color:#ffd9ec!important;text-shadow:2px 2px 0 #3a2414}#player .ttl{color:#f6e3c6!important}
.xp{background:#5a3a20!important;border-color:#3a2414!important}
.rp .rv,.rp.pow .rv,.rp.pet .rv,.rp.usd .rv,.daychip b{color:#ffe58a!important;text-shadow:2px 2px 0 #3a2414!important}
.rp.pet .rv{color:#ffc4dc!important}.rp.usd .rv{color:#b8f5cc!important}
.rp .rs,.rp.pow .rs,.rp.usd b{color:#f6e3c6!important}.daychip{color:#f6e3c6!important}
#side{top:96px!important}
@media (max-width:900px){#hudtop{flex-wrap:wrap;justify-content:center}}
/* dükkân: ortada, her sekmede sabit boyut, içerik kaydırılır */
#modal{justify-content:center!important;align-items:center!important;padding:16px!important;background:rgba(51,40,58,.35)!important}
#modal .win{width:min(620px,100%)!important;height:min(640px,calc(100vh - 32px))!important;max-height:none!important;border-right:4px solid var(--edge)!important;box-shadow:8px 8px 0 rgba(51,40,58,.5)!important;transform:scale(.96);opacity:0;transition:transform .15s,opacity .15s}
#modal.on .win{transform:none;opacity:1}
.tabs{grid-template-columns:repeat(7,1fr)!important}
@media (max-width:700px){.tabs{grid-template-columns:repeat(4,1fr)!important}}
/* ======= Dükkân v5: ahşap çerçeve, sol sekme rayı, parşömen içerik ======= */
#modal{background:rgba(30,10,30,.55)!important}
#modal .win{display:grid!important;grid-template-columns:138px 1fr;grid-template-rows:52px 1fr;width:min(92vw,760px)!important;height:min(80vh,560px)!important;
  background:repeating-linear-gradient(0deg,#8b5a2b 0 7px,#7a4c22 7px 8px)!important;border:6px solid #3b2416!important;box-shadow:inset 0 2px 0 #b07a45,inset 0 -2px 0 #5c3a1e,10px 10px 0 rgba(30,10,30,.45)!important;position:relative}
#modal .win::before,#modal .win::after{content:'';position:absolute;top:6px;width:9px;height:9px;background:#d9a441;border:2px solid #3b2416;z-index:2}
#modal .win::before{left:6px}#modal .win::after{right:6px}
.win-h{grid-column:1/3;background:transparent!important;background-image:none!important;border-bottom:4px solid #3b2416!important;color:#fff4d6!important;font-size:16px!important;text-shadow:2px 2px 0 #3b2416;padding:0 20px!important}
.win-h .x{background:#c94f6d!important;width:32px!important;height:32px!important;border:3px solid #3b2416!important;color:#fff4d6}
.tabs{grid-column:1;grid-row:2;display:flex!important;flex-direction:column;gap:6px!important;padding:10px 8px!important;overflow-y:auto}
.tab{flex-direction:row!important;justify-content:flex-start;gap:8px!important;height:52px;padding:0 10px!important;background:#6e4523!important;color:#e8d3a8!important;border:3px solid #3b2416!important;font-size:10px!important;transform:none!important;box-shadow:none!important}
.tab .ti{font-size:22px}
.tab.on{background:#f6ead0!important;color:#3b2416!important;margin-right:-11px;border-right-color:#f6ead0!important}
.win-b{grid-column:2;grid-row:2;background:#f6ead0;border-left:3px solid #3b2416;box-shadow:inset 0 0 0 2px #c9a876;padding:14px!important;overflow-y:auto!important;scrollbar-color:#8b5a2b #c9a876}
.win-b::-webkit-scrollbar{width:12px}.win-b::-webkit-scrollbar-track{background:#c9a876}.win-b::-webkit-scrollbar-thumb{background:#8b5a2b!important;border:2px solid #3b2416!important;border-radius:0}
.row{min-height:72px;background:#fff8e8!important;border:2px solid #d8c09a!important;border-left:5px solid #5fa35a!important}
.row .ic{background:#eadbb8!important;border:2px solid #d8c09a!important;width:50px!important;height:50px!important}
.row .btn:not(:disabled){background:#4e9a4a!important;color:#fff4d6!important;box-shadow:0 4px 0 #2f6b2c!important;border:3px solid #3b2416!important}
.row .btn:disabled{background:#b9a58a!important;color:#f6ead0!important;border:3px solid #8a7458!important}
.row:has(.btn:disabled) .ic{filter:saturate(.55)}
@media (max-width:700px){#modal .win{grid-template-columns:64px 1fr}.tab span:last-child{display:none}.tab{justify-content:center}}
/* ======= v6: pembe-mor piksel tema ======= */
:root{--pk-edge:#3b1f4a;--pk-dark:#6b3a7a;--pk-mid:#a05a9c;--pk-light:#ffd6ea;--pk-paper:#fff2f8;--pk-acc:#ff6fae;--pk-gold:#ffd84a}
.pxp{background:var(--pk-paper);border:4px solid var(--pk-edge);box-shadow:inset 0 0 0 3px #ffb8d8,inset 0 -6px 0 3px #f5c2dc,0 6px 0 rgba(59,31,74,.45)}
#hudtop{left:12px!important;right:12px!important;transform:none!important;width:auto!important;max-width:none!important;top:12px!important;padding:0!important;
  background:none!important;border:none!important;box-shadow:none!important;justify-content:space-between;align-items:flex-start}
#hudtop::before,#hudtop::after{display:none}
#player.who,.res3,.daychip{background:var(--pk-paper)!important;border:4px solid var(--pk-edge)!important;box-shadow:inset 0 0 0 3px #ffb8d8,0 6px 0 rgba(59,31,74,.45)!important}
#player.who{padding:8px 14px 8px 8px!important}
.res3{margin:0 auto!important;padding:6px 4px!important}
.daychip{padding:10px 14px!important;color:var(--pk-dark)!important}
.daychip b{color:var(--pk-edge)!important;text-shadow:none!important}
.rp{box-shadow:none!important;border-left:3px dashed #f0a8cc!important}.res3 .rp:first-child{border-left:none!important}
#player .nm{color:var(--pk-acc)!important;text-shadow:2px 2px 0 #ffd6ea!important}#player .ttl{color:var(--pk-dark)!important}
.xp{background:#ffd6ea!important;border-color:var(--pk-edge)!important}.xp i{background:var(--pk-acc)!important}
.rp .rv,.rp.pow .rv{color:#d98a00!important;text-shadow:2px 2px 0 #ffe9a8!important}.rp.pet .rv{color:#e0457b!important;text-shadow:2px 2px 0 #ffd6ea!important}.rp.usd .rv{color:#1f7a45!important;text-shadow:none!important}
.rp .rs,.rp.pow .rs,.rp.usd b{color:var(--pk-mid)!important}
.rp .ri,#player .ava{border-color:var(--pk-edge)!important}
#side{top:100px!important;padding:6px!important}
#side,#bar{background:var(--pk-paper)!important;border:4px solid var(--pk-edge)!important;box-shadow:inset 0 0 0 3px #ffb8d8,0 6px 0 rgba(59,31,74,.45)!important}
#side .sep{background:#f0a8cc!important}
.ibtn{width:62px!important;height:62px!important;font-size:26px!important;border:3px solid var(--pk-edge)!important}
.ibtn span{font-size:9px!important}
.slot{border-color:var(--pk-edge)!important}
/* dükkân */
#modal .win{background:var(--pk-dark)!important;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 4px,transparent 4px 8px)!important;border:6px solid var(--pk-edge)!important;box-shadow:inset 0 0 0 3px #8e4f9a,10px 10px 0 rgba(30,10,30,.45)!important}
#modal .win::before,#modal .win::after{background:var(--pk-gold)!important;border-color:var(--pk-edge)!important}
.win-h{color:#fff2f8!important;text-shadow:2px 2px 0 var(--pk-edge)!important;border-bottom:4px solid var(--pk-edge)!important;background:var(--pk-acc)!important;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 8px,transparent 8px 16px)!important}
.win-h .x{background:var(--pk-dark)!important;border-color:var(--pk-edge)!important}
.tab{background:#8e4f9a!important;color:#ffe3f1!important;border:3px solid var(--pk-edge)!important;box-shadow:inset 0 -4px 0 rgba(0,0,0,.2),inset 0 3px 0 rgba(255,255,255,.18)!important;font-size:10px!important;height:50px}
.tab:hover{background:#a865b2!important}
.tab.on{background:var(--pk-paper)!important;color:var(--pk-acc)!important;border-right-color:var(--pk-paper)!important;box-shadow:none!important}
.win-b{background:var(--pk-paper)!important;border-left:3px solid var(--pk-edge)!important;box-shadow:inset 0 0 0 2px #ffb8d8!important;scrollbar-color:var(--pk-acc) #ffd6ea}
.win-b::-webkit-scrollbar-track{background:#ffd6ea!important}.win-b::-webkit-scrollbar-thumb{background:var(--pk-acc)!important;border-color:var(--pk-edge)!important}
.row{background:#fff!important;border:2px solid #f5c2dc!important;border-left:5px solid var(--pk-acc)!important}
.row .ic{background:#ffe9f3!important;border-color:#f5c2dc!important}
.row .btn:not(:disabled){background:var(--pk-acc)!important;color:#fff!important;box-shadow:0 4px 0 #b03a74!important;border-color:var(--pk-edge)!important}
.row .btn:disabled{background:#ead6e2!important;color:#a88aa0!important;border-color:#cdb0c2!important}
.ptag{background:#fff3c4!important}
/* ======= v7: unisex palet (lacivert + krem + turkuaz, altın PETAL) ======= */
:root{--pk-edge:#1f2a3c;--pk-dark:#2e4057;--pk-mid:#4f6d8a;--pk-light:#dbe7f0;--pk-paper:#fbf6ea;--pk-acc:#2a9d8f;--pk-gold:#f4b942}
#player.who,.res3,.daychip,#side,#bar{box-shadow:inset 0 0 0 3px #e6dcc6,0 6px 0 rgba(31,42,60,.45)!important}
.rp{border-left-color:#d8ccb2!important}
#player .nm{color:#2a9d8f!important;text-shadow:2px 2px 0 #d6efe9!important}
.xp{background:#e6dcc6!important}.xp i{background:#2a9d8f!important}
.rp.pet .ri{background:#f4b942!important}.rp.pet .rv{color:#b8741a!important;text-shadow:2px 2px 0 #fde7b8!important}
.rp.pow .ri{background:#ffd84a!important}
#side .sep{background:#e6dcc6!important}
#modal .win{background:#2e4057!important;box-shadow:inset 0 0 0 3px #4f6d8a,10px 10px 0 rgba(10,15,25,.45)!important}
.win-h{background:#2a9d8f!important}
.tab{background:#4f6d8a!important;color:#eaf2f8!important}.tab:hover{background:#5f7f9e!important}
.tab.on,.tab.on:hover{background:#fbf6ea!important;color:#2a9d8f!important}
.win-b{box-shadow:inset 0 0 0 2px #e6dcc6!important;scrollbar-color:#2a9d8f #e6dcc6}.win-b::-webkit-scrollbar-track{background:#e6dcc6!important}.win-b::-webkit-scrollbar-thumb{background:#2a9d8f!important}
.row{border-color:#e6dcc6!important;border-left-color:#2a9d8f!important}.row .ic{background:#f3eddd!important;border-color:#e6dcc6!important}
.row .btn:not(:disabled){background:#2a9d8f!important;box-shadow:0 4px 0 #1d6f65!important}
.row .btn.ghost:not(:disabled){background:#e76f51!important;box-shadow:0 4px 0 #a84a33!important}
.row .btn:disabled{background:#e9e4d8!important;color:#9a9282!important;border-color:#cfc6b2!important}
.hero-card{background:linear-gradient(135deg,#e3f3ef,#fbf6ea)!important;border-color:#cfe3dc!important}.hero-card .hv{color:#2a9d8f!important}
.ibtn.g{background:#7fcf8a!important}.ibtn.p{background:#f4b942!important}.ibtn.on{background:#2a9d8f!important;color:#fff}
/* ======= v8: Moss & Sandstone (editör paleti) ======= */
:root{--pk-edge:#1f2a24;--pk-paper:#f4ecd6;--pk-acc:#c8643b;--pk-gold:#f2b02c}
#player.who,.res3,.daychip,#side,#bar{background:#f4ecd6!important;border-color:#1f2a24!important;box-shadow:inset 0 0 0 3px #d9c9a3,0 6px 0 rgba(31,42,36,.45)!important}
.rp{border-left-color:#d9c9a3!important}
#player .nm{color:#3f6b4e!important;text-shadow:none!important}#player .ttl,.daychip{color:#7a705a!important}
.xp{background:#e8ddc0!important;border-color:#1f2a24!important}.xp i{background:#5e8f6a!important}
.rp .rs,.rp.pow .rs,.rp.usd b{color:#7a705a!important}.daychip b{color:#1f2a24!important}
.rp.pow .ri{background:#f2b02c!important}.rp.pow .rv{color:#c98a00!important;text-shadow:2px 2px 0 #fbe3a4!important}
.rp.pet .ri{background:#e0417a!important}.rp.pet .rv{color:#e0417a!important;text-shadow:2px 2px 0 #f8d3e1!important}
.rp .ri,#player .ava{border-color:#1f2a24!important}
#side .sep{background:#d9c9a3!important}
.ibtn{border-color:#1f2a24!important;background:#e3d6b4!important;color:#3a3a2e!important}.ibtn.g{background:#5e8f6a!important}.ibtn.p{background:#f2b02c!important}.ibtn.on{background:#4f8a5b!important;color:#fbf6e6!important}
.ibtn span{color:#1f2a24!important}.ibtn.g span,.ibtn.on span{color:#fbf6e6!important}
.slot{border-color:#1f2a24!important}
#modal .win{background:#2f4a3a!important;background-image:none!important;border-color:#1f2a24!important;box-shadow:inset 0 0 0 3px #3f6b4e,10px 10px 0 rgba(15,20,18,.45)!important}
#modal .win::before,#modal .win::after{background:#f2b02c!important;border-color:#1f2a24!important}
.win-h{background:#3f6b4e!important;background-image:none!important;color:#fbf6e6!important;text-shadow:2px 2px 0 #1f2a24!important;border-bottom-color:#1f2a24!important}
.win-h .x{background:#c8643b!important;border-color:#1f2a24!important}
.tab{background:#e3d6b4!important;color:#6b5d45!important;border-color:#1f2a24!important}.tab:hover{background:#ece2c6!important}
.tab.on,.tab.on:hover{background:#4f8a5b!important;color:#fbf6e6!important;border-right-color:#1f2a24!important;margin-right:0!important}
.win-b{background:#faf4e2!important;border-left-color:#1f2a24!important;box-shadow:inset 0 0 0 2px #d9c9a3!important;scrollbar-color:#8a7a5a #e8ddc0}
.win-b::-webkit-scrollbar-track{background:#e8ddc0!important}.win-b::-webkit-scrollbar-thumb{background:#8a7a5a!important;border-color:#1f2a24!important}
.row{background:#fffaf0!important;border-color:#d9c9a3!important;border-left:5px solid #c8643b!important}
.row .tx b{color:#1f2a24!important}.row .tx small,.note{color:#7a705a!important}
.row .ic{background:#f4ecd6!important;border-color:#d9c9a3!important}
.row .btn:not(:disabled){background:#c8643b!important;color:#fffaf0!important;box-shadow:0 4px 0 #7e3a22!important;border-color:#1f2a24!important}
.row .btn.ghost:not(:disabled){background:#5e8f6a!important;box-shadow:0 4px 0 #34553f!important}
.row .btn:disabled{background:#cfc6b0!important;color:#8f8670!important;border-color:#b5aa90!important}
.hero-card{background:#f4ecd6!important;border-color:#d9c9a3!important}.hero-card .hv{color:#c98a00!important}
.ptag{background:#fdeec4!important;color:#b07a00!important;border-color:#f2b02c!important}
/* ======= v9: temalı palet (değişkenlerle) ======= */
#player.who,.res3,.daychip,#side,#bar{background:var(--t-panel)!important;border-color:var(--t-edge)!important;box-shadow:inset 0 0 0 3px var(--t-inner),0 6px 0 rgba(0,0,0,.4)!important}
.rp{border-left-color:var(--t-rowBorder)!important}
#player .nm{color:var(--t-text)!important;text-shadow:none!important}#player .ttl,.daychip,.rp .rs,.rp.pow .rs,.rp.usd b{color:var(--t-muted)!important}
.daychip b,.rp.usd .rv{color:var(--t-text)!important;text-shadow:none!important}
.xp{background:var(--t-track)!important;border-color:var(--t-edge)!important}.xp i{background:var(--t-btn)!important}
.rp.pow .ri{background:var(--t-power)!important}.rp.pow .rv{color:var(--t-power)!important;text-shadow:2px 2px 0 var(--t-edge)!important}
.rp.pet .ri{background:var(--t-petal)!important}.rp.pet .rv{color:var(--t-petal)!important;text-shadow:2px 2px 0 var(--t-edge)!important}
.rp.usd .ri{background:var(--t-inner)!important}
.rp .ri,#player .ava{border-color:var(--t-edge)!important}
#side .sep{background:var(--t-rowBorder)!important}
.ibtn{border-color:var(--t-edge)!important;background:var(--t-tabBg)!important;color:var(--t-text)!important}
.ibtn span{color:var(--t-tabText)!important}.ibtn.g{background:var(--t-btn)!important}.ibtn.p{background:var(--t-power)!important}.ibtn.on{background:var(--t-tabOnBg)!important}
.ibtn.g span,.ibtn.on span{color:var(--t-tabOnText)!important}.ibtn.p span{color:var(--t-edge)!important}
.slot{border-color:var(--t-edge)!important;background:var(--t-rowBg)!important}
#bar{background:var(--t-panel)!important}
#modal .win{background:var(--t-frame)!important;background-image:none!important;border-color:var(--t-edge)!important;box-shadow:inset 0 0 0 3px var(--t-inner),10px 10px 0 rgba(0,0,0,.45)!important}
#modal .win::before,#modal .win::after{background:var(--t-power)!important;border-color:var(--t-edge)!important}
.win-h{background:var(--t-header)!important;background-image:none!important;color:var(--t-headerText)!important;text-shadow:2px 2px 0 var(--t-edge)!important;border-bottom-color:var(--t-edge)!important}
.win-h .x{background:var(--t-btn)!important;border-color:var(--t-edge)!important;color:#fff!important}
.tabs{background:var(--t-frame)}
.tab{background:var(--t-tabBg)!important;color:var(--t-tabText)!important;border-color:var(--t-edge)!important}.tab:hover{filter:brightness(1.12)}
.tab.on,.tab.on:hover{background:var(--t-tabOnBg)!important;color:var(--t-tabOnText)!important;filter:none}
.win-b{background:var(--t-content)!important;border-left-color:var(--t-edge)!important;box-shadow:inset 0 0 0 2px var(--t-inner)!important;scrollbar-color:var(--t-thumb) var(--t-track)}
.win-b::-webkit-scrollbar-track{background:var(--t-track)!important}.win-b::-webkit-scrollbar-thumb{background:var(--t-thumb)!important;border-color:var(--t-edge)!important}
.row{background:var(--t-rowBg)!important;border-color:var(--t-rowBorder)!important;border-left:5px solid var(--t-stripe)!important}
.row .tx b,.res .rg b,.hg b,.pb b,.pn,.fc b{color:var(--t-text)!important}
.row .tx small,.note,.hg span,.rg span,.fc small,.sec,.hk{color:var(--t-muted)!important}
.note b{color:var(--t-text)!important}
.row .ic{background:var(--t-inner)!important;border-color:var(--t-rowBorder)!important}
.row .btn:not(:disabled),.btn:not(:disabled):not(.ghost){background:var(--t-btn)!important;color:#fff!important;box-shadow:0 4px 0 var(--t-btnShadow)!important;border-color:var(--t-edge)!important}
.row .btn.ghost:not(:disabled),.btn.ghost:not(:disabled){background:var(--t-btn2)!important;color:var(--t-text)!important;box-shadow:0 4px 0 var(--t-btn2Shadow)!important}
.row .btn:disabled,.btn:disabled{background:var(--t-disBg)!important;color:var(--t-disText)!important;border-color:var(--t-rowBorder)!important}
.hero-card,.res,.hg div,.rg div,.fc,.chip{background:var(--t-rowBg)!important;border-color:var(--t-rowBorder)!important;color:var(--t-text)!important}
.hero-card .hv{color:var(--t-power)!important;text-shadow:2px 2px 0 var(--t-edge)}
.pt{background:var(--t-track)!important;border-color:var(--t-rowBorder)!important}
.ptag{background:transparent!important;color:var(--t-power)!important;border-color:var(--t-power)!important}
input{background:var(--t-rowBg);color:var(--t-text)}
/* sekmesiz pencereler: sol ray gizlenir */
#modal .win:has(#wTabs:empty){grid-template-columns:1fr!important}
#wTabs:empty{display:none!important}
#modal .win:has(#wTabs:empty){height:auto!important;max-height:calc(100vh - 32px)!important;grid-template-rows:52px auto!important}
#modal .win:has(#wTabs:empty) .win-b{grid-column:1/-1!important;border-left:none!important}
#battle{top:92px!important;background:var(--t-panel)!important;border:4px solid var(--t-edge)!important;box-shadow:inset 0 0 0 3px var(--t-inner),0 6px 0 rgba(0,0,0,.4)!important;z-index:4!important}
#battle .bt{color:var(--t-text)!important}#battle .bs{color:var(--t-muted)!important}
#bulk{bottom:108px;left:50%;transform:translateX(-50%);display:flex;gap:6px}#bulk .btn{font-size:10px;padding:7px 10px;border:3px solid var(--t-edge)!important}
body[data-view="arena"] #bulk,body[data-view="farm"] #bulk{display:none}
/* düzeltmeler v10 */
body[data-view="cave"] .lbl:not(.pen),body[data-view="cave"] #bulk,body[data-view="cave"] #bar{display:none!important}
.lbl.lock{font-size:10px!important;padding:4px 8px!important}
#side{max-height:calc(100vh - 110px);overflow-y:auto;overflow-x:hidden}
.ibtn{width:58px!important;height:58px!important;font-size:24px!important}
@media (max-width:1100px){#hudtop{flex-wrap:nowrap!important}.res3{order:0!important;width:auto!important}.rp{padding:2px 8px!important}.rp .rv{font-size:17px!important}.rp .rs{display:none}.rp .ri{width:30px!important;height:30px!important;font-size:16px!important}#player .ttl,.xp{display:none}.daychip{padding:6px 8px!important}}
@media (max-width:760px){#player .nm{display:none}.rp.usd{display:none}}
body[data-view="cave"] #backHome,body[data-view="arena"] #backHome{display:block!important}
#tut{left:12px;bottom:110px;max-width:340px;align-items:center;gap:10px;padding:10px 12px;z-index:6;animation:tin .3s}
#tut .ti2{font-size:30px}#tut b{display:block;font-size:15px;color:var(--t-text)}#tut small{color:var(--t-muted);font-size:13px}#tut .tx2{cursor:pointer;margin-left:auto;align-self:flex-start;color:var(--t-muted)}
#labels .lbl{transition:opacity .15s}
#joy{position:fixed;left:24px;bottom:120px;width:110px;height:110px;border-radius:50%;background:rgba(31,42,36,.35);border:4px solid rgba(255,255,255,.5);z-index:7;touch-action:none}
#joy i{position:absolute;left:30px;top:30px;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.85);border:3px solid #1f2a24}
@media (max-width:700px){#bulk{bottom:94px}#bulk .btn{font-size:8px;padding:5px 6px}#tut{bottom:150px;left:8px;right:8px;max-width:none}#side{top:70px!important}.ibtn{width:46px!important;height:46px!important;font-size:18px!important}.ibtn span{font-size:7px!important}#modal .win{width:100vw!important;height:100%!important}}
.btn.dis,button.dis{opacity:.5;filter:grayscale(.6);cursor:not-allowed}
#deadTab{position:fixed;inset:0;z-index:9999;background:rgba(20,26,22,.85);display:flex;align-items:center;justify-content:center}
.fishbtn{left:50%;top:38%;transform:translate(-50%,-50%);padding:16px 28px;cursor:pointer;font-family:Silkscreen;font-size:22px;z-index:20;animation:fpulse .35s infinite alternate}
@keyframes fpulse{to{transform:translate(-50%,-50%) scale(1.12)}}
.fishcard{left:50%;top:30%;transform:translate(-50%,-50%);padding:14px 26px;text-align:center;z-index:20;animation:fcin .35s ease-out;transition:opacity .4s,transform .4s}
.fishcard b{display:block;font-family:Silkscreen;font-size:18px}.fishcard .fc-ic{font-size:40px}.fishcard.gold{background:#fff3c4}.fishcard.out{opacity:0;transform:translate(-50%,-80%)}
@keyframes fcin{from{transform:translate(-50%,-30%) scale(.6);opacity:0}}
.cc-wrap{display:flex;gap:14px;align-items:flex-start}.cc-ctl{flex:1;min-width:0}.cc-ctl .sec:first-child{margin-top:0}
.cc-prev{flex:0 0 200px;background:linear-gradient(#cfe6d4,#f4ecd6);border:3px solid var(--t-edge);box-shadow:inset 0 -6px 0 rgba(0,0,0,.08);text-align:center}
.cc-prev canvas{display:block}.cc-name{font-family:Silkscreen;font-size:14px;padding:6px;background:var(--t-edge);color:#fff;letter-spacing:1px;min-height:28px}
@media(max-width:560px){.cc-wrap{flex-direction:column;align-items:center}.cc-ctl{width:100%}}
.demo{background:#fff3c4;border:2px dashed #c8643b;padding:6px 10px;font-size:12px;margin-bottom:8px}
.lb{border:3px solid var(--t-edge);margin:6px 0}.lbr{display:flex;gap:8px;align-items:center;padding:5px 8px;border-bottom:1px solid rgba(0,0,0,.08);font-size:13px}.lbr:nth-child(odd){background:rgba(0,0,0,.03)}
.lbr .lbn{width:30px;text-align:center;font-family:Silkscreen}.lbr .lbp{flex:1}.lbr.me{background:#ffe3b0!important;font-weight:bold}.lbr.up{box-shadow:inset 4px 0 0 #5e8f6a}.lbr.down{box-shadow:inset 4px 0 0 #c8643b}
.stars span{font-size:22px;cursor:pointer;color:#c9bfa8}.stars span.on{color:#f2b02c}
.nbg{display:grid;grid-template-columns:repeat(8,18px);gap:1px;margin:4px 0}.nbg i{font-style:normal;font-size:12px;text-align:center;background:#a8754a33}
.boss{text-align:center;padding:10px;border:3px solid var(--t-edge);background:linear-gradient(#3a2a4a,#6a3a5a);color:#fff;margin-bottom:8px}.boss .bic{font-size:52px}.bhp{height:14px;background:#2a1a2a;border:2px solid #000;margin:6px 0}.bhp i{display:block;height:100%;background:linear-gradient(90deg,#e0417a,#ff8a5a)}
.bdg{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.bd{border:3px solid var(--t-edge);padding:8px;text-align:center;opacity:.45;filter:grayscale(1)}.bd.ok{opacity:1;filter:none;background:#fffaf0}.bd div{font-size:30px}.bd b{display:block;font-size:12px}.bd small{display:block;font-size:11px}
#player .ptl{font-size:11px;color:#c8643b;font-family:Silkscreen}
#wTabs{overflow-y:auto!important;overflow-x:hidden!important;min-height:0!important;flex-wrap:nowrap!important;scrollbar-width:auto;scrollbar-color:var(--t-thumb) var(--t-track)}
#wTabs::-webkit-scrollbar{width:12px}#wTabs::-webkit-scrollbar-track{background:var(--t-track)!important}#wTabs::-webkit-scrollbar-thumb{background:var(--t-thumb)!important;border:2px solid var(--t-edge)}
#wTabs .tab{flex:0 0 auto!important;min-height:46px!important}
#modal .win:not(:has(#wTabs:empty)){grid-template-rows:52px minmax(0,1fr)!important}
#modal .win-b{min-height:0}
.cat{margin-bottom:6px}.cath{font-family:Silkscreen;font-size:15px;margin:14px 0 8px;padding:6px 10px;background:var(--t-edge);color:#fff;letter-spacing:1px;position:sticky;top:-2px;z-index:2}.cath small{font-size:10px;opacity:.8}
.cat:first-child .cath{margin-top:0}.sidesep{height:3px;background:rgba(0,0,0,.18);margin:4px 6px}
#wTabs .tab span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.row .tx{min-width:0;overflow-wrap:anywhere}.row b,.row small{overflow-wrap:anywhere}
#modal .win:not(:has(#wTabs:empty)){grid-template-columns:178px 1fr!important}
#wTabs .tab{padding:0 8px!important;gap:6px!important}#wTabs .tab span:last-child{font-size:9px;letter-spacing:.4px}
#wTabs::-webkit-scrollbar{width:9px!important}
@media (max-width:700px){#modal .win:not(:has(#wTabs:empty)){grid-template-columns:64px 1fr!important}}
html.embed .hud,html.embed #side,html.embed #bar,html.embed #bulk,html.embed #modal,html.embed #tut,html.embed #toasts,html.embed #hint,html.embed #backHome,html.embed #labels,html.embed .lbl,html.embed #placebar,html.embed #deadTab{display:none!important}
html.embed canvas{pointer-events:none}html.embed body{cursor:default}
.room{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;padding:10px;background:repeating-linear-gradient(90deg,#d9b07a 0 22px,#cfa36b 22px 44px);border:4px solid #1f2a24;margin:8px 0;max-width:420px}
.tile2{aspect-ratio:1;border:2px dashed rgba(31,42,36,.25);background:rgba(255,250,240,.35);font-size:24px;cursor:pointer;padding:0}.tile2.f{border-style:solid;background:rgba(255,250,240,.75)}.tile2:hover{background:#fff}
.bugpop{position:fixed;z-index:30;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;background:#fffaf0;border:3px solid #1f2a24;box-shadow:4px 4px 0 rgba(0,0,0,.3);cursor:pointer;animation:bugfloat 1.4s ease-in-out infinite alternate}
.bugpop span{font-size:30px}.bugpop small{font-family:Silkscreen;font-size:10px}
@keyframes bugfloat{to{transform:translate(10px,-12px) rotate(4deg)}}
body.photo .hud,body.photo #side,body.photo #bar,body.photo #bulk,body.photo #labels,body.photo .lbl,body.photo #tut{display:none!important}
#photobar{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:40;display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:center;padding:10px 14px;max-width:calc(100% - 20px)}
#photobar b{font-family:Silkscreen;font-size:12px;margin-right:6px}#photobar .btn{padding:6px 10px;font-size:11px}
.passgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px;margin-top:8px}
.pt2{border:3px solid #1f2a24;padding:6px;background:#efe6d0;opacity:.6;display:flex;flex-direction:column;gap:4px}.pt2.un{opacity:1;background:#fffaf0}
.pt2 b{font-family:Silkscreen;font-size:11px}.pt2 button{font:inherit;font-size:11px;padding:5px;border:2px solid #1f2a24;background:#e3f1dc;cursor:pointer;text-align:left}.pt2 button.pr{background:#fff1c4}
.starpop{position:fixed;z-index:30;font-size:34px;background:none;border:0;cursor:pointer;animation:star 4s linear forwards;filter:drop-shadow(0 0 8px #fff6a0)}
@keyframes star{from{transform:translate(0,0) rotate(-20deg);opacity:0}10%{opacity:1}to{transform:translate(-160px,90px) rotate(-20deg);opacity:0}}
.tourcap{position:fixed;left:50%;top:24px;transform:translateX(-50%);z-index:40;background:#fffaf0;border:3px solid #1f2a24;padding:8px 16px;font-family:Silkscreen;font-size:12px}
.ghgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px;background:linear-gradient(#e6f4f2,#cfe6df);border:4px solid #1f2a24}
.ghp{background:#fffaf0;border:3px solid #1f2a24;padding:8px;text-align:center;display:flex;flex-direction:column;gap:4px}.ghp .gi{font-size:30px}.ghp small{font-size:11px;min-height:28px}.ghp.bloom{background:#f4ffe8}
.petgame{text-align:center;padding:14px;border:3px solid #1f2a24;background:#fffaf0}#pgBall{font-size:34px;display:inline-block}
.pgbar{position:relative;height:18px;margin:12px 0;background:#efe3d0;border:3px solid #1f2a24}.pgbar b{position:absolute;left:40%;width:20%;top:0;bottom:0;background:#a8cf9b}.pgbar i{position:absolute;top:-4px;bottom:-4px;width:6px;background:#e0417a;margin-left:-3px;z-index:2}
.piano{display:flex;gap:3px}.piano button{flex:1;height:110px;background:#fff;border:3px solid #1f2a24;border-radius:0 0 6px 6px;font-family:Silkscreen;font-size:11px;padding-top:70px;cursor:pointer}.piano button:active{background:#ffe3ef;transform:translateY(2px)}
.jent{padding:8px 10px;border-left:4px solid #e0417a;background:#fffaf0;margin:6px 0;font-size:14px}.jent b{font-family:Silkscreen;font-size:10px;color:#7a705a;margin-right:6px}
.num{font-variant-numeric:tabular-nums}
.goal{margin:10px 0 4px}.goal span{font-size:13px}.goal small{font-size:12px;color:#7a705a}.gbar{height:10px;background:#efe3d0;border:2px solid #1f2a24;margin:4px 0}.gbar i{display:block;height:100%;background:linear-gradient(90deg,#f2b02c,#e0417a)}
.demo-est{display:block;font-size:10px;color:#a0927a}
.rankrow{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:10px 14px;margin:10px 0;border:3px solid #1f2a24;background:#fff4d6;cursor:pointer;font-size:14px}.rankrow .go{margin-left:auto;font-family:Silkscreen;font-size:11px;color:#c8643b}
.tip{display:flex;gap:12px;align-items:center;padding:10px 12px;margin:6px 0;border:3px solid #d9c9a3;background:#fffaf0;cursor:pointer}.tip:hover{border-color:#1f2a24}.tip .ti2{font-size:24px}.tip b{display:block;font-size:14px}.tip small{color:#7a705a}.tip .tg{margin-left:auto;font-weight:700;color:#4f8a5b;white-space:nowrap}
.sum{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;justify-content:flex-end;margin:6px 0 2px;font-size:14px;color:#7a705a}.sum b{color:#1f2a24;font-size:16px}
.chip.off{opacity:.55}.chip small{color:#7a705a;font-size:11px}
.histbox{display:grid;grid-template-columns:1fr 1fr;gap:10px}.histbox>div{border:3px solid #d9c9a3;background:#fffaf0;padding:8px}.histbox small{font-size:11px;color:#7a705a}.spark{width:100%;height:60px}
.pcard{display:flex;gap:16px;align-items:center;padding:16px;border:4px solid #1f2a24;background:linear-gradient(135deg,#fde4ee,#fff4d6);box-shadow:4px 4px 0 rgba(0,0,0,.2);flex-wrap:wrap}.pava{font-size:54px;width:84px;height:84px;display:grid;place-items:center;background:#fff;border:3px solid #1f2a24}
.pinfo b{display:block;font-family:Silkscreen;font-size:20px}.pinfo small{color:#7a705a}.pchips{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.pchips span{background:#fff;border:2px solid #1f2a24;padding:2px 8px;font-size:13px}.pbadges{font-size:24px;margin-left:auto}
.statgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.statgrid div{border:3px solid #d9c9a3;background:#fffaf0;padding:8px;text-align:center}.statgrid span{font-size:22px}.statgrid b{display:block;font-size:20px}.statgrid small{font-size:11px;color:#7a705a}
@media(max-width:560px){.histbox{grid-template-columns:1fr}}
.npcl{position:fixed;left:0;top:0;pointer-events:none;z-index:5}.npcl .tag{font-size:10px;padding:3px 7px}
#fade{position:fixed;inset:0;background:#fff4f8;opacity:0;pointer-events:none;transition:opacity .2s;z-index:20}
#fade.on{opacity:1}
body[data-view="farm"] .lbl:not(.pen){display:none!important}
/* ---------- dar ekran ---------- */
@media (max-width:700px){
  #player{width:auto;left:8px;top:8px;padding:6px;gap:4px}#player .ava{width:40px;height:40px;font-size:22px}.xp{width:110px}
  .srow{padding:3px 6px}.srow .s{display:none}
  #side{top:8px;right:8px;padding:5px}.ibtn{width:50px;height:46px;font-size:18px}
  .slot{min-width:48px;height:50px;font-size:20px}
}
:root{--t-edge:#1f2a24;--t-panel:#f4ecd6;--t-inner:#d9c9a3;--t-frame:#2f4a3a;--t-header:#3f6b4e;--t-headerText:#fbf6e6;--t-tabBg:#e3d6b4;--t-tabText:#6b5d45;--t-tabOnBg:#4f8a5b;--t-tabOnText:#fbf6e6;--t-content:#faf4e2;--t-rowBg:#fffaf0;--t-rowBorder:#d9c9a3;--t-stripe:#c8643b;--t-btn:#c8643b;--t-btnShadow:#7e3a22;--t-btn2:#5e8f6a;--t-btn2Shadow:#34553f;--t-disBg:#cfc6b0;--t-disText:#8f8670;--t-thumb:#8a7a5a;--t-track:#e8ddc0;--t-text:#1f2a24;--t-muted:#7a705a;--t-petal:#e0417a;--t-power:#f2b02c;}