/* © 2026 Kacper Grodecki. Wszelkie prawa zastrzeżone. */
.hud{position:fixed;inset:0;pointer-events:none;z-index:10}.hud>*{pointer-events:auto}.hud-avatar{position:absolute;top:1rem;left:1rem;display:flex;align-items:center;gap:.9rem;background:#141414d9;color:#fff;font:inherit;text-align:left;padding:.6rem 1.2rem .6rem .6rem;border-radius:3rem;border:2px solid var(--accent);cursor:pointer;transition:transform .2s,box-shadow .2s}.hud-avatar:hover{transform:scale(1.04);box-shadow:0 0 15px #ffcc0080}.hud-portrait{width:3.5rem;height:3.5rem;border-radius:50%;border:2px solid #fff;background:#444 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'><path d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/></svg>") center/cover no-repeat}.hud-info{display:flex;flex-direction:column;gap:.3rem}.hud-name{font-weight:700}.hud-level-bar{width:6rem;height:.5rem;background:#222;border-radius:.25rem;overflow:hidden}.hud-level-fill{display:block;height:100%;background:#0cf}.hud-stat{position:relative;display:flex;align-items:center;gap:.35rem;font-size:.8rem}.stat-icon{width:1.1rem;text-align:center}.stat-bar{width:4.9rem;height:.45rem;background:#222;border-radius:.25rem;overflow:hidden}.stat-fill{display:block;height:100%;width:100%;transition:width .3s}.hud-stat-energy .stat-fill{background:#f1c40f}.hud-stat-strength .stat-fill{background:#e74c3c}.stat-value{min-width:1.5rem;color:#ccc;font-weight:700}.stat-float{position:absolute;right:-1.6rem;top:0;color:#ffd8b0;font-weight:700;pointer-events:none;animation:stat-float 1.2s ease-out forwards}@keyframes stat-float{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-1.2rem)}}.hud-resources{position:absolute;top:1rem;left:50%;transform:translate(-50%);display:flex;gap:1.2rem;background:#000000b3;padding:.6rem 1.5rem;border-radius:.5rem;border-bottom:2px solid #555;font-weight:700}.res-item{display:flex;align-items:center;gap:.5rem}.res-icon{font-size:1.25rem}.hud-side{position:absolute;top:1rem;right:1rem;width:16rem;display:flex;flex-direction:column;gap:.6rem;max-height:calc(100vh - 7rem);overflow-y:auto}.hud-quests{background:#141414cc;padding:.9rem;border-radius:.5rem;border-left:3px solid var(--accent)}.hud-wiki{background:#141414d9;padding:.6rem .9rem;border-radius:.5rem;border-left:3px solid #9fd3a0;font-size:.8rem}.hud-wiki .wiki-title{cursor:pointer;color:#9fd3a0;font-weight:700;text-transform:uppercase;font-size:.85rem}.wiki-section{margin-top:.5rem}.wiki-section summary{cursor:pointer;color:var(--accent)}.wiki-row{display:flex;flex-direction:column;padding:.25rem 0 .25rem .6rem;border-bottom:1px solid #333}.wiki-head{color:#eee}.wiki-text{color:#aaa}.wiki-none{color:#777}.hud-quests h3{margin-bottom:.6rem;font-size:.85rem;color:var(--accent);text-transform:uppercase}.hud-quests .quest-side-heading{margin-top:.8rem;color:#9fd3a0}.quest-entry{font-size:.85rem;margin-bottom:.3rem}.quest-step{color:#aaa}.quest-tracked{margin-top:.4rem;color:#f2d36b}.hud-hotbar{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;gap:.6rem;background:#1e1e1ee6;padding:.6rem;border-radius:.75rem;border:2px solid #444}.hotbar-slot{width:3rem;height:3rem;display:grid;place-items:center;font-size:1.5rem;background:#222;border:2px solid #555;border-radius:.4rem;cursor:pointer}.hotbar-slot:hover{border-color:var(--accent);background:#444}.hotbar-slot.worn{border-color:var(--accent);box-shadow:inset 0 0 .6rem #ffcc0059}.hud-bag{font:inherit;font-size:1.5rem;color:inherit;border-color:var(--accent)}.hud-bag.bump{animation:bag-bump .35s ease-out}@keyframes bag-bump{50%{transform:scale(1.25)}}.fly-item{position:fixed;z-index:30;font-size:2rem;pointer-events:none;margin:-1rem 0 0 -1rem;transition:transform .7s cubic-bezier(.5,-.3,.7,1),opacity .7s}.hud-back{position:absolute;bottom:1rem;left:1rem}.hud-sound{position:absolute;bottom:1rem;right:1rem;pointer-events:auto}.hud-dev{position:absolute;bottom:4.2rem;left:1rem;pointer-events:auto;font-size:.85rem}.hud-messages{position:fixed;left:50%;bottom:9.5rem;transform:translate(-50%);z-index:15;display:flex;flex-direction:column;align-items:center;gap:.4rem;pointer-events:none}.hud-message{padding:.5rem 1rem;border-radius:.5rem;background:#141414e6;font-weight:600;border:1px solid #555;transition:opacity .6s,transform .6s}.hud-message-good{border-color:#4caf50;color:#b9f6ca}.hud-message-quest{border-color:var(--accent);color:var(--accent)}.hud-message-warn{border-color:#e67e22;color:#ffd8b0}.hud-message.fade{opacity:0;transform:translateY(-.75rem)}.hud-place{position:absolute;top:4.6rem;left:50%;transform:translate(-50%);padding:.3rem 1rem;background:#0009;border-radius:.5rem;color:var(--accent);font-weight:700}.hud-exit{position:absolute;bottom:5.5rem;left:50%;transform:translate(-50%);min-width:9rem}.hud-exit.behind{visibility:hidden}.hud-action{position:absolute;transform:translate(-50%,-100%);padding:.5rem 1.4rem;animation:enter-pulse 1.2s ease-in-out infinite}.hud-action .action-title,.hud-action .action-info,.hud-action .action-label{display:block}.hud-action .action-title{font-weight:700;font-size:.95rem}.hud-action .action-info{font-size:.78rem;opacity:.9;font-weight:400}.hud-action .action-label{margin-top:.3rem}@keyframes enter-pulse{50%{box-shadow:0 0 18px #fc0c}}.hud-dialog-catch{position:absolute;inset:0;cursor:pointer}.hud-bubble{position:absolute;left:0;top:0;width:min(22rem,86vw);padding:.7rem .95rem .8rem;background:#faeeda;color:#412402;border:2px solid #ba7517;border-radius:.9rem;box-shadow:0 6px 18px #00000059;cursor:pointer;animation:bubble-in .18s ease-out}.hud-bubble:after{content:"";position:absolute;left:var(--tail-x, 50%);bottom:-.62rem;width:1rem;height:1rem;background:#faeeda;border:2px solid #ba7517;border-top:0;border-left:0;transform:translate(-50%) rotate(45deg)}.hud-bubble.side:after{display:none}.hud-bubble.past{opacity:.75;cursor:default}.hud-bubble.answer{width:auto;max-width:min(18rem,86vw);cursor:default}@keyframes bubble-in{0%{opacity:0}}.bubble-name{color:#854f0b;font-size:.78rem;font-weight:700;letter-spacing:.02em;margin-bottom:.2rem}.bubble-text{margin:0;line-height:1.45;font-size:.95rem}.bubble-rest{visibility:hidden}.bubble-more{position:absolute;right:.6rem;bottom:.25rem;color:#ba7517;font-size:.8rem;animation:bubble-more 1s ease-in-out infinite}@keyframes bubble-more{50%{transform:translate(3px);opacity:.5}}.bubble-choices{display:flex;flex-direction:column;gap:.4rem}.bubble-choice{padding:.4rem .9rem;border-radius:.6rem;border:1px solid #ba7517;background:#fff7e8;color:#633806;font:inherit;font-weight:700;cursor:pointer;text-align:left}.bubble-choice:hover{background:#ba7517;color:#faeeda}.hud-station{width:min(19rem,90vw);cursor:default}.station-close{position:absolute;top:.2rem;right:.4rem;background:none;border:0;color:#854f0b;font-size:1.3rem;cursor:pointer}.station-name{color:#854f0b;font-size:.78rem;font-weight:700;margin-top:.35rem}.station-recipe{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:.35rem}.station-needs{display:flex;flex-wrap:wrap;gap:.25rem .6rem;font-size:.9rem}.station-need{color:#a32d2d;font-weight:700}.station-need.ok{color:#3b6d11}.station-makes{color:#633806}.station-recipe .bubble-choice{white-space:nowrap}.station-bar{height:.6rem;background:#e9d7b6;border-radius:.3rem;overflow:hidden;margin:.4rem 0 .2rem}.station-fill{display:block;height:100%;background:#ba7517;transition:width .9s linear}.station-time{margin:0;font-size:.8rem;color:#854f0b}.hud-station.shop{width:min(23rem,92vw)}.shop-row{margin-top:.3rem;padding:.3rem .4rem;border-radius:.5rem;cursor:pointer}.shop-row.focused{background:#f6dfb4}.shop-item{display:flex;justify-content:space-between;gap:.5rem;font-size:.9rem}.shop-ctrl{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.2rem}.shop-qty{display:flex;align-items:center;gap:.2rem}.qty-btn,.qty-all{min-width:1.6rem;padding:.15rem .35rem;border-radius:.4rem;border:1px solid #ba7517;background:#fff7e8;color:#633806;font:inherit;font-weight:700;cursor:pointer}.qty-all{font-size:.7rem;font-weight:400}.qty-n{min-width:1.4rem;text-align:center;font-weight:700;color:#412402}.shop-sum{font-size:.85rem;color:#633806;font-weight:700;margin-left:.2rem;white-space:pre}.shop-sum.muted{font-weight:400;color:#854f0b}.hud-sums{position:fixed;left:1rem;top:8rem;z-index:16;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.sum-card{pointer-events:auto;min-width:14rem;max-width:min(20rem,92vw);padding:.6rem .9rem;background:#faeeda;color:#412402;border:2px solid #ba7517;border-radius:.8rem;box-shadow:0 6px 18px #00000059;cursor:pointer;animation:bubble-in .2s ease-out}.sum-title{color:#854f0b;font-size:.8rem;font-weight:700;margin-bottom:.3rem}.sum-line{display:flex;align-items:baseline;gap:.4rem;font-size:1.15rem;font-weight:700}.sum-label{font-size:.9rem;font-weight:400;color:#633806}.sum-part{opacity:0;animation:sum-in .35s ease-out forwards;animation-delay:var(--d, 0s)}.sum-part.plus{color:#3b6d11}.sum-part.minus{color:#a32d2d}.sum-part.result{color:#412402;background:#ffe7a8;border-radius:.3rem;padding:0 .3rem}@keyframes sum-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.sum-beads{display:flex;flex-wrap:wrap;gap:.1rem;margin:.15rem 0 .35rem;font-size:1rem;line-height:1.2}.bead{display:inline-block}.bead:nth-child(5n){margin-right:.35rem}.bead.add{animation:bead-add .45s ease-out both;animation-delay:var(--d, 0s)}.bead.take{animation:bead-take .5s ease-in forwards;animation-delay:var(--d, 0s)}@keyframes bead-add{0%{opacity:0;transform:translateY(-14px) scale(1.4)}to{opacity:1;transform:none;filter:drop-shadow(0 0 4px #8bc34a)}}@keyframes bead-take{to{opacity:.25;transform:translateY(8px) rotate(-20deg);filter:grayscale(1)}}.sheet-overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#000000b3;backdrop-filter:blur(4px)}.sheet{width:min(50rem,95vw);height:min(34rem,90vh);display:flex;flex-direction:column;overflow:hidden;background:var(--panel);border:2px solid var(--accent);border-radius:var(--radius);box-shadow:0 0 30px #000c}.sheet-tabs{display:flex;background:#111;border-bottom:2px solid #333;overflow-x:auto}.sheet-tab,.sheet-close{padding:.9rem 1.6rem;font:inherit;font-weight:700;color:var(--text);background:none;border:0;border-bottom:3px solid transparent;cursor:pointer}.sheet-tab:hover{background:#222}.sheet-tab.active{border-bottom-color:var(--accent);background:#2a2a2a;color:var(--accent)}.sheet-close{margin-left:auto;background:#900}.sheet-close:hover{background:#c00}.sheet-page{flex:1;padding:1.2rem;gap:1.2rem;display:flex;min-height:0}.sheet-column{flex-direction:column;overflow-y:auto}.sheet-column>*{flex-shrink:0}.sheet-page h2{color:var(--accent)}.paperdoll{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;color:#888;background:#222;border:2px dashed #444;border-radius:.5rem;padding:1rem}.paperdoll-title{color:var(--accent);font-weight:700}.paperdoll-hint{font-size:.8rem;color:#777;text-align:center}.equip-slot{width:6.5rem;height:6.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;background:#2b2b2b;border:2px solid #555;border-radius:.6rem;color:#aaa;font:inherit;cursor:pointer}.equip-slot .equip-icon{font-size:2.2rem;opacity:.35}.equip-slot.worn{border-color:var(--accent);color:var(--text);box-shadow:0 0 10px #ffcc0059}.equip-slot.worn .equip-icon{opacity:1}.equip-label{font-size:.8rem}.inv-slot.equipable{cursor:pointer;border-color:var(--accent)}.inv-grid{flex:1;display:grid;gap:.3rem;align-content:start}.inv-slot{position:relative;aspect-ratio:1;display:grid;place-items:center;background:#333;border:1px solid #555;border-radius:.25rem}.inv-icon{font-size:1.8rem}.inv-count{position:absolute;right:.25rem;bottom:.1rem;font-weight:700;text-shadow:1px 1px 0 #000}.skill-chart{display:flex;flex-direction:column;gap:.8rem}.skill-row{display:flex;align-items:center;gap:1rem;background:#222;padding:.6rem .9rem;border-radius:.5rem}.skill-name{width:9rem;font-weight:700}.skill-cells{display:flex;gap:.3rem;flex:1}.skill-cell{flex:1;max-width:2.2rem;height:1.2rem;background:#333;border:1px solid #555;border-radius:.2rem}.skill-cell.on{background:var(--accent);border-color:#fff;box-shadow:0 0 8px #fc09}.journal-entry{background:#222;padding:.9rem;border-radius:.5rem}.quest-page{background:#222;padding:.9rem;border-radius:.5rem;border-left:3px solid var(--accent)}.quest-page.side{border-left-color:#9fd3a0}.quest-page p{color:#bbb;margin-top:.3rem}.quest-page .quest-page-giver{color:#f2d36b}.quest-page .quest-page-done{color:#6f8f5a}.quest-page .quest-page-step{color:#fff;font-weight:700}.quest-page .quest-page-where{color:#9fd3a0}.quest-page .quest-page-needs{color:#ddd}.quest-page .quest-page-reward{color:#f2d36b}.quest-page-none{color:#888}.journal-entry p{color:#888;margin-top:.3rem}.journal-entry.done strong{color:#8bc34a}.journal-done{color:#8bc34a!important}@media (max-width: 760px){.hud-side{top:auto;bottom:8.5rem;right:.5rem;width:12rem;max-height:40vh}.hud-resources{top:3.4rem;left:auto;right:.5rem;transform:none;gap:.8rem;padding:.3rem .7rem}.hud-avatar{top:.5rem;left:.5rem;transform:scale(.8);transform-origin:top left}.hud-avatar:hover{transform:scale(.8)}.hud-back{bottom:auto;top:.5rem;left:auto;right:.5rem;font-size:.8rem;padding:.45rem .8rem}.hud-hotbar{bottom:.5rem;gap:.3rem;padding:.35rem;max-width:calc(100vw - 1rem)}.hotbar-slot{width:2.4rem;height:2.4rem;font-size:1.15rem}.hud-bag{font-size:1.15rem}.hud-sound{bottom:4.2rem;right:.5rem}.hud-dev{bottom:4.2rem;left:.5rem}.sheet-inventory{flex-direction:column}}.shop-advice{margin:.2rem 0 .5rem;font-size:.85rem;pointer-events:auto}