/* PoseTrek — "Nakts" tēma (pēc dizaina dēļa "PoseTrek").
   Tumša karte, viens signāls (laima zaļais = "dari to tagad"), komanda = krāsa + burts. */
:root{
  --bg:#0B0E13; --surface:#151A22; --raised:#1D2430; --line:#2A3342; --line-soft:#1D2430; --dash:#3A4456;
  --text:#F3F5F8; --soft:#C9D0DB; --body:#D5DBE4; --muted:#9BA5B5; --faint:#6B7586;
  --accent:#D4FF3A; --accent-hover:#E8FF8A; --ink:#0B0E13; --accent-soft:rgba(212,255,58,.12);
  --gold:#FFC93D; --gold-soft:rgba(255,201,61,.14);
  --ok:#35E0A1; --bad:#FF6B57; --bad-soft:rgba(255,107,87,.14); --info:#8CC4FF; --info-soft:rgba(77,163,255,.14);
  --display:Unbounded,system-ui,sans-serif; --ui:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif; --mono:"JetBrains Mono",ui-monospace,Consolas,monospace;
  --r-sm:12px; --r-md:18px; --r-lg:24px;
  color-scheme:dark;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{background:var(--bg);color:var(--text);font:500 15px/1.5 var(--ui);-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-decoration:none}
a:hover{color:var(--accent-hover)}
h1,h2,h3{margin:0;line-height:1.15;font-family:var(--display);font-weight:700}
h1{font-size:26px;font-weight:800;letter-spacing:-.01em}
h2{font-size:18px}
h3{font-size:15px}
p{margin:0}
.hidden,[hidden]{display:none!important}
/* Sākuma ekrāns: darbību flīzes un kompakts spēļu saraksts */
.hacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
/* Pirmā flīze (Pievienoties) — pa visu platumu, pārējās divas blakus */
.hacts>.hact:first-child,.hacts>.hact.wide{grid-column:1/-1;flex-direction:row;align-items:center;gap:12px}
.hacts>.hact:first-child .hi,.hacts>.hact.wide .hi{margin:0}
.hacts>.hact:first-child small,.hacts>.hact.wide small{margin-left:auto}
.hact{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;border-radius:18px;border:1px solid var(--line);background:var(--surface);
  color:var(--text);text-align:left;cursor:pointer;font:inherit}
.hact:active{transform:scale(.98)}
.hact b{font:700 15px/1.2 var(--display)}
.hact small{font-size:12px;color:var(--muted);font-weight:600}
.hact .hi,.glist .hi{width:40px;height:40px;border-radius:13px;background:var(--raised);color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:6px}
.hact.pri{background:var(--accent);border-color:transparent;color:var(--ink)}
.hact.pri small{color:rgba(11,14,19,.7)}
.hact.pri .hi{background:rgba(11,14,19,.12);color:var(--ink)}
.glist{display:flex;flex-direction:column;border-radius:18px;background:var(--surface);overflow:hidden}
.grow-row{display:flex;align-items:center;gap:6px;padding-right:8px;border-bottom:1px solid var(--line-soft)}
.grow-row:last-child{border-bottom:0}
.grow-row>a{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:12px 6px 12px 14px;color:var(--text);text-decoration:none}
.grow-row .d{width:10px;height:10px;border-radius:50%;flex:0 0 10px}
.grow-row .gt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.grow-row .gt b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.grow-row .gt small{font-size:12px;color:var(--muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.glist .hi.sm{width:34px;height:34px;flex:0 0 34px;margin:0;border-radius:11px}
/* Publisko spēļu rindas: garums/rādiuss · punkti · laiks, pa labi attālums */
.grow-row .pm{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted);font-weight:600}
.grow-row .pm>span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.grow-row .pd{display:inline-flex;align-items:center;gap:3px;padding:4px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:800;white-space:nowrap;flex:0 0 auto}
/* Pēcspēles kopsavilkums */
.rc-mark{display:inline-block;background:var(--accent);color:var(--ink);padding:0 .25em;border-radius:.2em;transform:rotate(-2deg)}
.rc-collage{position:relative;height:300px;border-radius:24px;background:#121821;border:1px solid var(--line);padding:4px;display:grid;gap:4px;
  grid-template-columns:1.25fr 1fr;grid-template-rows:1fr 1fr}
.rc-collage.n1,.rc-collage.n0{grid-template-columns:1fr;grid-template-rows:1fr}
.rc-collage.n2{grid-template-rows:1fr}
.rc-ph{position:relative;border-radius:20px;overflow:hidden;background:var(--tc)}
.rc-collage.n3 .rc-ph.big{grid-row:1/3}
.rc-ph img{width:100%;height:100%;object-fit:cover;display:block}
.rc-cap{position:absolute;left:8px;top:8px;max-width:calc(100% - 16px);padding:4px 9px;border-radius:999px;background:rgba(11,14,19,.65);font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rc-ai{position:absolute;left:8px;bottom:8px;padding:5px 9px;border-radius:12px;background:var(--accent);color:var(--ink);font:800 12px var(--display)}
.rc-more{position:absolute;right:12px;bottom:12px;padding:5px 9px;border-radius:999px;background:rgba(11,14,19,.75);font-size:12px;font-weight:700}
.rc-empty{border-radius:20px;background:var(--tc);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-weight:800}
.rc-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.rc-stats>div{padding:10px 6px;border-radius:16px;background:var(--surface);text-align:center;display:flex;flex-direction:column;gap:3px}
.rc-stats b{font:800 17px var(--display)}
.rc-stats span{font-size:11px;font-weight:700;color:var(--muted)}
.rc-mi{width:34px;height:34px;flex:0 0 34px;border-radius:11px;display:flex;align-items:center;justify-content:center}
/* Soļa numurs (publiskas spēles sagatavošana) */
.stepn{flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:var(--accent);color:var(--ink);display:flex;align-items:center;justify-content:center;font:800 14px var(--display)}
/* Masveida ģenerēšanas režģis (superadmins) */
.bgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
.bgrid .field{gap:6px}
.bgrid .wide{grid-column:1/-1}
.bgrid input,.bgrid select{height:44px;padding:0 12px;font-size:15px}
.brow .tm{flex:0 0 30px;width:30px;height:30px;font-size:13px}
@media (min-width:900px){.bgrid{grid-template-columns:repeat(4,minmax(0,1fr))}.bgrid .wide{grid-column:span 2}}
/* Spēles veida izvēle */
.modepick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.modeopt{position:relative;display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:18px;background:var(--surface);border:1.5px solid var(--line);cursor:pointer}
.modeopt input{position:absolute;opacity:0;pointer-events:none}
.modeopt .mi{width:36px;height:36px;border-radius:12px;background:var(--raised);color:var(--muted);display:flex;align-items:center;justify-content:center}
.modeopt b{font:700 15px/1.2 var(--display);color:var(--text)}
.modeopt small{font-size:12px;line-height:1.4;color:var(--muted)}
.modeopt:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.modeopt:has(input:checked) .mi{background:var(--accent);color:var(--ink)}
.modeopt:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.muted{color:var(--muted)}
.soft{color:var(--soft)}
.mono{font-family:var(--mono);font-weight:700}
.display{font-family:var(--display);font-weight:800}
.eyebrow{font:700 12px/1.3 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.err{color:var(--bad);font-weight:700}
svg.i{flex:0 0 auto;display:inline-block;vertical-align:-.15em}

/* ── Pogas ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 18px;border-radius:16px;
  border:1px solid var(--line);background:var(--raised);color:var(--text);font:700 15px var(--ui);cursor:pointer;
  transition:transform .16s cubic-bezier(.3,1.6,.5,1),background .16s;white-space:nowrap;text-decoration:none}
.btn:hover{color:var(--text);background:#232b38}
.btn:active{transform:scale(.97)}
.btn:disabled{opacity:.45;cursor:default;transform:none}
.btn.pri{height:56px;border:0;border-radius:18px;background:var(--accent);color:var(--ink);font-weight:800;font-size:16px}
.btn.pri:hover{background:var(--accent-hover);color:var(--ink)}
.btn.light{height:56px;border:0;border-radius:18px;background:var(--text);color:var(--ink);font-weight:800;font-size:16px}
.btn.ghost{background:transparent;border-color:transparent;color:var(--accent)}
.btn.bad{background:transparent;color:var(--bad);border-color:rgba(255,107,87,.4)}
.btn.sm{height:40px;padding:0 14px;border-radius:12px;font-size:14px}
.btn.xs{height:34px;padding:0 12px;border-radius:10px;font-size:13px}
.btn.block{display:flex;width:100%}
.btn.sq{width:56px;padding:0;flex:0 0 56px}
.iconbtn{width:44px;height:44px;flex:0 0 44px;border-radius:14px;border:0;background:var(--surface);color:var(--text);cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.iconbtn:hover{color:var(--text);background:var(--raised)}
.iconbtn.glass{background:rgba(11,14,19,.92);border:1px solid var(--line)}
.iconbtn.sm{width:36px;height:36px;flex-basis:36px;border-radius:11px}

/* ── Lauki ── */
.field{display:flex;flex-direction:column;gap:8px}
.field>label:not(.check),.flabel{font:700 12px var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
input,select,textarea{width:100%;font:600 16px var(--ui);color:var(--text);background:var(--raised);border:1px solid var(--line);
  border-radius:16px;padding:0 16px;height:52px}
textarea{height:auto;min-height:88px;padding:12px 16px;line-height:1.45;resize:vertical;font-weight:500}
select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%239BA5B5' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;padding-right:42px}
input::placeholder,textarea::placeholder{color:var(--faint)}
input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}
input.code{font:700 18px var(--mono);letter-spacing:.12em;text-transform:uppercase}
input[type=checkbox],input[type=radio]{width:22px;height:22px;padding:0;accent-color:var(--accent);flex:0 0 auto}
input[type=number]{font-family:var(--mono)}
.check{display:flex;gap:12px;align-items:center;font-weight:600;cursor:pointer;padding:6px 0;color:var(--soft)}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.row.nw{flex-wrap:nowrap}
.between{justify-content:space-between}
.grow{flex:1 1 auto;min-width:0}
.stack{display:flex;flex-direction:column;gap:14px}
.stack.tight{gap:8px}

/* Segmentu slēdzis */
.seg{display:flex;gap:6px;padding:4px;border-radius:14px;background:var(--surface);overflow-x:auto;scrollbar-width:none}
.seg button{flex:1 0 auto;height:36px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--muted);font:700 13px var(--ui);cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
.seg.suptabs{flex-wrap:wrap;overflow:visible}   /* superadmina sadaļas — nesalienot pārnesas nākamajā rindā */
.seg.suptabs button{flex:1 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:12px;padding:0 10px}
.seg button.on{background:var(--raised);color:var(--text);font-weight:800}

/* ── Kārtis, čipi ── */
.page{max-width:640px;margin:0 auto;padding:20px 20px calc(28px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px}
.card{background:var(--surface);border-radius:20px;padding:16px}
.card.tap{cursor:pointer;color:inherit;display:block;transition:transform .16s,background .16s}
.card.tap.row{display:flex}   /* kartīte-saite ar rindas izkārtojumu (ikona · teksts · bultiņa) */
.card.tap:hover{background:#19202a;color:inherit}
.card.tap:active{transform:scale(.99)}
.card.dashed{background:transparent;border:1.5px dashed var(--dash)}
.banner{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:var(--surface)}
.banner.accent{background:rgba(212,255,58,.08)}
.banner .bi{width:36px;height:36px;flex:0 0 36px;border-radius:12px;background:var(--raised);color:var(--text);display:flex;align-items:center;justify-content:center}
.banner.accent .bi{background:var(--accent);color:var(--ink)}
.chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;background:var(--raised);color:var(--soft);
  font:700 13px var(--ui);white-space:nowrap}
.chip.accent{background:var(--accent-soft);color:var(--accent)}
.chip.gold{background:var(--gold-soft);color:var(--gold)}
.chip.info{background:var(--info-soft);color:var(--info)}
.chip.bad{background:var(--bad-soft);color:var(--bad)}
.chip.ok{background:rgba(53,224,161,.12);color:var(--ok)}
.chip.mono{font-family:var(--mono)}
.chip .d{width:8px;height:8px;border-radius:999px;flex:0 0 auto}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.dot{display:inline-block;width:12px;height:12px;border-radius:999px;flex:0 0 auto}
.empty{text-align:center;color:var(--muted);padding:36px 16px;display:flex;flex-direction:column;align-items:center;gap:12px}
.empty .ei{width:56px;height:56px;border-radius:18px;background:var(--surface);color:var(--soft);display:flex;align-items:center;justify-content:center}
hr{border:0;border-top:1px solid var(--line);margin:4px 0}
details>summary{cursor:pointer;font-weight:700;color:var(--soft);list-style:none;display:flex;align-items:center;gap:8px}
details>summary::-webkit-details-marker{display:none}

/* Komandas aplis ar burtu */
.tm{width:30px;height:30px;flex:0 0 auto;border-radius:999px;border:3px solid var(--bg);display:inline-flex;align-items:center;justify-content:center;
  font:800 11px var(--display);color:var(--ink)}
.tm.lg{width:40px;height:40px;font-size:15px;box-shadow:0 0 0 4px var(--bg),0 0 0 6px var(--c)}
.av{width:30px;height:30px;flex:0 0 auto;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font:800 11px var(--ui);overflow:hidden;object-fit:cover}
.member{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:999px;background:var(--raised);font:700 13px var(--ui);
  color:var(--text);border:0;cursor:default;max-width:100%}
button.member{cursor:pointer}
button.member:hover{background:#252e3c}
.member .av{width:28px;height:28px}

/* ── Sākumlapas fons (aiz satura; telefonam stāvs, datoram plats zīmējums; kustīgs) ── */
.home-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;
  background:radial-gradient(60% 40% at 8% 0%,rgba(212,255,58,.10),transparent 70%),radial-gradient(55% 40% at 100% 55%,rgba(77,163,255,.10),transparent 70%),radial-gradient(50% 35% at 0% 100%,rgba(185,140,255,.08),transparent 70%)}
.home-bg>svg{position:absolute;inset:0;width:100%;height:100%}
.home-bg .bg-wide{display:none}
@media (min-width:760px) and (min-aspect-ratio:1/1){.home-bg .bg-tall{display:none}.home-bg .bg-wide{display:block}}
.home-bg .route{animation:dashflow 2.4s linear infinite}
.home-bg .cp{transform-box:fill-box;transform-origin:50% 50%;animation:cppulse 2.8s ease-in-out infinite;animation-delay:var(--d)}
.home-bg .figs>g{transform-box:fill-box;transform-origin:50% 100%;animation:bob 2.4s ease-in-out infinite;animation-delay:var(--d)}
.home-bg .conf>*{animation:twinkle 3.2s ease-in-out infinite;animation-delay:var(--d)}
@keyframes dashflow{to{stroke-dashoffset:-48}}
@keyframes cppulse{0%,100%{transform:scale(1)}50%{transform:scale(1.35)}}
@media (prefers-reduced-motion:reduce){.home-bg *{animation:none!important}.home-bg .runner{display:none}}
.page.home{position:relative;z-index:1;min-height:100dvh}
/* Fons aiz visām lapām: saturs virs tā; spēles skatā galvene un navigācija — puscaurspīdīgas */
#app{position:relative;z-index:1}
.nobg #appbg{display:none}
/* Telefonā kustīgais fons žilbina spēlējot — tikai sākumlapā un pieteikšanās lapā; datorā — visur */
@media not all and (min-width:760px) and (min-aspect-ratio:1/1){body:not(.bgon) #appbg{display:none}}
.homefoot{margin-top:auto;padding-top:24px;text-align:center;font-size:12px;font-weight:600}
.homefoot a{color:var(--muted)}
/* Starta poga, kad esi par tālu no starta — izskatās neaktīva (pieskaroties rāda startu kartē) */
.btn.startfar{background:var(--raised);color:var(--muted);border:1px dashed var(--line);box-shadow:none}
.btn.startfar svg{opacity:.6}
/* «STARTS» uzraksts kartē virs starta zonas */
.startlbl{position:absolute;transform:translate(-50%,-140%);display:inline-flex;align-items:center;gap:4px;white-space:nowrap;
  padding:4px 9px;border-radius:999px;background:var(--accent);color:var(--ink);font:800 11px/1 var(--ui);letter-spacing:.06em;
  box-shadow:0 4px 14px rgba(0,0,0,.5);animation:startpulse 1.6s ease-in-out infinite}
@keyframes startpulse{50%{box-shadow:0 0 0 6px rgba(212,255,58,.25),0 4px 14px rgba(0,0,0,.5)}}
/* «Kā spēlēt?» — instrukcijas saite zem sākuma pogām */
.homehelp{align-self:center;display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;border:1px solid var(--line);
  background:var(--surface);color:var(--soft);font-size:13px;font-weight:700;text-decoration:none}
.homehelp:hover{border-color:var(--accent);color:var(--text)}
.homehelp svg{color:var(--accent)}
/* Datorā — sākums kā peldošs panelis ekrāna vidū virs kartes fona */
@media (min-width:760px) and (min-aspect-ratio:1/1){
  #app:has(>.page.home){min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:56px 20px 64px}
  .page.home{min-height:0;width:100%;max-width:520px;margin:0;padding:28px 28px 24px;border-radius:28px;background:rgba(11,14,19,.8);border:1px solid var(--line);
    -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 0 1px rgba(212,255,58,.04) inset}
  .page.home .homefoot{padding-top:8px}
}

/* ── Pieteikšanās ── */
.login{position:relative;height:100dvh;min-height:540px;max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:14px;overflow:hidden;
  padding:calc(14px + env(safe-area-inset-top)) 20px calc(16px + env(safe-area-inset-bottom))}
.login .ltop{display:flex;align-items:center;justify-content:space-between}
.login .ltop .langsw{padding:3px;border-radius:12px}
.login .ltop .langsw button{height:30px;padding:0 10px;font-size:12px;border-radius:9px}
/* Valodas izvēle (izkrītošais saraksts); short — pieteikšanās lapas stūrī */
.langsel.short{width:auto;height:36px;padding:0 30px 0 12px;font-size:13px;font-weight:800;border-radius:12px;background-position:right 8px center;background-size:16px}
.hero-card{position:relative;flex:1 1 auto;min-height:150px;border-radius:28px;background:#121821;border:1px solid var(--line);overflow:hidden;
  transform:rotate(-1.6deg);box-shadow:0 18px 40px rgba(0,0,0,.45);margin:4px 4px 0}
.hero-card>svg{position:absolute;inset:8px 6px;width:calc(100% - 12px);height:calc(100% - 16px)}
.hero-card .fig{animation:bob 2.4s ease-in-out infinite;animation-delay:var(--d);transform-box:fill-box;transform-origin:50% 100%}
.hero-card .confetti{animation:twinkle 3s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translateY(0) scaleY(1)}45%{transform:translateY(-7px) scaleY(1.02)}60%{transform:translateY(0) scaleY(.97)}}
@keyframes twinkle{50%{opacity:.35}}
.stk{position:absolute;display:inline-flex;align-items:center;gap:6px;font:800 12px/1 var(--display);border-radius:999px;white-space:nowrap}
.stk.rec{top:14px;left:16px;padding:7px 10px;background:rgba(11,14,19,.75);color:var(--text);font-family:var(--mono);font-weight:700;letter-spacing:.06em}
.stk.rec i{width:8px;height:8px;border-radius:50%;background:var(--bad);animation:twinkle 1.2s steps(2) infinite}
.stk.tpl{top:14px;right:16px;padding:7px 10px;background:var(--accent-soft);color:var(--accent);letter-spacing:.08em}
.stk.pts{left:14px;bottom:16px;width:48px;height:48px;justify-content:center;background:var(--gold);color:var(--ink);font-size:15px;transform:rotate(-12deg)}
.stk.score{right:14px;bottom:16px;padding:10px 14px;border-radius:16px;background:var(--accent);color:var(--ink);font-size:22px;transform:rotate(5deg);box-shadow:0 8px 18px rgba(0,0,0,.35)}
.stk.score small{font-size:11px;font-weight:700}
.login h1{margin:6px 0 0;font-size:clamp(27px,8vw,36px);line-height:1.08;letter-spacing:-.025em}
.login h1 mark{display:inline-block;background:var(--accent);color:var(--ink);padding:.04em .22em .08em;border-radius:.22em;transform:rotate(-2deg)}
.login .lead{color:var(--muted);font-size:15px;line-height:1.45;margin:-4px 0 0}
.ticker{overflow:hidden;flex:0 0 auto;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.ticker .track{display:flex;gap:8px;width:max-content;animation:tick 26s linear infinite}
.ticker .track .chip{gap:7px;color:var(--body)}
.ticker .track .chip svg{color:var(--accent)}
@keyframes tick{to{transform:translateX(calc(-50% - 4px))}}
.login .acts{display:flex;flex-direction:column;gap:10px}
.login .acts .hint{text-align:center;color:var(--faint);font-size:12px;font-weight:600}
@media (max-height:700px){.login .lead{display:none}}
@media (max-height:620px){.ticker{display:none}.login .acts .hint{display:none}}
@media (prefers-reduced-motion:reduce){.hero-card .fig,.hero-card .confetti,.ticker .track,.stk.rec i{animation:none}}
.feats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.feats li{display:flex;align-items:center;gap:12px;font-weight:600;color:var(--body)}
.feats .fi{width:36px;height:36px;flex:0 0 36px;border-radius:12px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center}
/* Google poga mūsu stilā: Google iframe virsū gandrīz caurspīdīgs un saņem klikšķi */
.gwrap{position:relative;height:56px}
.gwrap .gvis{position:absolute;inset:0}
.gwrap .glogo{width:30px;height:30px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center}
.gwrap .gsi{position:absolute;inset:0;z-index:1;opacity:.01;overflow:hidden;display:flex;align-items:center;justify-content:center}
.gwrap .gsi>div{transform:scale(1.5)}
.invite{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%}
.inv{height:78px;border-radius:18px;background:var(--surface);border:1px solid var(--line);color:var(--text);text-decoration:none;font-weight:700;font-size:13px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.inv:hover{background:var(--raised);color:var(--text)}
.inv.wa{background:#25D366;border-color:transparent;color:#07250F}
.inv.wa:hover{background:#3BE07A;color:#07250F}
/* QR skeneris */
.scan{position:fixed;inset:0;z-index:3000;background:#000}
.scan video{width:100%;height:100%;object-fit:cover}
.scan .sframe{position:absolute;left:50%;top:45%;width:240px;height:240px;transform:translate(-50%,-50%);border-radius:28px;box-shadow:0 0 0 100vmax rgba(0,0,0,.55);outline:3px solid var(--accent);outline-offset:-3px}
.scan .sclose{position:absolute;top:calc(16px + env(safe-area-inset-top));right:16px}
.scan .shint{position:absolute;left:20px;right:20px;bottom:calc(40px + env(safe-area-inset-bottom));text-align:center;color:#fff;font-weight:700;font-size:15px}
.brand{display:flex;align-items:center;gap:10px}
.brand .bm{width:36px;height:36px;border-radius:12px;background:var(--accent);color:var(--ink);display:flex;align-items:center;justify-content:center}
.wm{font:800 22px/1 var(--display);letter-spacing:-.02em;color:var(--text)}
.wm span{color:var(--accent)}
.or{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--faint);font-size:13px;font-weight:600}
.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
.joinbox{display:flex;gap:10px}
.joinbox input{flex:1;min-width:0;height:56px;border-radius:18px;background:var(--surface)}
.joinbox button{width:56px;height:56px;flex:0 0 56px;border:0;border-radius:18px;background:var(--accent);color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer}
.gbtn-wrap{min-height:56px;display:flex;justify-content:center;align-items:center;border-radius:18px;background:var(--text);overflow:hidden}

/* ── Sākums ── */
.topbar{display:flex;align-items:center;gap:12px}
.card.tap.game-card{display:flex;flex-direction:column;gap:12px}
.game-card .t{font:700 17px var(--display)}

/* ── Spēles skats ── */
.gv{position:fixed;inset:0;display:grid;grid-template-rows:auto 1fr auto auto;grid-template-areas:"h" "b" "m" "n";background:transparent}
.gv>.gh{grid-area:h}.gv>.gbody{grid-area:b}.gv>.gnote{grid-area:m}.gv>.gnav{grid-area:n}
/* Paziņojumu josla spēlē: savā rindā starp saturu un navigāciju — neko neaizsedz */
.gnote{display:none;padding:8px 12px 2px;background:var(--bg);border-top:1px solid var(--line-soft)}
.gnote.on{display:block}
.gnote .toast{box-shadow:none;padding:10px 14px;font-size:14px;animation:none}
.gh{display:flex;align-items:center;gap:10px;padding:10px 16px 10px;padding-top:calc(10px + env(safe-area-inset-top));background:rgba(11,14,19,.86);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;min-width:0}
.gh .iconbtn{width:40px;height:40px;flex:0 0 40px;border-radius:13px}
.gh .tt{flex:1;min-width:0}
.gh .ghtop{display:flex;align-items:center;gap:8px;min-width:0;min-height:18px}
.gh .ghtop .eyebrow{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gh .ghtime{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;color:var(--accent);font-weight:800}
.gh .ghtime .mono{font-size:13px}
.gh .ghstat{flex:0 0 auto;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.gh h1{font-size:clamp(17px,5.2vw,20px);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gv.onmap .gh{display:none}
.pill{height:44px;padding:0 14px;border-radius:14px;background:rgba(11,14,19,.92);border:1px solid var(--line);display:inline-flex;align-items:center;gap:8px;color:var(--text);white-space:nowrap}
.pill.solid{background:var(--surface);border-color:transparent}
.pill .mono{font-size:16px}
.gbody{position:relative;overflow:hidden;min-height:0}
.gpanel{position:absolute;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch}
.mapwrap{position:absolute;inset:0}
#map{position:absolute;inset:0;background:#10151C}
.gnav{display:flex;justify-content:space-around;background:rgba(11,14,19,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line-soft);padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:5}
.gnav button{min-width:56px;flex:1;height:50px;border:0;background:transparent;color:var(--faint);font:700 11px var(--ui);display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:4px;cursor:pointer;position:relative}
.gnav button.on{color:var(--text)}
.gnav button.on::after{content:"";position:absolute;top:-7px;width:22px;height:3px;border-radius:999px;background:var(--accent)}
.badge{position:absolute;top:2px;left:calc(50% + 6px);background:var(--bad);color:var(--ink);border-radius:99px;font:800 10px var(--ui);min-width:18px;height:18px;line-height:18px;padding:0 5px}

/* Kartes virslīmenis */
.maptop{position:absolute;left:16px;right:16px;top:calc(14px + env(safe-area-inset-top));display:flex;gap:8px;align-items:center;z-index:500;pointer-events:none}
.maptop>*{pointer-events:auto}
.mapside{position:absolute;right:16px;top:calc(70px + env(safe-area-inset-top));display:flex;flex-direction:column;align-items:flex-end;gap:8px;z-index:500}
.sheet{position:absolute;left:0;right:0;bottom:0;z-index:500;background:var(--bg);border-radius:28px 28px 0 0;border-top:1px solid var(--line);
  padding:10px 20px 14px;display:flex;flex-direction:column;gap:14px;max-width:640px;margin:0 auto}
.sheet .handle{align-self:center;width:40px;height:5px;border-radius:999px;background:var(--line)}
.sheet .sheetteam{position:absolute;top:12px;right:16px;max-width:45%;padding:4px 10px;border-radius:999px;color:var(--ink);font-size:12px;font-weight:800;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sheet .next{display:flex;align-items:center;gap:14px}
.sheet .meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px;font-size:13px;color:var(--muted);font-weight:600}
.sheet .meta .mono{color:var(--text);font-weight:700}
.ringbox{position:relative;flex:0 0 auto}
.ringbox .rv{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:800 13px var(--display)}
.ringbox svg{display:block}

/* Kartes marķieri */
.pin{width:40px;height:40px;border-radius:13px 13px 13px 4px;transform:rotate(-45deg);background:var(--raised);display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 14px rgba(0,0,0,.45)}
.pin>*{transform:rotate(45deg)}
.pin span{font:800 13px var(--display);color:var(--soft)}
.pin.active{width:46px;height:46px;border-radius:15px 15px 15px 4px;background:var(--accent);box-shadow:0 0 0 8px rgba(212,255,58,.16),0 4px 14px rgba(0,0,0,.45)}
.pin.active span{color:var(--ink);font-size:16px}
.pin.avail{background:#26344A;box-shadow:0 0 0 2px var(--info),0 4px 14px rgba(0,0,0,.45)}
.pin.avail span{color:var(--text)}
.pin.done{border:2px solid var(--c,var(--ok));color:var(--c,var(--ok))}
.pl{border-radius:999px;border:3px solid var(--bg);display:flex;align-items:center;justify-content:center;font:800 9px var(--display);color:var(--ink);
  width:24px;height:24px;box-shadow:0 2px 8px rgba(0,0,0,.5)}
.pl.stale{opacity:.55}
.pl-halo{border-radius:999px;display:flex;align-items:center;justify-content:center}
.me-dot{width:22px;height:22px;border-radius:999px;background:var(--text);border:4px solid #2F6BFF;box-shadow:0 0 0 0 rgba(47,107,255,.55);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(47,107,255,.55)}70%{box-shadow:0 0 0 18px rgba(47,107,255,0)}100%{box-shadow:0 0 0 0 rgba(47,107,255,0)}}
.leaflet-container{background:#10151C;font-family:var(--ui)}
.dark-tiles{filter:invert(1) hue-rotate(185deg) brightness(.82) contrast(.92) saturate(.45)}
.leaflet-container a{color:var(--accent)}
.leaflet-control-attribution{background:rgba(11,14,19,.7)!important;color:var(--faint)!important;font-size:10px}
.leaflet-control-attribution a{color:var(--muted)!important}
.leaflet-bar{border:1px solid var(--line)!important;border-radius:12px!important;overflow:hidden}
.leaflet-bar a{background:var(--surface)!important;color:var(--text)!important;border-color:var(--line)!important}
.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:var(--surface);color:var(--text);box-shadow:0 8px 24px rgba(0,0,0,.5)}
.leaflet-popup-content-wrapper{border-radius:16px}
.leaflet-popup-content{font:600 14px/1.45 var(--ui);margin:12px 14px}
.leaflet-container a.leaflet-popup-close-button{color:var(--muted)}
.leaflet-tooltip.tip{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:8px;font:700 11px var(--ui);padding:2px 8px;box-shadow:none}
.leaflet-tooltip.tip::before{display:none}

/* ── Punktu saraksts / punkts ── */
.cp-row,.card.cp-row{display:flex;align-items:center;gap:12px}
.card.cp-row{padding:10px 12px}
.cp-row .pin{flex:0 0 auto;margin:4px 6px 4px 4px}
.cp-row .nm{font-weight:800;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cp-row .sub{display:flex;gap:8px;align-items:center;margin-top:4px;font-size:12px;color:var(--muted);font-weight:600;flex-wrap:wrap}
.task{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-top:1px solid var(--line-soft)}
.task:first-of-type{border-top:0;padding-top:4px}
.task .ti{width:40px;height:40px;flex:0 0 40px;border-radius:13px;background:var(--raised);color:var(--soft);display:flex;align-items:center;justify-content:center}
.task .tb{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.task .tt{font-weight:800}
.task p{color:var(--muted);font-size:14px}
.tpl{font:800 18px var(--display);letter-spacing:.08em;color:var(--accent)}
.checkin{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:20px 16px}
.checkin .big{font:800 44px/1 var(--display);letter-spacing:-.02em}
.checkin .okmark{width:56px;height:56px;border-radius:18px;background:var(--accent);color:var(--ink);display:flex;align-items:center;justify-content:center}

/* ── Galerija ── */
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.tile{display:flex;flex-direction:column;gap:8px;cursor:pointer;border:0;background:none;padding:0;color:inherit;text-align:left;font:inherit}
.tile .ph{position:relative;aspect-ratio:3/4;border-radius:18px;overflow:hidden;background:var(--surface)}
.tile .ph img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .6s,transform .6s}
.tile .ph img.blur,.lightbox img.blur{filter:blur(14px) saturate(.8);transform:scale(1.18)}
.tile .tchip{position:absolute;left:8px;top:8px;height:26px;padding:0 9px;border-radius:999px;background:rgba(11,14,19,.75);display:flex;align-items:center;gap:6px;
  font:800 11px var(--ui);color:var(--text);max-width:calc(100% - 16px);overflow:hidden}
.tile .score{position:absolute;right:8px;bottom:8px;height:26px;padding:0 9px;border-radius:999px;background:var(--accent);color:var(--ink);display:flex;align-items:center;gap:4px;
  font:700 11px var(--mono)}
.tile .score.wait{background:rgba(11,14,19,.75);color:var(--soft)}
.tile .lock{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.tile .lock span{width:40px;height:40px;border-radius:999px;background:rgba(11,14,19,.6);color:var(--text);display:flex;align-items:center;justify-content:center}
.tile .cap{font-size:13px;font-weight:700;color:var(--soft);padding:0 2px;line-height:1.3}
.lightbox{position:fixed;inset:0;background:rgba(5,7,10,.96);z-index:3000;display:flex;flex-direction:column;color:var(--text)}
.lightbox .imgbox{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:0;position:relative;touch-action:manipulation;user-select:none;-webkit-user-select:none}
.lb-heart{position:absolute;left:50%;top:50%;pointer-events:none;color:var(--accent);filter:drop-shadow(0 6px 24px rgba(0,0,0,.5));animation:lbheart .6s ease-out forwards}
.lb-heart svg{fill:currentColor;stroke:none}
@keyframes lbheart{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}35%{transform:translate(-50%,-50%) scale(1.15);opacity:1}70%{transform:translate(-50%,-50%) scale(1);opacity:1}100%{transform:translate(-50%,-50%) scale(1.3);opacity:0}}
.lightbox img{max-width:100%;max-height:100%;object-fit:contain}
.lightbox .info{padding:16px 20px calc(18px + env(safe-area-inset-bottom));background:var(--bg);border-radius:24px 24px 0 0;border-top:1px solid var(--line);
  max-height:48vh;overflow:auto;display:flex;flex-direction:column;gap:10px}
.lightbox .x{position:absolute;top:calc(14px + env(safe-area-inset-top));right:16px;z-index:2}

/* ── Rezultāti ── */
.podium{display:flex;align-items:flex-end;gap:10px;padding-top:8px}
.podium .col{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}
.podium .nm{font-weight:800;font-size:14px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.podium .blk{width:100%;border-radius:16px 16px 0 0;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.podium .blk b{font:800 22px var(--display)}
.podium .blk small{font:700 12px var(--mono);color:var(--muted)}
.podium .first .blk{background:var(--accent);color:var(--ink)}
.podium .first .blk small{color:rgba(11,14,19,.7)}
.lines{background:var(--surface);border-radius:20px;padding:4px 14px}
.lines .ln{display:flex;align-items:center;gap:12px;min-height:46px;border-bottom:1px solid var(--line-soft)}
.lines .ln:last-child{border-bottom:0}
.lines .ln .lb{flex:1;font-size:14px;font-weight:700}
.lines .ln .mt{font-size:12px;color:var(--muted);font-weight:600}
.lines .ln .pt{min-width:52px;text-align:right;font:700 14px var(--mono)}
.bar{height:8px;background:var(--raised);border-radius:99px;overflow:hidden}
.bar i{display:block;height:100%;border-radius:99px}

/* ── Čats ── */
.chat{display:flex;flex-direction:column;height:100%}
.msgs{flex:1;overflow-y:auto;padding:12px 20px;display:flex;flex-direction:column;gap:10px}
.msg{max-width:85%;background:var(--surface);border-radius:18px 18px 18px 6px;padding:8px 12px}
.msg.me{align-self:flex-end;background:var(--raised);border-radius:18px 18px 6px 18px}
.msg.lead{background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px rgba(212,255,58,.35)}
.msg .who{font-size:11px;font-weight:800;color:var(--muted);display:flex;gap:6px;align-items:center;margin-bottom:2px}
.msg.lead .who{color:var(--accent)}
.chatin{display:flex;gap:10px;padding:12px 16px;border-top:1px solid var(--line-soft);background:var(--bg)}
.chatin input{height:52px}
.chatin button{width:52px;height:52px;flex:0 0 52px;border:0;border-radius:16px;background:var(--accent);color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer}

/* ── Modāļi (apakšējās lapas) ── */
.modal-bg{position:fixed;inset:0;background:rgba(5,7,10,.7);z-index:2000;display:flex;align-items:flex-end;justify-content:center}
.modal{background:var(--bg);border-top:1px solid var(--line);width:100%;max-width:560px;max-height:92dvh;overflow-y:auto;border-radius:28px 28px 0 0;
  padding:10px 20px calc(20px + env(safe-area-inset-bottom));animation:up .24s cubic-bezier(.2,.9,.3,1)}
.modal::before{content:"";display:block;width:40px;height:5px;border-radius:999px;background:var(--line);margin:0 auto 12px}
@media (min-width:700px){.modal-bg{align-items:center}.modal{border-radius:28px;border:1px solid var(--line)}.modal::before{display:none}}
/* Apstiprinājuma logs (ask) — centrā, virs visa, arī virs atvērta loga */
.askbg{position:fixed;inset:0;z-index:6000;background:rgba(5,7,10,.72);display:flex;align-items:center;justify-content:center;padding:20px;animation:askfade .15s}
.askbox{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:24px 20px 18px;text-align:center;
  display:flex;flex-direction:column;gap:12px;box-shadow:0 24px 60px rgba(0,0,0,.6);animation:askpop .18s}
.askbox .askic{width:56px;height:56px;margin:0 auto 2px;border-radius:18px;display:grid;place-items:center;background:var(--accent);color:var(--ink)}
.askbox .askic.bad{background:var(--bad-soft);color:var(--bad)}
.askbox h2{font-size:20px;margin:0;line-height:1.2}
.askbox p{margin:0;color:var(--soft);font-size:15px;line-height:1.45;white-space:pre-line}
.askbox .grid2{margin-top:6px}
.askbox .askin{width:100%;text-align:center;font-weight:700}
@keyframes askfade{from{opacity:0}}
@keyframes askpop{from{transform:scale(.94);opacity:0}}
@keyframes up{from{transform:translateY(40px);opacity:.3}to{transform:none;opacity:1}}
.mh{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.mh .tt{flex:1;min-width:0}
.mh h2{font-size:20px}
.minimap{height:220px;border-radius:18px;overflow:hidden}
.taskedit{border-radius:18px;padding:14px;background:var(--surface)}
.gen-item{position:relative;display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;background:var(--surface);cursor:pointer}
.gen-item .box{width:28px;height:28px;flex:0 0 28px;border-radius:9px;border:2px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--ink)}
.gen-item input{position:absolute;opacity:0;pointer-events:none}
.gen-item input:checked+.box{background:var(--accent);border-color:var(--accent)}
.gen-item input:not(:checked)+.box svg{visibility:hidden}
.steps{display:flex;gap:4px}
.steps i{width:10px;height:6px;border-radius:999px;background:var(--line)}
.steps i.on{background:var(--accent)}
.steps i.cur{width:22px;background:var(--accent)}

/* Toast */
#toast{position:fixed;left:50%;bottom:calc(160px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:5000;display:flex;flex-direction:column;gap:8px;
  width:min(92vw,420px);pointer-events:none}
.toast{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:16px;padding:12px 16px;box-shadow:0 12px 30px rgba(0,0,0,.5);
  font-weight:700;animation:up .2s;pointer-events:none;display:flex;gap:10px;align-items:flex-start}
.toast::before{content:"";width:8px;height:8px;border-radius:99px;background:var(--muted);flex:0 0 8px;margin-top:7px}
.toast.ok::before{background:var(--accent)}
.toast.bad::before{background:var(--bad)}
.toast.lead{border-color:rgba(212,255,58,.5)}
.toast.lead::before{background:var(--accent)}

/* ── Kamera ── */
.cam{position:fixed;inset:0;background:#000;z-index:4000;color:var(--text)}
/* Skats aizpilda visu brīvo laukumu (cover); bildē nonāk tieši redzamā daļa */
.cam .view{position:absolute;left:0;top:0;right:0;bottom:144px;overflow:hidden;background:#000}
.cam video,.cam .shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}
.cam video.mirror{transform:scaleX(-1)}
.cam canvas.ov{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.cam .top{position:absolute;left:16px;right:16px;top:calc(14px + env(safe-area-inset-top));display:flex;align-items:center;gap:10px}
.cam .top .pill{background:rgba(11,14,19,.8);border:0;min-width:0;flex:1}
.cam .top .pill b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:800}
.cam .hint{position:absolute;left:16px;right:16px;top:calc(68px + env(safe-area-inset-top));padding:10px 14px;border-radius:16px;background:rgba(11,14,19,.8);
  font-size:13px;color:var(--soft);line-height:1.4}
.cam .bottom{position:absolute;left:0;right:0;bottom:0;height:144px;background:#000;display:flex;align-items:center;justify-content:space-between;
  padding:0 36px calc(14px + env(safe-area-inset-bottom))}
.cam .cb{width:48px;height:48px;border-radius:999px;border:0;background:var(--raised);color:var(--text);cursor:pointer;display:flex;align-items:center;
  justify-content:center;flex-direction:column;gap:1px}
.cam .cb small{font:700 9px var(--mono);line-height:1}
.cam .shutter{width:82px;height:82px;border-radius:999px;border:4px solid var(--text);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.cam .shutter span{width:64px;height:64px;border-radius:999px;background:var(--accent);transition:transform .1s}
.cam .shutter:active span{transform:scale(.88)}
.cam .pbar{gap:12px;padding:0 20px calc(14px + env(safe-area-inset-bottom))}
.cam .count{position:absolute;inset:0;bottom:144px;display:flex;align-items:center;justify-content:center;font:800 150px var(--display);color:var(--accent);
  text-shadow:0 4px 30px rgba(0,0,0,.6);pointer-events:none}
/* Horizontāli: pogas kolonnā labajā malā (īkšķim), skats pa visu pārējo ekrānu */
@media (orientation:landscape) and (max-height:600px){
  .cam .view{right:calc(112px + env(safe-area-inset-right));bottom:0}
  .cam .bottom{left:auto;top:0;right:0;bottom:0;width:calc(112px + env(safe-area-inset-right));height:auto;flex-direction:column;justify-content:space-evenly;
    padding:calc(10px + env(safe-area-inset-top)) env(safe-area-inset-right) calc(10px + env(safe-area-inset-bottom)) 0}
  .cam .pbar{gap:10px;padding:16px calc(10px + env(safe-area-inset-right)) 16px 10px;justify-content:center}
  .cam .pbar .btn{width:100%;flex:0 0 auto;padding:0 8px;font-size:14px}
  .cam .pbar .btn.pri{height:76px;flex-direction:column;gap:4px}
  .cam .top,.cam .hint{right:calc(124px + env(safe-area-inset-right))}
  .cam .top{top:10px;left:calc(12px + env(safe-area-inset-left))}
  .cam .hint{top:62px;left:calc(12px + env(safe-area-inset-left));max-width:520px}
  .cam .count{bottom:0;right:calc(112px + env(safe-area-inset-right));font-size:110px}
}
.cam .flash{position:absolute;inset:0;background:#fff;animation:flash .35s forwards;pointer-events:none}
.cam .screenflash{position:fixed;inset:0;z-index:9999;background:#fff;pointer-events:none;transform:translateZ(0)}
@keyframes flash{from{opacity:.9}to{opacity:0}}

/* ── Kustības ── */
.motion{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.motion .ring{position:relative;width:260px;height:260px}
.motion .ring .in{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.motion .num{font:800 84px/1 var(--display);letter-spacing:-.03em}
.motion .of{font-size:15px;color:var(--muted);font-weight:700;margin-top:6px}
.quiz-opt{width:100%;justify-content:flex-start;height:auto;min-height:56px;padding:12px 16px;text-align:left;white-space:normal;line-height:1.35}
.quiz-opt .k{width:30px;height:30px;flex:0 0 30px;border-radius:10px;background:var(--surface);display:flex;align-items:center;justify-content:center;font:800 13px var(--display)}
.quiz-opt.sel{box-shadow:inset 0 0 0 2px var(--accent)}
.quiz-opt.right{background:var(--accent);color:var(--ink);border-color:transparent}
.quiz-opt.wrong{background:var(--bad);color:var(--ink);border-color:transparent}

.spinner{width:40px;height:40px;border:4px solid var(--raised);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite;margin:24px auto}
@keyframes spin{to{transform:rotate(360deg)}}
.qr{background:#fff;padding:12px;border-radius:16px;display:inline-block}
.code-big{font:700 34px/1 var(--mono);letter-spacing:.16em}
.hero-game{background:rgba(212,255,58,.06);box-shadow:inset 0 0 0 1.5px rgba(212,255,58,.45)}
.hero-game:hover{background:rgba(212,255,58,.09)}

/* ── Juridiskās lapas un sīkdatņu piekrišana ── */
.legal .legal-body{color:var(--body);font-size:14px;line-height:1.55}
.legal .legal-body p{margin:0 0 8px}
.legal .legal-body ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}
.legal .legal-body code{font-family:var(--mono);font-size:12px;background:var(--raised);padding:1px 5px;border-radius:6px}
.legal-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 10px;font-size:12px;font-weight:700;color:var(--muted);margin-top:6px}
.legal-links a{color:var(--soft)}
.consentbar{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(12px + env(safe-area-inset-bottom));z-index:5500;width:min(94vw,560px);
  background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:14px 16px;box-shadow:0 16px 40px rgba(0,0,0,.55);
  display:flex;align-items:center;gap:12px;flex-wrap:wrap}

/* ── Kredītu monēta pie profila bildes (sākumlapa) ── */
.avwrap{position:relative;display:inline-flex;flex:0 0 auto}
.coin{position:absolute;right:-7px;bottom:-7px;min-width:24px;height:24px;padding:0 5px;border-radius:999px;display:grid;place-items:center;
  font:800 12px/1 var(--display);color:#5a3b00;text-decoration:none;
  background:radial-gradient(circle at 35% 30%,#fff3b0 0,#ffd54a 38%,#e9a90c 75%,#b97a00 100%);
  border:2px solid var(--bg);box-shadow:inset 0 0 0 1.5px rgba(122,78,0,.55),0 2px 6px rgba(0,0,0,.45)}
/* PoseTrek logo augšā labajā pusē — uz sākumu */
.homelogo{flex:0 0 auto;width:36px;height:36px;margin-left:auto;border-radius:12px;background:var(--accent);display:grid;place-items:center;pointer-events:auto;box-shadow:0 2px 8px rgba(0,0,0,.35)}
.gh .homelogo{width:32px;height:32px;border-radius:11px}
.maptop .homelogo{width:44px;height:44px;border-radius:14px}
.maptop{gap:6px}.maptop .pill{padding-left:12px;padding-right:12px}   /* šauriem telefoniem — lai logo ietilpst */
/* ── Superadmina publisko spēļu tabula (datorā) ── */
@media (min-width:900px){
  .page.sgpage{max-width:1680px;padding-bottom:96px}   /* apakšā vieta masveida joslai */
  .page.sgpage>.topbar,.page.sgpage>.seg,.page.sgpage>p,.page.sgpage>.grid2{max-width:900px;width:100%;margin-left:auto;margin-right:auto}
  .page.supage>.sunarrow{display:none}   /* lietotāju tabulā meklēšana un filtri ir kolonnu galvenē */
  .page.supage>.chips{max-width:900px;width:100%;margin-left:auto;margin-right:auto}
}
.sgwrap{border:1px solid var(--line);border-radius:18px;background:rgba(21,26,34,.92)}   /* bez iekšējās ritjoslas — ritina lapa, galvene pielīp augšā */
.sgt{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}
.sgt thead th{position:sticky;z-index:2;background:var(--surface);text-align:left;font-weight:800;white-space:nowrap;padding:8px 10px;border-bottom:1px solid var(--line)}
.sgt thead tr:first-child th{top:0}
.sgt thead tr.sgf th{top:37px;padding:6px 8px 10px}
.sgt th.n,.sgt td.n{text-align:right}
.sgt th.c,.sgt td.c{width:34px;text-align:center}
.sgt .sgsort{all:unset;cursor:pointer;display:inline-flex;gap:4px;align-items:center;color:var(--muted);font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.sgt .sgsort:hover{color:var(--text)}
.sgt .sgsort span{color:var(--accent);font-size:9px}
.sgt .sgf input,.sgt .sgf select{width:100%;min-width:90px;height:34px;padding:0 10px;font-size:13px;border-radius:10px}
.sgt .sgf th:nth-child(2) input{min-width:220px}
.sgt td{padding:8px 10px;border-bottom:1px solid var(--line-soft);vertical-align:middle}
.sgt tbody tr:hover td{background:rgba(255,255,255,.025)}
.sgt tbody tr.sel td{background:rgba(212,255,58,.06)}
.sgt td.t{min-width:220px;max-width:380px}
.sgt td.t b{display:block;font-size:14px;line-height:1.3}
.sgt td.t small{display:block;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sgt td.bad{color:var(--bad);font-weight:800}
.sgt td.muted{white-space:nowrap}
.sgt td .chip{height:24px;font-size:11px;white-space:nowrap}
.sgt td.acts{white-space:nowrap;text-align:right}
.sgt td.acts .iconbtn{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;margin-left:1px;vertical-align:middle}
.sgt td.acts .iconbtn.pub{background:var(--accent);color:var(--ink)}
.sgt td.acts .iconbtn.del{color:var(--bad)}
.sgt td.acts .iconbtn:disabled{opacity:.35;cursor:default}
.sgt .sgcount{text-align:right;color:var(--muted);font-weight:600;font-size:12px}
.sgt input[type=checkbox]{width:17px;height:17px;accent-color:var(--accent);cursor:pointer}
.sgbulk{display:none;position:fixed;left:50%;bottom:18px;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);z-index:50;
  align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;border-radius:16px;
  background:var(--surface);border:1px solid var(--accent);box-shadow:0 10px 30px rgba(0,0,0,.45)}
.sgbulk.on{display:flex}
.sgtools #sxmap{grid-column:1/-1}
@media (min-width:900px){.sgtools{grid-template-columns:repeat(3,1fr)}.sgtools #sxmap{grid-column:auto}}
/* Mazā «i» poga ar paskaidrojumu (infoBtn) */
.ibtn{display:inline-grid;place-items:center;width:18px;height:18px;margin-left:4px;padding:0;border:1.5px solid var(--muted);border-radius:50%;background:transparent;
  color:var(--muted);font:800 11px/1 var(--display);font-style:italic;text-transform:none;letter-spacing:0;vertical-align:middle;cursor:pointer}
.ibtn:hover{color:var(--accent);border-color:var(--accent)}