/* asperamc.com theme layer (2026-11-09): Minecraft frames, slots and hard pixel shadows in place of glows and glass.
   Loads after each page's own <style>, so it only restyles; layout, text and scripts are untouched.
   Take the <link> to this file out of a page and that page looks as it did before.
   Built by ~/ops/site-build/refine-1109/aspera/build.py from src/*.css; the tiles are self-made (tex.py). */
:root{
  --mc-ink:#05030B;--mc-line:#090616;--mc-fill:#150E2D;--mc-fill-2:#1E1441;--mc-well:#0C081D;
  --mc-hi:#7446C0;--mc-lo:#3A2170;--mc-well-lo:#06040F;--mc-well-hi:#2B1E52;
  --mc-pale:#EBBEFF;--mc-pale-lo:#A77BD6;--mc-head:#2F2150;
  --mc-btn:#261B4C;--mc-btn-hover:#32245F;
  --mc-slot:#3A3650;--mc-slot-lo:#121019;--mc-slot-hi:#77738F;
  --mc-stone:#120E21 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAADAFBMVEUWEScSDiEMCRgbFjAiHDoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADDsjl+AAAA0UlEQVR42u3bQQ7DIAwEQEj7/zf3Aj0QoaAGglXNPgAPFwsTklLJUfIuOZqk1QEAANgOeJXMXrduCAAAIC4gl6zuL22+dQEAAMIAaoY7148Hnm4jAgAA2A6YXTB3coIAAACEAfQgswaW7kYBAAC2A64GiTwYAACA/wGMNqjpBQEAAMIBZg8mAAAAcQGPPVAAAAAIC9gFOX0YAQAA2A64e/BoH0DWAncvNgAAAOICRhdc1uAAAAC2AVy9AAAAXDWi1Q8jAQAA1gNW/fAEAAAQFvABu4UaAQ3VfrgAAAAASUVORK5CYII=) 0 0/64px 64px;
  --edge:#3F2470;
}

/* pixel headings: one hard shadow, no blur */
h1,h2,h3{text-shadow:2px 2px 0 var(--mc-head)}
.sec > h2,.sec-h{text-shadow:.085em .085em 0 var(--mc-head)}
.hero h1,.pban h1{text-shadow:.0625em .0625em 0 var(--mc-ink)}
.card > h2,.eyebrow,.lan-eyebrow,.show-k,.cls h4{text-shadow:1px 1px 0 var(--mc-ink)}
.kicker,.tr-label,.tr-count{text-shadow:1px 1px 0 #000}
.pban-sub{text-shadow:1px 1px 0 rgba(0,0,0,.9)}

/* nav: a stone band with button tabs */
nav.pnav{background:var(--mc-stone);image-rendering:pixelated;backdrop-filter:none;-webkit-backdrop-filter:none;border-color:var(--mc-ink);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.07),inset 0 -2px 0 rgba(0,0,0,.5),0 4px 0 rgba(5,3,11,.5)}
.pnav a{background:var(--mc-btn);border-color:var(--mc-ink);text-shadow:1px 1px 0 rgba(0,0,0,.65);
  box-shadow:inset 2px 2px 0 rgba(255,255,255,.13),inset -2px -2px 0 rgba(0,0,0,.45)}
.pnav a:hover{border-color:var(--mc-pale);background:var(--mc-btn-hover)}
.pnav a.nav-discord{border-color:#3A43A8}
.pnav a.on,.pnav a.nt.on{box-shadow:inset 2px 2px 0 rgba(255,255,255,.25),inset -2px -2px 0 rgba(0,0,0,.35)}

/* hero and page banner */
.hero-icon{box-shadow:0 0 0 2px var(--mc-ink),-3px -3px 0 2px var(--mc-hi),3px 3px 0 2px var(--mc-lo)}
.addr{background:var(--mc-ink);border-color:#8C8C9A;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.chips li{background:#0E0A20;border:2px solid var(--mc-lo)}
.chips li.live{border-color:#2F7D36}
.chips li.live.off{border-color:#8F3030}
.live .dot,.live.off .dot,.beam-dot{box-shadow:0 0 0 2px var(--mc-ink),inset -2px -2px 0 rgba(0,0,0,.28)}
.pban{border-bottom:2px solid var(--mc-ink)}

/* buttons: black outline, bevel, white outline on hover */
.btn{border-color:var(--mc-ink);background:var(--mc-btn);text-shadow:1px 1px 0 rgba(0,0,0,.6);
  box-shadow:inset 2px 2px 0 rgba(255,255,255,.2),inset -2px -2px 0 rgba(0,0,0,.42)}
.btn:hover{border-color:#fff}
.btn:active{box-shadow:inset -2px -2px 0 rgba(255,255,255,.2),inset 2px 2px 0 rgba(0,0,0,.42)}
.btn-gold{background:var(--gold);text-shadow:none;box-shadow:inset 2px 2px 0 #FFD98A,inset -2px -2px 0 #B36F00}
.btn-gold:hover{background:var(--lamp);border-color:#fff}
.btn-gold:active{box-shadow:inset -2px -2px 0 #FFD98A,inset 2px 2px 0 #B36F00}
.btn-accent{background:#7B3BC0;box-shadow:inset 2px 2px 0 #A970E8,inset -2px -2px 0 #4B1F7E}
.btn-accent:hover{background:#8C4AD4;border-color:#fff}
.btn-accent:active{box-shadow:inset -2px -2px 0 #A970E8,inset 2px 2px 0 #4B1F7E}
.btn-ghost{background:#1A1432}
.btn-btc{background:#F7931A;text-shadow:none;box-shadow:inset 2px 2px 0 #FFC27A,inset -2px -2px 0 #B5650A}
.btn-btc:hover{background:#FFA53A;border-color:#fff}
.btn-card{background:#635BFF;box-shadow:inset 2px 2px 0 #9D98FF,inset -2px -2px 0 #3E37C2}
.btn-paypal{background:#FFC439;text-shadow:none;box-shadow:inset 2px 2px 0 #FFE08F,inset -2px -2px 0 #B98512}

/* bands */
.tonight{background:var(--mc-stone);image-rendering:pixelated;border-color:var(--mc-ink);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.06),inset 0 -2px 0 rgba(0,0,0,.5)}
footer{background:var(--mc-stone);image-rendering:pixelated;border-top:2px solid var(--mc-ink);box-shadow:inset 0 2px 0 rgba(255,255,255,.06)}

/* frames: dark fill, black line, then a 3px bevel ring with cut corners (light top and left, dark bottom and right).
   --fh / --fl are the ring colours, so a state only has to change those two and repeat box-shadow:var(--ring). */
.card,.panel,.vrow,.vote-link,.lanterns,.tr-stage,.show-caps,.hw-horse,.hw-ride,.hw-join{--fh:var(--mc-hi);--fl:var(--mc-lo);
  --ring:0 -3px 0 var(--fh),-3px 0 0 var(--fh),0 3px 0 var(--fl),3px 0 0 var(--fl)}
.card,.panel,.vrow,.vote-link{background:var(--mc-fill);border:2px solid var(--mc-line);box-shadow:var(--ring)}
.card > h2{background:var(--mc-fill-2);border-bottom:2px solid var(--mc-line);box-shadow:inset 0 -2px 0 rgba(0,0,0,.3)}
a.hl:hover,.vrow:hover,.vote-link:hover,html[data-season="hallows"] .vote-link:hover{border-color:var(--mc-line);
  --fh:var(--mc-pale);--fl:var(--mc-pale-lo);box-shadow:var(--ring)}
/* the ring takes 3px on each side of a card, so the grids get those 6px back */
.cards,.join-grid,.hl-grid,.steps,.vrewards{gap:18px}
.rgrid,.xgrid,.supp-grid{gap:20px}
.votes,.vlist{gap:16px}
@media (max-width:520px){.vrewards{gap:14px}}
/* frames stacked under each other get the same 18px (two of them carry a 12px inline margin on Explore) */
.vshop,.shot-wide{margin-top:18px}
.steps[style*="margin-top:12px"],.cards[style*="margin-top:12px"]{margin-top:18px!important}

/* wells: sunken boxes inside a frame */
.tiles li,.cls,.uq-opt,.pay-methods span,.hw-fact{background:var(--mc-well);border:2px solid;
  border-color:var(--mc-well-lo) var(--mc-well-hi) var(--mc-well-hi) var(--mc-well-lo)}
.uq-opt.pick{border-color:#fff;box-shadow:none}
.uq-opt.baron-opt{border-color:#9A6200}
.cmds li{background:var(--mc-fill);border:2px solid;border-color:var(--mc-hi) var(--mc-lo) var(--mc-lo) var(--mc-hi)}

/* inventory slots behind the 48px pixel icons (drawn with shadows, so nothing moves) */
.icard img,html[data-season="hallows"] .icard img,.xitem .xhead img,.xbar .xhead img,.vrew img,.vshop img{filter:none;background:var(--mc-slot);
  box-shadow:0 0 0 4px var(--mc-slot),-2px -2px 0 4px var(--mc-slot-lo),2px 2px 0 4px var(--mc-slot-hi)}
.xcoll .xc{background:var(--mc-slot);border:2px solid;border-color:var(--mc-slot-lo) var(--mc-slot-hi) var(--mc-slot-hi) var(--mc-slot-lo)}

/* text fields: black with a stone edge, white while typing */
.uq-form input,.uq-gift input,.pay-row input[type=text]{background:var(--mc-ink);border-color:#8C8C9A}
.uq-form input:focus,.uq-gift input:focus,.pay-row input[type=text]:focus{border-color:#fff}
.uq-namebox input.uq-ok{border-color:#55FF55}
.uq-namebox input.uq-bad{border-color:#FF5555}
.amt-row,.uq-amt{background:var(--mc-ink);border-color:#B37700}
.asp-pay .big{background:var(--mc-ink);border-color:var(--mc-hi)}

/* photos */
.row-img img,.shot img,.shots img,.gallery img,.banner-img img,.hw-gear img{border:2px solid var(--mc-line);
  box-shadow:0 -2px 0 var(--mc-hi),-2px 0 0 var(--mc-hi),0 2px 0 var(--mc-lo),2px 0 0 var(--mc-lo)}

/* slideshows */
.tr-stage{border:2px solid var(--mc-line);box-shadow:var(--ring)}
.tr-stage.is-full,.tr-stage.tr-fake,.tr-stage:fullscreen{box-shadow:none}
.tr-nav,.tr-full,.show-pause{background:var(--mc-btn);border:2px solid var(--mc-ink);backdrop-filter:none;-webkit-backdrop-filter:none;
  box-shadow:inset 2px 2px 0 rgba(255,255,255,.16),inset -2px -2px 0 rgba(0,0,0,.45)}
.tr-nav:hover,.tr-full:hover,.show-pause:hover{border-color:#fff;background:var(--mc-btn-hover)}
.tr-progress span{box-shadow:none}
.tr-thumb{border:2px solid var(--mc-ink)}
.tr-thumb.on,html[data-season="hallows"] .tr-thumb.on{border-color:var(--mc-pale);box-shadow:none}
.show-dot.on::before{box-shadow:inset 2px 2px 0 #FFD98A,inset -2px -2px 0 #B36F00}
.show-c h3{text-shadow:2px 2px 0 var(--mc-ink)}
.show-c p:not(.show-k){text-shadow:1px 1px 0 rgba(0,0,0,.85)}
@media (max-width:899px){
  .show-caps{border:2px solid var(--mc-line);border-top:0;background:var(--mc-fill);
    box-shadow:-3px 0 0 var(--fh),3px 0 0 var(--fl),0 3px 0 var(--fl)}
  .show-c p:not(.show-k){text-shadow:none}
}

/* lantern wall: brick behind the lamps (the lanterns keep their glow, they are lights) */
.lanterns{border:2px solid var(--mc-line);image-rendering:pixelated;box-shadow:var(--ring);
  background:radial-gradient(520px 160px at 50% 0%,rgba(255,192,96,.16),transparent 70%),linear-gradient(rgba(18,13,36,.5),rgba(18,13,36,.5)),#17122A url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAADAFBMVEUbFTAXEioLCBYkHT4TDyMhGjgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQRpKpAAAAn0lEQVR42u3ZuwqAMBBFwfj6/1+2iY0gCKvuYuaUFnGqQLhtSWruNQAAgDKA9nBT7/x97QEAANQHbL27B98NAACgPuDqxwAAAOMA3g4AAAAAAACgLmD9OAAAgDqAOTkAAIB8QHR4jA6YAAAA+YDow+Lrhw0AAEAe4BgqAAAAxgW4CQEAAAAAAAAAAAD+C4gOj9HhEwAAIB9gOQUAGB6wAzyTYAEjCkoEAAAAAElFTkSuQmCC) 0 0/64px 64px}
.lanterns.mine{border-color:var(--mc-line);--fh:#FFC060;--fl:#9A6200;box-shadow:var(--ring)}
.lan-life{border:2px solid var(--mc-ink);background:rgba(5,3,11,.7)}
/* the name tip is an item tooltip */
.lw-tip{background:#160C26;border:2px solid transparent;border-image:linear-gradient(180deg,#6F3FC4,#2E1764) 1;
  box-shadow:0 -2px 0 #160C26,-2px 0 0 #160C26,0 2px 0 #160C26,2px 0 0 #160C26}
.lw-tip p{text-shadow:1px 1px 0 #3F2A00}

/* store: rank cards */
.rank .top{box-shadow:inset 0 2px 0 rgba(255,255,255,.28),inset 0 -2px 0 rgba(0,0,0,.3)}
.rank.baron{border-color:var(--mc-line);--fh:#FFC933;--fl:#9A6200;box-shadow:var(--ring)}
.rank.asperian,.rank.almanac{border-color:var(--mc-line);--fh:#C478FF;--fl:#6A2FB0;box-shadow:var(--ring)}
.rank.pick{border-color:var(--mc-line);--fh:#fff;--fl:#C9B8E8;box-shadow:var(--ring)}
.owned-badge{border:2px solid #2E6B32;background:#10291A}
/* a button that is not for sale yet: flat, no highlight */
.btn.btn-soon,.btn.btn-soon:hover{border-color:var(--mc-ink);background:#191231;text-shadow:none;
  box-shadow:inset 2px 2px 0 rgba(255,255,255,.06),inset -2px -2px 0 rgba(0,0,0,.3)}

/* item art: hard shadows, no glow */
.almanac .xhead picture.xcrate img{background:none;box-shadow:none;filter:drop-shadow(3px 3px 0 rgba(0,0,0,.5))}
.xart img{filter:drop-shadow(4px 4px 0 rgba(0,0,0,.45))}
.xpet img{filter:drop-shadow(4px 4px 0 rgba(0,0,0,.45))}
.pnt img{box-shadow:4px 4px 0 rgba(0,0,0,.45)}

/* supporters, gift note, checkout wait */
.supp-list img{border:0;box-shadow:0 0 0 2px var(--mc-ink)}
.gift{border:2px dashed var(--mc-lo)}
.spin{border-radius:0;border-color:var(--mc-lo);border-top-color:var(--mc-pale);animation-timing-function:steps(4)}

/* vote: the progress bar is an experience bar, the numbers are blocks */
.vbar{position:relative;height:12px;background:#1B1238;border:2px solid var(--mc-ink)}
.vbar span{background:var(--violet);box-shadow:inset 0 2px 0 #C478FF,inset 0 -2px 0 #6A2FB0}
.vbar::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 14px,rgba(5,3,11,.6) 14px 16px)}
.vnum{border-color:var(--mc-ink);text-shadow:1px 1px 0 rgba(0,0,0,.5);box-shadow:inset 2px 2px 0 #B777F0,inset -2px -2px 0 #5F2A99}
.vrow.done{border-color:var(--mc-line);--fh:#5FB564;--fl:#245C2A;box-shadow:var(--ring)}
.vrow.done:hover{--fh:#9BE29F;--fl:#3F8A45}
.vrow.done .vnum{background:#2E8B3A;border-color:var(--mc-ink);box-shadow:inset 2px 2px 0 #6FD27A,inset -2px -2px 0 #1C5A25}

/* explore: difficulty tags in solid colours */
.diff{border-width:2px}
.diff.easy,.dungeons li .diff.easy{border-color:#2E8B3A;background:#0F2414}
.diff.normal,.dungeons li .diff.normal{border-color:#B37700;background:#2A1D05}
.diff.hard,.dungeons li .diff.hard{border-color:#B03A3A;background:#2A0A0E}

/* The Laws of Aspera: a page of parchment */
.laws{background:#D2CABD url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAADAFBMVEXcx47Vv4XPuHzk0ZwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACktZ+qAAAAoElEQVR42u3aOwqAMBBAQT/3v7ONWgQkBnR30XmlSBybJUGnudP0dgAAAOkASTIhAQAAoluaAAAA8gFZA+Z8HgAAQDlAFAQAAKAe4KmF173eCx33AQAA5AMuL0QHAACQDhiFtAMHAADgO4DRgwUAAMB3AG9tSG6vCwAAkA6IHmAAAAB1AU8Lhz+IAAAAlAEchf/5BAAAkA6wdQIAAJD0uzaLRQ6BUsBZIQAAAABJRU5ErkJggg==) 0 0/64px 64px;background-blend-mode:multiply;image-rendering:pixelated;border-color:#2A1C08;--fh:#DDCFA6;--fl:#75613A}
.laws h3{color:#2E1D06;text-shadow:none}
.laws-list li{color:#33240F}
.laws-list b{color:#1A1002}
.laws-list li::marker{color:#6A2FB0}

/* footer: the waterline of the bay above the stone */
footer{position:relative}
footer::before{content:"";position:absolute;left:0;right:0;top:-14px;height:12px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAYCAYAAABKtPtEAAAAeUlEQVR42mNkIAB8ag78xye/pcWBkYGGgNb2MzGMcDAaACM9ABgJ5blrp3bhNUDLzI2qeZLe9o9mgdEAGOllAKl5jhAgNU8OtP2jWWA0AEZ6GaDkVvV/NAWMBsBoAIwGwGgAjAbAaACMSMDy9c2D0RQwGgCjATByAQAUayjR+Ml0GAAAAABJRU5ErkJggg==) 0 0/32px 12px repeat-x;image-rendering:pixelated}

/* Hallows season (Oct 13 to Nov 8): the same frames in darker violet with pumpkin highlights */
html[data-season="hallows"]{--edge:#6B3A16;
  --mc-ink:#040208;--mc-line:#07040C;--mc-fill:#150C1F;--mc-fill-2:#1F122C;--mc-well:#0B0612;
  --mc-hi:#6A3AA8;--mc-lo:#33195A;--mc-well-lo:#050309;--mc-well-hi:#2C1A44;
  --mc-pale:#FFB56B;--mc-pale-lo:#B8621A;--mc-head:#2A1436;--mc-btn:#24153A;--mc-btn-hover:#30204A;
  --mc-stone:#110C16 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAADAFBMVEUVDR4RChkLBhEbESYjFy8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADGy/cQAAAA0UlEQVR42u3bQQ7DIAwEQEj7/zf3Aj0QoaAGglXNPgAPFwsTklLJUfIuOZqk1QEAANgOeJXMXrduCAAAIC4gl6zuL22+dQEAAMIAaoY7148Hnm4jAgAA2A6YXTB3coIAAACEAfQgswaW7kYBAAC2A64GiTwYAACA/wGMNqjpBQEAAMIBZg8mAAAAcQGPPVAAAAAIC9gFOX0YAQAA2A64e/BoH0DWAncvNgAAAOICRhdc1uAAAAC2AVy9AAAAXDWi1Q8jAQAA1gNW/fAEAAAQFvABu4UaAQ3VfrgAAAAASUVORK5CYII=) 0 0/64px 64px}
html[data-season="hallows"] nav.pnav,html[data-season="hallows"] .tonight,html[data-season="hallows"] footer{background:var(--mc-stone)}
html[data-season="hallows"] .addr{background:var(--mc-ink);box-shadow:none}
html[data-season="hallows"] .chips li{background:#0C0714}
html[data-season="hallows"] .chips li.hw-chip{border:2px solid var(--mc-ink);background:#FF7A2A;animation:none;
  box-shadow:inset 2px 2px 0 #FFC27A,inset -2px -2px 0 #B5460A}
html[data-season="hallows"] .sec > h2{text-shadow:.085em .085em 0 var(--mc-head)}
html[data-season="hallows"] .hero h1,.hw h2{text-shadow:.0625em .0625em 0 var(--mc-ink)}
html[data-season="hallows"] .hero-icon{box-shadow:0 0 0 2px var(--mc-ink),-3px -3px 0 2px #FF8C2E,3px 3px 0 2px #8A3D0A}
.hw{border-bottom:2px solid var(--mc-ink)}
.hw-dot,html[data-hphase="lastweek"] .hw-dot{box-shadow:0 0 0 2px var(--mc-ink),inset -2px -2px 0 rgba(0,0,0,.28)}
.hw-horse{border:2px solid var(--mc-line);--fh:#FF8C2E;--fl:#8A3D0A;box-shadow:var(--ring)}
.hw-join{border:2px solid var(--mc-line);box-shadow:var(--ring)}
.hw-ride{background:var(--mc-well);border:2px solid;border-color:var(--mc-well-lo) var(--mc-well-hi) var(--mc-well-hi) var(--mc-well-lo)}
.bosses li{border:2px solid #8A3D0A;background:#24110A}
.bosses.raid li{border-color:#8F3030;background:#2A0A0E}

/* phones: a long command wraps instead of pushing the page wider than the screen (Explore: building steps, item cards) */
@media (max-width:859px){.steps li{min-width:0}.steps code{white-space:normal}}
@media (max-width:420px){.icard > div{min-width:0}.icard code{white-space:normal}}
/* Store: the Baron amount box kept its natural width and pushed every rank card past the edge of a 360px phone */
.amt-row input{width:0}
/* Explore: the NEW tag inside the dungeon list took the list's dim text colour, lavender on gold */
.dungeons li .tagnew{color:#1E1300}