
:root{color-scheme:dark;--bg:#0a0e13;--panel:#141b23;--panel2:#1d2833;--line:#48515b;--gold:#dec28c;--muted:#aab5c1;--text:#ece6dc;--red:#bf4d55;--blue:#4d85d4;--green:#54ac87}*{box-sizing:border-box}body{margin:0;color:var(--text);background:radial-gradient(ellipse at 50% 0%,#29323a,#111720 48%,#070a0d);font:15px/1.5 system-ui,-apple-system,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.hidden{display:none!important}.wrap{max-width:1250px;margin:auto;padding:16px 12px 94px}.card{background:linear-gradient(150deg,#1b242e,#10171e);border:1px solid #46515b;border-radius:14px;padding:16px;min-width:0;box-shadow:0 10px 30px #0004}.card h2{margin:0 0 11px;color:var(--gold);font:600 20px Georgia,serif}.card h3{margin:16px 0 8px;color:#e2c798;font-size:15px}.brand{font-family:Georgia,serif;color:#e7c888;letter-spacing:.075em}.muted{color:var(--muted)}.small{font-size:12px}.btn{background:linear-gradient(#3b3328,#29251e);border:1px solid #88734f;border-radius:9px;padding:10px 12px;color:#f0d9a9;font-weight:650}.btn.primary{background:linear-gradient(#9b7647,#694b2b);border-color:#c49a5a;color:white}.btn.secondary{background:#26303b;color:#dce4eb;border-color:#536170}.btn.red{background:#45282d;border-color:#a0545e;color:#f4d7dc}.btn.mini{font-size:12px;padding:5px 8px}.btn.full{width:100%}.btn:focus-visible,.choice:focus-visible{outline:3px solid #dfba70;outline-offset:2px}.row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.top h1{font-size:24px;margin:0}.pill{border:1px solid #434d57;background:#202b35;padding:6px 9px;border-radius:20px;font-size:12px}.grid{display:grid;grid-template-columns:255px minmax(0,1fr) 280px;gap:12px}.bar{height:13px;border:1px solid #303b47;background:#090e13;border-radius:12px;overflow:hidden}.fill{height:100%;transition:width .2s;background:linear-gradient(90deg,#873037,#dc5559)}.fill.mp{background:linear-gradient(90deg,#284d95,#6494ed)}.fill.xp{background:linear-gradient(90deg,#2b735a,#6bbd88)}.track{display:flex;justify-content:space-between;font-size:12px;margin:10px 0 4px}.stat{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid #36414b}.stat b{color:#e2c99b}.region{background:radial-gradient(ellipse at bottom,#48534d,#1b2832 70%);border:1px solid #59616a;border-radius:10px;padding:20px 15px;margin-bottom:10px}.region h2{margin:0}.location-buttons,.enemy-list{display:flex;flex-wrap:wrap;gap:7px}.choice{background:#202b36;color:#e3e5e6;border:1px solid #4e5e69;border-radius:9px;padding:8px 10px;font-size:13px}.choice.active{background:#423726;border-color:#c39a5c;color:#f6dfa9}.enemy-line{padding:10px;border:1px solid #47515d;border-radius:10px;background:#151d26;display:flex;justify-content:space-between;align-items:center;gap:10px;flex:1 1 205px}.enemy-line strong{display:block}.enemy-line span{font-size:12px;color:var(--muted)}.team{display:grid;gap:9px;margin-top:10px}.foe{border:1px solid #495562;background:#1a2430;border-radius:10px;padding:10px}.foe.hit{border-color:#cb8e52}.dmg{color:#ffd08a;font-weight:800;font-size:17px;min-width:70px;text-align:right}.dmg.hurt{color:#fb9292}.log{background:#0a1016;border:1px solid #333f4a;border-radius:10px;padding:10px;max-height:220px;overflow:auto;min-height:100px;font:12px/1.7 ui-monospace,monospace}.log .good{color:#8ce3b0}.log .bad{color:#f2a4a7}.skill{border:1px solid #434d58;background:#121b25;padding:10px;border-radius:9px;margin:7px 0}.skills-title{font-weight:700;color:#e8c98e}.pending{border:1px solid #856d46;background:#231f1a;border-radius:11px;padding:12px;margin-top:12px}.loot{border:1px solid #4a5157;border-radius:8px;margin:6px 0;padding:8px;display:flex;align-items:center;justify-content:space-between;gap:8px}.loot select{background:#17212b;color:white;border:1px solid #65717c;border-radius:7px;padding:7px;font-size:12px;max-width:112px}.equip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.slot{background:#0f1720;border:1px solid #4e5a67;border-radius:8px;padding:7px 3px;min-height:70px;text-align:center;font-size:11px;display:grid;align-content:center;gap:4px}.bag{max-height:290px;overflow:auto}.item{border-bottom:1px solid #36424c;padding:9px 0;display:flex;justify-content:space-between;align-items:center;gap:7px}.welcome{min-height:100dvh;display:grid;place-items:center;padding:16px;background:radial-gradient(ellipse at 50% 25%,#364146,#121a22 65%,#060a0e)}.intro{width:min(580px,100%);text-align:center;border:1px solid #8d6c3f;border-radius:18px;padding:28px 20px;background:#111920ed}.intro h1{font:700 clamp(28px,7vw,46px) Georgia,serif;margin:12px 0;color:#e4c486;letter-spacing:.08em}.intro p{color:#b1bac6}.intro .btn{width:min(340px,100%);margin:5px auto;display:block}.intro input{background:#0a1119;border:1px solid #8b7552;border-radius:9px;color:white;padding:13px;width:100%;margin:10px 0}.intro input[type=file]{font-size:12px}.nav{display:none}.range{width:100%;accent-color:#d2aa6c}.settings{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:10px}.settings label{font-size:12px}.toast{position:fixed;bottom:78px;left:50%;transform:translateX(-50%);background:#28372e;border:1px solid #91b28a;padding:10px 16px;border-radius:10px;z-index:30;max-width:95%;text-align:center}.save-status{font-size:11px;color:#afd8bc}.hint{font-size:12px;color:#aab7c6;margin:8px 0}.footer{text-align:center;font-size:11px;color:#87939f;margin:16px}.meter{padding:10px;border:1px solid #77603d;border-radius:10px;background:#2a241a;color:#ecd2a4}.num{font-variant-numeric:tabular-nums}@media(max-width:1000px){.grid{grid-template-columns:1fr 1.55fr}.right{grid-column:1/-1}}@media(max-width:680px){.wrap{padding:11px 10px 86px}.top h1{font-size:20px}.grid{display:block}.grid>.card{display:none}.grid>.card.active{display:block}.nav{display:grid;position:fixed;bottom:0;left:0;right:0;grid-template-columns:repeat(3,1fr);gap:5px;padding:8px 9px calc(8px + env(safe-area-inset-bottom));background:#0f161fe9;border-top:1px solid #47515b;z-index:12}.nav button{background:#27323d;border:1px solid #526170;border-radius:8px;color:#c9d3dc;padding:10px 4px}.nav button.active{background:#51412b;color:#ffe1a4;border-color:#caa366}.settings{grid-template-columns:1fr 1fr}.intro{padding:23px 17px}}

/* v0.5 – kompaktowy panel walki inspirowany układem statystyk z nagrania */
.combat-display{border:1px solid #8a6c3c;border-radius:9px;background:linear-gradient(155deg,#141413,#0b0d0f 85%);padding:12px;margin:0 0 15px;box-shadow:inset 0 0 20px #0009}
.combat-title{color:#e8c891;letter-spacing:.08em;font:700 12px Georgia,serif;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #53452d;padding:4px 0 9px;margin-bottom:10px}.combat-title span:last-child{font:11px system-ui;color:#d0b77b;letter-spacing:0}
.battle-char,.battle-enemies,.battle-last{border:1px solid #433b2d;background:#111316;padding:11px;margin-bottom:10px}
.battle-info{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#ead1a0}.battle-info span{font-size:12px;color:#b3ad9e}
.battle-track{display:flex;justify-content:space-between;color:#b7b7b5;font-size:11px;margin:8px 0 3px}.battle-track b{font-variant-numeric:tabular-nums;color:#e8e0d2}
.battle-bar{height:12px;border:1px solid #534b3c;background:#080b0d;overflow:hidden;border-radius:2px}.battle-bar i{display:block;height:100%;background:linear-gradient(#e46a74,#942b33);transition:width .3s}.battle-bar.mp i{background:linear-gradient(#6cacf1,#275caa)}.battle-bar.xp i{background:linear-gradient(#ddbd6b,#886426)}
.battle-enemies>.row b,.battle-last>b{font:12px Georgia,serif;color:#c7ae7f}.group-bars{display:flex;gap:3px;margin:12px 0 10px;min-height:59px;align-items:stretch}.group-part{min-width:0;text-align:center}.group-part-name{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#d6c5a9}.group-part-bar{height:15px;background:#130d16;border:1px solid #71538c;overflow:hidden}.group-part-bar i{height:100%;display:block;background:linear-gradient(#b087dc,#6f3999);transition:width .25s}.group-part-n{font-size:10px;color:#b9a7cb}.battle-damage{min-height:33px;background:#1c1711;border:1px solid #504027;color:#ffd17c;font-weight:700;font-size:13px;text-align:center;padding:6px;border-radius:4px}.battle-skills{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-bottom:10px}.battle-skill{border:1px solid #645437;background:#201b16;padding:6px 3px;text-align:center;border-radius:3px;min-width:0}.battle-skill.locked{opacity:.5}.battle-skill-icon{font-size:22px}.battle-skill-name{font-size:9px;line-height:1.2;min-height:23px;overflow-wrap:anywhere;color:#dbc99f}.battle-skill-cd{font-size:10px;color:#a5c6ed;margin-top:3px}.battle-last{margin:0}.battle-last>div{margin-top:5px}.hit-red{color:#e8a5a5}.hit-gold{color:#e5c27d}
@media(max-width:680px){.combat-display{padding:10px}.battle-skill-icon{font-size:19px}.battle-skill-name{font-size:9px}.group-part-name{font-size:9px}}

