/* Visual pass based on Dana's approved Arcane Tome reference. Desktop only; functionality unchanged. */
@media (min-width:751px){
  body{background:#020405}
  .tomeShell{grid-template-columns:350px minmax(0,1fr);gap:12px;max-width:1900px;margin:8px auto;padding:0 10px;min-height:calc(100vh - 16px)}

  /* LEFT COVER / BINDING */
  .topbar{top:8px;height:calc(100vh - 16px);padding:26px 24px 18px 62px;border-radius:7px 2px 2px 7px;border-color:#5d3a17;box-shadow:inset 0 0 0 2px #130703,inset 0 0 0 4px #7c5522,inset 0 0 0 6px #211006,inset 0 0 38px #000,0 12px 36px #000}
  .topbar:before{left:-3px!important;top:0!important;bottom:0!important;width:46px!important;border-radius:10px 3px 3px 10px!important;background:radial-gradient(ellipse at 65% 15%,rgba(178,112,47,.18),transparent 20%),repeating-linear-gradient(78deg,rgba(212,151,76,.045) 0 1px,transparent 1px 5px),linear-gradient(90deg,#090301,#2a1207 24%,#4a2812 48%,#1a0a04 75%,#080301)!important;border:1px solid #5d3918!important;box-shadow:inset 5px 0 8px #000,inset -5px 0 8px #000,4px 0 8px #000!important}
  .topbar:after{left:-8px!important;width:56px!important;background:linear-gradient(#0c0301,#68401e 20%,#251006 48%,#7b4b24 57%,#210d05 78%,#080201) 0 7%/100% 48px no-repeat,linear-gradient(#0c0301,#68401e 20%,#251006 48%,#7b4b24 57%,#210d05 78%,#080201) 0 25%/100% 48px no-repeat,linear-gradient(#0c0301,#68401e 20%,#251006 48%,#7b4b24 57%,#210d05 78%,#080201) 0 43%/100% 48px no-repeat,linear-gradient(#0c0301,#68401e 20%,#251006 48%,#7b4b24 57%,#210d05 78%,#080201) 0 61%/100% 48px no-repeat,linear-gradient(#0c0301,#68401e 20%,#251006 48%,#7b4b24 57%,#210d05 78%,#080201) 0 79%/100% 48px no-repeat,linear-gradient(#0c0301,#68401e 20%,#251006 48%,#7b4b24 57%,#210d05 78%,#080201) 0 97%/100% 48px no-repeat!important;filter:drop-shadow(2px 2px 2px #000)!important}
  .tomeBrand{padding:68px 4px 20px;margin-bottom:12px;border-bottom:1px solid #755024}
  /* CSS-drawn open book beneath the blue spell star */
  .brandSigil{position:absolute;top:5px;left:50%;transform:translateX(-50%);width:112px;height:62px;font-size:34px;line-height:26px;color:#75c4ff;text-shadow:0 0 8px #1788ff,0 0 20px #177dff;z-index:3}
  .brandSigil:before,.brandSigil:after{content:"";position:absolute;top:29px;width:52px;height:32px;background:linear-gradient(#ead19b,#b68a4b);border:2px solid #8c642c;box-shadow:0 3px 6px #000;z-index:-1}
  .brandSigil:before{right:54px;transform:skewY(7deg);border-radius:3px 0 12px 3px}
  .brandSigil:after{left:54px;transform:skewY(-7deg);border-radius:0 3px 3px 12px}
  .eyebrow{font-size:23px;color:#e6c98d;letter-spacing:.16em}.topbar h1{font-size:25px;color:#63b5ff;margin:4px 0 8px}.brandTagline{font-size:15px;color:#d5b778}
  .topbar nav{gap:3px;padding:8px 0 10px}.nav{grid-template-columns:36px 1fr;padding:9px 8px;color:#d1a954}.navIcon{font-size:21px;color:#d5a73f}.nav b{font-size:14px}.nav small{font-size:11px;color:#b6a17c}.nav.active{background:linear-gradient(90deg,#06182a,#0a1720 70%,#07111a);border:1px solid #258bff;border-left:2px solid #72c7ff;box-shadow:0 0 12px #167cff,inset 0 0 12px rgba(23,125,255,.22)}
  .sidebarRune{margin-top:auto;padding-top:12px;border-top:1px solid #67471e;font-size:18px}.sidebarRune:before{content:"✧ ───── ◇ ───── ✧";display:block;color:#a77830;font-size:12px;margin-bottom:14px;text-shadow:none}

  /* RIGHT PARCHMENT PAGE */
  main{margin:0;padding:42px 42px 62px;border:3px solid #6f4a22;border-radius:12px 8px 10px 12px;background:radial-gradient(ellipse at 18% 18%,rgba(255,238,192,.24),transparent 25%),radial-gradient(ellipse at 82% 73%,rgba(115,68,23,.08),transparent 30%),repeating-radial-gradient(ellipse at 42% 38%,rgba(91,55,21,.025) 0 1px,transparent 1px 5px),linear-gradient(105deg,#d2aa6c 0,#e6c78f 4%,#e8cb96 48%,#dfbc80 96%,#c99b5d 100%);box-shadow:inset 0 0 0 2px #2a1608,inset 0 0 0 5px #9c743c,inset 0 0 48px rgba(77,40,10,.36),0 15px 45px #000;min-height:calc(100vh - 16px)}
  main:before{top:-16px}.hero,.sectionHead{min-height:210px;align-items:flex-start;padding:8px 0 30px;margin-bottom:14px}.hero:before,.sectionHead:before{content:"";position:absolute;left:0;bottom:14px;width:46%;height:1px;background:linear-gradient(90deg,#5d3b19 0 72%,transparent 72% 75%,#5d3b19 75% 100%)}
  .hero h2,.sectionHead h2{font-size:58px;max-width:720px;margin-top:10px}.hero p,.sectionHead p{font-size:17px;max-width:650px;line-height:1.45}.hero:after,.sectionHead:after{content:"◎";right:3%;top:0;font-size:170px;color:rgba(18,80,142,.26);transform:rotate(-12deg)}
  .updatedBlock{align-self:flex-end;padding-bottom:20px}.kicker{font-size:15px;color:#0f559e}

  /* WORKBENCH as two framed parchment leaves */
  .builderLayout{grid-template-columns:270px minmax(0,1fr);gap:10px;border:0;background:transparent;padding:0;align-items:stretch}
  .buildList,.buildWorkspace{border:2px solid #8a6537!important;outline:1px solid rgba(66,38,14,.48);outline-offset:-7px;background:radial-gradient(ellipse at 40% 20%,rgba(255,235,186,.2),transparent 28%),linear-gradient(110deg,#d6ae70,#e4c58d 45%,#d6ad70)!important;box-shadow:inset 0 0 28px rgba(78,43,12,.22),0 2px 5px rgba(50,27,8,.2)!important}
  .buildList{padding:24px 18px;min-height:600px}.buildList:before{content:"↝  YOUR BUILDS  ↜";font-size:14px;color:#15599e;margin-bottom:14px}.buildList .primary{background:linear-gradient(#071929,#06111a);border-color:#1f79d8;color:#e8c98d;box-shadow:0 0 7px rgba(23,125,255,.38);font-size:15px}.buildListItem{background:linear-gradient(145deg,#071726,#06101a)!important;border:1px solid #2188f5!important;color:#ecd098!important;box-shadow:0 0 8px rgba(23,125,255,.55),inset 0 0 15px rgba(23,125,255,.08)!important}.buildWorkspace{padding:30px 30px;min-height:600px}.buildWorkspace:before{content:"";position:absolute;inset:7px;pointer-events:none;border:1px solid rgba(113,76,34,.42)}.builderHead{position:relative;z-index:1;border-bottom:0;margin-bottom:24px}.builderHead h2{font-size:39px}.builderHead h2:after{content:"  ❧";color:#176fc7;font-size:28px}.builderActions{gap:9px}.deckAction,.deckLink,.qtyControls button{background:rgba(231,199,142,.5);border-color:#8b6638;color:#3c2612}.deckActionPrimary,.primary{background:linear-gradient(#0b2438,#06131f);color:#e8c98d;border-color:#1f78d7}.cardAdder{position:relative;z-index:1;border:1px solid #9a7544;padding:8px 10px;background:rgba(240,216,172,.26)}

  /* Collection/deck surfaces stay parchment, but framed like the reference */
  .stat{background:rgba(229,194,133,.5);border:1px solid #a07843;box-shadow:inset 0 0 14px rgba(85,47,14,.1)}.toolbar{background:rgba(223,184,119,.24);border-color:#9a7441}.card{border:5px solid #2a1b0e;background:#1b120b;box-shadow:0 4px 8px rgba(42,23,7,.38)}.cardBody{background:#dfbd82}.deck{border:2px solid #8a6537;background:linear-gradient(145deg,#e0bd82,#cea363)}
}