body{
background: #151f3f;
color: #FFFFFF;
text-align: center;
font: 15px Comic Sans MS;
border-bottom:1px solid #999966;
border-left:1px solid #999966;
border-right:1px solid #999966;
padding: 0px;
max-width: 500px;
margin: 0px auto;
padding-left: 10px;
padding-right: 10px;
font-size:0.9em;
}
h1{
border-bottom:2px solid #999966;
padding-bottom:4px;
font-size:20px;
padding-top:0px;
margin-top:0px;
font-size:0.9em;
}
a:active, a:visited, a:link{
color: #FDD017;
text-decoration:none;
}
a:hover{
color: #FFFFFF;
text-shadow: 0 0 2px #000000;
text-decoration:none;
}
input{
background-color: #2E2E2E;
color: #FFFFFF;
border: 1px solid #FDD017;
}
input[type="submit"]{
background-color: #2E2E2E;
color: #FFFFFF;
border: 1px solid #FDD017;
}
select{
background-color: #2E2E2E;
color: #FFFFFF;
border: 1px solid #FDD017;
}
.footer {
border-top: 2px solid #999966;
padding-top: 4px;
font: 15px;
font-size:0.9em;
}
.footer2 {
border-top: 2px solid #999966;
padding-top: 4px;
font: 15px;
}
.left2 {
border-top: 2px solid #999966;
padding-top: 4px;
text-align: left;
}
.line {
border-top: 1px solid #999966;
padding-top: 1px;
font: 15px;
font-size:0.9em;
text-align: left;
}

.left{text-align: left;
font-size:0.9em;}
a.btn-equip-ginklas,
a.btn-equip-ginklas:visited,
a.btn-equip-ginklas:active {
	display: inline-block;
	margin: 0.55em 0 0.25em 0;
	padding: 0.4em 1.1em;
	background: #e67e22;
	color: #ffffff !important;
	border: 1px solid #ca6f1e;
	border-radius: 4px;
	font-weight: bold;
	text-decoration: none;
}
a.btn-equip-ginklas:hover {
	background: #d35400;
	color: #ffffff !important;
	text-shadow: none;
}
a.btn-unequip-ginklas,
a.btn-unequip-ginklas:visited,
a.btn-unequip-ginklas:active {
	display: inline-block;
	margin: 0.55em 0 0.25em 0;
	padding: 0.4em 1.1em;
	background: #566573;
	color: #ffffff !important;
	border: 1px solid #3d4a54;
	border-radius: 4px;
	font-weight: bold;
	text-decoration: none;
}
a.btn-unequip-ginklas:hover {
	background: #707b86;
	color: #ffffff !important;
	text-shadow: none;
}
a.btn-drop-item,
a.btn-drop-item:visited,
a.btn-drop-item:active {
	display: inline-block;
	margin: 0.55em 0 0.25em 0;
	padding: 0.35em 0.95em;
	background: transparent;
	color: #e74c3c !important;
	border: 1px solid #c0392b;
	border-radius: 4px;
	font-weight: bold;
	text-decoration: none;
}
a.btn-drop-item:hover {
	background: #5c1f1f;
	color: #ffffff !important;
	text-shadow: none;
}
.red, #red {
    color: #FF4444;
    font-weight: bold;
    display: block;
    padding: 8px;
    background: rgba(255, 68, 68, 0.08);
    border: 1px solid #FF4444;
    border-radius: 4px;
    margin-bottom: 10px;
}
.red:empty, #red:empty {
    display: none;
}
.center{text-align: center;
font-size:0.9em;}

/* ETAPAS 4: Debuff status bar - kovoje virs prieso */
.debuff-bar {
    margin: 6px 0;
    padding: 5px 6px;
    background: #2a1818;
    border-left: 3px solid #c33;
    border-radius: 3px;
    font-size: 11px;
    line-height: 1.6;
}
.debuff-bar span {
    display: inline-block;
    padding: 2px 7px;
    margin: 1px 2px;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 1px rgba(0,0,0,.5);
}
.debuff-stun  { background: #b8860b; }
.debuff-down  { background: #8b0000; }
.debuff-bleed { background: #c0392b; }
.debuff-slow  { background: #16a085; }
.debuff-hp    { background: #7d3c98; }
.debuff-def   { background: #6c3483; }
.debuff-atk   { background: #5b2c6f; }
.debuff-dot   { background: #d35400; }
.player-debuff {
    background: #7d1d1d;
    color: #fff;
    padding: 6px 10px;
    margin: 6px 0;
    border-radius: 3px;
    font-weight: bold;
    text-align: center;
    box-shadow: inset 0 0 8px rgba(0,0,0,.3);
}

/* === MOBILE: tik tap-friendly tarpai, šriftas kaip desktop === */
@media (max-width: 768px) {
  body { max-width: 100% !important; padding-left: 6px !important; padding-right: 6px !important; }
  /* Spaudžiami elementai — daugiau erdvės kad pirštas pataikytų */
  a { padding: 4px 3px !important; display: inline-block !important; line-height: 1.4 !important; }
  input, textarea, select, button { padding: 6px 8px !important; min-height: 36px !important; margin: 2px !important; }
  input[type="submit"], button { min-width: 44px !important; }
  table td, table th { padding: 5px 4px !important; }
  img { max-width: 100% !important; height: auto !important; }
}