@font-face{font-family:Clay;src:url("site-assets/ChelseaMarket-Regular.ttf") format("truetype");font-display:swap}
*{box-sizing:border-box}:root{color-scheme:dark;font:15px/1.65 Clay,serif;color:#eed5a4;background:#000}html,body{margin:0;min-height:100%;background:#000}a{color:#edbf70;text-underline-offset:4px}a:hover{color:#fff1be}
.clay-menu{position:fixed;z-index:20;left:22px;top:22px;bottom:22px;width:220px;padding:16px 18px;overflow-y:auto;background:radial-gradient(ellipse at 10% 20%,#ac713e66,transparent 70%),linear-gradient(105deg,#85512f,#a46a3d 50%,#744528);border:5px solid #683b21;border-radius:38px 29px 34px 24px;box-shadow:inset 4px 3px 6px #d69859,inset -4px -5px 8px #432711;display:flex;flex-direction:column;gap:26px}
.menu-title{margin:0 0 6px;padding:12px 4px;text-align:center;font-size:31px;font-weight:normal;line-height:1.2;color:#251709;background:linear-gradient(125deg,#ce5936,#a73a25);border:4px solid #efbc58;border-radius:20px 14px 17px 12px;box-shadow:0 0 0 4px #653d20,inset 0 2px 4px #f0a665}
.clay-menu .menu-item{position:relative;display:flex;align-items:center;justify-content:center;min-height:95px;width:100%;padding:16px 29px 16px 8px;background:linear-gradient(130deg,#875432,#734224);border:3px solid #754523;border-radius:24px 16px 29px 19px;box-shadow:inset 3px 3px 5px #4d2c17,inset -2px -2px 4px #bc8550;text-decoration:none;color:#291b10;font:18px/1.25 Clay,serif;text-align:center;cursor:pointer}
.menu-item span{display:block;width:100%;padding:11px 3px;background:linear-gradient(135deg,#ffd879,#e9af4e);border:2px solid #ad762e;border-radius:17px 12px 16px 11px;box-shadow:inset 1px 2px 3px #fff0aa,0 3px 3px #3a2418}.menu-item:after{content:"";position:absolute;right:4px;top:calc(50% - 9px);border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid #c94e2c;filter:drop-shadow(1px 2px 1px #4c2e18)}.menu-item:hover span{filter:brightness(1.13)}.menu-item:disabled{opacity:.55;cursor:default}
main{max-width:760px;margin:44px auto;padding:0 36px 30px}body{padding-left:264px}h1{font:32px/1.3 Clay,serif;text-align:center;margin:0 0 28px}.cover{display:block;width:100%;max-width:496px;height:auto;margin:0 auto 28px;image-rendering:pixelated}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.7 monospace}#package{text-align:center;color:#b8a68d}progress{width:100%;height:10px;accent-color:#c99c52}#status{text-align:center;font-size:13px}#alert{color:#ffa18a}#alert:empty,#log:empty{display:none}.small,footer{font:12px/1.8 Clay,serif;color:#bba589}details{border-top:1px dotted #705335;margin-top:24px;padding-top:18px}summary{font-size:19px;color:#edbf70;cursor:pointer}footer{margin-top:30px;padding-top:20px;border-top:1px dotted #705335;text-align:center}:focus-visible{outline:3px solid #f9d773;outline-offset:4px}
@media(max-height:620px){.clay-menu{gap:14px}.clay-menu .menu-item{min-height:72px}}@media(max-width:650px){body{padding-left:142px}.clay-menu{left:7px;top:9px;bottom:9px;width:130px;padding:14px 7px;gap:24px;border-width:3px}.menu-title{font-size:23px;padding:10px 0;border-width:3px}.clay-menu .menu-item{font-size:13px;min-height:86px;padding:12px 15px 12px 2px}.menu-item:after{right:1px;border-left-width:9px;border-top-width:7px;border-bottom-width:7px;top:calc(50% - 6px)}main{margin:28px auto;padding:0 12px 24px}h1{font-size:22px}.small,footer{font-size:10px}#package{font-size:9px}}

.emu-page main{max-width:none;margin:12px 0;padding:0 12px}.emu-page .menu-title{font-family:Clay,serif!important}.emu-page .menu-item{font-family:Clay,serif!important}.emu-page .deck-head h1,.emu-page h2,.emu-page h3{font-family:Clay,serif!important}.emu-page .wrap{padding-inline:12px}
/* A single photographed-clay asset supplies the slab, wells and buttons. */
body{padding-left:208px}
.clay-menu{left:16px;top:16px;bottom:auto;width:176px;height:min(588px,calc(100dvh - 32px));padding:0;display:block;overflow:visible;border:0;border-radius:0;background:transparent url("site-assets/clay-menu.png") center/100% 100% no-repeat;box-shadow:none}
.clay-menu .menu-title{position:absolute;left:12%;top:5%;width:76%;height:9%;margin:0;padding:0;display:flex;align-items:center;justify-content:center;border:0;border-radius:0;background:none;box-shadow:none;color:#281a10;font-size:25px}
.clay-menu .menu-item{position:absolute;left:12%;width:76%;height:14%;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1.25;color:#2c1c10}
.clay-menu .menu-item:nth-child(2){top:20%}.clay-menu .menu-item:nth-child(3){top:40%}.clay-menu .menu-item:nth-child(4){top:60%}.clay-menu .menu-item:nth-child(5){top:79%}
.clay-menu .menu-item span{background:none;box-shadow:none;border:0;border-radius:0;padding:0 26% 0 0;width:100%;text-shadow:0 1px #ffdf9866}.clay-menu .menu-item:after{display:none}.clay-menu .menu-item:hover span{color:#6b2919;filter:none;transform:translateY(-1px)}.clay-menu .menu-item:disabled{opacity:.5}
@media(max-width:650px){body{padding-left:130px}.clay-menu{width:116px;height:min(387px,calc(100dvh - 24px));left:6px;top:12px}.clay-menu .menu-title{font-size:20px}.clay-menu .menu-item{font-size:10px}}

.clay-menu a.menu-title{text-decoration:none;cursor:pointer}.clay-menu a.menu-title:hover{color:#fff0b2}
