/* 0.5 progress UI: skulls wallet/shop, combination bestiary, in-run codex, achievement rarity. */
.skull-art{display:inline-grid;place-items:center;color:#e8dcc4;font-size:22px;line-height:1;text-shadow:0 0 6px #b8a6ff66,0 2px 0 #000;image-rendering:auto}
.wallet>.skull-art{font-size:24px;color:#e8dcc4}
.skulls-wallet{min-width:96px;cursor:help}
.skull-shop{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin-bottom:22px;border-color:#5a4a6a;text-align:left}
.skull-shop h2{margin:4px 0}.skull-shop p{margin:6px 0;color:#bfa9c6;font-size:12px;line-height:1.6}.skull-shop small{color:#948575}
.skull-shop-art .skull-art{width:64px;height:64px;font-size:44px;border:1px solid #544352;background:#2a2233}
.skull-shop button{min-height:44px;white-space:nowrap}
.combo-note{margin:-10px 0 18px}
.combo-card{position:relative;text-align:left}
.combo-card h2{font-size:17px;margin:6px 0}.combo-card p{font-size:12px;line-height:1.6;color:#a795b3;margin:6px 0}
.combo-card .combo-recipe{color:#e7d1a4}
.combo-model{display:block;width:96px;height:96px;object-fit:contain;margin:0 auto 8px;filter:drop-shadow(0 4px 10px #0009)}
.combo-glyph,.combo-unknown{display:grid;place-items:center;width:96px;height:96px;margin:0 auto 8px;font-size:46px;color:#d9c7ff;border:1px solid #4a3d58;background:radial-gradient(#3a2f48,#1d1926)}
.combo-card.unknown{opacity:.78}.combo-card.unknown .combo-unknown{color:#7f6f8d;font-size:52px}
.codex-body{text-align:left;position:relative}
.codex-close{position:sticky;top:0;float:right;width:44px;height:44px;margin:-8px -6px 0 0;font-size:24px;line-height:1;z-index:1}
.modal-content:has(.codex-body){width:min(1120px,100%);max-height:calc(100svh - 28px - var(--safe-top,0px) - var(--safe-bottom,0px));overflow:auto}
.codex-body>.section-kicker,.codex-body>h2,.codex-body>p{text-align:center}
.codex-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}
.codex-section{border:1px solid #3e3348;background:#1b1724;padding:12px}
.codex-section h3{margin:0 0 8px;font-size:12px;letter-spacing:2px;color:#c0a8c9;font-weight:500;text-transform:uppercase}.codex-section h3 small{color:#948575;letter-spacing:1px}
.codex-section ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.codex-row{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}
.codex-row .item-icon{width:36px;height:36px;font-size:19px}
.codex-row strong{display:block;font-size:13px;font-weight:500;color:#e7d1a4}.codex-row strong b{color:#d9ad54;font-weight:400;font-size:11px;margin-left:4px}
.codex-row span:not(.item-icon){display:block;font-size:11px;line-height:1.45;color:#a795b3}
.codex-row.idle{opacity:.55}.codex-row.active strong{color:#ffe3a8}.codex-row.unknown strong{color:#8f8199}
.codex-q{color:#7f6f8d!important}
.codex-empty{font-size:11px;color:#7f6f8d}
.achievement-rate{display:block;margin-top:8px;color:#a99bb8;font-size:10px;letter-spacing:.3px}.achievement-rate:empty{display:none}
.achievement-unlocks ul{list-style:none;padding:0;margin:6px 0 0;display:grid;gap:6px}.achievement-unlocks li strong{color:#e7d1a4;font-weight:500}
.achievement-unlocks .achievement-rate{margin-top:2px}
/* Touch target ≥44px for the HUD buttons without changing their drawn size. */
.hud-right button{position:relative}.hud-right button::after{content:'';position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}
@media(max-width:850px){.codex-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skulls-wallet{min-width:70px}}
@media(max-width:550px){.codex-grid{grid-template-columns:1fr}.skull-shop{grid-template-columns:auto 1fr}.skull-shop button{grid-column:1/-1}.skull-shop-art .skull-art{width:48px;height:48px;font-size:32px}.skulls-wallet{min-width:44px}.wallet>.skull-art{font-size:17px}.combo-model,.combo-glyph,.combo-unknown{width:72px;height:72px;font-size:36px}}
/* 0.5.0: drawn skull currency icon (ART-REQUESTS/2026-10-14-skull-icon, sha256 af06c2b0…0905); the glyph stays as accessible fallback text, visually hidden */
.skull-art{background:url('/assets/inventory/skull-currency.png') center/contain no-repeat;color:transparent!important;text-shadow:none!important;width:1em;height:1em;overflow:hidden;image-rendering:pixelated;vertical-align:middle}
.skull-shop-art .skull-art{background:#2a2233 url('/assets/inventory/skull-currency.png') center/72% no-repeat}