/*
 * Enthusia SMP - red and gold stylesheet.
 *
 * The look follows the in-game menus: crimson panels, cream cards, gold trim with fretwork corners,
 * and the Minecraft font on a 4px grid. Every colour that changes between a red surface and a cream
 * surface is a variable set by .s-red / .s-cream / .tip / .panel, so components can sit on either.
 *
 * Order: fonts and base, surfaces, components, page parts, header and footer, live-data states.
 * Pages on this stylesheet do not load the older assets/styles.css.
 */
@font-face{font-family:"Minecraft";src:url(fonts/minecraft-regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Minecraft";src:url(fonts/minecraft-bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px;background:#8f1611}
a{color:#b3201a}a:hover{color:#7d120e}
.en{--edge:#4a0b08;--gold:#ffcf1f;--gold-hi:#ffe9a8;--gold-lo:#e08f00;font-family:"Minecraft","Courier New",monospace;font-size:16px;line-height:24px;-webkit-font-smoothing:none}
.en h1,.en h2,.en h3,.en p,.en ol{margin:0;font-weight:400}
.en ol{padding:0;list-style:none}
.en img.px{image-rendering:pixelated;display:block}
.hide{display:none !important}
.s-red,.tip,.cap,.hero-vars{--ink:#fff6e0;--muted:#ffdcc8;--head:#ffdb2e;--head-sh:#6b0f0b;--kick:#ffe9a8;--accent:#ffe9a8;--hi:#ffe9a8;--good:#b6f7b6;--row:#a51b16;--row-top:#ffcf1f;--link:#ffdb2e;--link-hi:#ffffff;color:var(--ink)}
.s-cream,.panel{--ink:#3a0d0a;--muted:#6b3a2a;--head:#b3201a;--head-sh:#ffcf1f;--kick:#8a5a00;--accent:#b3201a;--hi:#8a5a00;--good:#1c7a32;--row:#ffe7b0;--row-top:#ffcf1f;--link:#b3201a;--link-hi:#7d120e;color:var(--ink)}
.s-red{background:#c0261d}
.s-cream{background:#fff1cf}
.hero-vars{--head-sh:#7d120e}
.panel{background:#fff8e6;border:4px solid var(--edge);box-shadow:inset 4px 4px 0 #ffffff,inset -4px -4px 0 #ecc873;box-sizing:border-box}
.tip{--row:#8a1510;background:#a51b16;border:4px solid var(--edge);box-shadow:inset 0 0 0 4px var(--gold),inset 0 0 0 6px #5c0d09;box-sizing:border-box}
.tip.fret-lg{background:url(ui/fret-lg-tl.svg) left top/74px 74px no-repeat,url(ui/fret-lg-tr.svg) right top/74px 74px no-repeat,url(ui/fret-lg-bl.svg) left bottom/74px 74px no-repeat,url(ui/fret-lg-br.svg) right bottom/74px 74px no-repeat,#a51b16}
.tip.fret{background:url(ui/fret-md-tl.svg) left top/54px 54px no-repeat,url(ui/fret-md-tr.svg) right top/54px 54px no-repeat,url(ui/fret-md-bl.svg) left bottom/54px 54px no-repeat,url(ui/fret-md-br.svg) right bottom/54px 54px no-repeat,#a51b16}
.tip.fret-sm{background:url(ui/fret-sm-tl.svg) left top/22px 22px no-repeat,url(ui/fret-sm-tr.svg) right top/22px 22px no-repeat,url(ui/fret-sm-bl.svg) left bottom/22px 22px no-repeat,url(ui/fret-sm-br.svg) right bottom/22px 22px no-repeat,#a51b16}
.cap{background:rgba(125,18,14,.92)}
.slot{--head:#ffdb2e;background:#7d120e;color:#ffdb2e;border:4px solid var(--edge);box-shadow:inset 4px 4px 0 #5a0c09,inset -4px -4px 0 #a8221b;box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.frame{border:4px solid var(--edge);box-shadow:8px 8px 0 rgba(58,13,10,.35);background:#7d120e;box-sizing:border-box}
.en a{color:var(--link)}
.en a:hover{color:var(--link-hi)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:8px 24px;border:4px solid var(--edge);box-sizing:border-box;font-family:inherit;font-size:16px;line-height:24px;text-decoration:none;cursor:pointer;transition:transform .08s}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(4px)}
.en .btn-gold{background:var(--gold);color:#3a0d0a;box-shadow:inset 4px 4px 0 #fff3a0,inset -4px -4px 0 var(--gold-lo)}
.en .btn-gold:hover{background:#ffdf52;color:#3a0d0a}
.en .btn-red{background:#d12c22;color:#fff6e0;box-shadow:inset 4px 4px 0 #f0766b,inset -4px -4px 0 #8f1611;text-shadow:2px 2px 0 #6b0f0b}
.en .btn-red:hover{background:#e0392e;color:#ffffff}
.en .btn-dark{background:#fff8e6;color:#b3201a;box-shadow:inset 4px 4px 0 #ffffff,inset -4px -4px 0 #ecc873}
.en .btn-dark:hover{background:#ffffff;color:#7d120e}
.en .btn-dark{--muted:#6b3a2a;--head:#b3201a;--accent:#b3201a}
.chip{min-height:48px;padding:8px 20px;border:4px solid var(--edge);box-sizing:border-box;background:#fff8e6;color:#3a0d0a;font-family:inherit;font-size:16px;line-height:24px;cursor:pointer;box-shadow:inset 4px 4px 0 #ffffff,inset -4px -4px 0 #ecc873;transition:transform .08s}
.chip:hover{color:#b3201a;transform:translateY(-2px)}
.chip[aria-pressed="true"]{background:var(--gold);color:#3a0d0a;box-shadow:inset 4px 4px 0 #fff3a0,inset -4px -4px 0 var(--gold-lo)}
.en .nav a,.navbtn{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;color:var(--ink);text-decoration:none;border:4px solid transparent;box-sizing:border-box;background:none;font-family:inherit;font-size:16px;line-height:24px;cursor:pointer}
.en .nav a:hover,.navbtn:hover{color:var(--link-hi);border-color:currentColor}
.en .nav a.on{background:var(--gold);color:#3a0d0a;border-color:var(--edge);box-shadow:inset 4px 4px 0 #fff3a0,inset -4px -4px 0 var(--gold-lo)}
.navbtn[aria-expanded="true"]{color:var(--head);border-color:currentColor}
.tag{display:inline-block;padding:2px 8px;border:4px solid var(--edge);box-sizing:border-box;white-space:nowrap}
.tag-gold{background:var(--gold);color:#3a0d0a}
.tag-red{background:#c0261d;color:#fff6e0}
.tag-dark{background:#7d120e;color:#ffdb2e}
.tag-plain{background:#fff8e6;color:#6b3a2a}
.field{background:#ffffff;border:4px solid #b3201a;padding:8px 12px;box-sizing:border-box;color:#3a0d0a}
.live{width:16px;height:16px;background:#3ddc5a;border:4px solid var(--edge);animation:blink 1.4s infinite}
.caret{animation:blink 1s infinite}
@keyframes blink{0%,60%{opacity:1}61%,100%{opacity:.2}}
.crenel{height:24px;background-image:linear-gradient(90deg,transparent 0 25%,#fff1cf 25% 75%,transparent 75% 100%);background-size:96px 24px;background-repeat:round no-repeat;background-position:left top}
.t-hero{font-size:96px;line-height:96px}
.t-hero2{font-size:64px;line-height:72px}
.en a:focus-visible,.en button:focus-visible,.en summary:focus-visible{outline:4px solid #1b6fd1;outline-offset:4px}
.t-h2{font-size:48px;line-height:56px}
.heroimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s ease-in-out}
.heroimg.hold{opacity:1}
.heroimg.snap{transition:none}
.heroimg.show{opacity:1}
.dot{width:44px;height:44px;padding:0;border:0;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center}
.dot span{width:16px;height:16px;background:#fff6e0;border:4px solid #4a0b08;display:block}
.dot[aria-pressed="true"] span{background:#ffcf1f;width:24px;height:24px}
.splash{animation:splash 1.1s ease-in-out infinite}
@keyframes splash{0%,100%{transform:rotate(-14deg) scale(1)}50%{transform:rotate(-14deg) scale(1.1)}}
.swap{animation:rise .14s ease-out both}
@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.tile{position:relative;overflow:hidden}
.tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.tile:hover img{transform:scale(1.08)}
.row{transition:transform .12s ease-out}
.row:hover{transform:translateX(12px)}
.top{--hi:#7d120e;color:#3a0d0a}
.gimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s ease-in-out}
.gimg.hold{opacity:1}
.gimg.snap{transition:none}
.gimg.show{opacity:1}
.thumb{padding:0;border:4px solid var(--edge);background:#7d120e;cursor:pointer;display:block;opacity:.7;transition:opacity .15s}
.thumb img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.thumb:hover{opacity:1}
.thumb[aria-pressed="true"]{opacity:1;border-color:var(--gold)}
.staff img{transition:transform .12s ease-out}
.staff:hover img{transform:translateY(-8px)}
.en summary{list-style:none;cursor:pointer}
.en summary:hover{color:#7d120e}
.en summary::-webkit-details-marker{display:none}
@media (max-width:720px){.tabs{justify-content:center !important}.tab-head{flex-direction:column !important;align-items:center !important;text-align:center}.tab-head>div{align-items:center !important}.c-sm{align-items:center !important;text-align:center}.t-hero{font-size:48px;line-height:48px}.t-hero2{font-size:32px;line-height:40px}.t-h2{font-size:32px;line-height:40px}.splash{display:none}}
@media (prefers-reduced-motion:reduce){.en *{animation:none !important;transition:none !important}}
.navbtn.cur{color:var(--head);border-bottom-color:var(--gold)}
.en .foot a{display:flex;align-items:center;min-height:40px;color:var(--ink);text-decoration:none}
.en .foot a:hover{color:var(--head)}
.vid-play{position:absolute;top:50%;left:50%;width:96px;height:72px;margin:-36px 0 0 -48px;padding:0;border:4px solid var(--edge);background:var(--gold);box-shadow:inset 4px 4px 0 #fff3a0,inset -4px -4px 0 var(--gold-lo);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .08s}
.vid-play:hover{transform:translateY(-2px);background:#ffdf52}
.vid-play:active{transform:translateY(4px)}
.vid-play svg{width:32px;height:32px;display:block}
.vid-len{position:absolute;right:12px;bottom:12px;padding:2px 8px;background:#3a0d0a;color:#fff6e0;border:4px solid var(--edge)}
.vid-on{position:absolute;inset:0;background:rgba(58,13,10,.94);color:#fff6e0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;box-sizing:border-box;text-align:center}
.vnext{display:flex;flex-direction:column;gap:4px;padding:12px 16px;background:var(--row);min-width:0;overflow-wrap:anywhere}
.wz{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;padding:12px 16px;background:var(--row);min-width:0;overflow-wrap:anywhere}
.en a.wz{text-decoration:none;color:var(--ink);transition:transform .12s ease-out}
.en a.wz:hover{transform:translateX(8px);color:var(--link-hi)}
.wz-col{display:flex;flex-direction:column;gap:12px;min-width:0}
.mob-btn{display:none}
@media (max-width:860px){
.mob-btn{display:flex;border-color:currentColor;min-height:48px}
.en .nav{display:none !important}
.en .nav.open{display:flex !important;flex-direction:column;align-items:stretch !important;width:100%;gap:0 !important}
.en .nav.open .panel{position:static !important;margin:0 0 8px}
.en .nav.open>a,.en .nav.open .navbtn{min-height:48px;width:100%}
}
@media (max-width:520px){.hdr-play{display:none !important}}
@media (max-width:520px){.ph-hide{display:none !important}.ph-two{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important}}
.dev{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:20px 24px;text-align:left;border:4px solid var(--edge);box-sizing:border-box;background:#fff8e6;color:#3a0d0a;font-family:inherit;font-size:24px;line-height:32px;cursor:pointer;box-shadow:inset 4px 4px 0 #ffffff,inset -4px -4px 0 #ecc873;transition:transform .08s}
.dev:hover{transform:translateY(-4px);color:#b3201a}
.dev[aria-pressed="true"]{background:var(--gold);color:#3a0d0a;box-shadow:inset 4px 4px 0 #fff3a0,inset -4px -4px 0 var(--gold-lo)}
.dev span{font-size:16px;line-height:24px;color:#6b3a2a}
.en .jump a{display:flex;align-items:center;min-height:44px;padding:0 12px;color:var(--ink);text-decoration:none}
.en .jump a:hover{background:#8a1510;color:#ffffff}
.en .jump a.on{background:var(--gold);color:#3a0d0a}
.en textarea.field,.en input.field,.en select.field{width:100%;min-height:48px;font-family:inherit;font-size:16px;line-height:24px;display:block}
.en textarea.field{min-height:144px;resize:vertical}
.en label.f{display:flex;flex-direction:column;gap:8px}
.tool{min-height:44px;padding:4px 12px}
.tag-good{background:#1c7a32;color:#ffffff}
.thread{display:flex;flex-direction:column;gap:8px}
.msg{padding:12px 16px;background:var(--row);border-left:8px solid #b3201a;overflow-wrap:anywhere}
.msg.you{border-left-color:var(--gold-lo)}
.meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));gap:12px;margin:0}
.meta div{display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere}
.meta dt{color:var(--muted)}
.meta dd{margin:0}
.acct{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--row)}
.acct>div{display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere}
.linkbtn{min-height:44px;padding:0 8px;border:0;background:none;color:var(--link);font-family:inherit;font-size:16px;line-height:24px;text-decoration:underline;cursor:pointer}
.linkbtn:hover{color:var(--link-hi)}
.cmd{display:block;padding:12px 16px;background:#3a0d0a;color:#ffe9a8;overflow-wrap:anywhere}
.check{display:flex;align-items:center;gap:12px;min-height:44px}
.check input{width:24px;height:24px;margin:0;accent-color:#b3201a;flex-shrink:0}
.cardgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:16px}
.shot{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;border:4px solid var(--edge);box-sizing:border-box}
.stall{min-height:56px;padding:4px;border:4px solid var(--edge);box-sizing:border-box;background:#fff8e6;color:#3a0d0a;font-family:inherit;font-size:16px;line-height:24px;cursor:pointer;box-shadow:inset 4px 4px 0 #ffffff,inset -4px -4px 0 #ecc873}
.stall:hover{background:#ffffff}
.stall.free{background:#ffe7b0}
.stall[aria-pressed="true"]{background:var(--gold);box-shadow:inset 4px 4px 0 #fff3a0,inset -4px -4px 0 var(--gold-lo)}
.path{min-height:56px;background:#7d120e;border:4px solid var(--edge);box-sizing:border-box}
.shop{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;padding:12px 16px;background:var(--row);overflow-wrap:anywhere}
.blk-gold{background:var(--gold);color:#3a0d0a;border:4px solid var(--edge);box-shadow:inset 4px 4px 0 #fff3a0,inset -4px -4px 0 var(--gold-lo);box-sizing:border-box}
.gthumb{opacity:1;background:#fff8e6;color:#3a0d0a;font-family:inherit;font-size:16px;line-height:24px;text-align:left;transition:transform .12s ease-out}
.gthumb span{display:block;padding:8px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gthumb:hover{transform:translateY(-4px)}
.gthumb[aria-pressed="true"]{background:var(--gold);border-color:var(--edge)}
.seg{height:24px;background:#7d120e;border:4px solid var(--edge);box-sizing:border-box}
.seg.done{background:var(--gold);box-shadow:inset 4px 4px 0 #fff3a0,inset -4px -4px 0 var(--gold-lo)}
.vrow .done-tag{display:none}
.vrow.done .done-tag{display:inline-block}
.vrow.done{background:#ffe7b0}
.hero-join{background-image:linear-gradient(rgba(60,8,5,.3),rgba(60,8,5,.3)),url(screenshots/slide-12.webp)}.hero-join{background-position:center,center 60%}
.hero-rules{background-image:linear-gradient(rgba(60,8,5,.3),rgba(60,8,5,.3)),url(rules-council-hall-user.png)}.hero-rules{background-position:center,center 42%}
.hero-about{background-image:linear-gradient(rgba(60,8,5,.3),rgba(60,8,5,.3)),url(screenshots/slide-01.webp)}.hero-about{background-position:center,center 50%}
.hero-leaderboards{background-image:linear-gradient(rgba(60,8,5,.3),rgba(60,8,5,.3)),url(screenshots/slide-05.webp)}.hero-leaderboards{background-position:center,center 46%}
.hero-gallery{background-image:linear-gradient(rgba(60,8,5,.3),rgba(60,8,5,.3)),url(screenshots/slide-22.webp)}.hero-gallery{background-position:center,center 50%}
.hero-staff{background-image:linear-gradient(rgba(60,8,5,.3),rgba(60,8,5,.3)),url(screenshots/slide-01.webp)}.hero-staff{background-position:center,center 48%}
.hero-vote{background-image:linear-gradient(rgba(60,8,5,.3),rgba(60,8,5,.3)),url(screenshots/slide-17.webp)}.hero-vote{background-position:center,center 50%}
.hero-appeal{background-image:linear-gradient(rgba(60,8,5,.3),rgba(60,8,5,.3)),url(rules-council-hall-user.png)}.hero-appeal{background-position:center,center 42%}
.hero-notfound{background-image:linear-gradient(rgba(60,8,5,.3),rgba(60,8,5,.3)),url(screenshots/slide-01.webp)}.hero-notfound{background-position:center,center 50%}

/* ------------------------------------------------------------------ page furniture */
[hidden]{display:none !important}
/* Without JavaScript every tab panel is shown, so nothing is unreachable. */
.no-js [data-switch-panel].hide{display:block !important}
.skip-link{position:absolute;left:-9999px;top:0;z-index:100;padding:12px 16px;background:#ffcf1f;color:#3a0d0a;font-family:"Minecraft","Courier New",monospace;font-size:16px;line-height:24px;border:4px solid #4a0b08}
.skip-link:focus{left:8px;top:8px}
.en{min-height:100vh;display:flex;flex-direction:column}
.en>main{flex:1 0 auto;display:block}
.en h1,.en h2,.en h3,.en p,.en ol,.en ul,.en dl,.en dd{margin:0;font-weight:400}
.en ul{padding:0;list-style:none}
.wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.wrap-narrow{max-width:960px;margin:0 auto;padding:0 24px}
.stack{display:flex;flex-direction:column;gap:32px}
.kicker{color:var(--kick);letter-spacing:2px}
.head-block{display:flex;flex-direction:column;gap:8px}
.t-h2s{font-size:48px;line-height:56px;color:var(--head);text-shadow:4px 4px 0 var(--head-sh)}
.t-h3{font-size:24px;line-height:32px;color:var(--head)}
.muted{color:var(--muted)}
.band{border-top:4px solid #4a0b08;border-bottom:4px solid #4a0b08}
.note{padding:12px 16px;background:var(--row);border:4px dashed #b3201a;color:var(--muted)}
.tip .note,.s-red .note{border-color:var(--gold)}
@media (max-width:720px){.t-h2s{font-size:32px;line-height:40px}}

/* Sub-page hero: one screenshot per page, set by a .hero-<page> class. */
.hero{background-size:cover;background-repeat:no-repeat;background-color:#7d120e}
.hero-in{max-width:1240px;min-height:320px;margin:0 auto;padding:56px 24px 40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}
.hero-title{color:var(--head);text-shadow:6px 6px 0 var(--head-sh);overflow-wrap:anywhere}
.hero-lead{max-width:700px;padding:12px 20px;background:rgba(74,11,8,.8);border:4px solid #4a0b08}

/* ------------------------------------------------------------------ header */
.site-head{position:relative;z-index:40;border-bottom:4px solid #4a0b08;box-shadow:inset 0 -4px 0 #ffcf1f,inset 0 -6px 0 #5c0d09}
.site-head-in{max-width:1240px;margin:0 auto;padding:14px 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.en .brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--head);font-size:24px;line-height:32px;text-shadow:3px 3px 0 var(--head-sh);white-space:nowrap}
.brand img{width:44px;height:44px;display:block}
.nav{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.nav-group{position:relative}
.nav-menu{display:none;position:absolute;top:52px;left:0;z-index:50;min-width:220px;padding:8px;flex-direction:column}
.nav-group.open .nav-menu{display:flex;animation:rise .14s ease-out both}
.no-js .nav-group:hover .nav-menu,.no-js .nav-group:focus-within .nav-menu{display:flex}
.en .nav a.active{background:var(--gold);color:#3a0d0a;border-color:var(--edge);box-shadow:inset 4px 4px 0 #fff3a0,inset -4px -4px 0 var(--gold-lo)}
.en .hdr-play{min-height:52px;font-size:24px;line-height:32px}
@media (max-width:860px){.en .nav.open .nav-menu{position:static;margin:0 0 8px}}

/* ------------------------------------------------------------------ footer */
.site-foot{background:#8f1611;border-top:4px solid #4a0b08;box-shadow:inset 0 4px 0 #ffcf1f,inset 0 6px 0 #5c0d09}
.site-foot-in{max-width:1240px;margin:0 auto;padding:56px 24px 32px;display:flex;flex-direction:column;gap:40px}
.foot-brand{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px}
.foot-brand p{flex:1 1 320px;min-width:0;color:var(--muted)}
.foot-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));gap:32px 24px}
.foot{display:flex;flex-direction:column}
.foot-title{color:var(--kick);letter-spacing:2px;padding-bottom:8px}
.foot-legal{border-top:4px solid #7d120e;padding-top:24px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;color:var(--muted)}
@media (max-width:520px){.foot-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ------------------------------------------------------------------ "address copied" toast */
.toast{position:fixed;top:100px;right:24px;z-index:60;display:flex;align-items:center;gap:16px;padding:16px 24px 16px 16px;background:#fff8e6;color:#3a0d0a;border:4px solid #4a0b08;box-shadow:inset 0 0 0 4px #ffcf1f,inset 0 0 0 6px #e08f00,8px 8px 0 rgba(58,13,10,.35);animation:rise .14s ease-out both}
.toast img{width:48px;height:48px;display:block}
.toast-title{color:#b3201a}
@media (max-width:520px){.toast{top:auto;right:16px;bottom:16px;left:16px}}

/* ------------------------------------------------------------------ live server status */
.live.off{background:#d12c22;animation:none}
.live.unknown{background:#9d9d97;animation:none}
.is-off{color:var(--ink)}

/* ------------------------------------------------------------------ leaderboards (rows are written by enthusia.js) */
.lb-list{display:flex;flex-direction:column;gap:8px}
.lb-row{display:flex;align-items:center;gap:12px;padding:6px 16px 6px 6px;background:var(--row)}
.lb-row.top{background:var(--row-top)}
.lb-rank{width:44px;height:44px}
.lb-head{width:40px;height:40px;flex-shrink:0}
.lb-name{flex:1 1 0;min-width:0;display:flex;flex-direction:column}
.lb-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-name small{font-size:16px;line-height:24px;color:var(--muted)}
.lb-row.top .lb-name small{color:#6b3a2a}
.lb-value{color:var(--accent);white-space:nowrap}
.lb-row.top .lb-value{color:var(--hi)}
.lb-cols{display:flex;justify-content:space-between;gap:12px;padding:4px 44px 0;color:var(--muted)}
.guild-banner{width:20px;height:40px;flex-shrink:0;image-rendering:pixelated;border:4px solid var(--edge);box-sizing:content-box;background:#7d120e}
.guild-mark{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#7d120e;color:#ffdb2e;border:4px solid var(--edge)}
.board-state{display:flex;flex-direction:column;align-items:center;gap:16px;padding:28px 16px;text-align:center;color:var(--muted);border:4px dashed var(--gold)}
.s-cream>.board-state,.panel .board-state{border-color:#b3201a}
.podium{flex:2 1 420px;min-width:0;display:flex;align-items:flex-end;gap:12px}
.podium-place{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.podium-visual{image-rendering:pixelated}
img.podium-visual{width:72px;height:144px;object-fit:contain}
canvas.podium-visual{width:40px;height:80px}
.podium-name{max-width:100%;overflow-wrap:anywhere}
.podium-value{color:var(--accent)}
.podium-block{width:100%;display:flex;align-items:center;justify-content:center;font-size:32px;line-height:32px}
.podium-1 .podium-block{height:144px}
.podium-2 .podium-block{height:96px}
.podium-3 .podium-block{height:64px}
.board-body{display:flex;flex-wrap:wrap;align-items:flex-end;gap:32px}
.board-card{flex:3 1 480px;min-width:0;padding:24px;display:flex;flex-direction:column;gap:16px}
.board-panel{display:flex;flex-direction:column;gap:24px}

/* ------------------------------------------------------------------ video of the week */
.vid-poster{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}
.vid-player{position:absolute;top:0;left:0;width:100%;height:100%;border:0;z-index:3;background:#000000}
.is-playing .vid-play,.is-playing .vid-len{display:none}

/* ------------------------------------------------------------------ rules */
.rule-section{display:flex;flex-direction:column;gap:24px;scroll-margin-top:24px}
.rule-list{display:flex;flex-direction:column;gap:12px}
.rule{padding:20px 24px;display:flex;flex-direction:column;gap:8px}
.rule h3{font-size:16px;line-height:24px;color:var(--head)}
.rule p{color:var(--muted)}
.rules-layout{display:flex;flex-wrap:wrap;align-items:flex-start;gap:32px}
.rules-toc{flex:0 0 280px;padding:16px;display:flex;flex-direction:column;gap:4px;position:sticky;top:16px}
.rules-body{flex:1 1 520px;min-width:0;display:flex;flex-direction:column;gap:40px}
@media (max-width:860px){.rules-toc{position:static;flex:1 1 100%}}

/* ------------------------------------------------------------------ staff */
.staff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:16px}
.staff-card{padding:20px;display:flex;align-items:center;gap:20px;min-width:0}
.staff-card img{width:64px;height:128px;object-fit:contain;flex-shrink:0}
.staff-info{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px;overflow-wrap:anywhere}
.staff-info p{color:var(--muted)}
.staff-info p span{color:var(--ink)}
.staff-mini{padding:20px 8px 16px;min-width:0;overflow-wrap:anywhere;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.staff-mini img{width:64px;height:128px;object-fit:contain}

/* ------------------------------------------------------------------ forms (appeal) */
.form{display:flex;flex-direction:column;gap:24px}
.form label{display:flex;flex-direction:column;gap:8px;color:var(--head)}
.form select,.form textarea{width:100%;min-height:48px;padding:8px 12px;background:#ffffff;color:#3a0d0a;border:4px solid #b3201a;font-family:inherit;font-size:16px;line-height:24px}
.form textarea{min-height:192px;resize:vertical}
.form select:focus-visible,.form textarea:focus-visible{outline:4px solid #1b6fd1;outline-offset:4px}
.form-status{min-height:24px;color:var(--head)}
.form-status:empty{display:none}