:root{--n1:#0a1733;--n2:#16306b;--zelt:#ffcf5c;--zelt2:#ffb52e;--bal:#f4f7ff;--rau:#d9434e;--zal:#2f9e6a;--mel:#3d7be0;--kort:rgba(255,255,255,.08);--kr:rgba(255,255,255,.18)}
@media (prefers-color-scheme:light){:root{}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;color:var(--bal);font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:radial-gradient(1200px 600px at 20% -10%,#24479b 0%,transparent 60%),linear-gradient(180deg,var(--n2),var(--n1) 70%);background-color:var(--n1);background-attachment:fixed;line-height:1.5;overflow-x:hidden}
.sniegas{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(2px 2px at 10% 20%,#fff 60%,transparent 61%),radial-gradient(2px 2px at 30% 70%,#fff 60%,transparent 61%),radial-gradient(3px 3px at 55% 35%,#fff 60%,transparent 61%),radial-gradient(2px 2px at 75% 80%,#fff 60%,transparent 61%),radial-gradient(2px 2px at 90% 15%,#fff 60%,transparent 61%),radial-gradient(3px 3px at 45% 90%,#fff 60%,transparent 61%);background-size:420px 420px;opacity:.55;animation:kr 40s linear infinite}
@keyframes kr{to{background-position:0 420px}}
@media (prefers-reduced-motion:reduce){.sniegas{animation:none}}
.w{position:relative;z-index:1;max-width:1040px;margin:0 auto;padding:22px 16px 60px}
.virsus{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#c9d6f5;font-size:13px;margin-bottom:6px}
.virsus a{color:#c9d6f5;text-decoration:none;border-bottom:1px dotted #8fa3d6}
h1{font-family:"Fredoka","Inter",system-ui,sans-serif;font-weight:600;font-size:clamp(30px,7vw,52px);line-height:1.08;margin:6px 0 8px;letter-spacing:.2px}
h1 .au{color:var(--zelt)}
.pa{color:#d3defa;font-size:clamp(15px,2.6vw,18px);max-width:720px;margin:0 0 20px}
.zyme{display:inline-block;font-size:12px;letter-spacing:.8px;text-transform:uppercase;background:rgba(255,207,92,.16);color:var(--zelt);padding:4px 10px;border-radius:999px;border:1px solid rgba(255,207,92,.35)}
.tinklelis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
@media (max-width:820px){.tinklelis{grid-template-columns:repeat(4,1fr)}}
@media (max-width:520px){.tinklelis{grid-template-columns:repeat(3,1fr);gap:10px}}
.durys{position:relative;aspect-ratio:1/1.08;border:0;border-radius:16px;cursor:pointer;color:#fff;font-family:"Fredoka",system-ui,sans-serif;font-size:clamp(26px,5.4vw,40px);font-weight:600;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:0 6px 0 rgba(0,0,0,.28),inset 0 0 0 2px rgba(255,255,255,.25);transition:transform .12s,box-shadow .12s}
.durys:hover,.durys:focus-visible{transform:translateY(-3px);outline:3px solid var(--zelt);outline-offset:2px}
.durys:active{transform:translateY(3px);box-shadow:0 2px 0 rgba(0,0,0,.28)}
.durys:nth-child(4n+1){background:linear-gradient(160deg,#e55761,#b8303b)}
.durys:nth-child(4n+2){background:linear-gradient(160deg,#3fb67f,#237a50)}
.durys:nth-child(4n+3){background:linear-gradient(160deg,#4f8cf0,#2c5bb5)}
.durys:nth-child(4n){background:linear-gradient(160deg,#f3b640,#c98a12)}
.durys small{font-family:"Inter",system-ui,sans-serif;font-size:11px;font-weight:500;opacity:.92;letter-spacing:.3px}
.durys .vl{width:34px;height:23px;border-radius:4px;object-fit:cover;box-shadow:0 1px 3px rgba(0,0,0,.4);margin-top:2px}
.durys.atid{filter:saturate(.75) brightness(.92)}
.durys.siandien::after{content:"šiandien";position:absolute;top:-9px;right:-6px;background:var(--zelt);color:#2a1d00;font:700 10px "Inter",system-ui;letter-spacing:.4px;padding:3px 7px;border-radius:999px;box-shadow:0 2px 6px rgba(0,0,0,.35)}
.dlg{position:fixed;inset:0;z-index:20;background:rgba(5,10,28,.78);display:none;align-items:center;justify-content:center;padding:14px;overflow-y:auto}
.dlg.rod{display:flex}
.lang{width:min(720px,100%);max-height:calc(100vh - 28px);overflow-y:auto;background:linear-gradient(180deg,#1c3a80,#12285a);border:1px solid var(--kr);border-radius:20px;padding:18px 18px 22px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.lang h2{font-family:"Fredoka",system-ui,sans-serif;font-weight:600;font-size:clamp(22px,4.5vw,30px);margin:0 0 2px}
.lang .antr{color:var(--zelt);font-weight:600;margin:0 0 12px;font-size:15px}
.eil{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.eil img{width:44px;height:30px;border-radius:5px;object-fit:cover;box-shadow:0 1px 4px rgba(0,0,0,.4)}
.uzdaryti{margin-left:auto;background:var(--kort);border:1px solid var(--kr);color:#fff;border-radius:999px;width:38px;height:38px;font-size:20px;cursor:pointer;flex:none}
.vid{position:relative;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden;margin:6px 0 14px}
.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.kort{background:var(--kort);border:1px solid var(--kr);border-radius:14px;padding:12px 14px;margin:0 0 10px}
.kort b{color:var(--zelt)}
.kort .sv{font-family:"Fredoka",system-ui,sans-serif;font-size:22px}
.nav{display:flex;gap:10px;justify-content:space-between;margin-top:12px}
.mygt{appearance:none;border:0;border-radius:12px;padding:11px 16px;font:600 15px "Inter",system-ui,sans-serif;cursor:pointer;color:#2a1d00;background:linear-gradient(180deg,var(--zelt),var(--zelt2));box-shadow:0 3px 0 rgba(0,0,0,.28);text-decoration:none;display:inline-block}
.mygt.tamsus{background:var(--kort);color:#fff;border:1px solid var(--kr);box-shadow:none}
.mygt:focus-visible{outline:3px solid #fff;outline-offset:2px}
.kortos{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:10px}
@media (max-width:640px){.kortos{grid-template-columns:1fr}}
.knt{display:block;text-decoration:none;color:inherit;background:var(--kort);border:1px solid var(--kr);border-radius:20px;padding:20px;transition:transform .12s,background .12s}
.knt:hover,.knt:focus-visible{transform:translateY(-3px);background:rgba(255,255,255,.14);outline:none}
.knt .ik{font-size:38px}
.knt h3{font-family:"Fredoka",system-ui,sans-serif;font-weight:600;font-size:24px;margin:6px 0 4px}
.knt p{margin:0;color:#d3defa;font-size:15px}
.pastaba{color:#9fb2e0;font-size:12.5px;margin-top:26px}
.pastaba a{color:#c9d6f5}
/* viktorina */
.prog{height:8px;background:rgba(255,255,255,.15);border-radius:99px;overflow:hidden;margin:6px 0 16px}
.prog i{display:block;height:100%;background:linear-gradient(90deg,var(--zelt),var(--zelt2));width:0;transition:width .3s}
.klaus{font-family:"Fredoka",system-ui,sans-serif;font-weight:500;font-size:clamp(20px,4.2vw,28px);line-height:1.25;margin:4px 0 16px}
.pas{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media (max-width:560px){.pas{grid-template-columns:1fr}}
.pas button{display:flex;align-items:center;gap:10px;text-align:left;border:2px solid var(--kr);background:var(--kort);color:#fff;border-radius:14px;padding:12px 14px;font:600 16px "Inter",system-ui,sans-serif;cursor:pointer;min-height:54px}
.pas button img{width:32px;height:22px;border-radius:3px;object-fit:cover}
.pas button:hover:not(:disabled){border-color:var(--zelt)}
.pas button.gerai{border-color:#4ade80;background:rgba(74,222,128,.2)}
.pas button.blogai{border-color:#ff7a85;background:rgba(255,122,133,.2)}
.pas button:disabled{cursor:default}
.paaisk{margin-top:14px;display:none}
.paaisk.rod{display:block}
.rez{text-align:center;padding:14px 0}
.rez .did{font-family:"Fredoka",system-ui,sans-serif;font-size:clamp(46px,12vw,84px);color:var(--zelt);line-height:1}
