/* =====================================================================
   ODDLY SLIME – pilnas ekranas.
   Ekrane matoma tik viena spalva ir gliaumas. Jokių užrašų.
   ===================================================================== */

@font-face{font-family:"OddlyDisplay";src:url("../fonts/AmaticSC-Bold.woff2") format("woff2"),url("../fonts/AmaticSC-Bold.woff") format("woff");font-weight:300;font-display:swap}
@font-face{font-family:"OddlyDisplay";src:url("../fonts/CaveatBrush-Regular.woff2") format("woff2"),url("../fonts/CaveatBrush-Regular.woff") format("woff");font-weight:600;font-display:swap}

:root{
  --bg:#6776ea; --ink:#fec901; --accent:#fb5d0d; --accent2:#ec4b91;
  --soft:#a2dccc; --soft2:#80c3a4; --cream:#fed0c8; --gold:#fcb401;
  --display:"OddlyDisplay",system-ui,sans-serif;
}

*{box-sizing:border-box}
/* „hidden" privalo nugalėti display:flex – kitaip paslėpta frazė
   lieka matoma ir prasišviečia pro naują žaidimą. */
[hidden]{display:none!important}

/* Ekranas užrakinamas: slankioti gali tik gliaumas, ne puslapis. */
html,body{
  margin:0;padding:0;width:100%;height:100%;
  overflow:hidden;overscroll-behavior:none;
  background:var(--bg);
  touch-action:none;-webkit-user-select:none;user-select:none;
  -webkit-tap-highlight-color:transparent;
}
body.g{position:fixed;inset:0}

#slime{display:block;width:100%;height:100%;touch-action:none;cursor:grab}
#slime:active{cursor:grabbing}

/* ---------- Frazė pabaigoje ---------- */
.q{
  position:fixed;inset:0;display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  padding:clamp(28px,7vw,80px);text-align:center;
  pointer-events:none;opacity:0;transition:opacity 1.1s ease;
}
.q.is-on{opacity:1}
.q__t{
  /* Sunkesnis to paties šrifto svoris – paletė vientisai vidutinio
     šviesumo, tad storesnės linijos labai padeda įskaitomumui. */
  font-family:var(--display);font-weight:600;
  font-size:var(--qsize,clamp(26px,6vw,64px));
  line-height:1.16;margin:0;max-width:16ch;
  /* Ilgas žodis niekada nesiaurina savo dėžutės. */
  min-width:min-content;
}
.q__a{
  font-family:var(--display);font-weight:600;
  font-size:calc(var(--qsize,32px) * .52);
  margin:clamp(20px,3.4vw,36px) 0 0;opacity:.9;letter-spacing:.02em;
}

/* ---------- Išėjimas ---------- */
.x{
  position:fixed;top:max(12px,env(safe-area-inset-top));
  right:max(12px,env(safe-area-inset-right));
  width:46px;height:46px;display:flex;align-items:center;justify-content:center;
  opacity:.22;transition:opacity .3s;z-index:5;color:currentColor;
}
.x:hover,.x:focus-visible{opacity:.75}
.x svg{width:20px;height:20px;stroke:currentColor;stroke-width:2.4;
  stroke-linecap:round;fill:none}

@media (prefers-reduced-motion:reduce){
  .q{transition:opacity .01s}
}