.screen-equipment .game-page{padding:0 14px 28px;background:linear-gradient(#07170b22,#102117ed 65%),url('../assets/forest-clean.webp') center top/auto 690px no-repeat}
.gear-hero{position:relative;min-height:183px;display:flex;align-items:center;padding:24px 8px 16px;isolation:isolate}.gear-hero>div{z-index:1;max-width:74%}.gear-hero small{font:700 8px/1.6 'Segoe UI',sans-serif;letter-spacing:.15em;color:#d3d8ac}.gear-hero h1{font:600 clamp(26px,7vw,35px)/1.1 Georgia,serif;color:#ffebba;margin:9px 0}.gear-hero p{font-size:13px;color:#d6ddbd;margin:0 0 13px}.gear-hero>img{position:absolute;width:43%;height:150px;object-fit:contain;right:-14px;bottom:7px;filter:drop-shadow(0 10px 10px #0008);z-index:-1}.gear-total{display:inline-flex;border:1px solid #b6cb7b66;border-radius:20px;padding:7px 10px;background:#152519e6;font-size:11px;color:#e9dfa4}.gear-section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0 13px}.gear-section-title h2{font:600 20px/1.25 Georgia,serif;color:#eee3b9;margin:0}.gear-section-title>span{font-size:10px;color:#bac5a1}.gear-grid.owned-equipment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;margin-bottom:25px}
.gear-grid .gear-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:0;padding:10px 10px 0;min-width:0;border-radius:27px 11px 19px 12px;border:1px solid #adba765c;background:radial-gradient(ellipse at 50% 35%,#61734550,transparent 67%),linear-gradient(145deg,#3a4829e8,#16271de8 60%,#263820);box-shadow:inset 0 1px #e3dda53b,0 7px 14px #0004;opacity:1;text-align:center;overflow:hidden;color:#f2e6bd;cursor:pointer}
.gear-card:focus-visible,.gear-outline:focus-visible,.gear-gold:focus-visible{outline:3px solid #ffdd80;outline-offset:3px}.gear-card:active{transform:scale(.98)}.gear-level{position:absolute;z-index:1;top:9px;right:9px;min-width:37px;height:34px;border-radius:45% 40% 47% 40%;background:linear-gradient(#e9cf86,#bc984a);box-shadow:0 2px 7px #0005;border:1px solid #f9e0a3;color:#263220;font:700 19px/32px Georgia,serif}.gear-level small{font:700 9px 'Segoe UI',sans-serif;margin-left:1px}.gear-card-art{width:100%;height:137px;display:flex;align-items:center;justify-content:center;padding:4px 8px}.gear-card-art .equipment-art{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 5px #0006)}.gear-card>strong{font:600 15px/1.25 Georgia,serif;min-height:38px;display:flex;align-items:center;justify-content:center;overflow-wrap:anywhere}.gear-leaves{display:flex;justify-content:center;gap:3px;margin:9px auto 10px}.gear-leaves i{width:9px;height:13px;border:1px solid #b6c48e66;border-radius:85% 0 85% 0;background:#0b1b16;transform:rotate(-17deg);box-shadow:inset 0 1px 2px #0007}.gear-leaves i.grown{background:linear-gradient(120deg,#e6d993,#89a95d);border-color:#dbd59399;box-shadow:0 0 4px #d2d47a25}.gear-card-power{font:11px/1.5 'Segoe UI',sans-serif;color:#d4dbbd;min-height:34px;margin-bottom:11px}.gear-card-action{display:flex;align-items:center;justify-content:center;min-height:42px;width:100%;padding:8px 6px;background:#101e16cc;border-top:1px solid #a9b87933;font:600 11px/1.3 'Segoe UI',sans-serif;color:#c9cba1}.gear-card-action.gear-ready{color:#fff0b4;background:linear-gradient(#5e6335,#35462a)}.gear-grid .unowned{background:radial-gradient(ellipse at 50% 35%,#5c624231,transparent 67%),#16251be8}.gear-card.unowned .gear-card-art{filter:saturate(.65)}.gear-card.unowned .gear-level{background:#293a27;color:#e7d49c;border-color:#a2aa7355}.gear-master{border-color:#e5c87e!important;background:radial-gradient(ellipse at 50% 35%,#d7af4533,transparent 67%),linear-gradient(145deg,#4d5931,#203324 60%,#39442b)!important}.gear-master .gear-level{background:linear-gradient(#fff3c4,#d4a650)}
.gear-journey,.gear-treasures{padding:17px 15px;margin:17px 0;border:1px solid #b6b5744d;border-radius:12px 26px 12px 22px;background:linear-gradient(125deg,#34452ce6,#17281ee8);box-shadow:inset 0 1px #e6dda523,0 6px 16px #0003}.gear-journey .gear-section-title{margin-top:0}.gear-journey .gear-section-title button{width:44px;height:44px;flex-shrink:0;border:1px solid #c9c58b55;border-radius:50%;color:#ebdaa4;background:#17281e;font:600 21px Georgia,serif}.gear-journey>p{font-size:11px;line-height:1.6;color:#c8d2af;margin:0 0 14px}.gear-journey-track{height:15px;position:relative;border-radius:12px;border:1px solid #b5bb764f;background:#081c12;box-shadow:inset 0 2px 5px #0006}.gear-journey-track>i{display:block;height:100%;background:linear-gradient(90deg,#73975a,#c2c379);border-radius:12px}.gear-journey-track>span{position:absolute;top:-10px;transform:translateX(-100%);color:#ffe3a1;font-size:28px;text-shadow:0 2px 4px #000}.gear-journey-numbers{display:flex;justify-content:space-between;gap:5px;margin:12px 0 4px;font-size:11px}.gear-journey-numbers strong{color:#eee5ae}.gear-journey-numbers span{color:#bac8ab}.gear-journey .gear-journey-goal{font-size:11px;color:#e4d297}.gear-helper{display:flex;gap:10px;border-top:1px solid #b6bb7133;padding-top:14px;margin-top:10px}.gear-helper>span{font-size:28px;color:#dbc780}.gear-helper strong{font-size:11px;color:#e0dca8}.gear-helper p{font-size:11px;line-height:1.6;color:#bbcaaa;margin:5px 0 14px}.gear-outline,.gear-gold,.gear-plain{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;border-radius:10px;padding:11px 10px;font:600 13px/1.4 'Segoe UI',sans-serif;cursor:pointer}.gear-outline{border:1px solid #bfc18a70;background:linear-gradient(#40503377,#203223cc);color:#ede3b5}.gear-gold{border:1px solid #f0dda0;background:linear-gradient(#f1d18c,#c29c4d);box-shadow:inset 0 1px #fff4c9,0 3px 7px #0004;color:#25311d;margin:12px 0}.gear-gold:disabled{background:#2c3828;color:#adb494;border-color:#99a36d55;box-shadow:none;cursor:default}.gear-plain{background:transparent;color:#d2d5b6;border:0}.gear-secret{display:flex;align-items:center;gap:12px}.gear-secret>b{font-size:39px;color:#d4c07d}.gear-secret p,.gear-treasures>small{font-size:11px;line-height:1.65;color:#c6d0b0}.gear-treasures>small{display:block;margin-top:12px;font-size:10px;color:#aebf9f}.gear-keepsakes{display:flex;flex-wrap:wrap;gap:9px}.gear-keepsake{display:flex;flex-direction:column;align-items:center;max-width:94px;gap:5px;color:#eddfa7;text-align:center}.gear-keepsake>b{display:grid;place-items:center;width:48px;height:48px;border:1px solid #dfc67c8c;border-radius:40% 60% 50% 40%;font-size:28px;background:radial-gradient(#bd9c433f,#34482a)}.gear-keepsake>span{font-size:10px;line-height:1.3}.gear-unique-summary{display:flex;gap:12px;padding:5px 8px}.gear-unique-summary>span{color:#ebcd7a;font-size:26px}.gear-unique-summary p{font-size:11px;line-height:1.6;color:#bbc9aa}.gear-unique-summary strong{color:#e6d59f;font-weight:600}
.gear-detail{text-align:center;color:#e3dfbd}.gear-detail>small{display:block;color:#c7cf9e;font:600 9px/1.5 'Segoe UI',sans-serif;letter-spacing:.13em;margin:5px 24px 9px}.gear-detail h2{font:600 27px/1.15 Georgia,serif;color:#f3dfac;margin:8px 0 12px}.gear-detail h3{font:600 20px Georgia,serif;color:#f1dcaa}.gear-detail-art{position:relative;width:190px;height:165px;display:grid;place-items:center;margin:0 auto;background:radial-gradient(ellipse,#9da3553d,transparent 70%);border-radius:35%}.gear-detail-art .equipment-art{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 8px #0008)}.gear-detail-art>b{position:absolute;bottom:4px;right:0;display:grid;place-content:center;min-width:53px;height:53px;border:1px solid #f3dea1;border-radius:50%;color:#27321c;background:linear-gradient(#f3dfa1,#c39d50);font:700 29px/1 Georgia,serif}.gear-detail-art>b small{font:600 10px 'Segoe UI',sans-serif}.gear-detail p{font-size:12px;line-height:1.65;color:#c8d0b0;margin:9px 0}.gear-detail .gear-leaves{gap:5px;margin:14px auto}.gear-detail .gear-leaves i{width:13px;height:18px}.gear-comparison{display:grid;gap:6px;margin:18px 0 12px}.gear-comparison>div{border:1px solid #a6b57f3d;border-radius:10px;padding:10px;background:#071b1366}.gear-comparison small{font:700 9px 'Segoe UI',sans-serif;letter-spacing:.1em;color:#aebf9e}.gear-comparison p{margin:5px 0;font-size:12px}.gear-comparison>.gear-next{background:#64714033;border-color:#d6cd8266}.gear-comparison>.gear-next small{color:#efda9c}.gear-comparison>span{font-size:20px;line-height:1;color:#d4c885}.gear-detail .gear-use-note{font-size:10px;color:#aebf9d}.gear-cost{display:flex;justify-content:space-around;gap:8px;margin:20px 0 10px;padding:12px 0;border-top:1px solid #b0bb7744;border-bottom:1px solid #b0bb7744;font-size:11px}.gear-coin{color:#efcd83;white-space:nowrap}.gear-detail .gear-lock{color:#f0d899;background:#bb974318;padding:10px;border-radius:9px}.gear-detail .gear-after{font-size:11px}.gear-master-label{color:#f5d888!important}.gear-rule{display:flex;gap:13px;align-items:center;text-align:left;margin:14px 0;padding-bottom:12px;border-bottom:1px solid #b1bf7b33}.gear-rule>b{font-size:29px;min-width:35px;color:#ead393}.gear-rule p{font-size:12px}.gear-upgraded{animation:gear-bloom .5s ease-out}.unique-mark{display:inline-block;border:1px solid #d7ba6977;background:#6f5a2438;color:#eed491;padding:4px 7px;border-radius:12px;font:600 10px 'Segoe UI',sans-serif;margin-top:7px}
#dialog:has(.gear-detail){padding:27px 20px 18px;border-radius:25px 9px;border-color:#b7bd7b99;background:radial-gradient(ellipse at 50% 10%,#3c5033,#152b20 80%)}#dialog:has(.gear-detail)>.close{position:absolute;right:7px;top:7px;z-index:2;width:44px;height:44px}.round-keepsake{color:#edda9e!important;font-size:13px!important;padding:12px;background:#718b3833;border:1px solid #c6ba7066;border-radius:12px}.adventure-result-panel .adventure-discoveries{color:#e2d79b;font-size:12px;margin:14px 0}
@keyframes gear-bloom{from{transform:scale(.8);opacity:.4}to{transform:scale(1);opacity:1}}.reduced .gear-upgraded{animation:none}
@media(max-width:350px){.gear-grid{gap:9px 7px!important}.gear-grid .gear-card{padding:9px 7px 0}.gear-card-art{height:118px;padding:6px 2px}.gear-card>strong{font-size:14px}.gear-card-power{font-size:10px;min-height:36px}.gear-card-action{font-size:10px;width:100%}.gear-leaves{gap:2px}.gear-leaves i{width:8px;height:12px}.gear-hero>img{right:-10px;width:42%;opacity:.85}.gear-hero h1{font-size:26px}.gear-section-title h2{font-size:19px}.gear-journey,.gear-treasures{padding:13px 11px}.gear-journey-numbers{font-size:10px}}