:root{
  --ds-bg:#070913;--ds-panel:#0c1120;--ds-panel2:#11172a;--ds-line:rgba(255,255,255,.075);
  --ds-purple:#8b5cf6;--ds-cyan:#22d3ee;--ds-pink:#e879f9;--ds-text:#f8fafc;--ds-muted:#94a3b8;
  --ds-radius:18px;--ds-shadow:0 18px 55px rgba(0,0,0,.28);
  --ds-ui:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
@font-face{font-family:'Minecraft';src:url('/assets/minecraft.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
*{box-sizing:border-box}
html{background:var(--ds-bg);color-scheme:dark}
html,body,button,input,textarea,select{font-family:var(--ds-ui)!important;font-weight:400}
body{background:radial-gradient(circle at 12% 2%,rgba(139,92,246,.105),transparent 28%),radial-gradient(circle at 90% 10%,rgba(34,211,238,.07),transparent 24%),#070913!important;color:var(--ds-text)}
button,input,textarea,select{letter-spacing:0}
button,.cta,.navBtn,.accountPrimary,.open{font-weight:600!important}
.homeBrand b,.brand b,.authLogoText b,.accountBrand b{font-weight:700!important;letter-spacing:-.025em!important}
.homeBrand small,.brand small,.authLogoText small{font-weight:400!important}
.hero h1,.heroCopy h1{font-weight:650!important;letter-spacing:-.045em!important}
h1,h2,h3{font-weight:650!important}.eyebrow,.pill,.heroBadge,.cardHead span,.guide>div>span{font-weight:650!important;letter-spacing:.13em!important}
.cardHead h2,.studioCard h2{font-weight:650!important}.card label{font-weight:500!important}

/* Cleaner surfaces */
.homeTop,.topbar{backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);border-color:rgba(255,255,255,.055)!important;background:rgba(7,9,19,.78)!important}
.card,.studioCard,.settingsCard,.authCard,.accountHero,.featureShowcase{box-shadow:var(--ds-shadow)!important;border-color:rgba(255,255,255,.065)!important}
.card,.studioCard,.settingsCard{background:linear-gradient(180deg,rgba(15,20,35,.88),rgba(9,13,24,.9))!important}
.card:hover,.studioCard:hover{border-color:rgba(139,92,246,.19)!important}
input,textarea,select{border-color:rgba(255,255,255,.085)!important;background:rgba(5,8,17,.72)!important}
input:focus,textarea:focus,select:focus{outline:none!important;border-color:rgba(139,92,246,.55)!important;box-shadow:0 0 0 3px rgba(139,92,246,.09)!important}
img[src*="deluxe-studio-logo.svg"]{filter:drop-shadow(0 0 12px rgba(139,92,246,.16))}

/* Auth state controls */
.dsSession{display:flex;align-items:center;gap:8px}.dsSession[hidden]{display:none!important}
.dsSession a,.dsSession button{min-height:38px;border:1px solid var(--ds-line);background:rgba(255,255,255,.028);color:#dbeafe;border-radius:11px;padding:0 13px;text-decoration:none;font:inherit;font-size:13px;font-weight:600!important;cursor:pointer;transition:.18s ease}
.dsSession a:hover,.dsSession button:hover{border-color:rgba(139,92,246,.34);background:rgba(139,92,246,.09);transform:translateY(-1px)}
.dsSession .dsPrimary{background:linear-gradient(135deg,#8158eb,#5c69ed);color:white;border-color:transparent;box-shadow:0 7px 22px rgba(99,102,241,.16)}
.dsSessionUser{display:flex;align-items:center;gap:9px;padding:4px 10px 4px 5px;border-radius:12px;border:1px solid var(--ds-line);background:rgba(255,255,255,.025)}
.dsAvatar{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#8b5cf6,#2563eb);font-size:11px;font-weight:700!important;color:#fff}
.dsSessionUser span{font-size:12px;font-weight:600!important;color:#e8ecff;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Homepage: deliberately NO Minecraft font. */
.homeTop,.homeTop *,main .hero,main .hero *,main .studioGrid,main .studioGrid *,main .featureShowcase,main .featureShowcase *,footer,footer *{font-family:var(--ds-ui)!important}
.heroBadge{background:rgba(139,92,246,.08)!important;border-color:rgba(139,92,246,.22)!important}
.hero h1{font-size:clamp(42px,6.4vw,76px)!important;line-height:1.01!important}
.hero p{color:#9ba7b8!important;font-size:17px!important}
.studioCard{border-radius:22px!important}.studioCard h2{font-size:28px!important}.studioCard>p{font-size:14px;line-height:1.65}
.cardGlow{opacity:.1!important}.cta{box-shadow:0 9px 28px rgba(103,85,231,.16)!important}

/* Minecraft font is reserved for actual Minecraft-like visuals only. */
.minecraftWindow,.minecraftWindow *{font-family:'Minecraft',ui-monospace,monospace!important;font-weight:400!important}
.itemHeroName,.itemHeroLore,.textPreview:not(.textPreview>span),.selectedCopy h3,.selectedCopy p,.loreMini{font-family:'Minecraft',ui-monospace,monospace!important;font-weight:400!important}
.textPreview>span{font-family:var(--ds-ui)!important;font-weight:600!important}
.bigPreview,.previewBrand{font-family:'Minecraft',ui-monospace,monospace!important;font-weight:400!important}
.bigPreview{letter-spacing:.015em!important;text-shadow:0 2px 18px rgba(0,0,0,.48)!important}
.previewBrand{letter-spacing:.08em!important}

/* Message Maker polish */
.messageCard textarea{font-family:var(--ds-ui)!important;font-size:16px!important;line-height:1.55!important}
.hero{position:relative}.hero:after{opacity:.45!important;-webkit-text-stroke:1px rgba(139,92,246,.075)!important}
.gradientBar{height:22px!important;box-shadow:0 0 0 1px rgba(255,255,255,.05),0 8px 24px rgba(34,211,238,.08)!important}
.gradientBar:after{display:none!important}.colorStop{background:rgba(7,11,20,.72)!important;border-color:rgba(255,255,255,.075)!important}
.toggle span{font-weight:500!important}.toggle input:checked+span{box-shadow:none!important;background:rgba(124,58,237,.16)!important}
.formatTiles b,.savedItem b,.guideGrid b{font-weight:600!important}.formatTiles small,.savedItem small{font-weight:400!important}
.outputCard pre,code,pre,.yamlBox{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;font-weight:400!important}
.previewFrame{box-shadow:inset 0 0 45px rgba(34,211,238,.025),0 14px 38px rgba(0,0,0,.18)!important}

/* Menu Studio UI stays modern; only the in-game canvas/preview uses Minecraft. */
.workspace,.workspace button,.workspace input,.workspace select,.workspace textarea,.sidebar,.stageToolbar,.bottomDock,.editor,.modal{font-family:var(--ds-ui)!important}
.minecraftWindow,.minecraftWindow input,.minecraftWindow button{font-family:'Minecraft',ui-monospace,monospace!important}
.itemHeroName,.itemHeroLore,.textPreview .mcRendered,.loreMini{font-family:'Minecraft',ui-monospace,monospace!important}
.paneHead b,.dockHead b,.inspectorTop b,.editorSectionHead{font-weight:600!important}.projectName,.menuTitleInput{font-weight:550!important}

/* Softer visual rhythm */
.card,.studioCard,.editorSection,.pane,.selectedPanel,.simPanel{transition:border-color .18s ease,background .18s ease,transform .18s ease}
button,.cta,.accountPrimary,.open,.navBtn{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}
button:active,.cta:active,.navBtn:active{transform:translateY(1px) scale(.995)}

@media(max-width:900px){
  .homeTop,.topbar{padding-left:14px!important;padding-right:14px!important}.homeBrand div,.brand>span{min-width:0}.dsSession{gap:6px}.dsSession a,.dsSession button{padding:0 10px;min-height:36px}.dsSessionUser span{display:none}.dsAvatar{width:28px;height:28px}.mainNav{display:none!important}
  .hero h1{font-size:clamp(38px,8vw,58px)!important}
}
@media(max-width:620px){
  .dsSession .hideMobile{display:none!important}.homeBrand small,.brand small{display:none!important}.homeBrand img,.brand img{width:38px!important;height:38px!important}.homeTop,.topbar{gap:8px!important}.dsSession a,.dsSession button{font-size:12px;padding:0 9px}.card,.studioCard,.settingsCard{border-radius:15px!important}
  .hero p{font-size:15px!important}.studioCard{padding:21px!important}.studioCard h2{font-size:25px!important}
}