.crypt-reveal{width:auto;height:auto;padding:0;border:0;background:transparent;cursor:help}.crypt-game-trigger{position:absolute;left:50%;bottom:8%;z-index:2;padding:11px 16px;border:1px solid rgba(var(--realm-rgb),.4);color:var(--gold);background:rgba(6,5,7,.78);backdrop-filter:blur(12px);font-size:7px;letter-spacing:.17em;text-transform:uppercase;cursor:pointer;opacity:0;visibility:hidden;transform:translate(-50%,12px);transition:.45s}.crypt-game-trigger span{margin-right:8px;color:var(--blood-bright);font-size:13px}.quote-section.is-crypt-open .crypt-game-trigger,.quote-section:focus-within .crypt-game-trigger{opacity:1;visibility:visible;transform:translate(-50%,0)}.quote-section.is-crypt-open .crypt-reveal,.quote-section:focus-within .crypt-reveal{color:rgba(var(--realm-rgb),.48);text-shadow:0 0 40px rgba(var(--realm-rgb),.55)}
.crypt-game{width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:0;border:0;color:#e9dfce;background:#050406}.crypt-game::backdrop{background:#020203}.crypt-shell{min-height:100%;padding:clamp(22px,3vw,45px);display:grid;grid-template-rows:auto auto minmax(430px,1fr) auto;gap:12px;background:radial-gradient(circle at 42% 45%,rgba(111,25,52,.13),transparent 45%),linear-gradient(#070608,#030304)}.crypt-game header{display:flex;justify-content:space-between;gap:25px}.crypt-game header h2{margin:5px 0;font:500 clamp(32px,4vw,58px)/1 "Cinzel",serif}.crypt-game header>div>p:last-child{max-width:720px;margin:0;color:#8b8279;font-size:10px}.crypt-close{width:46px;height:46px;flex:0 0 auto;border:1px solid rgba(233,223,206,.16);border-radius:50%;color:#e9dfce;background:transparent;font-size:25px;cursor:pointer}.crypt-hud{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(233,223,206,.13);background:#09070a}.crypt-hud span{padding:10px 15px;display:grid;border-right:1px solid rgba(233,223,206,.13)}.crypt-hud span:last-child{border-right:0}.crypt-hud small{color:#8b8279;font:400 7px "Manrope",sans-serif;letter-spacing:.15em;text-transform:uppercase}.crypt-hud strong{font:500 13px "Cinzel",serif}.crypt-layout{min-height:0;display:grid;grid-template-columns:minmax(500px,1.55fr) minmax(290px,.65fr);gap:12px}.crypt-stage{min-height:0;display:grid;grid-template-rows:minmax(300px,1fr) auto;border:1px solid rgba(233,223,206,.13);background:#09070a}.crypt-canvas{width:100%;height:100%;min-height:300px;display:block;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges;background:#09070b}.crypt-bars{padding:12px 15px;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;border-top:1px solid rgba(233,223,206,.13)}.crypt-bars>div{display:grid;gap:4px}.crypt-bars .enemy-bar{grid-column:1/-1}.crypt-bars span{display:flex;justify-content:space-between;color:#8b8279;font:500 7px "Manrope",sans-serif;letter-spacing:.12em}.crypt-bars b{color:#c1b6a6}.crypt-bars i{height:5px;display:block;overflow:hidden;background:#19151b}.crypt-bars em{width:100%;height:100%;display:block;background:linear-gradient(90deg,#791626,#bd263b);transition:width .35s}.crypt-bars>div:nth-child(2) em{background:linear-gradient(90deg,#3d356a,#746da8)}.crypt-bars .enemy-bar em{background:linear-gradient(90deg,#482053,#9b5bb2)}
.crypt-panel{min-height:0;display:grid;grid-template-rows:auto auto 1fr;gap:10px}.crypt-equipment,.crypt-actions,.crypt-inventory{border:1px solid rgba(233,223,206,.13);background:#09070a}.crypt-equipment{padding:14px}.crypt-equipment .kicker,.crypt-inventory .kicker{margin:0 0 9px}.crypt-equipment>button{width:100%;padding:9px 10px;display:grid;grid-template-columns:1fr auto;border:1px solid rgba(233,223,206,.1);color:inherit;text-align:left;background:#0e0b10}.crypt-equipment>button+button{margin-top:6px}.crypt-equipment small{grid-column:1/-1;color:#baa67d;font-size:6px;letter-spacing:.13em;text-transform:uppercase}.crypt-equipment strong{font:500 10px "Cinzel",serif}.crypt-equipment span{color:#8b8279;font-size:7px}.crypt-actions{display:grid;grid-template-columns:1fr 1fr}.crypt-actions button{min-height:72px;padding:9px;display:grid;grid-template-columns:24px 1fr;border:0;border-right:1px solid rgba(233,223,206,.1);border-bottom:1px solid rgba(233,223,206,.1);color:inherit;text-align:left;background:transparent;cursor:pointer}.crypt-actions button:hover:not(:disabled){background:rgba(142,20,37,.13)}.crypt-actions button:disabled{opacity:.32;cursor:not-allowed}.crypt-actions button>span{grid-row:1/3;color:#bd263b;font-size:17px}.crypt-actions strong{font:500 10px "Cinzel",serif}.crypt-actions small{color:#8b8279;font-size:6px}.crypt-inventory{min-height:0;padding:12px;overflow:auto}.crypt-inventory>div:first-child{display:flex;justify-content:space-between}.crypt-inventory>div:first-child>span{color:#8b8279;font-size:7px}.crypt-inventory>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:5px}.crypt-inventory>div:last-child>p{grid-column:1/-1;color:#8b8279;font-size:8px}.crypt-inventory button{min-height:51px;padding:7px;display:grid;border:1px solid rgba(233,223,206,.1);color:inherit;text-align:left;background:#0d0a0f;cursor:pointer}.crypt-inventory button:hover{border-color:#baa67d}.crypt-inventory button small{color:#8b8279;font-size:5px;letter-spacing:.12em;text-transform:uppercase}.crypt-inventory button strong{overflow:hidden;font:500 8px "Cinzel",serif;text-overflow:ellipsis;white-space:nowrap}.crypt-inventory button span{color:#8b8279;font-size:6px}.crypt-inventory .rarity-rare{border-color:rgba(102,180,204,.35)}.crypt-inventory .rarity-epic{border-color:rgba(155,91,178,.38)}.crypt-inventory .rarity-mythic,.crypt-inventory .rarity-relic{border-color:rgba(189,38,59,.5)}
.crypt-footer{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end}.crypt-log{height:72px;padding:9px 12px;overflow:auto;border:1px solid rgba(233,223,206,.13);background:#080609}.crypt-log p{margin:0;color:#6f6862;font-size:7px;line-height:1.6}.crypt-log p.is-new{color:#c1b6a6}.crypt-footer>div:last-child{display:flex;align-items:center;gap:12px}.crypt-reset{border:0;border-bottom:1px solid rgba(233,223,206,.18);color:#8b8279;background:transparent;font-size:7px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.crypt-start{min-width:150px;cursor:pointer}.crypt-start:disabled{opacity:.3;pointer-events:none}
@media(max-width:900px){.crypt-game{overflow:auto}.crypt-shell{grid-template-rows:auto auto auto auto}.crypt-layout{grid-template-columns:1fr}.crypt-stage{min-height:480px}.crypt-panel{grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr}.crypt-inventory{grid-column:1/-1;max-height:250px}.crypt-footer{grid-template-columns:1fr}.crypt-footer>div:last-child{justify-content:flex-end}}@media(max-width:560px){.crypt-game-trigger{bottom:4%;width:max-content;max-width:90vw}.crypt-game header h2{font-size:28px}.crypt-hud{grid-template-columns:1fr 1fr}.crypt-hud span:nth-child(2){border-right:0}.crypt-hud span:nth-child(-n+2){border-bottom:1px solid rgba(233,223,206,.13)}.crypt-stage{min-height:390px}.crypt-canvas{min-height:250px}.crypt-panel{grid-template-columns:1fr}.crypt-inventory{grid-column:1}.crypt-footer>div:last-child{align-items:flex-end;flex-direction:column}.crypt-start{width:100%}}
.crypt-reveal{z-index:5;pointer-events:auto}

/* Readable cartridge typography */
.crypt-game header>div>p:last-child{font-size:clamp(12px,.78vw,15px);line-height:1.65}
.crypt-game .kicker{font-size:10px;letter-spacing:.18em}
.crypt-hud span{gap:3px;padding:12px 16px}
.crypt-hud small{font-size:9px}
.crypt-hud strong{font-size:clamp(14px,1vw,18px)}
.crypt-bars span{font-size:10px}
.crypt-bars b{font-size:11px}
.crypt-equipment{padding:16px}
.crypt-equipment>button{padding:12px}
.crypt-equipment small{font-size:8px}
.crypt-equipment strong{font-size:13px;line-height:1.35}
.crypt-equipment span{font-size:10px}
.crypt-actions button{min-height:86px;padding:12px}
.crypt-actions button>span{font-size:20px}
.crypt-actions strong{font-size:13px}
.crypt-actions small{font-size:9px;line-height:1.4}
.crypt-inventory{padding:15px}
.crypt-inventory>div:first-child>span{font-size:10px}
.crypt-inventory>div:last-child>p{font-size:11px;line-height:1.6}
.crypt-inventory button{min-height:62px;padding:10px}
.crypt-inventory button small{font-size:8px}
.crypt-inventory button strong{font-size:11px}
.crypt-inventory button span{font-size:9px}
.crypt-log{height:86px;padding:12px 14px}
.crypt-log p{font-size:10px;line-height:1.7}
.crypt-reset{font-size:9px}
.crypt-start{font-size:10px}
@media(max-width:560px){.crypt-game header>div>p:last-child{font-size:12px}.crypt-hud small{font-size:8px}.crypt-hud strong{font-size:13px}.crypt-actions strong{font-size:12px}.crypt-actions small{font-size:9px}}

/* Character, map, and skill progression */
.crypt-shell{position:relative;grid-template-rows:auto auto auto minmax(430px,1fr) auto}
.crypt-command{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(233,223,206,.13);background:#080609}
.crypt-command button{min-height:55px;padding:9px 14px;display:grid;grid-template-columns:25px 1fr;border:0;border-right:1px solid rgba(233,223,206,.13);color:#e9dfce;text-align:left;background:transparent;cursor:pointer}
.crypt-command button:last-child{border-right:0}.crypt-command button:hover{background:rgba(142,20,37,.12)}.crypt-command button>span{grid-row:1/3;color:#bd263b;font-size:18px}.crypt-command strong{font:500 12px "Cinzel",serif}.crypt-command small{color:#8b8279;font-size:9px}
.crypt-subscreen{position:absolute;inset:clamp(145px,18vh,205px) clamp(22px,3vw,45px) clamp(22px,3vw,45px);z-index:12;padding:clamp(18px,2vw,30px);overflow:auto;border:1px solid rgba(190,101,209,.3);background:rgba(6,5,7,.97);box-shadow:0 30px 90px #000}
.crypt-subscreen[hidden]{display:none}.crypt-subscreen-head{display:flex;align-items:start;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid rgba(233,223,206,.13)}.crypt-subscreen-head h3{margin:3px 0 0;font:500 clamp(25px,2.4vw,38px) "Cinzel",serif}.crypt-subscreen-head button{width:40px;height:40px;border:1px solid rgba(233,223,206,.16);border-radius:50%;color:#e9dfce;background:transparent;font-size:20px;cursor:pointer}.crypt-subscreen-body{padding-top:18px}
.crypt-character-grid{display:grid;grid-template-columns:minmax(240px,.75fr) 1.25fr;gap:14px}.crypt-profile,.crypt-derived,.crypt-attribute,.crypt-route,.crypt-skill{border:1px solid rgba(233,223,206,.12);background:#0b080c}.crypt-profile{padding:22px}.crypt-profile-mark{width:72px;height:72px;display:grid;place-items:center;margin-bottom:18px;border:1px solid rgba(189,38,59,.4);color:#bd263b;font:32px "Cinzel",serif;background:#100a0e}.crypt-profile h4{margin:0 0 6px;font:500 22px "Cinzel",serif}.crypt-profile p,.crypt-derived p{margin:0;color:#8b8279;font-size:11px;line-height:1.65}.crypt-derived{display:grid;grid-template-columns:repeat(2,1fr);margin-top:14px}.crypt-derived span{padding:14px;border-right:1px solid rgba(233,223,206,.1);border-bottom:1px solid rgba(233,223,206,.1)}.crypt-derived small{display:block;color:#8b8279;font-size:8px;text-transform:uppercase}.crypt-derived strong{font:500 16px "Cinzel",serif}.crypt-attributes{display:grid;gap:8px}.crypt-attribute{padding:16px;display:grid;grid-template-columns:1fr auto;gap:7px 20px}.crypt-attribute h4{margin:0;font:500 16px "Cinzel",serif}.crypt-attribute p{margin:0;color:#8b8279;font-size:10px}.crypt-attribute button{grid-row:1/3;grid-column:2;padding:8px 14px;border:1px solid rgba(189,38,59,.35);color:#e9dfce;background:#160b10;cursor:pointer}.crypt-attribute button:disabled{opacity:.35;cursor:not-allowed}
.crypt-map-intro{display:flex;justify-content:space-between;gap:20px;margin-bottom:16px;color:#8b8279;font-size:11px}.crypt-map-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.crypt-route{min-height:235px;padding:20px;display:flex;flex-direction:column;text-align:left;color:#e9dfce;cursor:pointer;transition:.25s}.crypt-route:hover:not(:disabled){border-color:rgba(189,38,59,.55);transform:translateY(-3px);background:#110a0e}.crypt-route:disabled{opacity:.38;cursor:not-allowed}.crypt-route-icon{font-size:30px;color:#bd263b}.crypt-route small{margin-top:18px;color:#baa67d;font-size:8px;letter-spacing:.14em;text-transform:uppercase}.crypt-route strong{margin:7px 0;font:500 19px "Cinzel",serif}.crypt-route p{margin:0;color:#8b8279;font-size:10px;line-height:1.65}.crypt-route em{margin-top:auto;padding-top:18px;color:#c1b6a6;font:normal 10px "Manrope",sans-serif}.crypt-route.elite{border-color:rgba(190,101,209,.32)}.crypt-route.shrine{border-color:rgba(117,165,181,.3)}
.crypt-tree{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.crypt-branch{display:grid;align-content:start;gap:9px}.crypt-branch>h4{margin:0 0 4px;padding:12px;color:#baa67d;font:500 15px "Cinzel",serif;text-align:center;border-bottom:1px solid rgba(233,223,206,.12)}.crypt-skill{position:relative;padding:15px;text-align:left;color:#e9dfce;cursor:pointer}.crypt-skill::before{content:"";position:absolute;left:50%;top:-10px;width:1px;height:10px;background:rgba(233,223,206,.16)}.crypt-skill:first-of-type::before{display:none}.crypt-skill small{display:block;color:#8b8279;font-size:8px;text-transform:uppercase}.crypt-skill strong{display:block;margin:5px 0;font:500 14px "Cinzel",serif}.crypt-skill p{margin:0;color:#8b8279;font-size:10px;line-height:1.5}.crypt-skill.owned{border-color:rgba(189,38,59,.52);background:rgba(142,20,37,.13)}.crypt-skill.locked{opacity:.42}.crypt-skill-points{margin:0 0 16px;color:#c1b6a6;font-size:11px}.crypt-skill-points strong{color:#bd263b;font:500 18px "Cinzel",serif}
@media(max-width:900px){.crypt-shell{grid-template-rows:auto auto auto auto auto}.crypt-subscreen{position:fixed;inset:12px}.crypt-character-grid{grid-template-columns:1fr}.crypt-map-grid,.crypt-tree{grid-template-columns:1fr}.crypt-route{min-height:180px}.crypt-command strong{font-size:11px}}
@media(max-width:560px){.crypt-command button{padding:8px;grid-template-columns:20px 1fr}.crypt-command button>span{font-size:15px}.crypt-command strong{font-size:10px}.crypt-command small{font-size:8px}.crypt-derived{grid-template-columns:1fr 1fr}}