.msg1{max-width:520px;margin:auto;padding:5px;font-size:1.5rem;
	background-color:yellow;border:1px solid #bbb;
	border-radius:5px;box-shadow: 2px 2px 14px #fff;color:#661141;line-height: 1.4rem;
}
#noa{display: none}
#noa a{text-decoration: none;color:red;font-size: 1.8rem;}

.iPos{width:20px;height:20px;text-align:center;margin:3px;border:1px solid #661141;border-radius: 5px;padding: 5px;cursor: pointer;font-weight: bold;}
#app{position: relative;z-index: 2000;}
#add1{position: relative;margin: auto;z-index: 3000}
/*#add1{height: 94px;border: 1px solid red;width: 728px;
position: fixed;
margin-top: -100px; /* Negative half of height. */
/*margin-left: -250px;  Negative half of width. 
}*/

.pack1{
	position:relative;display:inline-block;left:-38px;top:20px;font-size:1rem;padding:3px 9px;background-color:#fff;opacity:0.8
}

h1{color: #661141}
.progTVtitle{color: #661141;font-size: 1.2rem;}
.progTVlink{text-decoration: none;}
.flagDen{
	display: inline-block;
	width:200px;
	font-size: 1.2em;
	border: 0px solid red;
	/*text-align: left;*/
	margin: 3px;
}

.flagDen img {vertical-align: middle;}
.flagDen span {margin-left: 5px;}

.scrollup {
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    opacity: 0;
    position: fixed;
    bottom: 20px;
    right: 10%;
    background: url('/icon_top.png') no-repeat;
    transition: opacity 0.5s ease-in-out;
}
.scrollup.is-visible {
	opacity: 0.3;
}

body{	
	font-family: verdana;
	font-size:11px;
	background-color: #ddd;
	text-align: center;
	max-width: 1400px;
	margin: auto;
}
.pixwords{
	display:inline-block;
	width:140px;
	/*height:140px;*/
	text-align:center;
	padding:10px;
	margin:2px;

	border: 0px solid red;
	cursor: pointer;
	background: url('/Eclipse-1s-30px.svg') no-repeat;
	background-position: center;
}

.pixwords img{
	width:120px;height: 120px;
	margin:auto;
	/*border:3px solid #fff;*/
	border-radius: 3px;
	object-fit: contain;
	/*background-color: #fff;*/

}

.p1{
	height: 15px;
	border:0px solid blue;
	margin:auto;
	width:100%;
	background-color: #aaa;
	clear: both;
	display:table;
	text-align: center;
	border-radius: 6px;
	color: #900011;
	background-color: #bebdbd;
	font-size:0.8rem;
}

.a1{color: #bebdbd}


.p1h1{visibility: hidden;}

.lok,.nrok{display: inline-block;}
.lnot,.nrnot,.divH{display:none;}
.divS{display:inline-block;}

.activ{background-color: #eee;}
.selL{margin:5px;padding:2px;cursor: pointer;width:32px;height: 32px;
	display:inline-block;line-height: 32px;text-align: center;border: 1px solid #aaa;
	font-weight: bold;color:#fff;
background-color: #661141;
font-size: 21px;
border-radius: 6px;
vertical-align: bottom;
}
.selL:hover{background-color: #aa5585;}

.reset{color:#fff;font-weight:bold;background-color:#661141;padding:3px 10px;display:inline-block;margin-top:2px;border-radius: 6px;text-decoration: none;}

#reset{background-color: #661141;cursor: pointer;
	border: 1px solid #ddd;width: 50px;height: 20px;line-height: 20px;
	margin: auto;padding: 3px;cursor: pointer;
	border-radius: 6px;
	font-size: 15px;text-align: center;
	color:#fff;
}

#lm{background-color: #661141;cursor: pointer;
	border: 1px solid #ddd;height: 20px;line-height: 20px;
	margin: auto;padding: 3px 6px 3px 6px;cursor: pointer;
	display: inline-block;
	border-radius: 6px;
	font-size: 15px;text-align: center;
	color:#fff;
}

.help1{
	border: 1px solid #ddd;
	display: inline-block;
	margin: auto;padding: 13px;
	border-radius: 6px;
	font-weight: bold;font-size: 15px;text-align: center;
	color:#fff;background-color: #116611;
}

.fnrl,.gri,.sel1{
	border: 1px solid #ddd;width: 24px;height: 20px;line-height: 20px;
	margin: 3px;padding: 3px;cursor: pointer;
	border-radius: 6px;
	font-weight: bold;font-size: 15px;text-align: center;
	color:#fff;
	display:inline-block;
}
.fnrl{background-color: #661141;}
.gri{background-color: #661141;}
.sel1{background-color: #aa5585;}

.fnrl:hover,.sel0{background-color: #aa5585;}
.gri:hover,#lm:hover{background-color: #aa5585;}

#close{padding: 10px;cursor: pointer;width:50px; background-color: #661141;color: #fff;
	display: inline-block;border-radius: 6px;font-weight: bold;font-size: 15px}
#close:hover{background-color: #aa5585;}
#loading{margin: auto;text-align: center;border: 0px solid red;display: none;}



.sel{display: none;}
#litere{margin-top: 5px;}


.overlay {
  position: fixed;
  top: 0px;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);

  visibility: hidden;
  opacity: 0;
  border:0px solid blue;
  background-color: #ddd;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
	border:1px solid #000;
	margin: 70px auto;
	padding: 10px;
	border-radius: 5px;
	width: 30%;
	position: relative;

	text-align: center;
	background-color: #ddd;

}


.popup .content {
	border:0px solid red;
	margin: auto;
	height: 60%;width: 90%;
  
}
.content {text-align: center;}

.popup,.popup .content{width: 65%;height: 65%;margin: 2px;border:0px solid green;margin: auto;}
.popup{padding: 0px;}
#content{text-align: center;max-width: 1000px;margin:auto;}



footer {
    width: 100%;
    height: 40px;line-height: 40px;
    padding-top: 40px;
    bottom: 5px;
    margin:auto;

}

#w{
	background-image: url('/logo_w2.png');
    background-color: #ddd;
    width: 40px;height: 40px;
    cursor: pointer;
    margin:auto;
}

body {font-family: 'PT Sans Narrow', sans-serif;font-size:1em;}

/*@media screen and (max-width: 320px){
	body{font-size: 0.8em;}
}*/

@media screen and (max-width: 600px){
	.popup,.popup .content{width: 95%;height: 95%;margin: 2px;border:0px solid green;margin: auto;}
	.popup{padding: 0px;padding-top: 10px}

	.pixwords{width: 90px;height: 100px;border: 0px solid red;padding: 2px;padding-bottom: 10px;}
	.pixwords img{width: 80px;height: 80px;border: 0px solid red;}

	.flagDen{display: block;font-size: 0.9em;width: 90%}
	/*.flagDen img,span{margin: auto;}*/
	body{font-size: 0.8em;}
	.lp-card{width:100%;flex:0 0 100%;box-sizing:border-box;border-radius:0;}
}

/* Language landing page intro (#4) */
.lp-intro{
	font-size:1.05rem;color:#444;line-height:1.6;
	margin:0.5rem auto 1.5rem auto;max-width:720px;text-align:center;
}
.lp-instructions{
	font-size:0.85rem;color:#666;line-height:1.7;
	margin:1.5rem auto 0.5rem auto;max-width:620px;
}

/* Cross-language section (#8) */
.lang-section{
	margin:2rem 0 1rem 0;
	border-top:1px solid #e8e8e8;
	padding-top:1rem;
}
.lang-section-title{
	font-size:0.75rem;color:#999;text-transform:uppercase;
	letter-spacing:0.07em;margin-bottom:0.6rem;
}
.lang-grid{
	display:flex;flex-wrap:wrap;gap:5px;
}
.lang-item{
	padding:3px 9px;border:1px solid #ddd;border-radius:3px;
	font-size:0.82rem;color:#555;text-decoration:none;
	background:#f8f8f8;transition:background 0.15s;
}
.lang-item:hover,.lang-item.lang-active{
	background:#661141;color:#fff;border-color:#661141;
}

/* Letter-count cards on language homepage */
.lp-cards{
	display:flex;flex-wrap:wrap;gap:10px;justify-content:center;
	margin:1rem 0 1.5rem 0;
}
.lp-card{
	background:#fff;border:1px solid #ddd;border-radius:8px;
	padding:10px 14px;width:190px;text-align:left;
	box-shadow:0 1px 4px rgba(0,0,0,0.07);
}
.lp-card-title{
	font-size:0.95rem;margin:0 0 5px 0;line-height:1.3;
}
.lp-card-title a{
	color:#661141;text-decoration:none;font-weight:bold;
}
.lp-card-title a::before{content:"» ";font-weight:normal;opacity:0.6;}
.lp-card-title a:hover{text-decoration:underline;}
.lp-words{
	font-size:0.76rem;color:#666;margin:0 0 7px 0;line-height:1.5;
}
.lp-count{
	font-size:0.7rem;background:#f0e6eb;color:#661141;
	padding:2px 8px;border-radius:10px;font-weight:bold;display:inline-block;
}