/* WILFFS TEMPLE 2.5.0 — Minecraft realm visual layer
   Inspired by the live Netlify reference: pixel identity, server-world imagery,
   block-built surfaces and violet community branding. */
@font-face{
  font-family:"Temple Pixel";
  src:url("/assets/minecraft/press-start-2p.woff2") format("woff2");
  font-style:normal;
  font-weight:400;
  font-display:swap;
}
:root{
  --mc-grass:#79b34b;
  --mc-grass-dark:#426d32;
  --mc-dirt:#4b3328;
  --mc-stone:#272330;
  --mc-stone-light:#51465e;
  --mc-obsidian:#0a0812;
  --mc-purple:#a779f2;
  --mc-purple-bright:#c9a7ff;
  --mc-gold:#e6c66f;
  --mc-panel:#15111f;
  --mc-panel-raised:#1d1729;
}
html{scroll-padding-top:100px}
body{
  background-color:var(--mc-obsidian);
  background-image:
    radial-gradient(ellipse at 14% 3%,rgba(116,78,166,.2),transparent 34%),
    radial-gradient(ellipse at 88% 22%,rgba(65,102,51,.09),transparent 25%),
    linear-gradient(180deg,#0b0912 0%,#100b19 58%,#090810 100%);
}
body:after{
  opacity:.16;
  background-image:
    linear-gradient(rgba(206,188,229,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(206,188,229,.055) 1px,transparent 1px);
  background-size:32px 32px;
  mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.65) 45%,transparent 92%);
}
.site-header{
  background:rgba(9,8,15,.93);
  border-bottom:2px solid #342843;
  box-shadow:0 5px 0 rgba(0,0,0,.28),0 12px 32px rgba(0,0,0,.22);
  backdrop-filter:blur(18px);
}
.site-header:after{
  height:3px;
  background:repeating-linear-gradient(90deg,var(--mc-grass) 0 12px,#8acb54 12px 24px,#5a8d39 24px 36px,transparent 36px 42px);
  opacity:.78;
}
.brand{gap:12px}
.brand-mark{
  width:46px;height:46px;flex:0 0 46px;
  border:3px solid #a982e9!important;border-radius:8px!important;
  background:#241936 url("/assets/minecraft/temple-avatar.png") center/cover no-repeat!important;
  box-shadow:3px 3px 0 #30223f,0 0 22px rgba(164,112,245,.28)!important;
  font-size:0!important;color:transparent!important;overflow:hidden;
}
.brand-mark span{display:none!important}
.brand-copy strong{
  font-family:"Temple Pixel",monospace;
  font-size:9px;line-height:1.8;letter-spacing:0;
}
.brand-copy strong em{color:#c5a2ff}
.brand-copy small{
  font-family:"Temple Pixel",monospace;
  font-size:6px;letter-spacing:0;line-height:1.8;color:#a49aaf;
}
.nav-link{font-size:10px;font-weight:750;color:#c1b6ce}
.nav-link:after{height:3px;border-radius:0;background:var(--mc-grass);box-shadow:none}
.nav-link.active{color:#fff}
.nav-social,.nav-cta,.theme-toggle{border-radius:7px}
.theme-toggle{border-color:#514064;background:#21192c}
.eyebrow,.creator-kicker,.creator-tags,.project-kicker,.capability-number,.workshop-counter span,.library-stats span,.results-live,.footer-copy{
  font-family:"Temple Pixel",monospace;
  letter-spacing:0;
}
.eyebrow{font-size:7px;line-height:2;color:#d1b8f6}
.creator-kicker{font-size:7px;line-height:2.1;color:#d8c6ef}
.pulse-dot,.live-dot,.creator-stats-heading .live-dot{background:var(--mc-grass)!important;box-shadow:0 0 0 4px rgba(121,179,75,.13),0 0 14px rgba(121,179,75,.5)!important}
.creator-hero{
  min-height:620px;
  padding-top:74px;padding-bottom:64px;
  grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);
  gap:clamp(28px,4vw,66px);
}
.creator-hero h1{
  font-family:"Temple Pixel",monospace;
  font-size:clamp(22px,2.65vw,36px);
  line-height:1.85;letter-spacing:0;
  margin-bottom:22px;
  text-shadow:3px 3px 0 #38264f,6px 6px 0 rgba(0,0,0,.35);
}
.creator-hero h1 .gradient-text{
  background:linear-gradient(180deg,#fff 0%,#ddc8ff 48%,#a779f2 100%);
  background-clip:text;-webkit-background-clip:text;
  filter:drop-shadow(3px 3px 0 #422c61);
}
.creator-lede{font-size:15px;line-height:1.85;max-width:600px;color:#c0b5ce}
.creator-kicker{margin-bottom:22px}
.creator-actions{gap:12px}
.creator-tags{font-size:7px;line-height:2.2;color:#b8a9ca}
.creator-side{
  min-height:440px;
  border:3px solid #4b3a60!important;border-radius:10px!important;
  background:
    linear-gradient(180deg,rgba(8,7,13,.12),rgba(8,7,13,.38) 44%,rgba(8,7,13,.88)),
    url("/assets/minecraft/temple-banner.png") center/cover no-repeat!important;
  box-shadow:0 8px 0 #08070c,0 22px 55px rgba(0,0,0,.42),inset 0 0 0 2px rgba(255,255,255,.07)!important;
}
.creator-side:before{
  inset:10px!important;border:2px solid rgba(232,214,255,.34)!important;border-radius:4px!important;
}
.creator-side:after{
  opacity:.18!important;
  background:repeating-linear-gradient(135deg,transparent 0 18px,rgba(255,255,255,.12) 18px 20px,transparent 20px 42px)!important;
  animation:none!important;transform:none!important;
}
.creator-orbit{display:none!important}
.creator-avatar{
  width:142px!important;height:142px!important;
  border:5px solid #c7a6ff!important;border-radius:8px!important;
  transform:none!important;
  background:#231833 url("/assets/minecraft/temple-avatar.png") center/cover no-repeat!important;
  box-shadow:7px 7px 0 rgba(0,0,0,.42),0 0 32px rgba(168,116,248,.45)!important;
}
.creator-avatar span,.creator-avatar small{display:none!important}
.creator-floating{
  border:2px solid #57446c!important;border-radius:7px!important;
  background:rgba(14,10,21,.9)!important;backdrop-filter:blur(10px)!important;
  box-shadow:4px 4px 0 rgba(0,0,0,.42)!important;
}
.creator-floating small{font-family:"Temple Pixel",monospace;font-size:6px;letter-spacing:0;line-height:2;color:#c4a9e8}
.creator-floating strong{font-size:12px}
.creator-floating-top{left:4%!important;top:12%!important}
.creator-floating-bottom{right:4%!important;bottom:12%!important}
.creator-floating .floating-live{background:var(--mc-grass)!important}
.creator-side-caption{
  padding:5px 8px;background:rgba(9,7,14,.8);border:1px solid rgba(255,255,255,.15);
  border-radius:3px;font-family:"Temple Pixel",monospace;font-size:6px;letter-spacing:0;
}
.creator-stats,.panel-surface,.creator-project,.capability-card,.community-banner,.workshop-bottom,.release-callout,.empty-state,.workshop-counter,.library-stats,.bot-console,.admin-list-panel,.admin-editor,.settings-editor{
  border-radius:9px!important;
  border:1px solid rgba(192,157,234,.24)!important;
  background:linear-gradient(180deg,rgba(32,24,44,.96),rgba(17,13,25,.97))!important;
  box-shadow:0 6px 0 rgba(0,0,0,.34),0 0 0 2px rgba(120,88,154,.1),0 16px 38px rgba(0,0,0,.2)!important;
}
.creator-stats{overflow:hidden}
.creator-stats-heading{
  padding-bottom:13px;border-bottom:1px solid rgba(192,157,234,.2);
}
.creator-stats-heading strong{font-family:"Temple Pixel",monospace;font-size:7px;letter-spacing:0}
.creator-stats-grid>div{padding:16px 18px}
.creator-stats-grid>div+div{border-left:1px solid rgba(192,157,234,.16)}
.creator-stats-grid>div>span{color:#b9a9cc}
.creator-stats-grid>div>strong{font-family:"Temple Pixel",monospace;font-size:14px;letter-spacing:0}
.section{position:relative}
.section-heading h2,.page-hero h1,.bot-hero h1,.admin-heading h1,.workshop-feed-heading h2,.workshop-bottom h2,.release-callout h2{
  font-family:"Temple Pixel",monospace;
  letter-spacing:0;line-height:1.9;
  text-shadow:2px 2px 0 rgba(64,42,89,.75);
}
.section-heading h2{font-size:clamp(14px,1.45vw,19px)}
.page-hero h1,.bot-hero h1,.admin-heading h1{font-size:clamp(18px,2.2vw,29px)}
.workshop-feed-heading h2,.workshop-bottom h2,.release-callout h2{font-size:clamp(12px,1.3vw,16px)}
.muted-heading{color:#9486a7}
.creator-project,.capability-card,.mod-card,.workshop-card,.workshop-post,.post-card{
  position:relative;border-radius:8px!important;overflow:hidden;
}
.creator-project:before,.capability-card:before,.mod-card:before,.workshop-card:before,.workshop-post:before,.post-card:before{
  content:"";position:absolute;left:0;right:0;top:0;height:4px;z-index:3;
  background:repeating-linear-gradient(90deg,#3d6e2c 0 9px,#6f9d42 9px 18px,#8bc15b 18px 27px,#527b35 27px 36px);
  opacity:.88;pointer-events:none;
}
.creator-project:hover,.capability-card:hover,.mod-card:hover{
  border-color:rgba(180,139,235,.55)!important;
  box-shadow:0 8px 0 rgba(0,0,0,.32),0 0 25px rgba(142,96,202,.2)!important;
}
.creator-project-art{border-radius:5px 5px 0 0}
.art-workshop,.art-mods,.art-bot{
  background-color:#171222;
  background-image:
    linear-gradient(135deg,rgba(139,103,186,.18) 25%,transparent 25%),
    linear-gradient(315deg,rgba(67,111,49,.14) 25%,transparent 25%);
  background-size:32px 32px;
}
.mod-cube,.mini-cube{
  border-radius:2px!important;
  box-shadow:4px 5px 0 rgba(0,0,0,.34),inset 0 0 0 2px rgba(255,255,255,.16)!important;
  image-rendering:pixelated;
}
.capability-card{padding-top:34px}
.capability-number{font-size:7px;line-height:2;color:#c4a9e8}
.capability-icon{border-radius:5px!important;border:1px solid rgba(183,143,237,.34);background:linear-gradient(145deg,#3a2a52,#20172d)!important;box-shadow:3px 3px 0 #0a0810}
.capability-card h3,.creator-project-info h3{color:#f8f2ff}
.creator-project-info h3{font-size:18px}
.button{
  border-radius:6px!important;
  border:1px solid rgba(221,198,255,.25)!important;
  box-shadow:3px 3px 0 rgba(0,0,0,.42)!important;
  font-weight:850;letter-spacing:0;
}
.button:hover{transform:translate(-1px,-1px)!important;box-shadow:4px 4px 0 rgba(0,0,0,.42),0 0 18px rgba(156,109,223,.22)!important}
.button-primary,.button-discord{
  background:linear-gradient(180deg,#9b69e5,#7047ad)!important;
  border-color:#c7a5f6!important;color:#fff!important;
}
.button-youtube{background:linear-gradient(180deg,#9a386c,#692346)!important}
.button-quiet{background:linear-gradient(180deg,#292136,#171320)!important;border-color:#514163!important}
.filter-chip,.nav-social,.nav-cta,.filter-row button,.admin-tab{
  border-radius:6px!important;border:1px solid #49385d;
  box-shadow:2px 2px 0 rgba(0,0,0,.3);
}
.page-hero,.bot-hero,.admin-main{position:relative}
.page-hero:before,.bot-hero:before{
  content:"";position:absolute;z-index:-1;top:-20px;right:0;width:42%;height:100%;
  opacity:.12;pointer-events:none;
  background-image:linear-gradient(135deg,#a878e9 25%,transparent 25%),linear-gradient(315deg,#6e9e48 25%,transparent 25%);
  background-size:32px 32px;
  mask-image:linear-gradient(135deg,#000,transparent 80%);
}
.workshop-counter,.library-stats{padding:24px!important}
.workshop-counter strong,.library-stats strong{font-family:"Temple Pixel",monospace;font-size:24px;letter-spacing:0}
.workshop-counter span,.library-stats span{font-size:6px;line-height:2;color:#c8b5dd}
.search-box,.sort-control select,.field-label input,.field-label select,.field-label textarea,.password-wrap input{
  border-radius:6px!important;border:1px solid #514064!important;background:#100d18!important;
}
.search-box:focus-within,.field-label input:focus,.field-label select:focus,.field-label textarea:focus{border-color:#b995f0!important;box-shadow:0 0 0 3px rgba(163,117,228,.12)!important}
.filter-chip.selected,.filter-chip[aria-pressed="true"]{background:#37264b!important;border-color:#a77de4!important;color:#f5ebff!important}
.community-banner{
  border-left:5px solid var(--mc-grass)!important;
  background:
    linear-gradient(90deg,rgba(17,13,25,.97),rgba(17,13,25,.82)),
    repeating-linear-gradient(135deg,#231a31 0 12px,#1a1425 12px 24px)!important;
}
.community-banner h2{font-family:"Temple Pixel",monospace;font-size:clamp(12px,1.35vw,16px);line-height:2}
.community-ring{border-radius:4px!important;border-color:rgba(121,179,75,.38)!important}
.admin-tabs{gap:8px}
.admin-tab.active{background:#38264d!important;border-color:#b08ae8!important}
.status-pill,.status-tag,.security-badge{border-radius:5px!important}
.footer-copy{font-size:6px;letter-spacing:0}
@media(max-width:900px){
  .creator-hero{min-height:0;grid-template-columns:1fr;gap:28px;padding-top:54px;padding-bottom:46px}
  .creator-side{min-height:360px}
  .creator-hero h1{font-size:clamp(19px,4vw,30px)}
  .creator-stats-grid>div{padding:13px 10px}
}
@media(max-width:560px){
  .site-header{height:auto;min-height:74px}
  .brand-mark{width:40px;height:40px;flex-basis:40px}
  .brand-copy strong{font-size:7px}
  .brand-copy small{font-size:5px}
  .creator-hero h1{font-size:clamp(16px,5.3vw,22px);line-height:1.9}
  .creator-side{min-height:300px}
  .creator-avatar{width:104px!important;height:104px!important}
  .creator-floating{padding:10px 11px!important}
  .creator-floating strong{font-size:10px}
  .creator-floating small{font-size:5px}
  .creator-stats-grid>div>strong{font-size:10px}
  .section-heading h2,.page-hero h1,.bot-hero h1,.admin-heading h1{font-size:clamp(13px,4vw,19px)}
  .eyebrow,.creator-kicker{font-size:6px}
}
@media(prefers-reduced-motion:reduce){
  .creator-side:after{animation:none!important}
  *{scroll-behavior:auto!important}
}