*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#090e15;color:#e8d1ad;font-family:Georgia,serif}button,input{font:inherit}.layout{min-height:100dvh;display:grid;grid-template-columns:minmax(0,70fr) minmax(510px,30fr)}.art{background:url('assets/login-pozadi.png') center center/cover no-repeat}.auth{display:flex;align-items:center;justify-content:center;padding:35px;background:#090e15}.panel{border:1px solid #756044;border-radius:5px;width:100%;max-width:550px;padding:30px 36px 30px;background:linear-gradient(130deg,#0d1119,#111720)}.logo{display:block;width:290px;max-width:90%;height:auto;object-fit:contain;margin:0 auto 20px;mix-blend-mode:lighten}.tabs{display:flex;justify-content:center;gap:6px;margin-bottom:24px;flex-wrap:nowrap}.tabs button{padding:10px 9px;background:#243143;color:#f1dfc4;border:1px solid #947451;border-radius:3px;cursor:pointer;font-weight:bold;font-size:clamp(12px,1vw,16px);white-space:nowrap;box-shadow:0 3px 0 #4a321c}.tabs button.active{background:#b49362;color:#111}.panel label{display:block;font-size:18px;font-weight:bold;margin:17px 0 10px}.panel input{width:100%;background:#243143;border:1px solid #756044;color:white;padding:17px 14px;outline:none;min-height:58px}.panel input:focus{background:#2b3b51;border-color:#d9b77e}.submit{width:100%;margin-top:28px;padding:16px;background:linear-gradient(#2e3f56,#1c2938);color:#f7e2b9;border:2px solid #b99055;border-radius:4px;box-shadow:0 3px 0 #69461e;font-weight:bold;cursor:pointer}.submit:hover{filter:brightness(1.15)}#message{font:14px Arial,sans-serif;line-height:1.4;color:#e2bd8e;min-height:1em}#kingdom{width:100vw;height:100dvh;background:#000 url('assets/kralovstvi.png') center/cover no-repeat}#kingdom[hidden],#login[hidden]{display:none!important}@media(max-width:850px){.layout{grid-template-columns:1fr}.art{position:fixed;inset:0;opacity:.32}.auth{position:relative;background:transparent;min-height:100dvh;padding:18px}.panel{background:#0c1119ed;padding:24px 18px}.logo{width:250px}}
#message:empty{display:none}#message{margin:12px 0 0;min-height:0}.panel input:-webkit-autofill{-webkit-text-fill-color:#fff;box-shadow:0 0 0 1000px #243143 inset!important;caret-color:#fff}#passwordFields[hidden]{display:none}@media(max-width:600px){.tabs{gap:4px}.tabs button{font-size:clamp(10px,2.5vw,14px);padding:9px 5px}.panel{padding:22px 12px}}

/* Heroes of Valoria v1.1: trvale viditelna prazdna spodni navigacni lista. */
#kingdom{position:relative;overflow:hidden}
.kingdom-bottom-bar{position:absolute;bottom:0;left:0;right:0;height:78px;z-index:2;background:linear-gradient(180deg,#39404a 0%,#222b37 12%,#121a25 55%,#0b111a 100%);border-top:3px solid #bc965b;box-shadow:0 -2px 0 #372a1b,0 -8px 20px #0008,inset 0 2px 0 #e2bd7a55,inset 0 -5px 0 #080c12;pointer-events:none}
@media(max-width:600px){.kingdom-bottom-bar{height:66px}}

/* v1.2: Profil, zachovana puvodni lista a prihlasovaci obrazovka */
.kingdom-bottom-bar{display:flex;align-items:center;padding:0 clamp(12px,2vw,32px);pointer-events:auto}
.bar-profile{height:51px;min-width:155px;padding:0 22px;border:1px solid #b99660;border-radius:4px;background:linear-gradient(#394353,#1a2532);color:#f3d9a9;font-weight:bold;letter-spacing:.3px;box-shadow:inset 0 1px #f5d7a033,0 2px 5px #0009;cursor:pointer}
.bar-profile:hover,.bar-profile:focus-visible{background:linear-gradient(#4a5668,#253548);outline:2px solid #d1a86b;outline-offset:1px}
.bar-profile span{font-size:23px;margin-right:9px}
.profile-overlay[hidden]{display:none!important}
.profile-overlay{position:absolute;inset:0;z-index:5;display:flex;justify-content:center;align-items:center;padding:18px 18px 96px;background:#02060ab8;overflow-y:auto}
.profile-window{width:min(100%,550px);max-height:100%;overflow-y:auto;border:2px solid #b28b51;border-radius:7px;background:linear-gradient(140deg,#202b38,#0d141e 65%);color:#ebd8b9;box-shadow:0 18px 60px #000e,inset 0 0 0 3px #403523}
.profile-header{display:flex;align-items:center;justify-content:space-between;padding:14px 21px;border-bottom:2px solid #87683e;background:linear-gradient(#3a4350,#1d2835)}
.profile-header h2{font-size:25px;margin:0;color:#edcc91}
.close-profile{background:transparent;border:1px solid #a98957;color:#e9d2ae;border-radius:4px;font-size:29px;line-height:1;width:39px;height:39px;cursor:pointer}
.profile-content{padding:15px 25px 25px}
.profile-content h3{font-size:18px;color:#e6bf7c;margin:14px 0 10px;border-bottom:1px solid #7b6244;padding-bottom:8px}
.profile-line{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #ffffff17;overflow-wrap:anywhere;font:14px Arial,sans-serif}
.profile-line>span:first-child{color:#b6b9be;min-width:105px}
.profile-line>:last-child{text-align:right}
#profilePasswordForm label{display:block;font:14px Arial,sans-serif;margin:12px 0 6px}
#profilePasswordForm input{width:100%;background:#253243;border:1px solid #93764d;color:white;border-radius:3px;padding:11px;min-height:42px}
.profile-action{display:block;width:100%;margin-top:14px;padding:12px;border:1px solid #c29a5b;border-radius:4px;background:linear-gradient(#42526a,#243449);color:#f2d9ac;font-weight:bold;cursor:pointer}
.profile-action:hover{filter:brightness(1.18)}.profile-action:disabled{opacity:.55;cursor:wait}
.secondary-action{background:#273442}.logout-action{background:linear-gradient(#603937,#382022);border-color:#b16c62}
#profileMessage{font:14px/1.5 Arial,sans-serif;color:#e8c58e;min-height:0;overflow-wrap:anywhere}
@media(max-width:600px){.bar-profile{height:44px;min-width:125px;padding:0 12px}.profile-overlay{padding:10px 10px 76px}.profile-content{padding:12px 15px 20px}.profile-header h2{font-size:22px}}

/* Heroes of Valoria v1.3: postava */
.kingdom-bottom-bar{gap:12px}.character-window{width:min(1060px,100%);max-height:100%}.character-content{padding:18px 22px 22px}.character-level{padding:14px 16px;background:#192635;border:1px solid #725b3c;border-radius:5px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.character-level strong{color:#f0d39e}.character-level>span{font:14px Arial,sans-serif;color:#d9c29d}.xp-track{width:100%;height:13px;background:#0b121c;border:1px solid #79603d;border-radius:8px;overflow:hidden}.xp-track>div{width:0;height:100%;background:linear-gradient(90deg,#86642f,#edc77a);transition:width .2s}.character-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;margin:16px 0}.character-section{background:linear-gradient(140deg,#253445,#17212d);border:1px solid #806643;border-radius:5px;padding:14px}.character-section h3{margin:0 0 13px;color:#ebc889;font-size:19px}.hero-gear{display:grid;grid-template-columns:64px minmax(0,1fr) 64px;gap:12px;min-height:335px}.gear-side{display:flex;flex-direction:column;justify-content:space-between;gap:8px}.gear-slot{height:52px;border:1px solid #796448;background:linear-gradient(#28384b,#141e2a);display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:25px;color:#a7977c;cursor:default}.hero-silhouette{background:radial-gradient(ellipse at center,#445467 0%,#202d3b 55%,#131c27 100%);border:1px solid #5b5142;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-direction:column;min-width:0}.hero-silhouette span{font-size:clamp(110px,17vw,220px);line-height:1;color:#b4a58c;text-shadow:0 4px 20px #000}.hero-silhouette small{color:#e5c994;font-size:14px}.muted{font:12px/1.5 Arial,sans-serif;color:#b6b2ab;margin:12px 0 0}.points-label{font:15px Arial,sans-serif;margin:0 0 15px}.points-label strong{color:#e9c47e}.stat-row{display:grid;grid-template-columns:1fr 55px 37px;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #ffffff1b;font:15px Arial,sans-serif}.stat-row strong{text-align:right;color:#f0d39e}.stat-add{width:33px;height:32px;border:1px solid #9fbb85;background:#2d563d;color:#dbf4d6;border-radius:4px;cursor:pointer;font-weight:bold;font-size:20px}.stat-add:disabled{opacity:.3;cursor:not-allowed}.inventory-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.inventory-heading span{font:14px Arial,sans-serif;color:#d9c29d}.inventory-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}.inventory-slot{aspect-ratio:1;border:1px solid #715c41;border-radius:4px;background:linear-gradient(#263547,#111b27);min-height:36px}.inventory-slot:focus-visible{outline:2px solid #e3c186}#characterMessage{font:14px/1.5 Arial,sans-serif;color:#f0c989;min-height:18px;margin:12px 0 0}@media(max-width:750px){.character-columns{grid-template-columns:1fr}.hero-gear{min-height:260px}.hero-silhouette span{font-size:145px}.character-content{padding:12px}.inventory-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.kingdom-bottom-bar{gap:7px}.bar-profile{min-width:0;padding:0 12px}}

/* v1.4: ikonky prázdných slotů vybavení */
.gear-slot .gear-placeholder-icon{width:78%;height:78%;object-fit:contain;opacity:.72;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5));pointer-events:none;user-select:none}

/* v1.5: brneni vlevo pod helmou, zbran pod postavou */
.hero-center{min-width:0;display:flex;flex-direction:column;gap:8px}.hero-center .hero-silhouette{flex:1;min-height:0}.gear-weapon{display:flex;justify-content:center}.gear-weapon .gear-slot{width:64px;height:52px}