/* STARM Points — wygląd platformy STARM Games (wariant A „kosmiczny”): ciemny granat, złoto + zieleń,
   Luckiest Guy / Poppins / Space Mono. Kroje osadzone lokalnie (licencja OFL). Najpierw telefon (390 px, pion). */
/* Luckiest Guy, Poppins i Space Mono NIE mają cyrylicy — rosyjski bierze nagłówki z Seymour One, a interfejs z Manrope. */
@font-face{font-family:'Luckiest Guy';src:url(../fonts/LuckiestGuy.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Poppins';src:url(../fonts/Poppins-SemiBold.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Poppins';src:url(../fonts/Poppins-Bold.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Poppins';src:url(../fonts/Poppins-ExtraBold.woff2) format('woff2');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'Space Mono';src:url(../fonts/SpaceMono-Bold.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Seymour One';src:url(../fonts/SeymourOne-latin.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Seymour One';src:url(../fonts/SeymourOne-latin-ext.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Seymour One';src:url(../fonts/SeymourOne-cyrillic.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Manrope';src:url(../fonts/Manrope-var-latin.woff2) format('woff2');font-weight:200 800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';src:url(../fonts/Manrope-var-latin-ext.woff2) format('woff2');font-weight:200 800;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';src:url(../fonts/Manrope-var-cyrillic.woff2) format('woff2');font-weight:200 800;font-style:normal;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}

:root{
  --bg0:#0b1330; --bg1:#070b1c; --gold:#ffcf4a; --gold-d:#a86a00; --green:#2ee59d; --green-d:#0c8f5e;
  --ink:#eef2ff; --mute:#a9b4d6; --dim:#7d89b0;
  --panel:rgba(16,24,58,.78); --panel2:rgba(22,32,74,.92); --line:rgba(150,170,235,.18); --line2:rgba(150,170,235,.32);
  --r:20px; --r-s:12px;
  --display:'Luckiest Guy','Poppins',system-ui,sans-serif;
  --brand:'Luckiest Guy','Poppins',system-ui,sans-serif;   /* nazwa gry — zawsze łacińska */
  --ui:'Poppins','Manrope',system-ui,'Segoe UI',sans-serif;
  --body:'Manrope',system-ui,'Segoe UI',Roboto,sans-serif;
  --mono:'Space Mono',ui-monospace,Consolas,monospace;
  --dol:calc(66px + env(safe-area-inset-bottom,0px));
}
html[lang="ru"]{--display:'Seymour One','Manrope',system-ui,sans-serif;--ui:'Manrope',system-ui,'Segoe UI',sans-serif}
[lang="ru"]{font-family:'Manrope',system-ui,sans-serif}

*,*::before,*::after{box-sizing:border-box}
html,body{height:100%}
html{-webkit-text-size-adjust:100%}
body{margin:0;color:var(--ink);font:400 1rem/1.5 var(--body);overflow:hidden;min-width:300px;overscroll-behavior:none;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;
  background:
    radial-gradient(700px 420px at 88% -8%,rgba(46,229,157,.14),transparent 62%),
    radial-gradient(680px 460px at -12% 6%,rgba(92,110,255,.22),transparent 60%),
    linear-gradient(180deg,var(--bg0),var(--bg1) 70%) var(--bg1)}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit}
button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer}
svg{width:1em;height:1em;flex:none;display:block}
[hidden]{display:none !important}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:8px}
.zestaw{position:absolute;width:0;height:0;overflow:hidden}
.gwiazdy{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}

/* ---------- ekran startowy ---------- */
.start{position:fixed;inset:0;z-index:40;display:grid;place-content:center;justify-items:center;gap:12px;padding:28px;text-align:center}
.start__znak{width:84px;height:84px;color:var(--gold);filter:drop-shadow(0 0 22px rgba(255,207,74,.5));animation:puls-znak 2.2s ease-in-out infinite}
.start__marka{font:400 2.3rem/1 var(--brand);letter-spacing:.03em;text-transform:uppercase;color:var(--gold);text-shadow:0 3px 0 var(--gold-d),0 8px 18px rgba(0,0,0,.5)}
.start__tekst{color:var(--mute);max-width:34ch;font-size:1rem}
.start__tytul{font:700 1.25rem/1.3 var(--ui);color:#fff;max-width:22ch}
@keyframes puls-znak{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}

/* ---------- szkielet ---------- */
.app{height:100%;height:100dvh;display:flex;flex-direction:column;user-select:none;-webkit-user-select:none}
.gora{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(8px + env(safe-area-inset-top,0px)) 14px 6px}
.marka{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--gold);font:400 1.28rem/1 var(--brand);letter-spacing:.03em;text-transform:uppercase;text-shadow:0 2px 0 var(--gold-d)}
.marka svg{width:28px;height:28px;filter:drop-shadow(0 0 10px rgba(255,207,74,.45))}
.marka{min-width:0}
.marka span{padding-top:.18em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gora__prawo{display:flex;align-items:center;gap:8px;flex:none}
.okragly{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line2);background:rgba(255,255,255,.06);color:var(--ink);transition:background .2s,transform .15s}
.okragly:hover{background:rgba(255,255,255,.13)}
.okragly:active{transform:scale(.94)}
.okragly svg{width:21px;height:21px}
.okragly--jezyk{font:700 .78rem/1 'Poppins',sans-serif;letter-spacing:.06em}
.znak-test{max-width:78px;text-align:center;font:700 .58rem/1.1 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);padding:6px 8px;border-radius:999px;border:1px dashed rgba(255,207,74,.6);background:rgba(255,207,74,.09)}

.uklad{flex:1;min-height:0;position:relative}
.ekran{height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:4px 16px 18px;scrollbar-width:thin;scrollbar-color:rgba(150,170,235,.35) transparent}
.ekran > *{max-width:560px;margin-inline:auto}

/* ---------- dolna nawigacja ---------- */
.dol{flex:none;display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));background:rgba(7,11,28,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line2);box-shadow:0 -12px 30px rgba(0,0,0,.4)}
.dol button{position:relative;display:grid;justify-items:center;gap:3px;padding:7px 2px 6px;border-radius:14px;color:var(--dim);font:700 .66rem/1.1 var(--ui);letter-spacing:.01em;min-width:0;transition:color .2s,background .2s}
.dol button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dol svg{width:25px;height:25px}
.dol button[aria-current="true"]{color:var(--gold);background:linear-gradient(180deg,rgba(255,207,74,.16),rgba(255,207,74,.04));box-shadow:inset 0 0 0 1px rgba(255,207,74,.34)}
.dol button:hover{color:var(--ink)}
.dol button[aria-current="true"]:hover{color:var(--gold)}
.kropka{position:absolute;top:5px;right:calc(50% - 20px);width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 2px #070b1c,0 0 10px var(--green)}

/* ---------- ekran „Klikaj” ---------- */
.ekran--klikaj{display:flex;flex-direction:column;gap:10px;padding-top:2px}
.ekran--klikaj > *{width:100%}
.saldo{text-align:center;display:grid;gap:2px;justify-items:center}
.saldo__opis{font:700 .7rem/1.2 var(--ui);letter-spacing:.2em;text-transform:uppercase;color:var(--green)}
.saldo__liczba{display:flex;align-items:center;gap:10px;font:400 clamp(2.3rem,12.5vw,3.5rem)/1 var(--brand);color:var(--gold);text-shadow:0 .055em 0 var(--gold-d),0 .11em .22em rgba(0,0,0,.5);letter-spacing:.02em}
.saldo__liczba svg{width:.72em;height:.72em;filter:drop-shadow(0 3px 6px rgba(0,0,0,.45))}
.saldo__liczba b{font-weight:400;padding-top:.14em;font-variant-numeric:tabular-nums}
.saldo__liczba.jest-dluga{font-size:clamp(1.8rem,9.6vw,2.9rem)}

.ranga{display:grid;gap:6px;padding:9px 13px 11px;border-radius:14px;border:1px solid var(--line);background:rgba(16,24,58,.55)}
.ranga__gora{display:flex;justify-content:space-between;align-items:baseline;gap:10px;min-width:0}
.ranga__gora b{font:800 .86rem/1.2 var(--ui);color:#fff;white-space:nowrap}
.ranga__gora span{font:600 .74rem/1.2 var(--ui);color:var(--mute);text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pasek{height:10px;border-radius:999px;background:rgba(5,9,26,.8);border:1px solid var(--line2);overflow:hidden}
.pasek i{display:block;height:100%;width:0;border-radius:inherit;transition:width .25s linear}
.pasek--ranga{height:8px}
.pasek--ranga i{background:linear-gradient(90deg,var(--gold),var(--green))}
.pasek--energia{height:16px}
.pasek--energia i{background:linear-gradient(90deg,#16b877,var(--green) 60%,#9dffd6);box-shadow:0 0 14px rgba(46,229,157,.55)}

.scena{position:relative;flex:1 0 auto;min-height:calc(var(--moneta) + 60px);display:grid;place-items:center;padding:6px 0}
.scena__aura{position:absolute;left:50%;top:50%;width:min(96vw,460px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(255,207,74,.30) 0,rgba(255,207,74,.10) 38%,rgba(46,229,157,.07) 55%,transparent 68%);animation:aura 4.5s ease-in-out infinite}
.scena__orbita{position:absolute;left:50%;top:50%;width:calc(var(--moneta) + 46px);aspect-ratio:1;margin:calc(var(--moneta)/-2 - 23px) 0 0 calc(var(--moneta)/-2 - 23px);border-radius:50%;border:1.5px dashed rgba(150,170,235,.28);pointer-events:none;animation:obrot 26s linear infinite}
.scena__orbita i{position:absolute;top:-6px;left:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}
@keyframes aura{0%,100%{opacity:.75;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}}
@keyframes obrot{to{transform:rotate(360deg)}}
.scena{--moneta:min(76vw,43vh,340px)}
.moneta{position:relative;width:var(--moneta);height:var(--moneta);border-radius:50%;touch-action:none;transform:perspective(700px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(var(--s,1));transition:transform .13s cubic-bezier(.2,.9,.3,1.4);
  filter:drop-shadow(0 16px 26px rgba(0,0,0,.55)) drop-shadow(0 0 26px rgba(255,207,74,.28));-webkit-touch-callout:none}
.moneta__svg{width:100%;height:100%;pointer-events:none}
.moneta__napis{font:400 25px/1 'Luckiest Guy','Poppins',sans-serif;fill:#6b4000;letter-spacing:2.5px}
.moneta.brak{filter:drop-shadow(0 16px 26px rgba(0,0,0,.55)) grayscale(.55) brightness(.8)}
.moneta:focus-visible{outline-offset:6px;border-radius:50%}
.scena__plusy{position:absolute;inset:0;pointer-events:none;overflow:visible}
.plus{position:absolute;transform:translate(-50%,-50%);font:400 1.9rem/1 var(--brand);color:#fff;text-shadow:0 2px 0 var(--gold-d),0 0 14px rgba(255,207,74,.9);animation:plus .9s ease-out forwards;will-change:transform,opacity;white-space:nowrap}
.plus--auto{color:var(--green);font-size:1.3rem;text-shadow:0 2px 0 var(--green-d),0 0 12px rgba(46,229,157,.8)}
@keyframes plus{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}15%{opacity:1;transform:translate(-50%,-70%) scale(1.1)}100%{opacity:0;transform:translate(calc(-50% + var(--dx,0px)),-330%) scale(.9)}}

.dzienna-znak{position:absolute;top:2px;right:0;display:inline-flex;align-items:center;gap:7px;padding:8px 12px 8px 10px;border-radius:999px;font:800 .78rem/1 var(--ui);color:#2a1a00;background:linear-gradient(180deg,#ffe08a,var(--gold));box-shadow:0 4px 0 var(--gold-d),0 10px 22px rgba(255,207,74,.3);animation:podskok 2.4s ease-in-out infinite}
.dzienna-znak svg{width:18px;height:18px}
@keyframes podskok{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.dopalacze{position:absolute;top:2px;left:0;display:grid;gap:6px;justify-items:start}
.dopalacz{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font:700 .72rem/1 var(--ui);border:1px solid}
.dopalacz svg{width:14px;height:14px}
.dopalacz--zloty{color:var(--gold);border-color:rgba(255,207,74,.5);background:rgba(255,207,74,.12)}
.dopalacz--zielony{color:var(--green);border-color:rgba(46,229,157,.5);background:rgba(46,229,157,.12);font-variant-numeric:tabular-nums}

.energia{display:grid;gap:6px}
.energia__gora{display:flex;justify-content:space-between;align-items:center;gap:10px}
.energia__ile{display:inline-flex;align-items:center;gap:6px;font:700 .95rem/1 var(--mono);color:#fff}
.energia__ile svg{width:18px;height:18px;color:var(--green);filter:drop-shadow(0 0 6px rgba(46,229,157,.7))}
.energia__odnowa{font:700 .76rem/1 var(--ui);color:var(--green)}
.energia__uwaga{font:600 .8rem/1.35 var(--ui);color:var(--gold);text-align:center}

.liczby{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.liczba{padding:9px 10px 10px;border-radius:14px;border:1px solid var(--line);background:rgba(5,9,26,.55);display:grid;gap:3px;min-width:0;text-align:center}
.liczba{align-content:space-between}
.liczba > span{font:700 .62rem/1.2 var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);overflow-wrap:anywhere}
.liczba b{font:700 .98rem/1.15 var(--mono);color:var(--gold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.liczba b small{font-size:.7rem;color:var(--mute);margin-left:2px}
.zastrzezenie{font-size:.72rem;line-height:1.45;color:var(--dim);text-align:center;padding:2px 4px 0}

/* ---------- wspólne: nagłówki ekranów, karty, przyciski ---------- */
.naglowek{display:grid;gap:6px;padding:8px 0 14px}
.naglowek h1{font:400 clamp(1.9rem,9vw,2.5rem)/1.02 var(--display);letter-spacing:.02em;text-transform:uppercase;color:var(--gold);text-shadow:0 .06em 0 var(--gold-d),0 .12em .22em rgba(0,0,0,.45);overflow-wrap:anywhere}
html[lang="ru"] .naglowek h1{font-size:clamp(1.45rem,6.6vw,1.9rem);line-height:1.15;letter-spacing:0}
.naglowek p{color:var(--mute);font-size:.92rem;line-height:1.5}
.nadtytul{font:700 .7rem/1.2 var(--ui);letter-spacing:.2em;text-transform:uppercase;color:var(--green)}
.dzial{font:700 .72rem/1.2 var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-block:18px 9px}
.dzial:first-child{margin-top:0}
.uwaga{font-size:.82rem;line-height:1.5;color:var(--mute);padding:11px 13px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.035);margin-top:12px}
.uwaga--zlota{border-color:rgba(255,207,74,.42);background:linear-gradient(160deg,rgba(255,207,74,.12),rgba(255,207,74,.03));color:#e9dcb4}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:9px 16px;border-radius:13px;font:700 .92rem/1.15 var(--ui);text-align:center;text-decoration:none;transition:transform .12s,box-shadow .2s,filter .2s;white-space:nowrap}
.btn svg{width:18px;height:18px}
.btn:active{transform:translateY(2px)}
.btn--go{background:linear-gradient(180deg,#4bf2b0,var(--green));color:#032416;box-shadow:0 4px 0 var(--green-d),0 10px 22px rgba(46,229,157,.25)}
.btn--gold{background:linear-gradient(180deg,#ffe08a,var(--gold));color:#2a1a00;box-shadow:0 4px 0 var(--gold-d),0 10px 22px rgba(255,207,74,.22)}
.btn--ghost{background:rgba(255,255,255,.07);color:var(--ink);border:1px solid var(--line2)}
.btn--pelny{width:100%}
.btn[disabled],.btn.nie{filter:grayscale(.75) brightness(.72);box-shadow:none}
.btn[disabled]{cursor:default}
.btn--maly{min-height:40px;padding:7px 13px;font-size:.84rem;border-radius:11px}

.przelacznik{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:15px;border:1px solid var(--line2);background:rgba(5,9,26,.6);margin-bottom:14px}
.przelacznik button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border-radius:11px;font:700 .88rem/1 var(--ui);color:var(--mute);transition:background .2s,color .2s}
.przelacznik button svg{width:16px;height:16px}
.przelacznik button[aria-pressed="true"]{background:linear-gradient(180deg,#ffe08a,var(--gold));color:#2a1a00;box-shadow:0 3px 0 var(--gold-d)}

.lista{display:grid;gap:10px}
.karta{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border-radius:18px;border:1px solid var(--line2);background:linear-gradient(180deg,rgba(22,32,78,.82),rgba(10,16,42,.9));box-shadow:0 12px 26px rgba(0,0,0,.28);min-width:0}
.karta__ikona{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;color:var(--green);background:rgba(46,229,157,.11);border:1px solid rgba(46,229,157,.38)}
.karta__ikona svg{width:28px;height:28px}
.karta--pasywne .karta__ikona,.karta--zlota .karta__ikona{color:var(--gold);background:rgba(255,207,74,.11);border-color:rgba(255,207,74,.38)}
.karta__tresc{display:grid;gap:3px;min-width:0}
.karta__tytul{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;font:700 .97rem/1.25 var(--ui);color:#fff}
.karta__poziom{font:700 .64rem/1 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--mute);padding:4px 7px;border-radius:999px;border:1px solid var(--line2);white-space:nowrap}
.karta__opis{font-size:.8rem;line-height:1.4;color:var(--mute)}
.karta__zmiana{font:700 .82rem/1.3 var(--mono);color:var(--gold);white-space:nowrap}
.karta__zmiana em{font-style:normal;color:var(--green)}
.karta__akcja{display:grid;justify-items:end}
.cena{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono)}
.cena svg{width:17px;height:17px}
.karta--zlota{border-color:rgba(255,207,74,.5);background:linear-gradient(160deg,rgba(60,44,10,.6),rgba(12,17,44,.94) 55%)}
.karta--zlota::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(140deg,var(--gold),transparent 42%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.8}
.karta--zrobiona{opacity:.72}
.znaczek{display:inline-flex;align-items:center;gap:5px;font:700 .66rem/1 var(--ui);letter-spacing:.08em;text-transform:uppercase;padding:5px 8px;border-radius:999px;border:1px solid rgba(46,229,157,.45);color:var(--green);background:rgba(46,229,157,.09);white-space:nowrap}
.znaczek svg{width:12px;height:12px}
.znaczek--zloty{border-color:rgba(255,207,74,.45);color:var(--gold);background:rgba(255,207,74,.09)}
.postep{height:6px;border-radius:99px;background:rgba(5,9,26,.8);border:1px solid var(--line);overflow:hidden;margin-top:4px}
.postep i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--green))}

/* ---------- nagroda dzienna ---------- */
.dzienna{padding:16px 14px;border-radius:20px;border:1px solid rgba(255,207,74,.5);background:linear-gradient(160deg,rgba(255,207,74,.16),rgba(16,24,58,.8) 60%);display:grid;gap:12px;box-shadow:0 16px 34px rgba(0,0,0,.3)}
.dzienna__gora{display:flex;justify-content:space-between;align-items:center;gap:10px}
.dzienna__gora h2{font:800 1.08rem/1.2 var(--ui);color:#fff;display:flex;align-items:center;gap:8px}
.dzienna__gora h2 svg{width:22px;height:22px;color:var(--gold)}
.dni{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
.dzien{display:grid;gap:3px;justify-items:center;padding:7px 1px 6px;border-radius:11px;border:1px solid var(--line2);background:rgba(5,9,26,.6);min-width:0}
.dzien span{font:700 .56rem/1 var(--ui);letter-spacing:.04em;text-transform:uppercase;color:var(--dim);white-space:nowrap}
.dzien b{font:700 .7rem/1 var(--mono);color:var(--mute)}
.dzien svg{width:15px;height:15px;color:var(--dim)}
.dzien--byl{border-color:rgba(46,229,157,.5);background:rgba(46,229,157,.12)}
.dzien--byl svg,.dzien--byl b{color:var(--green)}
.dzien--teraz{border-color:var(--gold);background:rgba(255,207,74,.16);box-shadow:0 0 0 2px rgba(255,207,74,.25),0 0 18px rgba(255,207,74,.25)}
.dzien--teraz b,.dzien--teraz svg,.dzien--teraz span{color:var(--gold)}
.dzienna p{font-size:.8rem;line-height:1.45;color:var(--mute)}

/* ---------- znajomi ---------- */
.premie{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.premia{padding:14px 12px;border-radius:18px;border:1px solid var(--line2);background:var(--panel);display:grid;gap:4px;justify-items:center;text-align:center}
.premia b{display:inline-flex;align-items:center;gap:6px;font:400 1.55rem/1 var(--brand);color:var(--gold);text-shadow:0 2px 0 var(--gold-d)}
.premia b svg{width:20px;height:20px}
.premia span{font:700 .68rem/1.2 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.link{padding:14px;border-radius:18px;border:1px solid rgba(46,229,157,.42);background:linear-gradient(160deg,rgba(46,229,157,.12),rgba(16,24,58,.8) 60%);display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.link .dzial{margin:0}
.link .uwaga{margin-top:0}
.link__adres{font:700 .78rem/1.4 var(--mono);color:var(--green);overflow-wrap:anywhere;word-break:break-all;user-select:all;-webkit-user-select:all;padding:9px 11px;border-radius:11px;background:rgba(5,9,26,.65);border:1px solid var(--line)}
.link__przyciski{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.link__przyciski .btn{white-space:normal;padding-inline:10px;font-size:.86rem}
.wiersz{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:rgba(16,24,58,.6);min-width:0}
.wiersz__nr{min-width:34px;height:34px;padding:0 6px;border-radius:11px;display:grid;place-items:center;font:700 .86rem/1 var(--mono);color:var(--mute);background:rgba(5,9,26,.7);border:1px solid var(--line)}
.wiersz__imie{font:700 .93rem/1.25 var(--ui);color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wiersz__imie small{display:block;font:600 .72rem/1.3 var(--ui);color:var(--mute)}
.wiersz__wynik{display:inline-flex;align-items:center;gap:6px;font:700 .86rem/1 var(--mono);color:var(--gold);white-space:nowrap}
.wiersz__wynik svg{width:15px;height:15px}
.wiersz--1 .wiersz__nr{background:linear-gradient(180deg,#ffe08a,var(--gold));color:#2a1a00;border-color:var(--gold-d)}
.wiersz--2 .wiersz__nr{background:linear-gradient(180deg,#f1f4ff,#b9c3e6);color:#161d3d;border-color:#8f9ac4}
.wiersz--3 .wiersz__nr{background:linear-gradient(180deg,#f3b98a,#c9793a);color:#2c1300;border-color:#8a4a16}
.wiersz--ja{border-color:rgba(255,207,74,.6);background:linear-gradient(90deg,rgba(255,207,74,.16),rgba(16,24,58,.7))}
.mojemiejsce{position:sticky;top:0;z-index:2;margin-bottom:12px;box-shadow:0 14px 26px rgba(4,7,20,.75);background:linear-gradient(90deg,#3a2f12,#131b45)}
.pusto{padding:26px 16px;text-align:center;color:var(--mute);border-radius:18px;border:1px dashed var(--line2);font-size:.92rem}

/* ---------- okno ---------- */
.okno{position:fixed;inset:0;z-index:60;display:grid;align-items:end;justify-items:center}
.okno__tlo{position:absolute;inset:0;background:rgba(3,5,14,.78);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:pojaw .2s ease-out}
.okno__karta{position:relative;width:min(100%,520px);max-height:min(88dvh,760px);overflow-y:auto;padding:22px 18px calc(20px + env(safe-area-inset-bottom,0px));border-radius:26px 26px 0 0;border:1px solid var(--line2);border-bottom:0;background:linear-gradient(180deg,#17225a,#0a1030);box-shadow:0 -24px 60px rgba(0,0,0,.6);display:grid;gap:13px;animation:wjazd .28s cubic-bezier(.2,.8,.2,1)}
.okno__karta h2{font:400 1.75rem/1.05 var(--display);text-transform:uppercase;letter-spacing:.02em;color:var(--gold);text-shadow:0 .06em 0 var(--gold-d);padding-right:44px;overflow-wrap:anywhere}
html[lang="ru"] .okno__karta h2{font-size:1.3rem;line-height:1.2;letter-spacing:0}
.okno__karta p{color:#d3daf3;font-size:.93rem;line-height:1.55}
.okno__x{position:absolute;top:14px;right:14px}
.okno__duze{display:flex;align-items:center;justify-content:center;gap:10px;font:400 2.5rem/1 var(--brand);color:var(--gold);text-shadow:0 3px 0 var(--gold-d);padding:6px 0}
.okno__duze svg{width:34px;height:34px}
.okno__ikona{width:68px;height:68px;border-radius:20px;display:grid;place-items:center;color:var(--gold);background:rgba(255,207,74,.12);border:1px solid rgba(255,207,74,.45);justify-self:center}
.okno__ikona svg{width:36px;height:36px}
.okno a{color:var(--green);text-underline-offset:3px}
.okno__linki{display:grid;gap:8px}
.zgoda{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:start;padding:12px;border-radius:14px;border:1px solid var(--line2);background:rgba(5,9,26,.5);font-size:.84rem;line-height:1.45;color:#d3daf3;cursor:pointer}
.zgoda input{width:24px;height:24px;margin:0;accent-color:var(--gold)}
.jezyki{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.jezyki button{min-height:50px;border-radius:13px;border:1px solid var(--line2);background:rgba(255,255,255,.06);font:700 .95rem/1 'Poppins','Manrope',sans-serif}
.jezyki button[aria-pressed="true"]{background:var(--gold);color:#2a1a00;border-color:var(--gold-d)}
@keyframes pojaw{from{opacity:0}}
@keyframes wjazd{from{transform:translateY(40px);opacity:0}}

.dymek{position:fixed;left:50%;bottom:calc(var(--dol) + 14px);z-index:70;transform:translate(-50%,20px);max-width:min(92vw,440px);padding:11px 16px;border-radius:14px;background:#111a48;border:1px solid var(--line2);box-shadow:0 14px 34px rgba(0,0,0,.55);font:700 .88rem/1.35 var(--ui);color:#fff;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.dymek.jest{opacity:1;transform:translate(-50%,0)}
.dymek.dobry{border-color:rgba(46,229,157,.6);color:var(--green)}
.dymek.zly{border-color:rgba(255,207,74,.6);color:var(--gold)}

/* ---------- wąskie i niskie okna ---------- */
@media (max-width:359px){
  .marka{font-size:1.08rem}.marka svg{width:24px;height:24px}
  .znak-test{display:none}
  .gora{padding-inline:10px}
  .dol button{font-size:.6rem}
  .karta{grid-template-columns:auto minmax(0,1fr)}
  .karta__akcja{grid-column:1/-1;justify-items:stretch}
  .karta__akcja .btn{width:100%}
  .dzien span{font-size:.5rem}
  .liczba{padding-inline:5px}
  .liczba b{font-size:.9rem}
}
@media (max-height:640px){
  .scena{--moneta:min(62vw,40vh,300px)}
  .dopalacz{padding:5px 8px;font-size:.66rem}
  .dzienna-znak{padding:6px 10px 6px 8px;font-size:.72rem}
  .zastrzezenie{font-size:.68rem}
}

/* ---------- tablet: jedna kolumna, większa moneta ---------- */
@media (min-width:700px){
  .gora{padding-inline:24px}
  .marka{font-size:1.5rem}
  .ekran{padding-inline:24px}
  .ekran > *{max-width:640px}
  .scena{--moneta:min(56vw,46vh,480px)}
  .dol{justify-content:center;grid-template-columns:repeat(5,minmax(0,128px))}
  .dol button{font-size:.76rem}
  .okno{align-items:center}
  .okno__karta{border-radius:26px;border-bottom:1px solid var(--line2);padding-bottom:22px}
}

/* ---------- szerokie okno (Telegram Desktop / Web): moneta po lewej, zakładki po prawej ---------- */
@media (min-width:1000px){
  .uklad{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;max-width:1240px;width:100%;margin-inline:auto;padding-inline:16px}
  .ekran--klikaj{display:flex !important}
  .ekran--klikaj[hidden]{display:flex !important}
  .ekran > *{max-width:520px}
  .ekran--bok{padding-top:8px;border-left:1px solid var(--line)}
  .scena{--moneta:min(27vw,37vh,400px);min-height:0}
  .scena__aura{width:min(44vw,520px)}
  .dol{grid-template-columns:repeat(4,minmax(0,150px));border-top:1px solid var(--line2)}
  .dol button[data-z="klikaj"]{display:none}
  .gora{max-width:1240px;width:100%;margin-inline:auto;padding-inline:32px}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition:none !important}
}