/* Equipment paper doll, inspired by the classic character window. */
.calculator-page .calc-heading{margin:4px 0 18px}.calculator-page .calc-heading h1{font-size:32px}.calculator-page .calc-heading p{margin-bottom:8px;font-size:13px}.calculator-page .calc-version-bar{margin-bottom:12px}.calculator-page details.calc-warning{margin:10px 0 15px;padding:10px 16px}.calculator-page details.calc-warning summary{cursor:pointer;font-size:12px}.calculator-page details.calc-warning p{margin:12px 0 2px}.calculator-page .calc-toolbar{margin-bottom:10px;padding:13px 20px}.calculator-page .calc-tabs{margin-bottom:0}.calculator-page .calc-tabs button{font-family:Georgia,serif;font-size:17px}.calculator-page .calc-budget strong{font-size:25px}
.paper-stage{position:relative;isolation:isolate;min-height:790px;overflow:hidden;border:1px solid #a18b57;border-radius:0 0 5px 5px;background:#51513a url('/images/calculator/classic-warrior.png') center center/cover no-repeat;box-shadow:inset 0 0 65px #272a27a8,0 18px 40px #283b3029}
.paper-stage:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#252e285c,transparent 18%,transparent 80%,#18271f9c)}
.paper-stage-brand{position:absolute;top:25px;right:6%;text-align:right;color:#fff0c2;font:30px Georgia,serif;text-shadow:0 2px 8px #2a271f}.paper-stage-brand small{display:block;font:9px 'Segoe UI',sans-serif;letter-spacing:4px;margin-bottom:5px}.paper-stage-brand span{font-size:12px;letter-spacing:4px;display:block;margin-top:5px}
.paper-bars{position:absolute;top:30px;left:30px;width:255px;padding:12px 14px;background:#182e2566;border:1px solid #d9c6886e;border-radius:3px;backdrop-filter:blur(4px)}.paper-bars label{display:flex;justify-content:space-between;color:#fff1cb;font-size:10px;letter-spacing:1px;line-height:1.5}.paper-bars label strong{font-weight:400;letter-spacing:0}.paper-bars progress{display:block;width:100%;height:9px;border:1px solid #c8b97f;background:#172e28;margin-bottom:8px;appearance:none;border-radius:1px}.paper-bars progress:last-child{margin-bottom:0}.paper-bars progress::-webkit-progress-bar{background:#22392c}.paper-bars progress::-webkit-progress-value{background:linear-gradient(#b3c263,#5f7d3e)}.paper-bars progress::-moz-progress-bar{background:#859e4c}.paper-bars #paper-points-bar::-webkit-progress-value{background:linear-gradient(#d5b05f,#a8803e)}
.paper-stat-card{position:absolute;left:30px;top:25%;width:285px;padding:23px 23px 18px;border:3px double #a28c50;border-radius:4px;outline:1px solid #f4e9c591;background:radial-gradient(ellipse at 20% 0,#f9eed0,transparent 65%),#f5f0df;box-shadow:0 5px 24px #1b281e6b;color:#74552d}.paper-stat-card:before,.paper-stat-card:after{content:'◆';position:absolute;color:#b69a5c;font-size:10px;top:7px}.paper-stat-card:before{left:7px}.paper-stat-card:after{right:7px}.classic-site .paper-stat-card h2{color:#866125;font:21px Georgia,serif;text-align:center;margin:0 0 20px}.paper-stat-subtitle{text-align:center;color:#8c794b;font-size:8px;letter-spacing:1.4px;margin-bottom:17px}.paper-character-level{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #baa676;border-bottom:1px solid #baa676;padding:12px 0;margin-bottom:15px;color:#71542b;font-size:11px}.paper-character-level strong{font:42px Georgia,serif;color:#8b6334;line-height:1}.paper-stat{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid #c8b98d7a;font-size:13px}.paper-stat strong{font-weight:500;color:#3a5f77;font-size:15px;font-variant-numeric:tabular-nums}.paper-stat:last-child{border-bottom:0}.paper-note{font-size:10px;color:#7a735b;line-height:1.6;margin:17px 0 0;padding-top:14px;border-top:1px solid #baa676}
.paper-slots{position:absolute;top:15%;bottom:10%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:66px}.paper-slots-left{left:42%}.paper-slots-right{right:6%;top:16%;bottom:5%}.paper-slot{position:relative;width:58px;height:58px;padding:4px;flex:none;border:1px solid #a89972;border-radius:4px;background:linear-gradient(135deg,#4f5146e6,#292f28e6);box-shadow:inset 0 0 0 2px #d4be7f25,0 3px 7px #15251fb3;color:#c0b596;transition:transform .15s,border-color .15s,box-shadow .15s}.paper-slot:hover,.paper-slot.active{border-color:#f4d378;box-shadow:0 0 0 1px #f4d378,0 0 16px #f3c96b66;transform:translateY(-2px);z-index:2}.paper-slot:focus-visible{outline:3px solid #f5db90;outline-offset:3px}.paper-slot.equipped{padding:3px;border-color:var(--item-grade,#c7b66d);box-shadow:0 0 0 1px var(--item-grade,#c7b66d),0 4px 10px #0d241aa3}.paper-slot>img{width:100%;height:100%;object-fit:cover;border-radius:2px}.paper-slot-silhouette{width:100%;height:100%;filter:drop-shadow(0 1px 1px #0008)}.paper-slot-label{position:absolute;top:calc(100% + 2px);left:50%;transform:translateX(-50%);white-space:nowrap;color:#f5ead2;text-shadow:0 1px 4px #102c20,0 1px 4px #102c20;font-size:9px;line-height:1.3;pointer-events:none;letter-spacing:.2px}.paper-slot.locked{opacity:.65}.paper-lock{position:absolute;inset:0;display:grid;place-items:center;font-size:32px;color:#ecc7a6;background:#10231950}
.paper-stage-footer{position:absolute;bottom:23px;left:60%;transform:translateX(-50%);text-align:center;white-space:nowrap}.paper-stage-footer button{background:linear-gradient(110deg,#5f743b,#44532d);color:#fff4b7;border:1px solid #c0ad62;padding:13px 29px;font:italic 20px Georgia,serif;box-shadow:0 4px 15px #172e2099;border-radius:2px}.paper-stage-footer button:hover{background:#728043}.paper-stage-footer small{display:block;margin-top:8px;font-size:9px;color:#ede2c8;text-shadow:0 1px 4px #132e20}
.equipment-picker{width:min(940px,94vw);max-width:94vw;max-height:88vh;padding:0;color:#3d4f3e;border:3px double #a98e53;border-radius:5px;background:#f6f0df;box-shadow:0 25px 90px #10251ecc;overflow:hidden}.equipment-picker[open]{display:flex;flex-direction:column}.equipment-picker::backdrop{background:#12251ed1;backdrop-filter:blur(5px)}.equipment-picker-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 23px;border-bottom:1px solid #c7b58f;background:linear-gradient(110deg,#f5e8c2,#ece2c9)}.equipment-eyebrow{font-size:8px;letter-spacing:2px;color:#8f7746;display:block;margin-bottom:5px}.classic-site .equipment-picker-header h2{font:28px Georgia,serif;color:#74542c;margin:0}.equipment-close{border:1px solid #bca77a;border-radius:3px;background:#ece0c6;color:#7e5f36;width:34px;height:34px;font-size:25px;line-height:1}.equipment-close:hover{background:#dccaa5}
.equipment-current{display:flex;align-items:center;gap:15px;padding:16px 23px;border-bottom:1px solid #d5c6a1;background:#fffbef;min-height:95px}.equipment-current-icon{width:54px;height:54px;flex:none;padding:3px;background:#353e30;color:#c6ba8d;border:1px solid #a58a51;border-radius:3px}.equipment-current-icon img{width:100%;height:100%;object-fit:cover}.equipment-current-description{flex:1;min-width:0}.equipment-current-description strong{font-size:14px;color:#3c513e;overflow-wrap:anywhere}.equipment-grade-label{font-size:10px!important;color:#6b6952!important;max-width:150px}.equipment-grade-label select{display:block;margin-top:5px;width:150px;font-size:11px;padding:7px}.equipment-remove{background:transparent;border:0;color:#946345;font-size:11px;text-decoration:underline;white-space:nowrap}
.equipment-filters{display:grid;grid-template-columns:1fr 170px;gap:16px;padding:14px 23px 8px}.equipment-filters label{font-size:11px;color:#6f715a}.equipment-filters input,.equipment-filters select{display:block;width:100%;margin-top:6px;background:#fffdf4;font-size:12px;padding:9px}.equipment-picker #calc-results-count{font-size:11px;color:#73755e;padding:0 23px;margin:6px 0 13px}.equipment-picker #equipment-message{color:#9b4638;font-size:12px;padding:0 23px;margin:4px 0 10px}.equipment-picker #equipment-message:empty{display:none}.equipment-results-scroll{overflow-y:auto;padding:0 23px 20px;min-height:130px;overscroll-behavior:contain}.equipment-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.equipment-item{display:flex;align-items:center;flex-direction:column;gap:7px;padding:12px 6px 9px;min-width:0;border:1px solid #d2c3a0;border-radius:3px;background:#fffaf0;color:#41533d;text-align:center}.equipment-item:hover,.equipment-item.selected{border-color:#a57d39;background:#efe1bc;box-shadow:inset 0 0 0 1px #c5a76f}.equipment-item:disabled{opacity:.45;cursor:not-allowed}.equipment-item-icon{width:52px;height:52px;display:block;border:1px solid #aa925a;border-radius:3px;background:#354434;color:#c9bb8d;padding:2px}.equipment-item-icon img{width:100%;height:100%;object-fit:cover}.equipment-item strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:10px;line-height:1.4;height:28px;font-weight:500;overflow-wrap:anywhere}.equipment-item small{font-size:8px;color:#7d7b63}.equipment-empty{grid-column:1/-1;padding:30px 0;font-size:13px}.equipment-picker #calc-more{display:block;margin:20px auto 0}
@media(min-width:1450px){.paper-stage{min-height:830px}}
@media(max-width:1050px){.paper-stat-card{left:22px;width:255px;padding:19px}.paper-bars{left:22px;width:255px}.paper-slots-left{left:43%}.paper-slots-right{right:5%}.paper-stage{min-height:760px}.paper-slot{width:52px;height:52px}.paper-stage-brand{font-size:25px}.paper-stage-brand span{font-size:10px}.equipment-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:760px){.calculator-page .calc-heading h1{font-size:28px}.calculator-page .calc-toolbar{padding:12px;gap:12px}.calculator-page .calc-toolbar label{font-size:11px}.calculator-page .calc-toolbar input{width:65px;margin-left:5px;padding:7px}.calculator-page .calc-budget{gap:8px}.calculator-page .calc-budget strong{font-size:22px}.calculator-page .calc-toolbar .calc-button{font-size:10px;padding:9px}.calculator-page .calc-tabs button{font-size:14px}.paper-stage{min-height:1110px;background-position:62% top;background-size:auto 630px;background-color:#293c2d}.paper-stage:before{background:linear-gradient(180deg,#24352770,transparent 16%,transparent 42%,#293c2d 57%)}.paper-stage-brand{top:20px;right:18px;font-size:21px}.paper-stage-brand small{font-size:7px;letter-spacing:2px}.paper-stage-brand span{font-size:8px;letter-spacing:2px}.paper-bars{top:22px;left:15px;width:150px;padding:8px 10px}.paper-bars label{font-size:8px;letter-spacing:0}.paper-bars progress{height:7px;margin-bottom:5px}.paper-slots{top:105px;bottom:auto;gap:17px;width:48px}.paper-slots-left{left:15px}.paper-slots-right{right:15px;top:90px;gap:16px}.paper-slot{width:44px;height:44px}.paper-slot-label{font-size:8px}.paper-stat-card{top:660px;left:18px;right:18px;width:auto;padding:22px}.paper-stat-card h2{font-size:22px}.paper-character-level{padding:10px 0;margin-bottom:8px}.paper-character-level strong{font-size:35px}.paper-stat{padding:8px 0}.paper-note{margin-top:10px;padding-top:10px}.paper-stage-footer{top:587px;bottom:auto;left:50%}.paper-stage-footer button{font-size:18px;padding:12px 22px}.paper-stage-footer small{font-size:8px}.equipment-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.equipment-current{flex-wrap:wrap;padding:12px 15px;gap:10px}.equipment-current-description{flex-basis:calc(100% - 70px)}.equipment-grade-label{margin-left:64px}.equipment-filters{padding:12px 15px;grid-template-columns:1fr 130px;gap:10px}.equipment-picker-header{padding:15px}.equipment-results-scroll{padding:0 12px 15px}.equipment-picker #calc-results-count,.equipment-picker #equipment-message{padding-left:15px;padding-right:15px}.equipment-item{padding:8px 3px}.equipment-item-icon{width:45px;height:45px}.equipment-item strong{font-size:9px}.equipment-item small{font-size:7px}}
@media(max-width:380px){.equipment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.equipment-filters{grid-template-columns:1fr}.paper-stage-brand{font-size:17px}.paper-bars{width:130px}.paper-stat-card{left:12px;right:12px}.paper-stage{min-height:1140px}}
@media(prefers-reduced-motion:reduce){.paper-slot{transition:none}}

@media(max-width:760px){.paper-stage{padding-top:660px}.paper-stat-card{position:relative;top:auto;left:auto;right:auto;width:auto;margin:0 18px 22px}}
@media(max-width:380px){.paper-stat-card{margin-left:12px;margin-right:12px}}


.equipment-picker-header,.equipment-current,.equipment-filters,.equipment-picker #calc-results-count,.equipment-picker #equipment-message{flex-shrink:0}.equipment-results-scroll{flex:1}
@media(max-height:600px){.equipment-picker{overflow-y:auto;max-height:94vh}.equipment-results-scroll{overflow:visible;flex-shrink:0}}