@font-face{font-family:Lora;src:url(/static/fonts/lora.woff) format("woff");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:Lora;src:url(/static/fonts/lora-italic.woff) format("woff");font-weight:400 700;font-style:italic;font-display:swap}
:root{
--peat:#16130e;--bark:#201b14;--bark2:#2a231a;--seam:#3a3127;--seam2:#4d4234;
--tallow:#f0e6cf;--ash:#a99f89;--ash2:#7f7664;
--gold:#e9b949;--gold-hi:#ffd56b;--gold-lo:#9a6d1e;--moss:#a3d465;--moss-lo:#4f7a2c;--ember:#ec5f45;
--gold-mid:#d9a332;--gold-top:#ffe08a;--on-accent:#2a1c04;
--soft:#d6c9ab;--soft2:#cfc4ab;--note:#2c2412;--ann1:#3a2a0c;--ann2:#2a1f0a;--ann-text:#fbe7b2;
--hero1:#2a2218;--hero2:#1c1812;--pinned:#2a2216;--well:#120f0b;--input:#130f0b;--stripe1:#1d1812;--stripe2:#1a150f;
--ban1:#26301b;--ban2:#2a2414;--ban3:#3a2c10;
--display:Lora,Georgia,"Times New Roman",serif;
--ui:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
--r-card:14px;--r-in:9px;--wrap:1120px;
}
[data-theme="russia"]{
--peat:#0a1430;--bark:#101e44;--bark2:#172a58;--seam:#22386c;--seam2:#304a86;
--tallow:#f4f6fb;--ash:#a9b6d4;--ash2:#7c89aa;
--gold:#e0352b;--gold-hi:#ff5a4f;--gold-lo:#8e1b14;--gold-mid:#c42a21;--gold-top:#ff7a70;--on-accent:#fff;
--moss:#8cbcff;--moss-lo:#2f5fb3;--ember:#ff6b61;
--soft:#dbe2f2;--soft2:#cbd4ea;--note:#16275a;--ann1:#13245a;--ann2:#0e1b45;--ann-text:#fff;
--hero1:#14275c;--hero2:#0c1736;--pinned:#1a2d63;--well:#08102a;--input:#091331;--stripe1:#0f1c40;--stripe2:#0d1939;
--ban1:#ffffff;--ban2:#1c4bb0;--ban3:#d52b1e;
}
.riss .ushanka{display:none}[data-theme="russia"] .riss .ushanka{display:inline}
[data-theme="russia"] .riss .ahoge,[data-theme="russia"] .riss .hclip{display:none}
[data-theme="russia"] header.top{border-bottom:0;box-shadow:0 1px 0 var(--seam)}
[data-theme="russia"] header.top::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:6px;pointer-events:none;
background:linear-gradient(#fff 0 33.4%,#1c4bb0 0 66.7%,#d52b1e 0)}
[data-theme="dark"]{
--peat:#0b0b0c;--bark:#131314;--bark2:#1b1b1d;--seam:#242427;--seam2:#323236;
--tallow:#e7e5e0;--ash:#94918a;--ash2:#6c6a65;
--gold:#d4a83f;--gold-hi:#f0c45c;--gold-lo:#7d5a18;--gold-mid:#c0952f;--gold-top:#f6d27a;--on-accent:#1d1404;
--moss:#93c45a;--moss-lo:#456b27;--ember:#e0573f;
--soft:#cfccc4;--soft2:#c2bfb7;--note:#1d1a12;--ann1:#1f1a0c;--ann2:#141109;--ann-text:#f0dca6;
--hero1:#18171a;--hero2:#0f0f10;--pinned:#1b1912;--well:#080809;--input:#0a0a0b;--stripe1:#121213;--stripe2:#0f0f10;
--ban1:#171a13;--ban2:#161512;--ban3:#211b0c;
}
.unlock-in body{animation:unlock-hit .8s cubic-bezier(.2,.8,.3,1)}
@keyframes unlock-hit{0%,10%{filter:invert(1)}12%{transform:translate(-8px,4px)}24%{transform:translate(7px,-5px)}36%{transform:translate(-5px,3px)}48%{transform:translate(3px,-2px)}100%{filter:none;transform:none}}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;color:var(--tallow);font:16px/1.6 var(--ui);background:var(--peat);min-height:100vh;display:flex;flex-direction:column}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
background:radial-gradient(1100px 520px at 12% -10%,color-mix(in srgb,var(--gold) 13%,transparent),transparent 60%),radial-gradient(700px 420px at 100% 0,color-mix(in srgb,var(--moss) 6%,transparent),transparent 60%),url(/static/noise.svg);
background-size:auto,auto,240px}
h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.15;letter-spacing:-.01em;margin:0 0 .5em;text-wrap:balance}
h1{font-size:clamp(1.9rem,4.2vw,2.6rem)}h2{font-size:1.4rem}h3{font-size:1.12rem}
p{margin:0 0 1em}
a{color:var(--moss);text-decoration:none;text-underline-offset:3px}a:hover{color:var(--gold-hi);text-decoration:underline}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:4px}
::selection{background:var(--gold);color:var(--on-accent)}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:var(--gold);color:var(--on-accent);padding:8px 12px;z-index:99;border-radius:8px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.i{width:1.15em;height:1.15em;flex:none;vertical-align:-.2em}
.muted{color:var(--ash);margin:0}.hint{color:var(--ash);font-size:.86rem;margin:0}
.lede{color:var(--ash);font-size:1.06rem;max-width:62ch}
.btn,button{font:inherit;cursor:pointer}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:650;border:1px solid transparent;border-radius:999px;padding:10px 20px;line-height:1.2;text-decoration:none!important;transition:background .15s,border-color .15s,color .15s,transform .1s;white-space:nowrap}
.btn:active{transform:translateY(1px)}
.btn.gold{background:linear-gradient(180deg,var(--gold-hi),var(--gold) 55%,var(--gold-mid));color:var(--on-accent);box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--gold-lo) 70%,transparent),0 1px 0 rgba(0,0,0,.4)}
.btn.gold:hover{background:linear-gradient(180deg,var(--gold-top),var(--gold-hi));color:var(--on-accent)}
.btn.ghost{background:transparent;border-color:var(--seam2);color:var(--tallow)}.btn.ghost:hover{border-color:var(--moss);color:var(--moss)}
.btn.wide{width:100%}
.xs{padding:6px 12px!important;font-size:.86rem;gap:6px}
button.danger{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid color-mix(in srgb,var(--ember) 60%,transparent);color:var(--ember);border-radius:999px;padding:9px 16px;font-weight:600}
button.danger:hover{background:var(--ember);border-color:var(--ember);color:#fff}
button.link{display:inline-flex;align-items:center;gap:5px;background:none;border:0;padding:2px 0;color:var(--ash);font-size:.85rem;font-weight:550}
button.link:hover{color:var(--tallow)}button.link.del:hover{color:var(--ember)}
.x{display:grid;place-items:center;background:none;border:0;color:inherit;padding:4px;border-radius:6px;opacity:.7}.x:hover{opacity:1}
form.inl{display:inline-flex;margin:0}
.announce{background:linear-gradient(90deg,var(--ann1),var(--ann2));border-bottom:1px solid color-mix(in srgb,var(--gold) 35%,transparent);color:var(--ann-text);font-size:.94rem}
.announce .wrap{display:flex;align-items:center;gap:10px;padding-top:8px;padding-bottom:8px}.announce p{margin:0;flex:1}.announce a{color:var(--gold-hi)}.announce .i{width:20px;height:20px}
header.top{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--peat) 82%,transparent);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border-bottom:1px solid var(--seam)}
.bar{display:flex;align-items:center;gap:18px;min-height:64px}
.logo{display:flex;align-items:center;gap:10px;font:700 1.3rem/1 var(--display);color:var(--tallow);flex:none}.logo:hover{color:var(--gold-hi);text-decoration:none}
.gob{height:auto;object-fit:contain}
.logo .gob{width:54px;transition:transform .25s}.logo:hover .gob{transform:rotate(-8deg)}
nav.main{display:flex;gap:4px;flex:1}
nav.main a{position:relative;display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;color:var(--ash);font-weight:600;font-size:.96rem;text-decoration:none}
nav.main a:hover{color:var(--tallow);background:var(--bark)}
nav.main a[aria-current]{color:var(--tallow)}
nav.main a[aria-current]::after{content:"";position:absolute;left:12px;right:12px;bottom:1px;height:3px;border-radius:3px;background:var(--gold)}
.dot{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:var(--ember);color:#fff;font:700 .72rem/1 var(--ui)}
.me{display:flex;align-items:center;gap:10px;margin-left:auto}
.btn.new{padding:9px 16px}
.menu{position:relative}.menu>summary{list-style:none;cursor:pointer;display:flex;align-items:center;position:relative;border-radius:50%}
.menu>summary::-webkit-details-marker{display:none}.menu>summary .av{width:38px;height:38px;border:2px solid var(--seam2)}.menu[open]>summary .av,.menu>summary:hover .av{border-color:var(--gold)}
.menu>summary .dot{position:absolute;right:-6px;top:-4px}
.pmenu{position:absolute;right:0;top:calc(100% + 10px);min-width:220px;background:var(--bark);border:1px solid var(--seam2);border-radius:12px;padding:6px;box-shadow:0 18px 40px rgba(0,0,0,.55);display:flex;flex-direction:column;z-index:40}
.pmenu a,.pmenu button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border-radius:8px;color:var(--tallow);background:none;border:0;font-weight:550;font-size:.95rem;text-align:left;text-decoration:none}
.pmenu a:hover,.pmenu button:hover{background:var(--bark2);color:var(--gold-hi)}
.pmenu a:first-child{flex-direction:column;align-items:flex-start;gap:0;border-bottom:1px solid var(--seam);border-radius:8px 8px 0 0;margin-bottom:4px}
.themes{display:flex;gap:4px;margin:0;padding:3px;border:1px solid var(--seam);border-radius:999px;background:var(--bark)}
.themes button,.pmenu .themes button{display:inline-flex;align-items:center;gap:6px;width:auto;padding:5px 10px;border:0;border-radius:999px;background:none;color:var(--ash);font-size:.82rem;font-weight:600;white-space:nowrap}
.themes button:hover,.pmenu .themes button:hover{color:var(--tallow);background:var(--bark2)}
.themes button[aria-pressed="true"]{background:var(--bark2);color:var(--gold-hi);box-shadow:inset 0 0 0 1px var(--seam2)}
.themes i{width:12px;height:12px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.th-classic i{background:linear-gradient(135deg,#e9b949 50%,#201b14 50%)}
.th-russia i{background:linear-gradient(#fff 0 33.4%,#1c4bb0 0 66.7%,#d52b1e 0)}
.th-dark i{background:linear-gradient(135deg,#d4a83f 50%,#0b0b0c 50%)}
.lg-ru i{background:linear-gradient(#fff 0 33.4%,#1c4bb0 0 66.7%,#d52b1e 0)}
.lg-pirate i{background:radial-gradient(circle at 50% 42%,#f2f2f2 0 2.5px,transparent 3px),#111}
.lg-goblin i{background:radial-gradient(circle at 35% 40%,#16160d 0 1.2px,transparent 1.6px),radial-gradient(circle at 65% 40%,#16160d 0 1.2px,transparent 1.6px),#7cbf4a}
.pm-theme{padding:8px 8px 6px;border-top:1px solid var(--seam);border-bottom:1px solid var(--seam);margin:4px 0}.pm-theme small{display:block;padding:0 4px 6px}.pm-theme .themes+small{padding-top:10px}
.pmenu .themes{background:var(--peat);flex-wrap:wrap;border-radius:14px;max-width:300px}.pmenu .themes button{padding:5px 8px}
footer .pickers{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px;min-width:0;max-width:100%}
footer .themes{flex-wrap:wrap;max-width:100%}
@media (max-width:640px){footer .themes{border-radius:16px}}
.pmenu small{color:var(--ash);font-weight:400}.pmenu form{margin:0}.pmenu .i{color:var(--ash)}.pmenu a:hover .i,.pmenu button:hover .i{color:var(--gold)}
main.wrap{flex:1;padding-top:28px;padding-bottom:40px}
footer.wrap{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;padding-top:26px;padding-bottom:34px;border-top:1px solid var(--seam);color:var(--ash);font-size:.9rem}
footer span:first-child{font:700 1rem var(--display);color:var(--tallow)}footer .muted{margin-left:auto;font-style:italic;font-family:var(--display)}
.toasts{position:fixed;top:78px;right:16px;z-index:50;display:flex;flex-direction:column;gap:8px;max-width:min(400px,calc(100vw - 32px))}
.flash{display:flex;gap:10px;align-items:flex-start;background:var(--note);border:1px solid color-mix(in srgb,var(--gold) 60%,transparent);border-radius:12px;padding:12px 10px 12px 16px;box-shadow:0 14px 34px rgba(0,0,0,.55);animation:toast 8s ease forwards}
.flash .x{margin-left:auto}
@keyframes toast{0%{opacity:0;transform:translateY(-8px)}4%{opacity:1;transform:none}90%{opacity:1}100%{opacity:0;visibility:hidden}}
.notice{background:var(--note);border:1px solid color-mix(in srgb,var(--gold) 50%,transparent);border-radius:10px;padding:12px 16px;margin:12px 0}
.mascot .gob{width:100%;height:auto;display:block;filter:drop-shadow(0 10px 18px rgba(0,0,0,.5))}
.mascot{transform-origin:50% 90%}
.mascot .riss{width:100%;height:auto;display:block;overflow:visible;filter:drop-shadow(0 10px 18px rgba(0,0,0,.5))}
.riss .sp{transform-origin:0 0;animation:hypno 2.4s linear infinite}.mascot:hover .riss .sp{animation-duration:.9s}
@keyframes hypno{to{transform:rotate(360deg)}}
.riss .rhead{transform-box:view-box;transform-origin:630px 1100px;animation:sway 3.2s ease-in-out infinite alternate}
@keyframes sway{from{transform:rotate(-7deg)}to{transform:rotate(7deg)}}
.hero .mascot{cursor:pointer;-webkit-tap-highlight-color:transparent}
.riss.hop{transform-origin:50% 100%;animation:hop .55s cubic-bezier(.3,.6,.4,1)}
@keyframes hop{0%{transform:translateY(0) scale(1,1)}15%{transform:translateY(2%) scale(1.06,.92)}45%{transform:translateY(-16%) scale(.96,1.05)}75%{transform:translateY(0) scale(1.04,.95)}100%{transform:translateY(0) scale(1,1)}}
.hero .mascot{animation:peek 1s cubic-bezier(.2,.9,.3,1.3) both}
@keyframes peek{from{transform:translateY(40%) rotate(-6deg);opacity:0}to{transform:none;opacity:1}}
.hero{display:grid;grid-template-columns:150px minmax(0,1fr) minmax(260px,330px);gap:28px;align-items:center;padding:26px 28px;margin-bottom:30px;border:1px solid var(--seam);border-radius:20px;
background:radial-gradient(420px 260px at 10% 30%,color-mix(in srgb,var(--gold) 16%,transparent),transparent 70%),linear-gradient(160deg,var(--hero1),var(--hero2) 70%)}
.hero h1{font-size:clamp(2.4rem,6vw,4rem);margin:0;text-shadow:0 0 30px color-mix(in srgb,var(--gold) 25%,transparent)}
.tagline{font:italic 1.12rem/1.5 var(--display);color:var(--soft);margin:8px 0 18px;max-width:46ch}
.hact{display:flex;flex-wrap:wrap;gap:10px}
.hsched{align-self:stretch;background:rgba(10,8,5,.35);border:1px solid var(--seam);border-radius:14px;padding:16px 18px}
.hsched h2{font-size:1.05rem;margin:0 0 10px}
.socials{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.socials :is(a,button){display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--seam);color:var(--tallow);font-size:.88rem;font-weight:600;text-decoration:none}
.socials :is(a,button):hover{border-color:var(--gold);color:var(--gold-hi)}.socials .i{color:var(--ash)}.socials :is(a,button):hover .i{color:var(--gold)}
.socials .s-price{border-color:color-mix(in srgb,var(--gold) 55%,transparent);color:var(--gold-hi)}.socials .s-price .i{width:1.25em;height:1.25em}
.pricepop{margin:auto;width:min(420px,calc(100vw - 32px));padding:22px 24px 24px;border:1px solid var(--seam2);border-radius:var(--r-card);
background:var(--bark);color:var(--tallow);box-shadow:0 24px 60px rgba(0,0,0,.55)}
.pricepop::backdrop{background:rgba(0,0,0,.55);backdrop-filter:blur(2px)}
.pricepop .x{position:absolute;top:12px;right:12px}
.pricepop h2{margin:0 36px 12px 0;display:flex;align-items:center;gap:10px}.pricepop h2 .i{width:28px;height:28px}
.price-text{margin:0;white-space:pre-line;overflow-wrap:anywhere;font-size:1.05rem;line-height:1.9}
.socials.hs{margin-top:18px}.socials.col{flex-direction:column;align-items:flex-start}
.sched{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.sched li{display:grid;grid-template-columns:2.3em 3.4em 1fr auto;gap:8px;align-items:baseline;padding:7px 10px;border-radius:8px;font-size:.95rem}
.sched li.free .w{grid-column:1/-1}
.sched .d{font-weight:700;color:var(--ash)}.sched .t{font-variant-numeric:tabular-nums;color:var(--ash)}.sched .w{min-width:0}
.sched li.today{background:color-mix(in srgb,var(--gold) 12%,transparent);box-shadow:inset 3px 0 0 var(--gold)}.sched li.today .d,.sched li.today .t{color:var(--gold-hi)}
.sched .now{font-size:.74rem;font-weight:700;color:var(--on-accent);background:var(--gold);border-radius:99px;padding:1px 8px}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.sorts{display:flex;gap:4px;padding:4px;background:var(--bark);border:1px solid var(--seam);border-radius:999px;width:max-content;max-width:100%;overflow-x:auto;margin-bottom:18px}
.toolbar .sorts{margin:0}
.sorts a{padding:7px 16px;border-radius:999px;color:var(--ash);font-weight:600;font-size:.93rem;white-space:nowrap;text-decoration:none}
.sorts a:hover{color:var(--tallow)}.sorts a[aria-current]{background:var(--bark2);color:var(--gold-hi);box-shadow:inset 0 0 0 1px var(--seam2)}
.search{position:relative;flex:0 1 300px}.search .i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--ash);pointer-events:none}
.search input{padding-left:40px;border-radius:999px}
.found{color:var(--ash);margin:-6px 0 16px}
.feed{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.post{display:flex;flex-direction:column;background:var(--bark);border:1px solid var(--seam);border-radius:var(--r-card);overflow:hidden;transition:border-color .15s}
.post:hover{border-color:var(--seam2)}
.pic{position:relative;display:block;aspect-ratio:16/10;background:var(--well);overflow:hidden}
.pic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.post:hover .pic img{transform:scale(1.03)}
.pic.none{display:grid;place-items:center;background:repeating-linear-gradient(135deg,var(--stripe1) 0 14px,var(--stripe2) 14px 28px)}.pic.none .gob{width:96px;height:auto;object-fit:contain;opacity:.35;filter:grayscale(.4)}
.playmark{position:absolute;inset:0;display:grid;place-items:center}.playmark .i{width:54px;height:54px;padding:14px 12px 14px 16px;border-radius:50%;background:rgba(14,11,8,.72);color:var(--tallow);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(4px)}
.post:hover .playmark .i{background:var(--gold);color:var(--on-accent)}
.inner{display:flex;flex-direction:column;gap:8px;padding:16px 18px 14px;flex:1}
.inner h2{font-size:1.22rem;margin:0}.inner h2 a{color:var(--tallow)}.inner h2 a:hover{color:var(--gold-hi);text-decoration:none}
.text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
.clip{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:var(--soft2);font-size:.95rem}
.foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:10px;border-top:1px dashed var(--seam);font-size:.87rem;color:var(--ash)}
.foot{flex-wrap:nowrap;gap:10px}.foot>.av.md{width:34px;height:34px;font-size:.9rem}
.who2{display:flex;flex-direction:column;min-width:0;line-height:1.3}.who2 .l1{display:flex;align-items:center;gap:6px;min-width:0}.who2 .badge{font-size:.66rem;padding:0 7px}
.foot time{white-space:nowrap;font-size:.8rem;color:var(--ash2)}
.by{display:inline-flex;align-items:center;gap:8px;color:var(--tallow);font-weight:650;min-width:0}.by span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:14ch}
.by:hover{color:var(--moss);text-decoration:none}
.stats{margin-left:auto;display:flex;align-items:center;gap:6px}
.cmt{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;color:var(--ash);font-weight:650;text-decoration:none!important}.cmt:hover{color:var(--tallow);background:var(--bark2)}
.pinmark{display:inline-flex;align-items:center;gap:5px;font-size:.8rem;font-weight:700;color:var(--gold)}
.post.pinned{border-color:color-mix(in srgb,var(--gold) 55%,transparent);background:linear-gradient(180deg,var(--pinned),var(--bark) 50%)}
@media(min-width:720px){.home .post.pinned{grid-column:1/-1;flex-direction:row}.home .post.pinned .pic{flex:0 0 46%;aspect-ratio:auto;min-height:240px}.home .post.pinned .inner{padding:22px 26px}.home .post.pinned h2{font-size:1.6rem}.home .post.pinned .clip{-webkit-line-clamp:5;font-size:1rem}}
.more{display:flex;justify-content:center;margin-top:26px}
.tag{display:inline-block;font-size:.74rem;font-weight:650;padding:1px 9px;border-radius:99px;border:1px solid var(--moss-lo);color:var(--moss);white-space:nowrap}
.tag.red{border-color:color-mix(in srgb,var(--ember) 60%,transparent);color:var(--ember)}
.badge{font-size:.72rem;font-weight:700;padding:1px 9px;border-radius:99px;line-height:1.55;border:1px solid var(--rc,var(--gold));color:var(--rc,var(--gold));background:color-mix(in srgb,var(--rc,var(--gold)) 14%,transparent);white-space:nowrap}
.likef{display:inline-flex;margin:0}
.likebtn{position:relative;display:inline-flex;align-items:center;gap:6px;padding:4px 11px 4px 8px;border-radius:999px;border:1px solid var(--seam2);background:rgba(255,255,255,.03);color:var(--ash);font-weight:700;font-size:.9rem;font-variant-numeric:tabular-nums;line-height:1.2}
.likebtn .h{width:18px;height:18px;fill:none;transition:transform .15s}
button.likebtn:hover{border-color:var(--ember);color:var(--ember)}
.likebtn.on{border-color:color-mix(in srgb,var(--ember) 70%,transparent);background:color-mix(in srgb,var(--ember) 14%,transparent);color:var(--ember)}.likebtn.on .h{fill:currentColor}
.likebtn.ro{border-color:transparent;background:none;padding-right:4px}
.likebtn.lbig{padding:7px 18px 7px 12px;font-size:1rem;gap:8px}.likebtn.lbig .h{width:22px;height:22px}.likebtn .lbl{font-weight:600}
.likebtn.ro.lbig{border-color:var(--seam)}
.likebtn.pop .h{animation:pop .45s cubic-bezier(.3,.7,.4,1.4)}
@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.45)}100%{transform:scale(1)}}
.plus1{position:absolute;left:50%;top:-4px;color:var(--ember);font-weight:800;pointer-events:none;animation:plus1 .9s ease-out forwards}
@keyframes plus1{from{opacity:1;transform:translate(-50%,0)}to{opacity:0;transform:translate(-50%,-26px)}}
.h{vertical-align:-.2em}
.single{max-width:780px;margin:0 auto}
.back{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;color:var(--ash);font-weight:600;font-size:.94rem}
.back::before{content:"";width:8px;height:8px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
.back:hover{color:var(--tallow);text-decoration:none}
.single h1{font-size:clamp(1.9rem,4.5vw,2.8rem);margin:.15em 0 .45em}
.meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--ash);font-size:.92rem}
.big{width:100%;border-radius:12px;display:block}.bigwrap{display:block;margin:22px 0}
.single .body{font-size:1.08rem;line-height:1.7;max-width:68ch;margin:22px 0}
.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:16px 0;border-top:1px solid var(--seam);border-bottom:1px solid var(--seam)}
.sp{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.yt{display:inline-flex;align-items:center;gap:6px;font-size:.86rem;font-weight:650;padding:6px 12px;border-radius:999px;border:1px solid var(--seam2);color:var(--tallow)}.yt:hover{border-color:var(--ember);color:#ff9a86;text-decoration:none}
.player{position:relative;aspect-ratio:16/9;margin:22px 0;border-radius:12px;overflow:hidden;background:#000;border:1px solid var(--seam)}
.player iframe,.facade,.facade img{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.facade{display:grid;place-items:center}.playbig{position:relative;display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:var(--gold);color:var(--on-accent);box-shadow:0 10px 30px rgba(0,0,0,.6);transition:transform .15s}
.playbig .i{width:38px;height:38px;margin-left:5px}.facade:hover .playbig{transform:scale(1.08)}
.comments{max-width:780px;margin:36px auto 0}
.count-pill{display:inline-grid;place-items:center;min-width:28px;height:24px;padding:0 8px;border-radius:99px;background:var(--bark2);border:1px solid var(--seam);font:700 .8rem/1 var(--ui);color:var(--ash);vertical-align:.2em}
.comment{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--seam);scroll-margin-top:90px}
.comment:target{background:linear-gradient(90deg,color-mix(in srgb,var(--gold) 12%,transparent),transparent);box-shadow:-12px 0 0 color-mix(in srgb,var(--gold) 12%,transparent);border-radius:6px}
.comment .av{width:36px;height:36px}.cb{flex:1;min-width:0}
.chead{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.9rem;margin-bottom:2px}
.chead .who{font-weight:700;color:var(--tallow)}.chead .when{color:var(--ash2);font-size:.84rem}
.comment .text{line-height:1.6}
.ctools{display:flex;gap:14px;margin-top:4px}
.mention{font-weight:650}
.quiet{padding:18px 0}
.reply{margin-top:22px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.row .btn{margin-left:auto}
.signin{text-align:center}
.panel{background:var(--bark);border:1px solid var(--seam);border-radius:var(--r-card);padding:22px;display:flex;flex-direction:column;gap:10px;margin:18px 0}
.panel h2{margin:0 0 4px}.panel>label{margin-top:6px}
.formpage{max-width:700px;margin:0 auto}
label{font-weight:650;font-size:.93rem}
input,textarea,select{font:inherit;font-weight:400;color:var(--tallow);background:var(--input);border:1px solid var(--seam2);border-radius:var(--r-in);padding:11px 13px;width:100%}
input::placeholder,textarea::placeholder{color:var(--ash2)}
input:focus,textarea:focus,select:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 20%,transparent)}
textarea{min-height:150px;resize:vertical;line-height:1.55}textarea.short{min-height:96px}
select{width:auto;padding:6px 10px}
input[type=checkbox]{width:18px;height:18px;accent-color:var(--gold);flex:none}
.chk{display:flex;align-items:center;gap:8px;font-weight:450;color:var(--ash);cursor:pointer}
.count{align-self:flex-end;color:var(--ash);font-size:.8rem;margin-top:-4px}.row .count{margin:0;align-self:center}
.drop{display:flex;align-items:center;gap:14px;margin-top:8px;padding:18px;border:2px dashed var(--seam2);border-radius:12px;cursor:pointer;font-weight:400;transition:border-color .15s,background .15s}
.drop>.i{width:34px;height:34px;padding:7px;border-radius:50%;background:var(--bark2);color:var(--gold)}
.drop span{display:flex;flex-direction:column}.drop small{color:var(--ash)}
.drop:hover,.drop.over{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 5%,transparent)}
.drop input{position:absolute;width:1px;height:1px;opacity:0}
.filebtn{position:relative;display:inline-flex;align-items:center;padding:8px 16px;border-radius:999px;border:1px solid var(--seam2);cursor:pointer;font-weight:600}
.filebtn:hover{border-color:var(--moss);color:var(--moss)}.filebtn input{position:absolute;inset:0;opacity:0;cursor:pointer}
.filebtn:focus-within{outline:3px solid var(--gold);outline-offset:2px}
.drop:focus-within{outline:3px solid var(--gold);outline-offset:2px}
.rline{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.rline input:not([type=color]){flex:1 1 220px;width:auto}
input[type=color]{width:48px;height:42px;padding:3px;flex:none;cursor:pointer}
input[type=range]{padding:0;border:0;background:none;accent-color:var(--gold)}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px 16px}.grid2>div{display:flex;flex-direction:column;gap:6px}
.filter{max-width:320px;margin:4px 0 10px}
.profile{margin-bottom:26px}
.banner{height:200px;border-radius:16px;overflow:hidden;background:radial-gradient(400px 200px at 20% 120%,color-mix(in srgb,var(--gold) 25%,transparent),transparent),linear-gradient(120deg,var(--ban1),var(--ban2) 55%,var(--ban3));border:1px solid var(--seam)}
.banner img{width:100%;height:100%;object-fit:cover;display:block}.banner.sm{height:110px}
.phead{display:flex;align-items:flex-end;gap:16px;margin:-48px 0 0 22px;flex-wrap:wrap;position:relative}
.phead .av{border:4px solid var(--peat)}.pname{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-bottom:6px}.pname h1{margin:0}
.phead .btn{margin-left:auto;margin-right:22px;margin-bottom:8px}
.bio{max-width:62ch;margin:16px 22px 0;color:var(--soft);white-space:pre-wrap}
.pstats{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0 22px}
.pstats>div{display:flex;flex-direction:column-reverse;padding:10px 18px;background:var(--bark);border:1px solid var(--seam);border-radius:12px}
.pstats dt{color:var(--ash);font-size:.84rem}.pstats dd{margin:0;font:700 1.45rem/1.2 var(--display);display:flex;align-items:center;gap:6px}.pstats dd.sm{font-size:1.1rem}.pstats .h{width:20px;height:20px;color:var(--ember);fill:currentColor}
.pstats.wide{margin:0 0 24px}
.modbox{gap:12px}.modbox>summary{cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:700}.modrow{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0}
.sect{display:flex;align-items:center;gap:10px;margin:34px 0 14px}
.setrow{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.av{width:30px;height:30px;border-radius:50%;display:inline-grid;place-items:center;font:700 .82rem/1 var(--ui);font-style:normal;color:#1b150c;flex:none;object-fit:cover}
.av.md{width:44px;height:44px;font-size:1.05rem}.av.lg{width:104px;height:104px;font-size:2.4rem}
.a0{background:#a3d465}.a1{background:#e9b949}.a2{background:#7cc5b5}.a3{background:#e58f6c}.a4{background:#b9a3e6}.a5{background:#d8cf6a}
.cfield{display:flex;flex-direction:column;gap:12px;padding-bottom:20px;margin-bottom:6px;border-bottom:1px solid var(--seam)}.cfield h2{margin:0;font-size:1.15rem}
.editor{display:flex;flex-direction:column;gap:10px}
.frame{position:relative;overflow:hidden;touch-action:none;cursor:grab;background:#000;border:2px solid var(--gold)}.frame:active{cursor:grabbing}
.frame.round{width:240px;max-width:100%;aspect-ratio:1;border-radius:50%}.frame.wide{width:100%;aspect-ratio:10/3;border-radius:12px}
.frame img{position:absolute;max-width:none;user-select:none;pointer-events:none}
.authbox{max-width:430px;margin:10px auto 30px;text-align:center}
.authbox .mascot.sm{width:96px;margin:0 auto 8px}
.authbox .panel{text-align:left}.authbox .lede{margin:0 auto 4px}
.empty{grid-column:1/-1;text-align:center;padding:40px 20px;max-width:520px;margin:0 auto}
.empty .gob{width:96px;margin:0 auto 10px;opacity:.9}.empty .mascot{width:110px;margin:0 auto 6px}.empty p{color:var(--ash)}
.err h1{font-size:4.2rem;color:var(--gold);margin:0}
.pagehead{margin-bottom:18px}.pagehead h1{margin-bottom:.2em}
.sform{margin-top:0}.rline input[type=url]{flex:1 1 300px}
.sug{display:grid;grid-template-columns:240px 1fr;gap:18px;background:var(--bark);border:1px solid var(--seam);border-radius:var(--r-card);padding:14px;margin:14px 0}
.sug img,.sug .noimg{width:100%;border-radius:10px;aspect-ratio:16/9;object-fit:cover;display:block}.sug .noimg{display:grid;place-items:center;background:var(--bark2)}.sug .noimg .gob{width:80px;aspect-ratio:auto;object-fit:contain;border-radius:0;opacity:.4}
.sug h3{margin:0 0 4px}.sug.flagged{border-color:var(--ember)}.sbody{min-width:0;display:flex;flex-direction:column;gap:8px}
.desc summary{cursor:pointer;color:var(--ash);font-size:.9rem}.desc .text{max-height:12em;overflow:auto;color:var(--soft2);font-size:.92rem;margin-top:6px}
mark{background:#ffd54a;color:#201603;border-radius:3px;padding:0 3px}
.refs{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:18px}
.ref{display:flex;flex-direction:column;background:var(--bark);border:1px solid var(--seam);border-radius:var(--r-card);overflow:hidden}
.ref:hover{border-color:var(--seam2)}
.rthumb{position:relative;display:block;aspect-ratio:4/3;
background:repeating-conic-gradient(var(--stripe1) 0 25%,var(--stripe2) 0 50%) 0 0/20px 20px}
.rthumb img{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);object-fit:contain;display:block;transition:transform .3s}
.ref:hover .rthumb img{transform:scale(1.03)}
.rbody{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;flex:1}
.rbody h3{margin:0;overflow-wrap:anywhere}.rbody .muted{font-size:.85rem}
.ractions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:auto;padding-top:6px}
.refs .empty{grid-column:1/-1}
.stage{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px}
.tvframe{position:relative;aspect-ratio:16/9;background:#000;border:1px solid var(--seam);border-radius:12px;overflow:hidden}
.tvframe iframe,.chatframe iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.chatframe{position:relative;min-height:0;border:1px solid var(--seam);border-radius:12px;overflow:hidden;background:var(--well)}
.stage+.hint{margin-top:10px}
@media(min-width:901px){
.stage{--chat:min(420px,26vw);grid-template-columns:minmax(0,1fr) var(--chat);
width:min(100vw - 56px,(100vh - 100px) * 16 / 9 + var(--chat) + 14px);margin-left:50%;translate:-50% 0}
.stage+.hint{text-align:center}
}
.streamgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:10px}.streamgrid .panel{margin:12px 0}
.stat{background:var(--bark)}
.alist{background:var(--bark);border:1px solid var(--seam);border-radius:12px;margin:10px 0 24px}
.arow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--seam)}.arow:last-child{border:0}.arow a{font-weight:600}
.cbody{flex:1 1 320px;min-width:0}.cbody p{margin:2px 0 0}
.rolebox{padding:14px;border-bottom:1px solid var(--seam);display:flex;flex-direction:column;gap:10px;margin:0}.rolebox:last-child{border:0}
.perms{display:flex;gap:6px 20px;flex-wrap:wrap}
.guide{max-width:70ch;margin:6px 0 4px}
.fold{margin:8px 0;border-top:1px solid var(--seam);padding-top:6px}
.fold>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;font:700 1.3rem var(--display);padding:10px 0}
.fold>summary::-webkit-details-marker{display:none}
.fold>summary::before{content:"";width:9px;height:9px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg);transition:transform .15s;margin-right:4px}
.fold[open]>summary::before{transform:rotate(45deg)}
.fold h3{margin-top:22px}
.logbox{background:var(--well);border:1px solid var(--seam);border-radius:10px;padding:12px;max-height:420px;overflow:auto;font:12px/1.5 ui-monospace,Consolas,monospace;white-space:pre-wrap;word-break:break-all}
.chan{margin-top:6px}
@media(max-width:900px){
.hero{grid-template-columns:110px minmax(0,1fr)}.hsched{grid-column:1/-1}
.stage{grid-template-columns:1fr}.chatframe{min-height:480px}
}
@media(max-width:820px){
.bar{flex-wrap:wrap;gap:8px 12px;padding-top:8px}
nav.main{order:3;flex-basis:100%;overflow-x:auto;margin:0 -20px;padding:0 14px 6px;scrollbar-width:none}
nav.main::-webkit-scrollbar{display:none}
.btn.new span{display:none}.btn.new{padding:9px 11px}
.toasts{top:120px}
}
@media(max-width:600px){
.wrap{padding:0 16px}nav.main{margin:0 -16px;padding:0 10px 6px}
main.wrap{padding-top:18px}
.hero{grid-template-columns:72px minmax(0,1fr);gap:14px 16px;padding:18px 16px}
.hero h1{font-size:2.2rem}.tagline{font-size:1rem;margin-bottom:14px}.hact{grid-column:1/-1}.hact .btn{flex:1}
.hero .socials.hs{margin-top:14px}
.hcopy{display:contents}.hcopy h1{align-self:center}.hcopy .tagline,.hcopy .socials{grid-column:1/-1}.hcopy .tagline{margin:0}
.toolbar{flex-direction:column;align-items:stretch}.search{flex-basis:auto}
.feed{grid-template-columns:1fr;gap:14px}
.sug{grid-template-columns:1fr}
.phead{margin-left:12px}.phead .btn{margin:0}.pstats,.bio{margin-left:0;margin-right:0}
.pstats>div{flex:1 1 40%}
.panel{padding:16px}
.actions .sp{margin-left:0}
footer .muted{margin-left:0}
.logo span{font-size:1.1rem}
.logo{gap:6px}.logo .gob{width:42px}.me{gap:6px}.me>.btn{padding:7px 12px;font-size:.85rem}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}