/* Archiwum czatu multipasko.pl — styl w kolorach czatu na żywo (zielone tło, kremowy tekst) */
*{box-sizing:border-box}
html{font-size:16px;-webkit-text-size-adjust:100%}
body{margin:0;background:#1d4a10;color:#e9efcb;font:16px/1.45 Roboto,"Segoe UI",Arial,sans-serif}
a{color:#ffe066}
a:hover{color:#fff}
.kontener{max-width:960px;margin:0 auto;padding:0 8px 24px}

/* nagłówek + baner „na żywo" */
.top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:10px 4px;border-bottom:1px solid #3a7a2a}
.logo{font-size:1.35rem;font-weight:700;text-decoration:none;color:#fff;white-space:nowrap}
.logo span{color:#ffd700}
.zywo-baner{flex:1 1 320px;display:block;padding:10px 14px;border:2px solid #ffd700;border-radius:8px;background:#0a3d05;color:#fff;text-decoration:none;font-size:1rem}
.zywo-baner b{color:#ffd700;text-decoration:underline}
.zywo-baner:hover{background:#125a0b}

.okruszki{margin:14px 0 4px;font-size:.9rem;color:#b9c9a0}
.okruszki a{color:#d9e8b0}
h1{font-size:1.45rem;margin:8px 0 6px;color:#fff;font-weight:600}
h2{font-size:1.2rem;margin:22px 0 8px;color:#ffd700;font-weight:600}
.lead{font-size:1.05rem;margin-top:16px}
.drobne{font-size:.9rem;color:#b9c9a0}
.tresc-strony{padding:0 2px}

/* formularz skoku */
.skocz{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:14px 0;padding:10px 12px;background:#0a3d05;border:1px solid #3a7a2a;border-radius:8px}
.skocz label{display:inline-flex;align-items:center;gap:6px;font-size:.95rem}
.skocz input{font:inherit;padding:8px;border:1px solid #6a9a5a;border-radius:6px;background:#fffbe6;color:#222;max-width:150px}
.skocz button,.btn{display:inline-block;font:inherit;padding:8px 14px;border:0;border-radius:6px;background:#ffd700;color:#1a1a1a;font-weight:600;text-decoration:none;cursor:pointer}
.skocz button:hover,.btn:hover{background:#fff0a0;color:#000}
.btn.wylaczony{background:#3a5a30;color:#8fa080;cursor:default}

/* tabele lat/miesięcy */
.lata{border-collapse:collapse;width:100%;max-width:560px;margin:6px 0}
.lata th,.lata td{padding:7px 10px;border-bottom:1px solid #3a7a2a;text-align:left}
.lata th{color:#ffd700;font-weight:600}
.lata td.liczba{text-align:right;font-variant-numeric:tabular-nums}
.dni{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px;margin:12px 0}
.dzien{display:flex;flex-direction:column;align-items:center;padding:8px 4px;background:#0a3d05;border:1px solid #3a7a2a;border-radius:8px;text-decoration:none;color:#fff}
.dzien:hover{background:#125a0b;border-color:#ffd700}
.dzien .nr-dnia{font-size:1.3rem;font-weight:700}
.dzien .ile{font-size:.8rem;color:#b9c9a0}
.dni-lata{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}
.dni-miesiace{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}
.dni-miesiace .nr-dnia{font-size:1.05rem;text-transform:capitalize}

/* nawigacja stron */
.nawigacja{display:flex;justify-content:space-between;gap:10px;margin:12px 0}

/* lista wpisów — jak #divScroll na czacie */
.czat{background:#0a6105;border:1px solid #140;box-shadow:#140 0 0 5px 1px;padding:4px 8px;margin:6px 0}
.separator-dnia{margin:14px 0 6px;text-align:center;font-size:.9rem}
.separator-dnia a{color:#b9c9a0;text-decoration:none;border-bottom:1px dotted #b9c9a0}
.wpis{padding:6px 0 8px;border-bottom:1px solid #2e7a26}
.wpis:target{background:#145c0e;outline:2px solid #ffd700;outline-offset:2px}
.naglowek{color:#c6c600;font-size:.95rem;padding-top:4px}
.naglowek .nr{color:#c6c600;text-decoration:underline;text-decoration-color:#8a8a30;text-underline-offset:2px}
.naglowek .nr:hover{color:#fff;text-decoration-color:#fff}
.wpis:target{scroll-margin-top:12px}
.naglowek .nick{color:#eeee00;font-weight:600;text-decoration:underline;text-decoration-color:#9a9a30;text-underline-offset:2px}
.naglowek .nick:hover{color:#fff;text-decoration-color:#fff}
.naglowek .data{color:#aaa;padding-left:6px}
.tresc{font-size:1.1rem;color:#ffffcc;overflow-wrap:anywhere;letter-spacing:.3px;margin-top:2px}
.tresc strong{color:#99ff00}
.tresc img{max-width:100%;height:auto;vertical-align:middle}
.tresc iframe{max-width:100%}
.tresc .refer{color:gold;white-space:nowrap;text-decoration:none}
.tresc .refer:hover{text-decoration:underline}
.tresc .zdj{margin:10px 6px;display:block}
.tresc .col2{margin:5px}

/* wpisy bota (wyniki, komunikaty) — jak .bot na czacie */
.wpis-bot .tresc{font-size:1rem}
.wpis-bot .bot{display:block;padding:8px 10px;margin:4px 0;background:#255;color:#ffc;border:1px dotted #ff9966;overflow:auto}
.wpis-bot .bot h2{margin:0 0 6px;font-size:1.05rem;color:#ffc;font-weight:500}
.wpis-bot .bot strong{font-size:1.1rem}
.wpis-bot .bot a{color:#ffe066}

.stopka{margin-top:20px;border-top:1px solid #3a7a2a;padding-top:6px}
.stopka .info{font-size:.9rem;color:#b9c9a0}

@media (max-width:600px){
  body{font-size:15px}
  .kontener{padding:0 4px 16px}
  .top{padding:8px 2px}
  .logo{font-size:1.15rem}
  .zywo-baner{font-size:.95rem;padding:8px 10px}
  .tresc{font-size:1.05rem}
  .skocz input{max-width:120px}
  .nawigacja .btn{padding:10px 12px;flex:1;text-align:center}
  .szukaj-link{margin-left:0;padding:6px 10px}
  .szukaj-form input[name=q]{flex-basis:100%}
}

/* wyszukiwarka */
.szukaj-link{margin-left:auto;padding:8px 12px;border-radius:6px;background:#0a3d05;border:1px solid #3a7a2a;color:#ffe066;text-decoration:none;white-space:nowrap}
.szukaj-link:hover{border-color:#ffd700;color:#fff}
.szukaj-form{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px;padding:10px 12px;background:#0a3d05;border:1px solid #3a7a2a;border-radius:8px}
.szukaj-form input,.szukaj-form select{font:inherit;padding:8px;border:1px solid #6a9a5a;border-radius:6px;background:#fffbe6;color:#222}
.szukaj-form input[name=q]{flex:1 1 220px;min-width:0}
.szukaj-form input[name=nick]{flex:0 1 150px;min-width:0}
.szukaj-form button{font:inherit;padding:8px 14px;border:0;border-radius:6px;background:#ffd700;color:#1a1a1a;font-weight:600;cursor:pointer}
.szukaj-form button:hover{background:#fff0a0}
mark{background:#ffd700;color:#1a1a1a;padding:0 2px;border-radius:2px}
.wpis-bot mark{background:#ffe066}

/* emotikony czatu — sprite jak na multipasko.pl (img/chat7.png) */
.sprite{background:url(https://www.multipasko.pl/img/chat7.png) no-repeat top left;display:inline-block;margin:1px 2px;vertical-align:middle}
.sprite.aniol{ background-position: 0 0; width: 42px; height: 23px; }
.sprite.ball{background-image: url(https://www.multipasko.pl/emots/ball2.gif);width:45px;height:41px;}
.sprite.brawo{background-image: url(https://www.multipasko.pl/emots/brawo.gif);width:30px;height:18px;}
.sprite.brawo{visibility: hidden;}
.sprite.brzydal{background-image: url(https://www.multipasko.pl/emots/brzydal.gif);width:20px;height:27px;}
.sprite.bukiet{background-image: url(https://www.multipasko.pl/emots/bukiet.gif);width:28px;height:29px;}
.sprite.calus{background-image: url(https://www.multipasko.pl/emots/calus.gif); width: 41px; height: 20px; }
.sprite.cool{background-image: url(https://www.multipasko.pl/emots/cool.png);width:40px;height:40px;}
.sprite.cowboy{ background-position: 0 -33px; width: 25px; height: 23px; }
.sprite.cwaniak{background-image: url(https://www.multipasko.pl/emots/cwaniak.gif);width:36px;height:20px;}
.sprite.czapka{ background-position: 0 -66px; width: 20px; height: 21px; }
.sprite.detektyw{ background-position: 0 -97px; width: 25px; height: 25px; }
.sprite.diabelek{background-image: url(https://www.multipasko.pl/emots/diabelek.gif);width: 15px;height:20px; }
.sprite.dobani{ background-position: 0 -132px; width: 17px; height: 18px; }
.sprite.dolar{ background-position: 0 -160px; width: 20px; height: 20px; }
.sprite.faja{ background-position: 0 -190px; width: 21px; height: 15px; }
.sprite.gitara{ background-position: 0 -215px; width: 22px; height: 22px; }
.sprite.grill{background-image: url(https://www.multipasko.pl/emots/grill.gif);width:39px;height:30px;}
.sprite.hahaha{background-image: url(https://www.multipasko.pl/emots/hahaha.gif);width:29px;height:27px;}
.sprite.hej{background-image: url(https://www.multipasko.pl/emots/hej.gif);width:18px;height:18px;}
.sprite.hura{background-image: url(https://www.multipasko.pl/emots/hura.gif); width: 42px; height: 20px; }
.sprite.jezyk{ background-position: 0 -247px; width: 15px; height: 17px; }
.sprite.kawa{ background-position: 0 -274px; width: 31px; height: 20px; }
.sprite.kciuki{ background-position: 0 -304px; width: 35px; height: 18px; }
.sprite.klaps{background-image: url(https://www.multipasko.pl/emots/klaps.gif);width:30px;height:20px;}
.sprite.klotnia{background-image: url(https://www.multipasko.pl/emots/klotnia.gif); width: 36px; height: 15px;}
.sprite.krzywy{ background-position: 0 -332px; width: 15px; height: 15px; }
.sprite.kwasny{ background-position: 0 -357px; width: 15px; height: 15px; }
.sprite.kwiatek{ background-position: 0 -382px; width: 24px; height: 16px; }
.sprite.lol{ background-position: 0 -408px; width: 18px; height: 18px; }
.sprite.mruga{ background-position: 0 -436px; width: 18px; height: 18px; }
.sprite.muzyka{ background-position: 0 -464px; width: 49px; height: 15px; }
.sprite.mysliciel{background-image: url(https://www.multipasko.pl/emots/mysliciel.gif); width: 20px; height: 17px;}
.sprite.nonono{background-image: url(https://www.multipasko.pl/emots/nonono.gif); width: 18px; height: 18px;}
.sprite.obiad{background-image: url(https://www.multipasko.pl/emots/obiad.gif);width:32px;height:32px;background-size: 32px 32px;}
.sprite.ok{ background-position: 0 -516px; width: 29px; height: 20px; }
.sprite.omg{ background-position: 0 -546px; width: 19px; height: 18px; }
.sprite.paczek{ background-position: 0 -574px; width: 20px; height: 20px; }
.sprite.palacz{background-image: url(https://www.multipasko.pl/emots/palacz.gif);width:30px;height:18px;}
.sprite.pijaki{background-image: url(https://www.multipasko.pl/emots/pijaki.gif);width:58px;height:30px;}
.sprite.pijany{background-image: url(https://www.multipasko.pl/emots/pijany.gif);width:55px;height:32px;background-size: 55px 32px;}
.sprite.piwo{background-image: url(https://www.multipasko.pl/emots/piwo.gif); width: 57px; height: 16px; }
.sprite.placze{ background-position: 0 -604px; width: 40px; height: 15px; }
.sprite.pociesza{ background-position: 0 -629px; width: 36px; height: 17px; }
.sprite.polska{background-image: url(https://www.multipasko.pl/emots/polska.gif);width:45px;height:45px;}
.sprite.pomysl{ background-position: 0 -656px; width: 21px; height: 27px; }
.sprite.pracuje{background-image: url(https://www.multipasko.pl/emots/pracuje.gif); width: 35px; height: 31px; }
.sprite.prezent{ background-position: 0 -734px; width: 18px; height: 18px; }
.sprite.prosi{ background-position: 0 -762px; width: 26px; height: 20px; }
.sprite.przepraszam{ background-position: 0 -792px; width: 18px; height: 18px; }
.sprite.sciana{background-image: url(https://www.multipasko.pl/emots/sciana.gif);width:30px;height:15px;}
.sprite.serce{ background-position: 0 -820px; width: 20px; height: 20px; }
.sprite.slonce{ background-position: 0 -850px; width: 27px; height: 24px; }
.sprite.smutny{ background-position: 0 -884px; width: 15px; height: 15px; }
.sprite.spi{ background-position: 0 -909px; width: 33px; height: 25px; }
.sprite.starzec{ background-position: 0 -944px; width: 32px; height: 28px; }
.sprite.stres{background-image: url(https://www.multipasko.pl/emots/stres.gif);width:29px;height:20px;}
.sprite.super{background-image: url(https://www.multipasko.pl/emots/super.png);width:40px;height:40px;}
.sprite.szampan{background-image: url(https://www.multipasko.pl/emots/szampan.gif); width: 40px; height: 18px; }
.sprite.taniec2{background-image: url(https://www.multipasko.pl/emots/taniec2.gif);width:49px;height:23px;}
.sprite.taniec{background-image: url(https://www.multipasko.pl/emots/taniec.gif);width:25px;height:29px;}
.sprite.uczen{ background-position: 0 -982px; width: 17px; height: 18px; }
.sprite.ups{background-image: url(https://www.multipasko.pl/emots/ups.gif);width:40px;height:18px;}
.sprite.uscisk2{background-image: url(https://www.multipasko.pl/emots/uscisk2.gif);width:41px;height:23px;}
.sprite.uscisk{background-image: url(https://www.multipasko.pl/emots/uscisk.gif);width:48px;height:20px;}
.sprite.usmiech{ background-position: 0 -1010px; width: 15px; height: 15px; }
.sprite.usta{ background-position: 0 -1035px; width: 18px; height: 18px; }
.sprite.wsciekly{ background-image: url(https://www.multipasko.pl/emots/wsciekly.gif); width: 37px; height: 20px; }
.sprite.zakochany{ background-position: 0 -1063px; width: 16px; height: 16px; }
.sprite.zdrowie{ background-position: 0 -1089px; width: 29px; height: 20px; }
.sprite.zeby{ background-position: 0 -1119px; width: 15px; height: 15px; }
.sprite.zegnajcie{background-image: url(https://www.multipasko.pl/emots/zegnajcie.gif);width:37px;height:27px;}
.sprite.zlazona{ background-position: 0 -1144px; width: 26px; height: 30px; }
.sprite.zmieszany{ background-position: 0 -1184px; width: 19px; height: 15px; }
.sprite.zniesmaczony{ background-position: 0 -1209px; width: 18px; height: 18px; }
.sprite.zolta{ background-position: 0 -1237px; width: 24px; height: 24px; }