@font-face{font-family:"Tilda Sans";src:url(fonts/TildaSans-VF.woff2) format("woff2");font-weight:100 900}
@font-face{font-family:"Pixelify";src:url(fonts/PixelifySans.ttf)}
*{box-sizing:border-box;margin:0;padding:0}
body{width:1440px;height:900px;font-family:"Tilda Sans",sans-serif;color:#efe6d2;background:#0b0f0a url(assets/bg.jpg) center/cover;overflow:hidden;position:relative}
.px{font-family:"Pixelify","Tilda Sans";letter-spacing:.5px}
.panel{background:rgba(14,12,8,.86);border:3px solid #8a6326;box-shadow:0 0 0 2px #1a1208,inset 0 0 0 2px #3a2a12,4px 4px 0 rgba(0,0,0,.5);image-rendering:pixelated}
.gold{color:#f2b33d}
.top{position:absolute;left:16px;right:16px;top:12px;height:68px;display:flex;align-items:center;padding:0 20px;gap:22px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:24px;color:#f2b33d}
.step{flex:1;text-align:center;font-weight:700;font-size:20px}
.step small{display:block;font-size:13px;color:#b9a888;font-weight:500}
.iconbtn{width:42px;height:42px;display:grid;place-items:center;background:#1e170c;border:2px solid #8a6326;position:relative}
.dot{position:absolute;top:-6px;right:-6px;background:#e0533a;color:#fff;font-size:11px;font-weight:800;border-radius:2px;padding:1px 5px}
.player{display:flex;align-items:center;gap:10px}
.player img{width:44px;height:44px;border:2px solid #f2b33d;image-rendering:pixelated}
.player b{display:block;font-size:15px}.player span{font-size:12px;color:#b9a888}
.bar{height:10px;background:#1a1208;border:2px solid #4a3a1c;width:150px;margin-top:4px}.bar i{display:block;height:100%;background:linear-gradient(#7ee07a,#3a9a3f)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:"Tilda Sans";font-weight:800;font-size:17px;padding:13px 26px;border:3px solid #1a1208;box-shadow:inset -3px -3px 0 rgba(0,0,0,.3),inset 3px 3px 0 rgba(255,255,255,.3),3px 3px 0 #000;cursor:pointer;text-transform:uppercase;letter-spacing:.5px}
.primary{background:linear-gradient(#ffc755,#e8901e);color:#2a1604}
.hover{background:linear-gradient(#ffe08a,#f5a838);color:#2a1604;outline:2px solid #fff3c4;transform:translateY(-2px)}
.secondary{background:#2a2114;color:#f2b33d;border-color:#8a6326}
.disabled{background:#3a3631;color:#7d766a;box-shadow:none;border-color:#25221e}
.badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:800;padding:4px 10px;border:2px solid #000;color:#fff;text-transform:uppercase;letter-spacing:.3px}
.b-new{background:#5c5c5c;color:#e6e6e6}.b-rev{background:#2f6fc0}.b-fix{background:#d9542f}.b-ok{background:#2f9a3e}
h2{font-size:22px;font-weight:800;color:#f2b33d}
h3{font-size:16px;font-weight:800;color:#f2b33d;text-transform:uppercase;letter-spacing:1px}
p{font-size:15px;line-height:1.5;color:#ddd2bb}
.side{position:absolute;right:16px;top:96px;width:300px;bottom:16px;padding:18px;display:flex;flex-direction:column;gap:14px}
.bubble{background:#1e170c;border:2px solid #4a3a1c;padding:12px;font-size:14px;line-height:1.45}
.ic{image-rendering:pixelated;flex:none}

.tile{padding:14px;display:flex;flex-direction:column;gap:6px;height:178px}.tn{font-size:12px;color:#b9a888;text-transform:uppercase}.tt{font-size:18px;font-weight:800}.td{font-size:13.5px;line-height:1.4;flex:1}
.tf{display:flex;justify-content:space-between;align-items:center}.xp{display:flex;gap:4px;align-items:center;font-size:13px;font-weight:800;color:#f2b33d}