/* Ember Wolf UI — isolated presentation layer */
:root{--panou:#191714ed;--linie:#a7886355;--aur:#d9b78d;--aur2:#f3dfbd;--cristal:#ee695a;--hartie:#f5eee3;--sters:#b9afa0;--ui-text:15px}
body{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:var(--ui-text)}
button{transition:background .15s,border-color .15s}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ffae85;outline-offset:3px}button:disabled{cursor:not-allowed}button:hover:not(:disabled){border-color:#e7c49a}
.sigla{font-size:18px;letter-spacing:.12em}.sigla small{font-size:9px;letter-spacing:.3em}
.obiectiv{top:68px;width:280px;font-size:13px;line-height:1.5;border-left:2px solid #dc6853;border-radius:0 8px 8px 0;background:linear-gradient(90deg,#171513ed,#17151390);padding:12px 14px;max-height:150px;overflow:auto;pointer-events:auto}.obiectiv b{font-family:inherit;font-size:11px;letter-spacing:.1em;color:#f3c398}.obiectiv.collapsed{max-height:40px;overflow:hidden}.obiectiv.collapsed b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lup-card{top:235px;border-color:#be594655;width:245px;padding:10px 12px;font-size:12px}.lup-card b{font-family:inherit;font-size:11px;color:#f2ab92;letter-spacing:.03em}.lup-card .bara.xp i{background:linear-gradient(90deg,#782f28,#eb795e)}.pui-card{top:305px}
.vatra{top:18px;width:210px}.vatra small{font-family:inherit;font-size:10px;letter-spacing:.1em}.faza{font-size:11px;min-width:160px;border-radius:9px}.faza b{font-family:inherit;font-size:12px}.faza button{font-size:11px;background:#30251f}.faza small{font-size:11px;color:#dfc3a9}
.jos{bottom:max(16px,env(safe-area-inset-bottom));gap:7px}.unelte{gap:5px;max-width:620px}.slot{width:58px;height:58px;border-radius:8px;border-color:#81725f6b;background:linear-gradient(#302b25ed,#191715f5);box-shadow:inset 0 1px #ffffff0c,0 3px 9px #0004}.slot.ales{border:2px solid #ed9c72;box-shadow:0 0 0 2px #281c16,0 0 18px #ef704327;background:linear-gradient(#58392b,#28201a)}.slot .tasta{font-family:inherit;font-size:10px}.slot .nr{font-family:inherit;font-size:12px}.resurse{gap:12px;margin-bottom:1px}.resurse span{font:600 12px system-ui;background:#191715c9;border:1px solid #7b655039;padding:4px 9px;border-radius:20px}.resurse svg{width:18px;height:18px}
.viata,.energie{width:280px}.energie{margin-top:0}.energie i{background:linear-gradient(90deg,#687a46,#b9c97c)}.ew-vitals{font-size:10px;color:#ded2bf;display:flex;justify-content:space-between;width:280px;letter-spacing:.05em}.ew-selected{font-size:11px;color:#f1d2ae;min-height:15px;text-align:center}
.indemn{bottom:205px;max-width:min(680px,90vw);white-space:normal;text-align:center;font-size:13px;padding:9px 14px;border-radius:8px}.indemn kbd{font-family:inherit}.taste{display:none}.harta-mica{width:124px;height:124px;border-color:#b6997255}.harta-mica+b{left:75px;bottom:134px}.mesaj{font-size:13px;border-radius:8px}.mesaj.mare{font-size:16px}.mesaje{top:72px}
.panou{padding:24px;background:#080907ab;backdrop-filter:blur(5px);touch-action:auto}.carte{background:linear-gradient(145deg,#302922fa,#181715fc);border:1px solid #a78a6555;border-radius:16px;box-shadow:0 25px 90px #0009;width:min(800px,100%);max-height:90dvh;padding:24px;overscroll-behavior:contain;touch-action:pan-y}.carte h2{font-family:inherit;font-size:21px;letter-spacing:.02em;color:#f4dfc3;border-bottom:1px solid #a78a6533;padding-bottom:14px;gap:16px}.carte h2 button{font-family:inherit;font-size:11px;white-space:nowrap}.carte h3{font-family:inherit;font-size:11px;letter-spacing:.1em}.mat{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mat div{padding:15px 8px;background:#100f0e60;border-color:#b9a18422;border-radius:10px;font-size:12px}.mat b{font:650 23px system-ui}.retete{padding-left:20px;font-size:13px}.carte p{line-height:1.6;font-size:13px}.btn,.btn-mic,.banc-rand button,.cufar-rand button{font-family:inherit;border-radius:8px;background:#312a24}.btn{font-size:14px;min-height:44px}.btn.prim{background:linear-gradient(#b9533c,#873b2e);color:#fff1e5;border-color:#de8e68;box-shadow:inset 0 1px #ffc29b40,0 6px 20px #0003}.banc-rand{padding:14px 0;gap:14px}.banc-rand b{font:600 14px system-ui}.banc-rand small{font-size:12px;line-height:1.5}.banc-rand button{min-height:36px;font-size:12px}.cufar-rand button{min-width:36px;min-height:36px}.sant-trepte{font-size:12px}.sant-nivel,.pers-rand b{font-family:inherit}.ecran .carte{background:linear-gradient(145deg,#29241ef5,#151413f5);width:min(760px,100%)}.ecran h1{font-size:clamp(28px,5vw,46px)}.ecran .comenzi{font-size:12px;line-height:1.7}.ecran .sub{font-size:10px}.ecran .motto{font-size:16px}
.constructii{max-width:min(940px,94vw);max-height:30dvh;overflow:auto;padding:10px;background:#151412ee;border:1px solid #92775755;border-radius:12px;gap:6px;touch-action:pan-y}.constructii button{font-size:12px;padding:9px 12px;background:#2a251f;min-height:44px}.constructii button small{font-size:10px}.constructii button.ales{border-color:#f2a073;background:#553629}.constructii .cat{position:sticky;top:0;background:#171512;padding-bottom:5px}.constructii .cat button{font-family:inherit;font-size:10px}
.ew-toolbar{position:absolute;right:18px;top:116px;display:flex;gap:5px;pointer-events:auto}.ew-toolbar button{border:1px solid #9b806244;border-radius:8px;background:#211e1aea;padding:9px 10px;font-size:11px;min-height:38px}.ew-toolbar kbd{color:#d2ae85;margin-right:4px}.ew-settings{display:grid;gap:16px}.ew-setting{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:13px}.ew-setting select{background:#171513;color:#eee1cf;border:1px solid #9b806255;border-radius:6px;padding:8px}.ew-setting input[type=checkbox]{width:19px;height:19px;accent-color:#ce6c4e}.ew-wolf-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}.ew-wolf-stats div{padding:14px;background:#100f0e70;border:1px solid #9b806233;border-radius:9px}.ew-wolf-stats small{display:block;color:#b9afa0;font-size:11px}.ew-wolf-stats strong{font-size:19px}.ew-help{color:#b9afa0;line-height:1.6;font-size:12px}.ew-low-motion *{animation:none!important;transition:none!important}.ew-hide-map .harta-mica,.ew-hide-map .harta-mica+b{display:none}.ew-hide-help .obiectiv{display:none}
@media(max-width:1000px){.ew-toolbar{max-width:220px;flex-wrap:wrap;justify-content:flex-end}.obiectiv{width:235px;font-size:12px}.slot{width:50px;height:50px}.lup-card{width:230px}}
@media(max-width:700px),(max-height:500px){.sigla{left:12px;top:12px;font-size:15px}.sigla small{display:none}.obiectiv,.atingere .obiectiv{left:12px;top:40px;width:190px;font-size:11px;max-height:76px;padding:7px 10px}.faza{right:10px;top:10px;min-width:126px;padding:7px 9px}.faza button{padding:4px;font-size:10px}.vatra,.ew-toolbar{display:none}.lup-card,.atingere .lup-card{left:12px;top:123px;width:185px;padding:7px;font-size:10px}.pui-card,.atingere .pui-card{top:183px}.harta-mica,.harta-mica+b{display:none}.slot,.atingere .slot{width:clamp(32px,5.6vw,45px);height:clamp(34px,6vw,45px);border-radius:6px}.unelte{gap:3px;max-width:98vw}.slot .em,.atingere .slot .em{font-size:21px}.slot .em svg,.slot svg,.atingere .slot svg{width:25px;height:25px}.jos{bottom:max(7px,env(safe-area-inset-bottom));gap:5px}.resurse{gap:6px}.resurse span{font-size:10px;padding:2px 6px}.resurse svg{width:15px;height:15px}.viata,.energie,.atingere .viata,.ew-vitals{width:190px}.ew-selected{font-size:10px}.indemn,.atingere .indemn{bottom:144px;font-size:11px;max-width:65vw}.butoane{right:10px;bottom:95px;grid-template-columns:repeat(3,42px);gap:6px}.butoane button{width:42px;height:42px;font-size:18px}.butoane button.mare{width:54px;height:54px;font-size:23px}.atingere #pauzaBtn{top:91px;right:10px;width:34px;height:30px;font-size:14px}.panou{padding:10px}.carte{padding:16px;border-radius:12px;max-height:94dvh}.carte h2{font-size:17px}.mat{grid-template-columns:repeat(3,minmax(0,1fr))}.mat div{padding:9px 4px}.constructii{max-height:24dvh;padding:6px}.constructii button{padding:6px 8px;font-size:10px}.constructii .cat button{font-size:9px;padding:5px}.cufar-rand{grid-template-columns:28px 1fr auto 1fr;gap:5px}.cufar-rand .b{flex-wrap:wrap}.cap-tabel{font-size:9px}.mesaje{top:42%;width:90vw}.mesaj{font-size:11px}.mesaj.mare{font-size:13px}.sant-trepte{columns:1}.ew-wolf-stats div{padding:9px}.ecran .comenzi{grid-template-columns:repeat(2,1fr);font-size:10px}.btn{padding:8px 14px}.actiuni{gap:7px}}
.ew-large .carte p,.ew-large .retete,.ew-large .banc-rand small{font-size:15px}.ew-large .obiectiv{font-size:15px}.ew-large .slot{width:62px;height:62px}.ew-toolbar[hidden]{display:none}.panou button,.panou input,.panou select{touch-action:manipulation}
@media(max-width:700px),(max-height:500px){.ew-large .slot{width:clamp(32px,5.6vw,45px);height:clamp(34px,6vw,45px)}.ew-large .obiectiv{font-size:12px}}
.ew-search{width:100%;border:1px solid #a7886355;border-radius:8px;background:#151310;color:#f5eee3;padding:11px 12px;margin-bottom:12px;font:inherit;user-select:text;touch-action:manipulation}.banc-rand[hidden],.mat>div[hidden]{display:none}.ew-empty{color:#c9b9a3;font-size:13px;padding:10px}
/* daunele: cele date de tine (aurii) și de lup (portocalii) sar din inamic; cele primite sunt roșii, mai mici */
.cifra{font:900 22px Cinzel,Georgia,serif;pointer-events:none;white-space:nowrap}
.cifra.lovitura{font-size:26px;color:#fff1b8;text-shadow:0 2px 3px #000,0 0 10px #ff8a1a,0 0 2px #000;animation:cifraSare .9s ease-out both}
.cifra.lovitura.lup{color:#ffb98a;text-shadow:0 2px 3px #000,0 0 10px #ff4a1a}
.cifra.lovitura.mare{font-size:34px;color:#ffe066}
.cifra.rau{font-size:19px;color:#ff7a6a;text-shadow:0 2px 3px #000}
@keyframes cifraSare{0%{transform:translate(-50%,-50%) scale(.4)}18%{transform:translate(-50%,-50%) scale(1.25)}35%{transform:translate(-50%,-50%) scale(1)}100%{transform:translate(-50%,-50%) scale(1)}}
@media (prefers-reduced-motion:reduce){.cifra.lovitura{animation:none}}
/* panoul personajului stă într-o parte și lasă jocul limpede: te vezi din față cât îți alegi portul */
.panou.lateral{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}