.gender-choice { margin: 16px 0; }
.gender-choice .choice-row { gap: 8px; }
.class-choice .class-choice-sprite { display:block; width:48px; height:72px; margin:0 auto 5px; image-rendering:pixelated; }
.coins-line { color: #dcc782; display:flex; justify-content:space-between; align-items:center; margin:10px 0; font-size:11px; }
.equipment-slot { cursor:pointer; }
.quest-panel { padding:12px; }
.quest-panel h3 { color:#e2cda5; font:bold 14px/1.4 Georgia,serif; margin:8px 0; }
.quest-panel p { font-size:11px; line-height:1.6; margin:5px 0; }
.quest-panel .quest-progress { color:#c1d59a; font-weight:bold; }
.quest-panel button { margin-top:8px; width:100%; font-size:11px; }
.npc-dialog, .bag-dialog { width:650px; }
.npc-dialogue { padding:12px 0; font:15px/1.7 Georgia,serif; color:#ece2c7; }
.npc-dialogue p { margin:8px 0; }
.npc-actions { padding-bottom:12px; border-bottom:1px solid #6e613c; }
.shop-heading { display:flex; justify-content:space-between; align-items:center; margin:18px 0 8px; }
.shop-heading h3, .bag-dialog h3 { font: bold 17px Georgia,serif; color:#dec699; }
.market-items { max-height:42vh; overflow:auto; scrollbar-width:thin; }
.market-item { display:flex; gap:16px; align-items:center; justify-content:space-between; border-bottom:1px solid #5e5b3d; padding:12px 3px; }
.item-details { min-width:0; }
.item-details strong { display:block; color:#e1ce9e; font: bold 15px Georgia,serif; }
.item-details small { display:block; margin-top:4px; color:#b6b396; font-size:11px; }
.market-item .item-stats { color:#c1cdb0; font-size:11px; margin-top:6px; line-height:1.5; }
.market-item button { flex-shrink:0; font-size:12px; }
.equipped-item { display:flex; gap:10px; align-items:center; justify-content:space-between; padding:7px 0; border-bottom:1px solid #55583b; font-size:12px; }
.outfit-note { padding:14px 0 4px; font-size:12px; line-height:1.7; }
.outfit-note strong { display:block; color:#dfc794; }
.death-screen { position:fixed; inset:0; z-index:2147483000; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:32px; background:#000; color:#eee7db; text-align:center; outline:none; }
.death-screen h1 { max-width:700px; font:normal 27px/1.6 Georgia,serif; text-wrap:balance; }
.death-screen p { margin-top:24px; color:#aca59b; font:14px/1.7 Georgia,serif; }
.death-screen .death-rune { color:#756b59; font:44px Georgia,serif; margin-bottom:25px; }
@media(max-width:650px) { .npc-dialog,.bag-dialog { width:calc(100vw - 24px); padding:16px; }.market-item { gap:8px; }.market-item button { padding:8px; font-size:11px; }.death-screen h1 {font-size:21px;} }

/* Shared bitmap item rendering. Surface theme lives in pixel-ui.css. */
.item-icon { display:inline-block; position:relative; flex:0 0 auto; width:48px; height:48px; background-image:url('items/velmoria_item_icons_v1.png'); background-size:600% 500%; background-repeat:no-repeat; image-rendering:auto; }
.item-icon.icon-unknown { background-image:none; }
.item-icon.rarity-unique::after,.item-icon.rarity-rare::after,.item-icon.rarity-legendary::after { content:'✦'; position:absolute; top:6%; right:12%; color:#e9dfbc; opacity:0; font:14px/1 Georgia,serif; pointer-events:none; animation:item-glint 7s ease-in-out infinite; }
.item-icon.rarity-rare::after { color:#c7e0da; animation-duration:5.5s; }.item-icon.rarity-legendary::after { color:#f4d784; animation-duration:4.6s; }
@keyframes item-glint { 0%,68%,100% { opacity:0; transform:scale(.6) rotate(-12deg); } 76% { opacity:.75; transform:scale(1) rotate(7deg); } 83% { opacity:0; transform:scale(.7) rotate(15deg); } }
@media(prefers-reduced-motion:reduce) { .item-icon::after { animation:none!important; display:none; } }