.presets-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin:-4px 0 19px}
.preset-caption{color:var(--muted);font-size:11px;font-weight:650;white-space:nowrap}
.preset-list{display:flex;gap:8px;align-items:center;overflow-x:auto;scrollbar-width:thin;padding:3px 2px}
.preset-empty{font-size:11px;color:var(--subtle);white-space:nowrap}
.preset-entry{display:flex;align-items:center;flex-shrink:0;border:1px solid var(--border);border-radius:11px;background:var(--surface);overflow:hidden}
.preset-entry.active{border-color:var(--accent-border);background:var(--accent-soft)}
.preset-apply{padding:7px 10px;display:flex;align-items:center;gap:8px;font-size:10px;white-space:nowrap;min-height:34px}
.preset-apply strong{font-weight:650;max-width:145px;overflow:hidden;text-overflow:ellipsis}
.preset-apply span{color:var(--muted);font-size:9px}
.preset-edit{display:grid;place-items:center;align-self:stretch;width:25px;flex-shrink:0;border-left:1px solid var(--border);color:var(--muted);font-size:16px}
.preset-save{font-size:10px;min-height:35px;padding:7px 10px;white-space:nowrap}
.preset-modal form{display:grid;gap:17px}
.preset-modal .modal-icon{margin-bottom:17px}
.preset-modal .modal-intro{margin-bottom:20px}
.preset-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.preset-modal label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:var(--muted);min-width:0}
.preset-modal input,.preset-modal select{border:1px solid var(--border);border-radius:11px;background:var(--well);color:var(--text);padding:11px 12px;font-size:13px;width:100%;min-width:0;min-height:44px}
.preset-modal input::placeholder{color:var(--subtle);font-size:11px}
.preset-input{display:flex;align-items:center;position:relative}
.preset-input input{padding-right:35px;font-variant-numeric:tabular-nums}
.preset-input span{position:absolute;right:13px;font-size:11px;pointer-events:none;color:var(--muted)}
.preset-note{font-size:10px;color:var(--muted);line-height:1.7;background:var(--well);border:1px solid var(--border);padding:12px;border-radius:12px}
.preset-note strong{display:block;color:var(--text);font-size:10px;margin-bottom:4px;font-weight:650}
.preset-delete{color:var(--red)}
.recent-targets{margin:0 0 14px}
.recent-targets-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:12px;font-size:10px;color:var(--muted)}
.recent-targets-head .text-button{font-size:9px}
.recent-target-list{display:flex;gap:7px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;padding:2px 1px 5px}
.recent-target-list::-webkit-scrollbar,.preset-list::-webkit-scrollbar{height:4px}
.recent-target-list::-webkit-scrollbar-thumb,.preset-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}
.recent-target{display:flex;align-items:center;gap:8px;flex-shrink:0;scroll-snap-align:start;border:1px solid var(--border);background:var(--well);border-radius:12px;max-width:180px;min-width:130px;padding:6px 10px 6px 5px;text-align:left}
.recent-target:hover{background:var(--hover)}
.recent-target.selected{border-color:var(--accent-border);background:var(--accent-soft)}
.recent-target img{width:54px;height:47px;object-fit:contain;filter:drop-shadow(0 4px 4px #0002)}
.recent-target>span{display:block;min-width:0}
.recent-target small{display:block;font-size:8px;color:var(--muted)}
.recent-target strong{display:block;font-size:10px;font-weight:650;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.recent-target b{display:block;color:var(--muted);font-size:9px;font-weight:600;margin-top:3px;font-variant-numeric:tabular-nums}
[data-peek]{user-select:none;-webkit-user-select:none}
.skin-preview{position:fixed;z-index:100;width:300px;padding:18px;border:1px solid var(--border);border-radius:21px;background:var(--surface);color:var(--text);box-shadow:0 18px 50px #0003;pointer-events:none}
.peek-art{display:grid;place-items:center;height:153px;position:relative;margin:0 -8px 10px;isolation:isolate}
.peek-art:before{content:"";position:absolute;width:130px;height:130px;z-index:-1;border-radius:50%;background:color-mix(in srgb,var(--rarity,#899298) 10%,var(--well));border:1px solid color-mix(in srgb,var(--rarity,#899298) 22%,var(--border))}
.peek-art img{width:280px;height:160px;max-width:100%;object-fit:contain;filter:drop-shadow(0 12px 8px #0003)}
.peek-weapon{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}
.peek-finish{display:block;font-size:23px;font-weight:750;letter-spacing:-.7px;line-height:1.25;overflow-wrap:anywhere}
.peek-wear{display:block;color:var(--muted);font-size:10px;margin-top:8px;line-height:1.55}
.peek-price{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid var(--border);margin-top:15px;padding-top:12px}
.peek-price>span{font-size:10px;color:var(--muted)}
.peek-price strong{font-size:18px;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.peek-price small{font-size:10px;letter-spacing:0;font-weight:500;color:var(--muted)}
.peek-close{display:none}
.skin-preview.is-pinned{z-index:1200;pointer-events:auto;width:min(360px,calc(100% - 28px));left:50%!important;top:auto!important;bottom:85px;transform:translateX(-50%)}
.skin-preview.is-pinned .peek-close{display:grid;position:absolute;right:10px;top:10px;z-index:2;font-size:20px}
:root[data-theme=light] .upgrade-button:not(:disabled):not(.is-busy),:root[data-theme=light] .primary-button,:root[data-theme=light] .deposit-button{background:linear-gradient(180deg,#f0f2f6,#d5dbe3);border:1px solid #c2c9d3;box-shadow:inset 0 1px 0 #fff,0 2px 3px #242a3210;color:var(--accent-ink)}
:root[data-theme=light] .upgrade-button:not(:disabled):not(.is-busy):hover,:root[data-theme=light] .primary-button:hover,:root[data-theme=light] .deposit-button:hover{background:linear-gradient(180deg,#f8f9fb,#dde2e9)}
:root[data-theme=light] .dial-arc{stroke:#657180}
:root[data-theme=light] .dial.won .dial-arc{stroke:var(--green)}
@media(max-width:750px){.presets-bar{grid-template-columns:1fr auto;gap:7px 12px;margin:-2px 0 14px}.preset-list{grid-column:1/-1;grid-row:2}.preset-caption{font-size:10px}.preset-empty{display:none}.preset-list:has(.preset-empty){display:none}.preset-save{grid-column:2;grid-row:1;font-size:9px;min-height:31px;padding:6px 9px}.preset-apply{font-size:10px;min-height:33px;padding:6px 9px}.preset-apply strong{max-width:120px}.preset-apply span{font-size:8px}.recent-targets{margin-bottom:12px}.recent-target{min-width:125px;border-radius:10px}.recent-target img{width:44px;height:41px}.recent-target strong{font-size:9px}.recent-targets-head{font-size:9px}.skin-preview.is-pinned{padding:20px;max-height:calc(100dvh - 110px);overflow-y:auto}.preset-modal{padding:26px 22px}.preset-modal h2{font-size:26px}.preset-modal form{gap:14px}.preset-fields{gap:11px}}