html,
body{
margin:0;
background:black;
overflow:hidden;
}
#player{
width:100vw;
height:100vh;
object-fit:contain;
}
/* ========================= */
/* KLAUSIMO SLUOKSNIS */
/* ========================= */
#overlay{
position:absolute;
left:40px;
right:40px;
bottom:75px;
pointer-events:none;
font-family:Arial,sans-serif;
}
#question{
color:white;
font-family:"Fredoka", sans-serif;
font-size:34px;
font-weight:400;
margin-bottom:10px;
}
#answer{
color:#FFD93D;
font-family:"Fredoka", sans-serif;
font-size:34px;
font-weight:400;
}
/* ===================== */
/* STATISTIKOS LENTELĖ */
/* ===================== */
#statistics{
position:fixed;
top:20px;
left:360px;
width:176px;
height:272px;
border:2px solid white;
z-index:100;
display:none;
color:white;
font-family:Consolas, monospace;
font-size:18px;
line-height:1.35;
padding:8px;
box-sizing:border-box;
}
#restartMessage{
position:fixed;
top:385px;
left:360px;
width:176px;
color:#FFD93D;
font-family:"Fredoka", sans-serif;
font-size:19px;
font-weight:500;
text-align:center;
display:none;
}
/* ========================================= */
/* TELEFONO ĮVEDIMO LAUKAS */
/* ========================================= */
/* Kompiuteryje nerodome */
#mobileAnswer{
display:none;
}
/* Telefone */
@media (max-width:768px){
/* Slepiame seną atsakymo eilutę */
#answer{
display:none;
}
#statistics{
position:fixed;
left:10px;
top:10px;
}
#restartMessage{
position:fixed;
left:10px;
top:190px;
display:none !important;
}
/* Rodome naują įvedimo lauką */
#mobileAnswer{
display:block;
color:#FFD93D;
font-family:"Fredoka", sans-serif;
font-size:30px;
margin-top:10px;
pointer-events:auto;
}
#mobileAnswer label{
display:none;
}
#mobileInput{
display:block;
width:220px;
padding:8px;
margin-top:10px;
background:transparent;
color:#FFD93D;
border:2px solid #FFD93D;
border-radius:12px;
font-family:"Fredoka", sans-serif;
font-size:28px;
text-align:center;
box-sizing:border-box;
}
#mobileInput::placeholder{
color:#FFD93D;
opacity:1;
}
#checkButton{
display:block;
width:220px;
margin-top:10px;
padding:8px;
background:transparent;
color:#FFD93D;
border:2px solid #FFD93D;
border-radius:12px;
font-family:"Fredoka", sans-serif;
font-size:28px;
}
}