*{box-sizing:border-box}body{margin:0;font:17px/1.6 Georgia,serif;color:var(--fg);background:var(--bg)}
main{display:none}[data-theme=basm] main[data-v=basm],[data-theme=legenda] main[data-v=legenda],[data-theme=istorie] main[data-v=istorie]{display:block}
.bar{position:sticky;top:0;z-index:9;background:#111;color:#fff;padding:8px;text-align:center;font:14px system-ui}.bar button{margin:2px;border:1px solid #fff5;background:none;color:#fff;border-radius:20px;padding:4px 12px;cursor:pointer}.bar .on{background:var(--ac);color:#111;border-color:var(--ac)}
.badge{background:#ffd23f;color:#111;text-align:center;font:600 13px system-ui;padding:4px}
nav{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;padding:14px 5vw;font-size:22px}nav span{font-size:14px;opacity:.7;align-self:center}
.hero{min-height:70vh;background-size:cover;background-position:center;display:flex;align-items:flex-end;position:relative}.hero:before{content:"";position:absolute;inset:0;background:var(--ov)}
.hero .in{position:relative;padding:6vh 5vw;max-width:820px;color:#fff}.hero h1{font-size:clamp(30px,5vw,58px);line-height:1.1;margin:.3em 0;font-family:var(--hf)}.tag{font:13px system-ui;background:#0006;padding:3px 10px;border-radius:12px}
.btn{display:inline-block;background:var(--ac);color:#111;padding:12px 22px;border-radius:var(--rad);text-decoration:none;font:700 16px system-ui}
section{padding:40px 5vw;max-width:1000px;margin:auto}h2{font-family:var(--hf);color:var(--ac2)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.grid div{background:var(--card);padding:16px;border-radius:var(--rad)}
.src a{color:var(--ac2)}.note{font-size:14px;opacity:.75}footer{text-align:center;padding:24px;background:#0002;font:14px system-ui}
.mascot{position:fixed;right:14px;bottom:14px;z-index:8;display:flex;align-items:flex-end;gap:6px;flex-direction:row-reverse}#cuc{cursor:pointer;width:90px;height:90px}#say{background:#fff;color:#222;padding:8px 12px;border-radius:14px;max-width:200px;font:14px system-ui;box-shadow:0 3px 10px #0003}
.pop{animation:pop .5s}@keyframes pop{50%{transform:translateX(18px)}}#bird{transform-box:fill-box}
[data-theme=basm]{--bg:#f6efff;--fg:#2d2350;--ac:#ffb84d;--ac2:#7a4bd6;--card:#fff;--ov:linear-gradient(transparent,#3b1f7acc);--hf:"Comic Sans MS",cursive;--rad:24px}
[data-theme=legenda]{--bg:#2a1a10;--fg:#f3e3c7;--ac:#e8a33d;--ac2:#f0c26b;--card:#3b2618;--ov:linear-gradient(transparent,#1a0d05ee);--hf:Impact,fantasy;--rad:4px}
[data-theme=istorie]{--bg:#f4f1ea;--fg:#2b2b2b;--ac:#c9d8c5;--ac2:#3e5c3a;--card:#fff;--ov:linear-gradient(transparent,#000a);--hf:Georgia,serif;--rad:8px}
@media(max-width:600px){#cuc{width:64px;height:64px}#say{max-width:150px;font-size:12px}}