/* Sprzedane! – styl A: osiedlowa kreskówka, gruby kontur, przesunięty cień */
:root{
  --asphalt:#1c1b19; --asphalt-2:#2a2825; --card:#eadcbf; --card-2:#d9c69f;
  --ink:#121110; --rust:#c4572a; --tag:#ffd23f; --green:#3c8a4f; --red:#b8322a;
  --muted:#8c857a;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%;background:var(--asphalt);color:#f3eee4;font-family:Rubik,system-ui,sans-serif;overflow:hidden;-webkit-tap-highlight-color:transparent}
button{font-family:inherit;cursor:pointer}
input,textarea{font-family:inherit}
.ukryte{display:none!important}

/* scena 16:9 dopasowana do okna; pasy po bokach wypełnia rozmyte tło bieżącego ekranu */
body::before{content:"";position:fixed;inset:-40px;background:var(--tlo-bok,none) center/cover no-repeat;filter:blur(24px) brightness(.45) saturate(.8);transition:background-image .3s}
#scena{position:absolute;left:50%;top:50%;width:min(100vw,177.78vh);aspect-ratio:16/9;transform:translate(-50%,-50%);overflow:hidden;background:#000;container-type:inline-size;user-select:none;-webkit-user-select:none}
.ekran{position:absolute;inset:0;display:none}
.ekran.on{display:block}
.tlo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}

/* klocki */
.panel{background:var(--card);color:var(--ink);border:.3cqw solid var(--ink);border-radius:1cqw;box-shadow:.45cqw .45cqw 0 var(--ink)}
.btn{background:var(--card);color:var(--ink);border:.25cqw solid var(--ink);border-radius:.8cqw;box-shadow:.35cqw .35cqw 0 var(--ink);font-weight:900;font-size:1.6cqw;padding:.8cqw 1.4cqw;transition:transform .06s;line-height:1.1}
.btn:active:not(:disabled){transform:translate(.25cqw,.25cqw);box-shadow:.1cqw .1cqw 0 var(--ink)}
.btn.go{background:var(--tag)} .btn.red{background:var(--red);color:#fff} .btn.green{background:var(--green);color:#fff}
.btn.maly{font-size:1.15cqw;padding:.5cqw .8cqw}
.btn:disabled{opacity:.45;cursor:default}
.btn small{display:block;font-weight:500;font-size:.85em;opacity:.85}
.cena{font-weight:900;color:var(--ink);background:var(--tag);border:.25cqw solid var(--ink);border-radius:.6cqw;padding:.1cqw .8cqw;display:inline-block;transform:rotate(-2deg);white-space:nowrap}
.plus{color:var(--green)} .minus{color:var(--red)}
.napis{font-family:"Rubik Dirt",Rubik,sans-serif;color:var(--tag);transform:rotate(-2deg)}
.pole{font-size:1.6cqw;padding:.8cqw 1cqw;border:.25cqw solid var(--ink);border-radius:.7cqw;background:#fff;color:var(--ink);width:100%}
h1,h2,h3{margin:0}

/* uwagi + dźwięk + menu (zawsze na wierzchu) */
.rog{position:absolute;top:1cqw;right:1cqw;display:flex;gap:.6cqw;z-index:90}
.rog .btn{font-size:1.05cqw;padding:.4cqw .7cqw}

/* modal */
.modal{position:absolute;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:100}
.modal .panel{width:46cqw;padding:2cqw;display:flex;flex-direction:column;gap:1cqw;font-size:1.4cqw}
.modal textarea{min-height:12cqw;resize:none}
.oceny{display:flex;gap:.6cqw}
.oceny button{flex:1;font-size:2cqw;padding:.4cqw}
.oceny button.sel{background:var(--tag)}

/* logowanie / menu */
.srodek{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40cqw;padding:2.2cqw;display:flex;flex-direction:column;gap:1.2cqw;font-size:1.4cqw;line-height:1.35}
.logo{width:34cqw;display:block;margin:0 auto}
#e-menu .srodek{top:62%;width:34cqw}
#e-menu .btn{font-size:2cqw;padding:1.1cqw}
.kto{position:absolute;left:1.5cqw;top:1.5cqw;display:flex;gap:1cqw;align-items:center;padding:.6cqw 1.2cqw .6cqw .6cqw;font-weight:900;font-size:1.4cqw}
.kto img{width:4.5cqw;height:4.5cqw;border-radius:50%;border:.22cqw solid var(--ink);object-fit:cover;background:#7a7060}
.kto small{display:block;font-weight:500;font-size:1cqw;color:#5d564a}
.awatary{display:grid;grid-template-columns:repeat(4,1fr);gap:.8cqw}
.awatary button{background:#7a7060;border:.25cqw solid var(--ink);border-radius:50%;aspect-ratio:1;padding:0;overflow:hidden}
.awatary button.sel{background:var(--tag);box-shadow:0 0 0 .4cqw var(--tag)}
.awatary img{width:100%;height:100%;object-fit:cover}

/* przerywnik */
.glowa{position:absolute;bottom:13%;width:30cqw;filter:drop-shadow(.4cqw .4cqw 0 rgba(0,0,0,.5));transition:transform .2s,filter .2s}
.glowa.l{left:2%} .glowa.p{right:2%}
.glowa.cicho{filter:brightness(.55) drop-shadow(.4cqw .4cqw 0 rgba(0,0,0,.5));transform:scale(.94)}
.dymek{position:absolute;top:6%;max-width:46cqw;background:#fff;color:var(--ink);border:.3cqw solid var(--ink);border-radius:2cqw;padding:1.4cqw 2cqw;font-weight:700;font-size:2.1cqw;line-height:1.25;box-shadow:.45cqw .45cqw 0 var(--ink)}
.dymek.l{left:4%} .dymek.p{right:4%}
.dymek::after{content:"";position:absolute;bottom:-1.6cqw;width:2cqw;height:2cqw;background:#fff;border-right:.3cqw solid var(--ink);border-bottom:.3cqw solid var(--ink);transform:rotate(45deg)}
.dymek.l::after{left:22%} .dymek.p::after{right:22%}
.imie{position:absolute;bottom:42%;font-weight:900;font-size:1.4cqw;padding:.2cqw .9cqw;background:var(--tag);color:var(--ink);border:.22cqw solid var(--ink);border-radius:.5cqw}
.narrator{position:absolute;left:8%;right:8%;bottom:3%;background:rgba(18,17,16,.88);border:.25cqw solid #000;border-radius:1cqw;padding:1.2cqw 2cqw;font-size:1.8cqw;font-style:italic;text-align:center;color:#f1e9d8}
.klik{position:absolute;inset:0;cursor:pointer}
.dalej{position:absolute;right:2cqw;bottom:2cqw;z-index:5}

/* garaż: kamera z warstwami */
.garaz{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab}
.kamera{position:absolute;inset:0;transform-origin:0 0;transition:transform .15s}
.kamera img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}
.kamera .it{position:absolute;pointer-events:none;filter:drop-shadow(0 .3cqw .2cqw rgba(0,0,0,.55))}
.kamera .it.cynk{animation:cynk 1s ease-in-out infinite alternate}
@keyframes cynk{to{filter:drop-shadow(0 0 1.2cqw var(--tag)) brightness(1.4)}}
.ciemno{position:absolute;inset:0;pointer-events:none}
.podp{position:absolute;font-weight:700;font-size:1.25cqw;color:var(--ink);background:var(--tag);border:.22cqw solid var(--ink);border-radius:.6cqw;padding:.3cqw .7cqw;transform:translate(-50%,-140%);pointer-events:none;white-space:nowrap;z-index:6}
.widelki{position:absolute;font-weight:900;font-size:1cqw;color:var(--ink);background:#fff;border:.18cqw solid var(--ink);border-radius:.5cqw;padding:.1cqw .5cqw;transform:translate(-50%,0);pointer-events:none;white-space:nowrap;z-index:6}
.hud{position:absolute;left:1.5cqw;top:1.5cqw;padding:1cqw 1.3cqw;width:25cqw;z-index:5}
.hud h3{font-size:1.6cqw;font-weight:900;margin-bottom:.4cqw}
.hud p{margin:0;font-size:1.1cqw;line-height:1.35;color:#3a352d}
.zegar{position:absolute;right:1.5cqw;top:5cqw;padding:.5cqw 1.2cqw;font-weight:900;font-size:2.6cqw;z-index:5}
.bateria{display:flex;align-items:center;gap:.6cqw;margin-top:.7cqw;font-weight:700;font-size:1.1cqw}
.ogniwa{flex:1;height:1.4cqw;border:.2cqw solid var(--ink);border-radius:.3cqw;padding:.15cqw;background:#fff}
.ogniwa i{display:block;height:100%;background:var(--green);border-radius:.15cqw}
.pasek{position:absolute;left:1.5cqw;right:1.5cqw;bottom:1.5cqw;display:flex;gap:1cqw;align-items:center;z-index:5}
.pasek .sp{flex:1}
.zdzichu-cynk{position:absolute;left:1.5cqw;top:14cqw;width:25cqw;padding:.7cqw 1cqw;font-size:1.15cqw;font-weight:700;z-index:5;display:flex;gap:.8cqw;align-items:center}
.zdzichu-cynk img{width:4cqw;height:4cqw;border-radius:50%;border:.2cqw solid var(--ink);object-fit:cover}

/* licytacja */
.lic-glowa{left:1.5cqw;top:1.5cqw;position:absolute;font-weight:700;font-size:1.25cqw;padding:.5cqw 1cqw;z-index:5}
.lic-kasa{right:1.5cqw;top:5cqw;position:absolute;font-weight:700;font-size:1.3cqw;padding:.5cqw 1cqw;z-index:5}
.kazio{position:absolute;left:41%;top:4%;width:14cqw;z-index:4}
.kazio img{width:100%;filter:drop-shadow(.3cqw .3cqw 0 rgba(0,0,0,.6))}
.rywale{position:absolute;left:2cqw;right:2cqw;top:32%;display:flex;justify-content:space-around;z-index:4;pointer-events:none}
.rywal{position:relative;width:10cqw;text-align:center;transition:transform .15s}
.rywal img{width:9cqw;height:9cqw;object-fit:cover;object-position:top;border-radius:50%;border:.3cqw solid var(--ink);background:#7a7060}
.rywal b{display:block;font-size:1.1cqw;background:var(--card);color:var(--ink);border:.2cqw solid var(--ink);border-radius:.5cqw;margin-top:-.8cqw;position:relative;padding:.1cqw .3cqw}
.rywal.lider img{border-color:var(--tag);box-shadow:0 0 0 .4cqw var(--tag)}
.rywal.pas{opacity:.4}
.dym{position:absolute;bottom:100%;left:50%;transform:translate(-50%,-.6cqw) scale(.6);opacity:0;background:#fff;color:var(--ink);border:.22cqw solid var(--ink);border-radius:1.2cqw;padding:.5cqw .9cqw;font-weight:700;font-size:1.15cqw;width:max-content;max-width:18cqw;transition:.18s;z-index:7}
.dym.on{opacity:1;transform:translate(-50%,-.6cqw) scale(1)}
.dym.zdr{background:#f5e6c4;font-style:italic;font-weight:500}
.kazio .dym{top:auto;bottom:auto;left:105%;transform:translate(0,-50%) scale(.6);top:50%}
.kazio .dym.on{transform:translate(0,-50%) scale(1)}
.lic-panel{position:absolute;left:1.5cqw;right:1.5cqw;bottom:1.5cqw;display:grid;grid-template-columns:1.1fr 1.5fr 1.2fr;gap:1.5cqw;align-items:center;padding:1.2cqw 1.5cqw;z-index:5}
.lic-teraz small{display:block;font-weight:700;font-size:1.1cqw;color:#5d564a}
.lic-teraz .cena{font-size:3.6cqw;margin:.2cqw 0}
.lic-teraz .lider{font-weight:700;font-size:1.25cqw}
.lic-btns{display:grid;grid-template-columns:repeat(3,1fr);gap:.8cqw}
.lic-btns .btn{font-size:1.9cqw;padding:1cqw 0}
.lic-btns .pas,.lic-btns .bierz{grid-column:1/-1;font-size:1.3cqw;padding:.6cqw 0}
.lic-btns .bierz{font-size:1.7cqw;padding:1cqw 0}
.odlicz{display:grid;grid-template-columns:repeat(3,1fr);gap:.5cqw}
.odlicz div{border:.22cqw solid var(--ink);border-radius:.5cqw;padding:.6cqw .3cqw;text-align:center;font-weight:900;font-size:1.05cqw;background:#fff;color:#aaa;transition:.15s}
.odlicz div.on{background:var(--rust);color:#fff}
.odlicz-bar{height:.9cqw;border:.2cqw solid var(--ink);border-radius:.4cqw;margin-top:.7cqw;background:#fff;overflow:hidden}
.odlicz-bar i{display:block;height:100%;width:0;background:var(--rust)}
.plotka{position:absolute;right:1.5cqw;top:9cqw;width:24cqw;padding:.7cqw 1cqw;font-size:1.15cqw;font-weight:700;z-index:5;display:flex;gap:.8cqw;align-items:center}
.plotka img{width:4cqw;height:4cqw;border-radius:50%;border:.2cqw solid var(--ink);object-fit:cover}
.pieczatka{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%) rotate(-8deg) scale(.4);opacity:0;font-family:"Rubik Dirt",Rubik;font-size:8cqw;color:var(--red);border:.8cqw solid var(--red);border-radius:2cqw;padding:0 3cqw;background:rgba(234,220,191,.92);transition:.25s cubic-bezier(.3,1.6,.5,1);pointer-events:none;white-space:nowrap;z-index:20;text-align:center;line-height:1.1}
.pieczatka small{display:block;font-size:2.2cqw;font-family:Rubik;font-weight:900;color:var(--ink);padding-bottom:1cqw}
.pieczatka.on{opacity:1;transform:translate(-50%,-50%) rotate(-8deg) scale(1)}
.ciemny-garaz{filter:brightness(.6)}

/* odsłona */
.rv-tytul{position:absolute;left:2cqw;top:2cqw;font-size:3.6cqw;z-index:3;max-width:30cqw;line-height:1.1}
.rv-zoom{position:absolute;left:50%;transform:translateX(-50%);top:1.5cqw;width:34cqw;padding:.8cqw;z-index:3}
.rv-zoom .okno{width:100%;aspect-ratio:16/9;background:#2b2925;border:.25cqw solid var(--ink);border-radius:.7cqw;display:flex;align-items:center;justify-content:center;overflow:hidden}
.rv-zoom .okno img{max-width:80%;max-height:88%}
.rv-zoom .cap{display:flex;justify-content:space-between;align-items:center;gap:1cqw;font-weight:900;font-size:1.5cqw;padding:.7cqw .3cqw 0}
.rv-lista{position:absolute;left:2cqw;right:2cqw;top:27.5cqw;display:flex;gap:1cqw;z-index:3;overflow-x:auto;padding:.4cqw .2cqw 1cqw;scrollbar-width:thin}
.rv-lista .karta{flex:0 0 14.6cqw}
.karta{padding:.6cqw;opacity:0;transform:translateY(2cqw) rotate(-2deg);transition:.35s cubic-bezier(.3,1.5,.5,1);border-color:#999}
.karta.on{opacity:1;transform:none}
.karta .fot{width:100%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:#d2c2a0;border-radius:.5cqw}
.karta .fot img{max-width:90%;max-height:90%}
.karta b{display:block;font-size:1.1cqw;margin:.4cqw 0 .2cqw;line-height:1.15;height:2.5cqw;overflow:hidden}
.karta .cena{font-size:1.25cqw}
.karta .tag{font-size:.95cqw;font-weight:700;color:var(--rust);display:block;margin-top:.3cqw}
.r-smiec{border-color:#888!important} .r-zwykly{border-color:#fff!important} .r-dobry{border-color:var(--green)!important} .r-rarytas{border-color:var(--tag)!important}
.r-legenda{border-color:var(--red)!important;animation:legenda 1.2s linear 1}
@keyframes legenda{0%{filter:hue-rotate(0) saturate(3)}100%{filter:hue-rotate(360deg) saturate(1)}}
.rv-suma{position:absolute;left:2cqw;right:2cqw;bottom:1.5cqw;display:flex;align-items:center;gap:2cqw;padding:1cqw 1.5cqw;font-weight:700;font-size:1.5cqw;z-index:3}
.rv-suma .sp{flex:1}
.rv-suma .bil{font-weight:900;font-size:2.3cqw}

/* łup */
.lup{position:absolute;inset:4.2cqw 2cqw 2cqw;display:grid;grid-template-columns:1fr 25cqw;gap:2cqw}
.lup-lista{display:flex;flex-direction:column;gap:.8cqw;overflow-y:auto;padding:0 .6cqw .6cqw 0}
.wiersz{display:grid;grid-template-columns:6cqw 1fr auto;gap:1.1cqw;align-items:center;padding:.6cqw .9cqw}
.wiersz .fot{width:6cqw;height:4.5cqw;display:flex;align-items:center;justify-content:center;background:#d2c2a0;border-radius:.5cqw}
.wiersz .fot img{max-width:92%;max-height:92%}
.wiersz h4{margin:0;font-size:1.35cqw}
.wiersz p{margin:.2cqw 0 0;font-size:1.05cqw;color:#5d564a}
.opcje{display:flex;gap:.5cqw}
.opcje .btn{font-size:1.05cqw;padding:.5cqw .7cqw;text-align:left;min-width:8.5cqw}
.opcje .btn.sel{background:var(--tag);transform:translate(.25cqw,.25cqw);box-shadow:.1cqw .1cqw 0 var(--ink)}
.bok{padding:1.5cqw;display:flex;flex-direction:column;gap:.9cqw;font-size:1.25cqw}
.bok h3{font-size:1.8cqw;font-weight:900}
.ln{display:flex;justify-content:space-between;gap:1cqw;border-bottom:.15cqw dashed #a99a7b;padding-bottom:.45cqw}
.tot{font-size:2cqw;font-weight:900}
.notka{font-size:1.1cqw;line-height:1.35;background:#fff;border:.22cqw solid var(--ink);border-radius:.8cqw;padding:.8cqw}

/* hub – Osiedle */
.hub{position:absolute;inset:1.5cqw;display:grid;grid-template-columns:27cqw 1fr;gap:1.5cqw;padding-top:5cqw}
.hub-lewa{padding:1.4cqw;display:flex;flex-direction:column;gap:.8cqw;font-size:1.25cqw}
.hub-lewa .wielka{font-size:2.6cqw;font-weight:900}
.postep{height:1.5cqw;border:.25cqw solid var(--ink);border-radius:.6cqw;background:#4a463f;overflow:hidden}
.postep i{display:block;height:100%;background:var(--green)}
.hub-prawa{display:flex;flex-direction:column;gap:1.2cqw;min-width:0;overflow-y:auto;padding-right:.6cqw}
.sekcja{padding:1.1cqw 1.3cqw}
.sekcja h3{font-size:1.5cqw;font-weight:900;margin-bottom:.7cqw}
.ekw{display:grid;grid-template-columns:repeat(auto-fill,minmax(10.5cqw,1fr));gap:.8cqw}
.ekw .el{background:#fff;border:.2cqw solid var(--ink);border-radius:.7cqw;padding:.5cqw;font-size:.95cqw;text-align:center;display:flex;flex-direction:column;gap:.3cqw}
.ekw .el img{height:5cqw;object-fit:contain}
.ekw .el .btn{font-size:.9cqw;padding:.3cqw .4cqw}
.ulep{display:grid;grid-template-columns:repeat(3,1fr);gap:1cqw}
.ulep .u{background:#fff;border:.2cqw solid var(--ink);border-radius:.7cqw;padding:.8cqw;font-size:1.05cqw;display:flex;flex-direction:column;gap:.4cqw}
.ulep b{font-size:1.25cqw}
.lvl{display:flex;gap:.3cqw}
.lvl i{flex:1;height:.9cqw;border:.18cqw solid var(--ink);border-radius:.2cqw;background:#fff}
.lvl i.f{background:var(--green)}
.wiad{display:flex;flex-direction:column;gap:.5cqw;font-size:1.1cqw;line-height:1.35}
.wiad div{background:#fff;border:.18cqw solid var(--ink);border-radius:.6cqw;padding:.5cqw .8cqw}
.komplet{font-size:1.05cqw;display:flex;flex-wrap:wrap;gap:.4cqw;align-items:center;margin-bottom:.5cqw}
.komplet span{padding:.1cqw .5cqw;border-radius:.4cqw;background:#ccc;color:#555}
.komplet span.ma{background:var(--green);color:#fff}

/* doradcy */
.doradcy{position:absolute;left:3cqw;right:3cqw;top:9cqw;display:grid;grid-template-columns:repeat(3,1fr);gap:2cqw}
.doradca{padding:1.4cqw;display:flex;flex-direction:column;gap:.8cqw;font-size:1.2cqw;line-height:1.35}
.doradca img{width:12cqw;height:12cqw;object-fit:cover;border-radius:50%;border:.3cqw solid var(--ink);align-self:center;background:#7a7060}
.doradca h3{font-size:1.9cqw;text-align:center}
.doradca ul{margin:0;padding-left:1.4cqw}

/* profil / album */
.strona{position:absolute;inset:1.5cqw;padding-top:4.5cqw;display:flex;flex-direction:column;gap:1.2cqw}
.strona h2{font-size:2.4cqw}
.album{display:grid;grid-template-columns:repeat(9,1fr);gap:.8cqw;overflow-y:auto}
.album .el{aspect-ratio:1;background:#fff;border:.2cqw solid var(--ink);border-radius:.7cqw;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.85cqw;text-align:center;padding:.3cqw;color:var(--ink)}
.album .el img{max-height:65%;max-width:90%}
.album .el.brak{background:#4a463f;color:#9b9386;font-family:"Rubik Dirt";font-size:3cqw}
.staty{display:grid;grid-template-columns:repeat(4,1fr);gap:1cqw}
.staty div{padding:1cqw;font-size:1.1cqw}
.staty b{display:block;font-size:2cqw}

/* multi */
.kod{font-family:"Rubik Dirt",Rubik;font-size:7cqw;letter-spacing:.8cqw;color:var(--ink);text-align:center;line-height:1}
.gracze{display:grid;grid-template-columns:repeat(3,1fr);gap:.8cqw}
.gracz{display:flex;gap:.6cqw;align-items:center;background:#fff;border:.2cqw solid var(--ink);border-radius:.7cqw;padding:.4cqw;font-weight:700;font-size:1.15cqw}
.gracz img{width:3.4cqw;height:3.4cqw;border-radius:50%;object-fit:cover;border:.18cqw solid var(--ink);background:#7a7060}
.przelacznik{display:flex;gap:.6cqw;align-items:center;font-size:1.2cqw}
.przelacznik .btn.sel{background:var(--tag)}
.teksty{position:absolute;right:1.5cqw;top:9cqw;display:flex;flex-direction:column;gap:.4cqw;z-index:6}
.teksty .btn{font-size:1cqw;padding:.35cqw .7cqw}
.tabela{width:100%;border-collapse:collapse;font-size:1.3cqw}
.tabela td,.tabela th{padding:.5cqw .7cqw;border-bottom:.15cqw dashed #a99a7b;text-align:left}
.tabela td.l{text-align:right;font-weight:900}
.nagrody{display:grid;grid-template-columns:repeat(4,1fr);gap:1cqw}
.nagroda{background:var(--tag);border:.22cqw solid var(--ink);border-radius:.8cqw;padding:.8cqw;font-size:1.1cqw;color:var(--ink);transform:rotate(-1.5deg)}
.nagroda b{display:block;font-size:1.5cqw}
.tost{position:absolute;left:50%;bottom:16cqw;transform:translateX(-50%);z-index:60;background:#fff;color:var(--ink);border:.25cqw solid var(--ink);border-radius:1cqw;padding:.6cqw 1.2cqw;font-weight:900;font-size:1.5cqw;box-shadow:.35cqw .35cqw 0 var(--ink);animation:tost 2.4s forwards}
@keyframes tost{0%{opacity:0;transform:translate(-50%,1cqw)}10%,80%{opacity:1;transform:translate(-50%,0)}100%{opacity:0}}

/* telefon pionowo */
#obroc{display:none;position:fixed;inset:auto 0 0 0;padding:14px;background:var(--tag);color:var(--ink);font-weight:900;text-align:center;z-index:200;font-size:15px}
@media (orientation:portrait) and (max-width:820px){#obroc{display:block}}