/* Forged bronze, ink-black stone, restrained arcane light. */
:root{--ui-brass:#ae8958;--ui-pale:#e3cfaa;--ui-dim:#9a9387}
.header-best{gap:10px;border:0;border-radius:0;background:linear-gradient(90deg,#080a0ddd,transparent);padding:8px 22px 8px 8px;box-shadow:none}
.header-best svg{width:28px;height:32px;color:#be9a63;filter:drop-shadow(0 2px 2px #000)}
.header-best span{color:#9e917d;font-size:8px;letter-spacing:2px}.header-best strong{font:600 19px var(--display);color:#e6dac3}
.icon-button{border:1px solid #8e765141;border-radius:0;background:linear-gradient(#1c1d20c9,#080a0edb);color:#b6a68a;box-shadow:inset 0 0 0 3px #0c0e1280}
.menu-shade{background:linear-gradient(90deg,#05070be8,#070a10a8 32%,transparent 51%),linear-gradient(0deg,#04060bed,transparent 32%)}
.title-lockup{top:16vh}.title-kicker{color:#b19671;font-size:8px;letter-spacing:3px}.title-kicker span{background:#a48559}
.game-title span{background:linear-gradient(#f4e8d2,#c5b391 65%,#746049);background-clip:text}.game-title strong{background:linear-gradient(#f3eadc,#bab4ab 60%,#6c6b70);background-clip:text;letter-spacing:5px}.title-rule{color:#ad8957}.title-rule i{background:linear-gradient(90deg,transparent,#ad8957)}.title-description{color:#b8b2a8;font-family:Georgia,serif;font-style:italic;font-size:14px}
.menu-content{top:51vh;width:330px;gap:9px}
.play-button{position:relative;clip-path:none;height:76px;padding:0 18px;border:1px solid #c4a269;border-radius:0;background:radial-gradient(ellipse at 50% 0,#66534355,transparent 80%),linear-gradient(#24212b,#14121a);box-shadow:inset 0 0 0 3px #0c0b10,inset 0 0 0 4px #7c654955,0 8px 22px #0008;color:#f1dfbd;gap:16px;text-shadow:0 2px 3px #000}
.play-button:before,.play-button:after{display:block;content:'';position:absolute;width:7px;height:7px;background:#1e1921;border:1px solid #c5a064;transform:rotate(45deg);left:-5px;top:calc(50% - 4px)}.play-button:after{left:auto;right:-5px}
.play-button:hover{transform:none;background:radial-gradient(ellipse at 50% 0,#80644777,transparent 90%),linear-gradient(#302733,#191520);filter:none;box-shadow:inset 0 0 0 3px #100d14,inset 0 0 0 4px #b18e6566,0 0 20px #a8793822}
.play-button .gate-icon{margin:0;width:32px;height:42px;stroke:#d1b583;stroke-width:1.1;flex:none}.play-button span{font:600 19px var(--display);letter-spacing:3px;text-align:left;margin:0;flex:1}.play-button small{display:block;margin-top:6px;font:500 7px var(--font);letter-spacing:2.3px;color:#b5a48c}.play-button .begin-chevron{margin:0;width:21px;height:24px;stroke:#bd9e70;stroke-width:1;flex:none}
.start-note{font-size:6px;letter-spacing:3px;color:#8e7a63;margin:1px 0 3px}
.menu-secondary{display:flex;flex-direction:column;gap:0;padding:0 17px;background:linear-gradient(90deg,#080a0d88,transparent);border-left:1px solid #a2864e35}
.menu-secondary .stone-button{height:34px;min-height:34px;padding:0 2px;justify-content:flex-start;gap:14px;border:0;border-bottom:1px solid #9e805123;background:none;box-shadow:none;border-radius:0;font:500 10px var(--display);letter-spacing:1.5px;color:#c3b8a4;transition:color .15s,padding .15s}
.menu-secondary .stone-button:last-child{border-bottom:0}.menu-secondary .stone-button:after{content:'';width:5px;height:5px;border-top:1px solid #8d7756;border-right:1px solid #8d7756;transform:rotate(45deg);margin-left:auto}.menu-secondary .stone-button:hover{padding-left:7px;color:#f0d7a8}.menu-secondary .stone-button svg{width:17px;height:17px;color:#a98c5e}
.menu-stats{width:390px;max-width:43vw;padding:15px 0 12px;border-top:1px solid #ad8a4c66;border-bottom:0;background:linear-gradient(#080a0d88,transparent);bottom:6vh}
.menu-stats:before{content:'';position:absolute;top:-3px;left:0;width:36px;height:5px;border-top:1px solid #e2be7d;border-bottom:1px solid #8a6d43}.menu-stats>div{align-items:flex-start;gap:6px;padding:0 17px}.menu-stats>div+div{border-left:1px solid #9b805333}.menu-stats span{font-size:7px;color:#a59a87;letter-spacing:1.4px}.menu-stats strong{font:600 25px var(--display);color:#e7dcc7}.menu-stats small{color:#a69883}.menu-stats svg{color:#c9a45e}
.menu-world-label{border-color:#a5864e55;color:#b6a78e}.menu-world-label small,.menu-footer small,.menu-footer>span{color:#827b70}.arcane-seal{opacity:.10}.arcane-seal svg{width:30px;fill:none;stroke:#c4a46b;stroke-width:.7}
.vitality-hud{background:linear-gradient(90deg,#100b10d9,#100c1488 75%,transparent);border-color:#b49a6138;filter:drop-shadow(0 2px 3px #0006)}
.hud-scores{gap:4px}.score-tablet{background:linear-gradient(270deg,#080a0ed9,transparent);border:0;border-right:2px solid #9d805456;border-radius:0;box-shadow:none;min-width:150px;padding:8px 14px;gap:22px}.score-label{color:#a89981;font-size:7px;letter-spacing:2px}.score-tablet strong{font-family:var(--display);color:#e5d8bc}.coin-tablet{background:none;border:0;box-shadow:none;color:#d6b575}.coin-tablet strong{color:#d6b575}.coin-tablet svg{color:#d6b575}
.capture-panel{background:linear-gradient(90deg,#080a0ec9,transparent);border:0;border-left:1px solid #9e80515c;border-radius:0;box-shadow:none}.capture-mode-label{color:#b09873;letter-spacing:2px}.capture-panel strong{color:#e0cfab}.capture-panel div span,.capture-panel small{color:#a79b87}
.cast-button{border:1px solid #ac8b5d;background:radial-gradient(ellipse at center,#302039d9,#100d16);border-radius:0;box-shadow:inset 0 0 0 3px #09090c,inset 0 0 0 4px #84664755;color:#e2cead}.cast-button span{font-family:var(--display)}.cast-button small{color:#a18f75}
.stone-panel{border-color:#8e734b80;border-top-color:#be9b64;box-shadow:inset 0 0 0 4px #090a0d99,0 20px 70px #000b;background:linear-gradient(130deg,#202026f5,#0c0e14fa);border-radius:0}.stone-panel h2{color:#e2cda9}.panel-eyebrow{color:#ad8a5b}
@media(max-width:700px){.title-lockup{top:13vh}.title-description{font-size:12px}.menu-content{top:auto;bottom:152px;width:290px;max-width:calc(100vw - 48px);gap:7px}.play-button{height:66px}.play-button span{font-size:17px}.menu-secondary .stone-button{height:31px;min-height:31px;font-size:9px}.menu-stats{bottom:57px;width:290px;max-width:calc(100vw - 48px);padding:12px 0}.menu-stats>div{padding:0 10px}.menu-stats strong{font-size:21px}.menu-stats span{font-size:6px}.header-best{visibility:visible;padding:5px 13px 5px 0}.header-best svg{width:23px;height:26px}.header-best span{font-size:6px}.header-best strong{font-size:15px}.score-tablet{min-width:100px;gap:14px;padding:7px 8px}.score-label{font-size:6px}.score-tablet strong{font-size:19px}}
@media(max-height:730px) and (max-width:700px){.title-lockup{top:70px}.menu-content{bottom:135px;gap:5px}.play-button{height:54px}.menu-secondary .stone-button{height:27px;min-height:27px}.menu-stats{bottom:48px;padding:10px 0}}
@media(max-height:540px) and (min-width:701px){.title-lockup{top:18vh;max-width:34vw}.menu-content{left:66vw;top:23vh;width:28vw;max-width:28vw}.play-button{height:55px;padding:0 12px;gap:10px}.play-button span{font-size:14px;letter-spacing:2px}.play-button small{font-size:5px}.play-button .gate-icon{width:23px;height:30px}.menu-secondary .stone-button{height:27px;min-height:27px;font-size:8px}.menu-stats{left:66vw;bottom:8vh;width:28vw;max-width:28vw}.menu-stats strong{font-size:18px}.menu-stats span{font-size:5px}.menu-world-label{display:none}}

.gold-button:not(.play-button){border:1px solid #b99a68;background:linear-gradient(#39303b,#1a1720);box-shadow:inset 0 0 0 3px #111016,inset 0 0 0 4px #8e745344;color:#e7d1aa;border-radius:0}
.gold-button:not(.play-button):hover{background:linear-gradient(#4b3b46,#211b27);filter:none}
.outline-button{border-color:#90764e66;color:#c0ad8b;border-radius:0}.outline-button:hover{border-color:#c9a96f;background:#9b784c13}
/* Begin Run departure: opacity follows the same clock as the 3D camera. */
.entering-dungeon #menu-overlay,
.entering-dungeon #site-header { opacity: var(--entry-ui, 1) !important; pointer-events: none !important; }
.entering-dungeon { pointer-events: none; }
.dungeon-entry-fade { position: fixed; inset: 0; z-index: 10000; background: #020207; opacity: 0; pointer-events: none; }
