#app{position:absolute;width:100%;height:100%;pointer-events:none}table{border-collapse:collapse}table td{vertical-align:top}input{border:1px solid #fff;background-color:#ffffff8f}select{background-color:#333;color:#bbb;border:1px solid #ab6565}h2{margin:5px 0 10px}.centerText{text-align:center}.darkFont{color:#000}.warnMessage{background-color:#ffdb93;color:#333;font-weight:600;text-align:center;padding:4px 0}.greenMessage{padding:4px 0;background-color:#b7ffc0;color:#333;font-weight:600;text-align:center}.smallTitleLight{color:#ffa3a1}a:link,a:visited{text-decoration:none;font-weight:700;color:inherit}a:hover,a:active{text-decoration:underline;font-weight:700;color:inherit}.row{display:flex;flex-wrap:wrap}.rowCentred{display:flex;justify-content:center;flex-wrap:wrap}.rowStreched{display:flex;justify-content:space-between;flex-wrap:wrap}.textCentred{text-align:center}.rowSpread{display:flex;justify-content:space-between;flex-wrap:wrap}.smalltext{font-size:.9em}.verySmallText{font-size:.8em}.sectionTitle{background-image:linear-gradient(#2b2b2b,#3f3f3f);color:#c2c2c2;font-size:1.1em;text-align:center;padding:2px 4px 4px}.smallText{font-size:.9em}.pointerEvents{pointer-events:all}.panelEntry{background-color:#333;color:#fff;box-shadow:0 0 7px #000}.wrap{display:flex;flex-direction:column;align-items:stretch}.topPanel{flex-grow:0}.bottomPanel{flex-grow:0;display:flex;justify-content:center}.mapPanel{flex-grow:1}h3,h4{margin:.4em 0}.current_location{background:url(/images/current_location.png?v=162) left top;background-repeat:no-repeat;padding-left:5px;height:20px;min-width:20px;min-height:20px}.crafting{background:url(/images/staticons/crafting.png?v=162) left top;background-repeat:no-repeat;padding-left:25px;height:20px;min-width:20px;min-height:20px}.target{background:url(/images/mapicons/hostiles.png?v=162) left top;background-repeat:no-repeat;padding-left:25px;height:20px;min-width:20px;min-height:20px}.encounter{background:url(/images/mapicons/enc_map.png?v=162) left top;background-repeat:no-repeat;padding-left:25px;height:20px;min-width:20px;min-height:20px}.modalWindow{position:fixed;width:100%;height:100%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;background-color:#000000bf}.scouting{background:url(/images/staticons/scouting.png?v=162) left top;background-repeat:no-repeat;padding-left:25px;height:20px;min-width:20px;min-height:20px}.speed{background:url(/images/staticons/speed.png?v=162) left top;background-repeat:no-repeat;padding-left:25px;height:20px;min-width:20px;min-height:20px}.salvaging{background:url(/images/staticons/salvaging.png?v=162) left top;background-repeat:no-repeat;padding-left:25px;height:20px;min-width:20px;min-height:20px}.recovery{background:url(/images/staticons/recovery.png?v=162) left top;background-repeat:no-repeat;padding-left:25px;height:20px;min-width:20px;min-height:20px}.ranged{background:url(/images/staticons/ranged.png?v=162) left top;background-repeat:no-repeat;padding-left:25px;min-width:20px;min-height:20px}.rof{background:url(/images/staticons/rof.png?v=162) left top;background-repeat:no-repeat;padding-left:25px;padding-bottom:5px;min-width:20px;min-height:20px}.vehdmg{background:url(/images/staticons/vehicle_dmg.png?v=162) left top;background-repeat:no-repeat;padding-left:25px;padding-bottom:5px;min-width:20px;min-height:20px}.spower{background:url(/images/staticons/spower.png?v=162) left top;background-repeat:no-repeat;padding-left:25px;padding-bottom:5px;min-width:20px;min-height:20px}.handling{background:url(/images/staticons/handling.png?v=162) left top;background-repeat:no-repeat;padding-left:25px;padding-bottom:5px;min-width:20px;min-height:20px}.dmg{background:url(/images/staticons/dmg.png?v=162) left top;background-repeat:no-repeat;padding-left:25px;padding-bottom:5px;min-width:20px;min-height:20px}.defense{background:url(/images/staticons/defense.png?v=162) left top;background-repeat:no-repeat;padding-left:25px;min-width:20px;min-height:20px}.cqb{background:url(/images/staticons/cqb.png?v=162) left top;background-repeat:no-repeat;padding-left:25px;min-width:20px;min-height:20px}.rifles{background:url(/images/staticons/rifles.png?v=162) left top;background-repeat:no-repeat;padding-left:25px;min-width:20px;min-height:20px}.sniper{background:url(/images/staticons/sniper.png?v=162) left top;background-repeat:no-repeat;padding-left:25px;min-width:20px;min-height:20px}.heavy{background:url(/images/staticons/heavy.png?v=162) left top;background-repeat:no-repeat;padding-left:25px;min-width:20px;min-height:20px}.melee{background:url(/images/staticons/melee.png?v=162) left top;background-repeat:no-repeat;padding-left:25px;min-width:20px;min-height:20px}.health{background:url(/images/staticons/health.png?v=162) left top;background-repeat:no-repeat;padding-left:25px;min-width:20px;min-height:20px}.stamina{background:url(/images/staticons/stamina.png?v=162) left top;background-repeat:no-repeat;padding-left:25px;min-width:20px;min-height:20px}.survival{background:url(/images/staticons/survival.png?v=162) left top;background-repeat:no-repeat;padding-left:25px;height:20px;min-width:20px;min-height:20px}.Close{background:url(/images/staticons/close.png?v=162) left top;background-repeat:no-repeat;padding-left:25px;height:20px;min-width:20px;min-height:20px}.Scattered{background:url(/images/staticons/scatered.png?v=162) left top;background-repeat:no-repeat;padding-left:25px;min-width:20px;min-height:20px}.Ambush{background:url(/images/staticons/ambush.png?v=162) left top;background-repeat:no-repeat;padding-left:25px;min-width:25px;min-width:20px;min-height:20px}.fight{background:url(/images/icons/fight.png?v=162) left top;background-repeat:no-repeat;height:22px;padding-left:25px}.npcfight{background:url(/images/icons/npcfight.png?v=162) left top;background-repeat:no-repeat;height:22px;padding-left:25px}.task{background:url(/images/icons/task.png?v=162) left top;background-repeat:no-repeat;padding-left:25px}.info_y{background:url(/images/icons/info_h.png?v=162) 2px 2px;background-repeat:no-repeat;height:22px;padding-left:25px}.trade{background:url(/images/icons/trade.png?v=162) left top;background-repeat:no-repeat;padding-left:25px;height:22px}.group{background:url(/images/icons/group.png?v=162) left top;background-repeat:no-repeat;padding-left:25px;height:20px;height:22px}.merc{background:url(/images/icons/merc.png?v=162) left top;background-repeat:no-repeat;padding-left:25px;height:22px}.ach{background:url(/images/icons/ach.png?v=162) left top;background-repeat:no-repeat;padding-left:25px;height:22px}.plus{background:url(/images/icons/plus.png?v=162) left top;background-repeat:no-repeat;padding-left:25px}.minus{background:url(/images/icons/minus.png?v=162) left top;background-repeat:no-repeat;padding-left:25px}.crafting{background:url(/images/staticons/crafting.png?v=162) left top;background-repeat:no-repeat;padding-left:25px;height:20px}.ammo-icon{background:url(/images/icons/ammo.png) left top;background-repeat:no-repeat;padding-left:25px}.employment-icon{background:url(/images/icons/employment.png?v=162) left top;background-repeat:no-repeat;padding-left:5px;height:20px;min-width:20px;background-size:20px 20px}.housing-icon{background:url(/images/icons/housing.png?v=162) left top;background-repeat:no-repeat;padding-left:5px;height:20px;min-width:20px;background-size:20px 20px}.electricity-icon{background:url(/images/icons/electricity.png?v=162) left top;background-repeat:no-repeat;padding-left:5px;height:20px;min-width:20px;background-size:20px 20px}.population-icon{background:url(/images/icons/population.png?v=162) left top;background-repeat:no-repeat;padding-left:5px;height:20px;min-width:20px;background-size:20px 20px}.food-icon{background:url(/images/icons/food.png?v=162) left top;background-repeat:no-repeat;padding-left:5px;height:20px;min-width:20px;background-size:20px 20px}.gear-icon-small{width:16px;height:16px;cursor:pointer;background:url(/images/icons/gear_options.png);background-repeat:no-repeat;background-size:100% 100%}.construct-icon{width:20px;height:20px;cursor:pointer;background:url(/images/icons/construct.png);background-repeat:no-repeat;background-size:100% 100%}@media only screen and (min-width: 800px){.actionControls{position:absolute;bottom:0;right:0}.groupSkillsWrap{position:absolute;bottom:1em;left:0}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{box-shadow:inset 0 0 10px #fffc;border-radius:6px}::-webkit-scrollbar-thumb{background:#212121;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#000000}.close-icon{width:30px;height:auto;cursor:pointer}.back-icon-wrap{margin:.44em .1em}.back-icon{width:16px;height:auto;border:2px solid #ecb46f;border-radius:4px;padding:.16rem}.header{padding:0 0 0 15px;display:flex;justify-content:space-between;z-index:50}.header .close-icon{margin:5px}p{margin-top:0;margin-bottom:.5em}.pointer{cursor:pointer}.dataTable{border-spacing:0;border-collapse:collapse}.dataTable th{text-align:left;padding:0 6px;color:#fff;font-weight:600;font-size:.9em;border-bottom:1px solid #fff}.dataTable td{text-align:left;padding:2px 6px;font-size:.8em}.width-full{width:100%}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-5{margin:1.25rem}.m-6{margin:1.5rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.w-full{width:100%}.h-full{height:100%}.overflow-y-auto{overflow-y:auto}.anim-fade-in{animation:fadeIn .25s}.anim-fade-out{visibility:hidden;opacity:0;transition:visibility 0s .25s,opacity .25s linear}.scale-pulse-animation{border-radius:5px;transform:scale(1);animation:pulseScale 2s infinite}@keyframes pulseScale{0%{transform:scale(.95)}70%{transform:scale(1)}to{transform:scale(.95)}}button{border:1px solid #ababab;background:rgb(8 5 5 / 50%);font-weight:700;color:#ffb160;border-radius:.2em;padding:.4em 1em;margin:0 .25em;border:1px solid #ab6565}.button{background-color:#3a2828bf;border-radius:4px;border:1px solid rgb(144,111,111);margin:4px;height:28px;color:#ffb160;font-weight:700;cursor:pointer;border:1px solid #ab6565}.button.no-margin-btt{margin:0}.button.active-btt{background-color:#080505;color:#ffc487;border:1px solid #c97979}.button.large-btt{font-size:1.1em;height:35px;width:130px}.button.small-btt{font-size:.75em;margin:2px;height:24px}.button.medium-btt{font-size:1em;height:30px;width:100px}.button.loading-btt,button:disabled,button[disabled]{color:#8f8f8f}.buttonLoading{height:0;display:block;position:relative;top:-8px}.login .buttonLoading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:auto}.login .button.loading-btt .rowCentred{position:static}.login button{border:1px solid #ab6565;background:linear-gradient(to bottom,rgba(58,40,40,.9) 0%,rgba(30,20,20,.95) 100%);font-weight:700;color:#ffb160;border-radius:4px;padding:.5em 1.2em;margin:0 .25em;cursor:pointer;transition:all .2s ease;text-shadow:0 1px 2px rgba(0,0,0,.8);box-shadow:0 2px 4px #0006,inset 0 1px #ffffff1a}.login button:hover{background:linear-gradient(to bottom,rgba(80,55,55,.95) 0%,rgba(45,30,30,.98) 100%);border-color:#c97979;box-shadow:0 2px 8px #00000080,0 0 15px #ffb46433,inset 0 1px #ffffff26}.login button:active{transform:translateY(1px);box-shadow:0 1px 2px #0006,inset 0 2px 4px #0000004d}.login .button{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,rgba(58,40,40,.9) 0%,rgba(30,20,20,.95) 100%);border-radius:4px;border:1px solid #ab6565;color:#ffb160;font-weight:700;cursor:pointer;transition:all .2s ease;text-shadow:0 1px 2px rgba(0,0,0,.8);box-shadow:0 2px 4px #0006,inset 0 1px #ffffff1a}.login .button:hover{background:linear-gradient(to bottom,rgba(80,55,55,.95) 0%,rgba(45,30,30,.98) 100%);border-color:#c97979;box-shadow:0 2px 8px #00000080,0 0 15px #ffb46433,inset 0 1px #ffffff26}.login .button.large-btt{font-size:1.1em;height:42px;min-width:140px;margin:10px 0;background:linear-gradient(to bottom,rgba(100,60,60,.95) 0%,rgba(50,30,30,.98) 100%);border:2px solid rgba(171,101,101,.8);box-shadow:0 3px 6px #00000080,0 0 20px #ab656533,inset 0 1px #ffffff1a}.login .button.large-btt:hover{background:linear-gradient(to bottom,rgba(120,70,70,.98) 0%,rgba(60,35,35,1) 100%);border-color:#d98888;box-shadow:0 3px 10px #0009,0 0 25px #ffb46459,inset 0 1px #ffffff26}.login button:disabled,.login button[disabled]{color:#666;cursor:not-allowed;opacity:.7;box-shadow:none}.login button:disabled:hover,.login button[disabled]:hover{background:linear-gradient(to bottom,rgba(58,40,40,.9) 0%,rgba(30,20,20,.95) 100%);border-color:#ab6565;box-shadow:none}.rc-tooltip.rc-tooltip-zoom-appear,.rc-tooltip.rc-tooltip-zoom-enter{opacity:0}.rc-tooltip.rc-tooltip-zoom-enter,.rc-tooltip.rc-tooltip-zoom-leave{display:block}.rc-tooltip-zoom-enter,.rc-tooltip-zoom-appear{opacity:0;animation-duration:.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.18,.89,.32,1.28);animation-play-state:paused}.rc-tooltip-zoom-leave{animation-duration:.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.6,-.3,.74,.05);animation-play-state:paused}.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active,.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active{animation-name:rcToolTipZoomIn;animation-play-state:running}.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active{animation-name:rcToolTipZoomOut;animation-play-state:running}@keyframes rcToolTipZoomIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(0)}to{opacity:1;transform-origin:50% 50%;transform:scale(1)}}@keyframes rcToolTipZoomOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1)}to{opacity:0;transform-origin:50% 50%;transform:scale(0)}}.rc-tooltip{position:absolute;z-index:1070;display:block;visibility:visible;line-height:1.5;font-size:12px;background-color:#0000000d;padding:1px;opacity:.9}.rc-tooltip-hidden{display:none}.rc-tooltip-inner{padding:8px 10px;color:#333;text-align:left;text-decoration:none;background-color:#fff;border-radius:3px;min-height:34px;border:1px solid #b1b1b1}.rc-tooltip-arrow,.rc-tooltip-arrow-inner{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.rc-tooltip-placement-top .rc-tooltip-arrow,.rc-tooltip-placement-topLeft .rc-tooltip-arrow,.rc-tooltip-placement-topRight .rc-tooltip-arrow{bottom:-5px;margin-left:-6px;border-width:6px 6px 0;border-top-color:#b1b1b1}.rc-tooltip-placement-top .rc-tooltip-arrow-inner,.rc-tooltip-placement-topLeft .rc-tooltip-arrow-inner,.rc-tooltip-placement-topRight .rc-tooltip-arrow-inner{bottom:1px;margin-left:-6px;border-width:6px 6px 0;border-top-color:#fff}.rc-tooltip-placement-top .rc-tooltip-arrow{left:50%}.rc-tooltip-placement-topLeft .rc-tooltip-arrow{left:15%}.rc-tooltip-placement-topRight .rc-tooltip-arrow{right:15%}.rc-tooltip-placement-right .rc-tooltip-arrow,.rc-tooltip-placement-rightTop .rc-tooltip-arrow,.rc-tooltip-placement-rightBottom .rc-tooltip-arrow{left:-5px;margin-top:-6px;border-width:6px 6px 6px 0;border-right-color:#b1b1b1}.rc-tooltip-placement-right .rc-tooltip-arrow-inner,.rc-tooltip-placement-rightTop .rc-tooltip-arrow-inner,.rc-tooltip-placement-rightBottom .rc-tooltip-arrow-inner{left:1px;margin-top:-6px;border-width:6px 6px 6px 0;border-right-color:#fff}.rc-tooltip-placement-right .rc-tooltip-arrow{top:50%}.rc-tooltip-placement-rightTop .rc-tooltip-arrow{top:15%;margin-top:0}.rc-tooltip-placement-rightBottom .rc-tooltip-arrow{bottom:15%}.rc-tooltip-placement-left .rc-tooltip-arrow,.rc-tooltip-placement-leftTop .rc-tooltip-arrow,.rc-tooltip-placement-leftBottom .rc-tooltip-arrow{right:-5px;margin-top:-6px;border-width:6px 0 6px 6px;border-left-color:#b1b1b1}.rc-tooltip-placement-left .rc-tooltip-arrow-inner,.rc-tooltip-placement-leftTop .rc-tooltip-arrow-inner,.rc-tooltip-placement-leftBottom .rc-tooltip-arrow-inner{right:1px;margin-top:-6px;border-width:6px 0 6px 6px;border-left-color:#fff}.rc-tooltip-placement-left .rc-tooltip-arrow{top:50%}.rc-tooltip-placement-leftTop .rc-tooltip-arrow{top:15%;margin-top:0}.rc-tooltip-placement-leftBottom .rc-tooltip-arrow{bottom:15%}.rc-tooltip-placement-bottom .rc-tooltip-arrow,.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,.rc-tooltip-placement-bottomRight .rc-tooltip-arrow{top:-5px;margin-left:-6px;border-width:0 6px 6px;border-bottom-color:#b1b1b1}.rc-tooltip-placement-bottom .rc-tooltip-arrow-inner,.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow-inner,.rc-tooltip-placement-bottomRight .rc-tooltip-arrow-inner{top:1px;margin-left:-6px;border-width:0 6px 6px;border-bottom-color:#fff}.rc-tooltip-placement-bottom .rc-tooltip-arrow{left:50%}.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow{left:15%}.rc-tooltip-placement-bottomRight .rc-tooltip-arrow{right:15%}.progressBarContainer .progressBarBox{width:100%;height:16px;border:1px solid #434244;position:relative}.progressBarContainer .progressBarBox .bar{background-color:#434244;height:17px;margin-top:-1px;-webkit-transition:width .15s ease-out;-moz-transition:width .15s ease-out;-ms-transition:width .15s ease-out;-o-transition:width .15s ease-out;transition:width .15s ease-out}.progressBarContainer .progressBarBox .titleWrap{font-size:.8em;position:absolute;margin-top:-1px;width:100%;display:flex;justify-content:space-between}.progressBarContainer .progressBarBox .barTitle{font-size:.8em;margin-top:-2px;position:absolute}circle{transition:stroke-dashoffset .35s;transform:rotate(-90deg);transform-origin:50% 50%}.login{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;height:100%;background-image:url(/images/bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:left center;overflow-x:hidden;overflow-y:auto;box-sizing:border-box}.dawnLogoLoginWrap{background:linear-gradient(to bottom,rgba(0,0,0,.8) 0%,rgba(0,0,0,.5) 60%,transparent 100%);padding:1.5em 0 1em;width:100%}.dawnLogoLogin{display:flex;justify-content:center}.login .dawnLogoLogin{margin:auto;width:100%;max-width:400px}.dawnLogoLogin img{width:100%;height:auto;filter:drop-shadow(0 0 30px rgba(255,180,100,.5)) drop-shadow(0 0 60px rgba(255,150,50,.3))}.login .subText{text-align:center;background:linear-gradient(to bottom,rgba(0,0,0,.85) 0%,rgba(20,15,10,.9) 100%);padding:12px 20px;font-size:1em;font-weight:600;color:#eddaa3;border-top:1px solid rgba(255,180,100,.3);border-bottom:1px solid rgba(255,180,100,.3)}.login .subText .quote{font-style:italic;text-shadow:0 2px 4px rgba(0,0,0,.8)}.login .subText .author{margin-top:4px;color:#c9a86c}.login>.rowCentred{flex:1;display:flex;align-items:center;padding:1em}.loginInputWrap{background:linear-gradient(135deg,rgba(30,25,20,.92) 0%,rgba(20,15,10,.95) 100%);border:2px solid rgba(171,101,101,.6);border-radius:8px;padding:1.2em 1.5em;margin-bottom:1em;max-width:280px;width:calc(100% - 2em);box-shadow:0 0 30px #000c,inset 0 1px #ffffff0d,0 0 60px #ab656526;position:relative;box-sizing:border-box}.loginInputWrap:before,.loginInputWrap:after{content:"";position:absolute;width:20px;height:20px;border:2px solid rgba(255,180,100,.5)}.loginInputWrap:before{top:-1px;left:-1px;border-right:none;border-bottom:none;border-radius:6px 0 0}.loginInputWrap:after{bottom:-1px;right:-1px;border-left:none;border-top:none;border-radius:0 0 6px}.loginInputWrap.fullWidth{width:calc(100% - 2em);max-width:280px;color:#fff}.loginInputWrap .content{color:#fff}.loginInputWrap form{margin-bottom:0}.loginInputWrap>form>div{margin:auto;color:#d4c4a8;padding:8px 0;text-shadow:0 1px 2px rgba(0,0,0,.8);font-weight:600;font-size:.95em;letter-spacing:.5px}.login input[type=text],.login input[type=password],.login input[type=email]{font-size:1.1em;height:2.5em;width:100%;background:linear-gradient(to bottom,rgba(0,0,0,.6) 0%,rgba(20,15,10,.8) 100%);border:1px solid rgba(171,101,101,.5);border-radius:4px;color:#fff;padding:0 12px;outline:none;transition:all .3s ease;box-shadow:inset 0 2px 4px #00000080;box-sizing:border-box}.login input[type=text]:focus,.login input[type=password]:focus,.login input[type=email]:focus{border-color:#ffb464b3;box-shadow:inset 0 2px 4px #00000080,0 0 15px #ffb4644d}.login input[type=text]::placeholder,.login input[type=password]::placeholder,.login input[type=email]::placeholder{color:#ffffff4d}.loginInputWrap a{color:#d4a574;text-decoration:none;transition:all .2s ease}.loginInputWrap a:hover{color:#ffb160;text-shadow:0 0 8px rgba(255,180,100,.5)}.loginInputWrap .disabled{color:#666;pointer-events:none}.login .lostpassword{font-size:.85em;text-align:right;margin-top:6px}.login .lostpassword a{color:#a89070}.login .lostpassword a:hover{color:#d4a574}.login .rowCentred{display:flex;justify-content:center;align-items:center}.login .startNew{height:auto;margin:8px 0}.login .startNew a{font-size:1.1em;font-weight:700;color:#c9a86c;text-transform:uppercase;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.8);transition:all .3s ease}.login .startNew a:hover{color:#ffe4b3;text-shadow:0 0 15px rgba(255,200,100,.6)}#start-new-loading{height:0;padding:0;display:inline-block}#start-new-loading div{height:20px;width:20px;border:3px solid #fff;border-color:#ffb160 transparent transparent transparent;position:relative;top:-26px;left:10px}.login .authError{background:linear-gradient(to right,rgba(180,60,60,.9) 0%,rgba(140,50,50,.9) 100%);padding:12px 15px;text-align:center;border-radius:4px;border:1px solid rgba(255,100,100,.5);margin-bottom:10px;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.5)}.login .message{background:linear-gradient(to right,rgba(40,75,53,.9) 0%,rgba(30,65,45,.9) 100%);padding:12px 15px;text-align:center;border-radius:4px;border:1px solid rgba(100,180,120,.5);margin-bottom:10px;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.5)}.discord{width:auto;height:auto;background:linear-gradient(to bottom,rgba(88,101,242,.3) 0%,rgba(88,101,242,.2) 100%);border:1px solid rgba(88,101,242,.5);border-radius:4px;padding:6px 15px;transition:all .3s ease}.discord:hover{background:linear-gradient(to bottom,rgba(88,101,242,.5) 0%,rgba(88,101,242,.3) 100%);border-color:#5865f2cc;box-shadow:0 0 20px #5865f266}.discord img{width:100px;height:auto;filter:brightness(1.1)}.subMenu{margin-top:auto;padding:8px 15px;background:rgba(0,0,0,.6);border-radius:4px}.subMenu a{color:#a89070;text-decoration:none;transition:color .2s ease;padding:0 4px}.subMenu a:hover{color:#d4a574}.copyright{width:100%;color:#8c8273;padding:8px 0;text-shadow:0 1px 2px rgba(0,0,0,.8)}.googlePlay{width:100%;max-width:200px;height:auto;margin-bottom:10px;cursor:pointer;transition:transform .2s ease}.googlePlay:hover{transform:scale(1.05)}.loginInputWrap p{color:#c9b896;font-size:.9em;line-height:1.5;margin:0 0 15px;text-align:center;padding:10px;background:rgba(0,0,0,.3);border-radius:4px}.loginInputWrap .rowCentred{margin:10px 0}.loginInputWrap .rowCentred a{font-weight:600;letter-spacing:.5px}@media (max-width: 480px){.loginInputWrap{padding:1.2em 1.5em;margin:0 10px 1em}.login .dawnLogoLogin{max-width:300px}.login input[type=text],.login input[type=password],.login input[type=email]{font-size:16px}}@keyframes panelFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loginInputWrap{animation:panelFadeIn .5s ease-out}.login .buttonWrap{display:inline-block}.login .button.loading-btt{position:relative}.login .button .rowCentred{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}.login .buttonLoading{height:auto;top:2px;left:-20px}#intro{color:#eee;position:fixed;top:0;left:0;right:0;bottom:0;overflow-y:auto;overflow-x:hidden;background:linear-gradient(180deg,rgba(0,0,0,.7) 0%,rgba(15,10,8,.85) 30%,rgba(20,15,12,.9) 100%),url(/images/wl.png);background-position:top center;background-size:cover;background-attachment:fixed;background-repeat:no-repeat;z-index:100}#intro>div{max-width:580px;margin:0 auto;padding:20px 15px 100px}#intro .contentPanelDark{padding:1.25em 1.5em;margin-bottom:1.25em;background:linear-gradient(135deg,rgba(30,25,20,.92) 0%,rgba(20,15,10,.95) 100%);border:1px solid rgba(171,101,101,.5);border-radius:8px;position:relative;box-shadow:0 4px 20px #00000080,inset 0 1px #ffffff0d;animation:sectionFadeIn .4s ease-out}#intro .contentPanelDark:before{content:"";position:absolute;top:0;left:20px;right:20px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,177,96,.6),transparent);border-radius:2px}@keyframes sectionFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}#intro h3{color:#ffb160;font-size:1.15em;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 .75em;padding-bottom:.5em;border-bottom:1px solid rgba(171,101,101,.3);text-shadow:0 2px 4px rgba(0,0,0,.8)}#intro h4{color:#eddaa3;font-size:1.1em;margin:0 0 .5em;text-shadow:0 1px 3px rgba(0,0,0,.8)}#intro p{color:#c9b896;line-height:1.6;margin:.5em 0}#intro .row{flex-wrap:nowrap}#intro .modalWindow{width:100%;max-width:100%}#intro .spec-select-container{padding:.5em 0}#intro .spec-header{margin-bottom:1em}#intro .spec-subtitle{color:#a09080;font-size:.95em;margin:.5em 0 0}#intro .carousel{padding:.5em 0;overflow:hidden!important;position:relative;max-height:500px}#intro .carousel>div{overflow:hidden!important}#intro .carousel>div>div{overflow:hidden!important;white-space:nowrap}#intro .carousel>div>div>div{white-space:normal;vertical-align:top}#intro .spec-slide{padding:.25em;box-sizing:border-box}#intro .spec-card{display:flex!important;flex-direction:row!important;gap:1em;align-items:flex-start;flex-wrap:nowrap}#intro .spec-image-wrap{flex:0 0 140px;width:140px;min-width:140px}#intro .spec-image-wrap img{width:140px;height:auto;border-radius:6px;border:2px solid rgba(171,101,101,.5);box-shadow:0 4px 15px #00000080;transition:all .3s ease;display:block}#intro .spec-image-wrap:hover img{border-color:#ffb160b3;box-shadow:0 4px 20px #0009,0 0 20px #ffb16033}#intro .spec-info{flex:1;min-width:0;background:linear-gradient(135deg,rgba(60,50,40,.5) 0%,rgba(40,35,28,.6) 100%);padding:.85em 1em;border-radius:6px;border:1px solid rgba(100,80,70,.3)}#intro .spec-name{color:#eddaa3;font-size:1.15em;margin:0 0 .4em;text-transform:uppercase;letter-spacing:1px;text-shadow:0 1px 3px rgba(0,0,0,.8)}#intro .spec-description{color:#b8a890;font-size:.9em;line-height:1.5;margin:0}#intro .spec-skills{display:flex;flex-wrap:wrap;justify-content:center;gap:.4em;padding:.85em;margin-top:.75em;background:rgba(0,0,0,.35);border-radius:6px;border:1px solid rgba(100,80,70,.3)}#intro .skillsrow{flex-wrap:wrap;justify-content:center;gap:.5em;padding:.75em;background:rgba(0,0,0,.3);border-radius:6px;border:1px solid rgba(100,80,70,.3)}#intro .spec-navigation{display:flex;justify-content:center;align-items:center;gap:1em;margin-top:1em;padding-top:.75em;border-top:1px solid rgba(100,80,70,.2)}#intro .spec-navigation .button{min-width:100px;background:linear-gradient(to bottom,rgba(58,40,40,.9) 0%,rgba(30,20,20,.95) 100%);border:1px solid rgba(171,101,101,.6);transition:all .2s ease}#intro .spec-navigation .button:hover{background:linear-gradient(to bottom,rgba(80,55,55,.95) 0%,rgba(45,30,30,.98) 100%);border-color:#c97979;box-shadow:0 0 15px #ffb46433}#intro .spec-pagination{display:flex;gap:.5em;align-items:center}#intro .pagination-dot{width:8px;height:8px;border-radius:50%;background:rgba(171,101,101,.4);transition:all .3s ease;cursor:pointer}#intro .pagination-dot.active{background:#ffb160;box-shadow:0 0 8px #ffb16080;transform:scale(1.2)}#intro .carousel+.rowCentred{gap:1em;margin-top:.5em}#intro .carousel+.rowCentred .button{min-width:100px;background:linear-gradient(to bottom,rgba(58,40,40,.9) 0%,rgba(30,20,20,.95) 100%);border:1px solid rgba(171,101,101,.6);transition:all .2s ease}#intro .carousel+.rowCentred .button:hover{background:linear-gradient(to bottom,rgba(80,55,55,.95) 0%,rgba(45,30,30,.98) 100%);border-color:#c97979;box-shadow:0 0 15px #ffb46433}#intro .form-group{margin-bottom:1em}#intro .form-group:last-child{margin-bottom:0}#intro .form-label{display:block;font-weight:600;color:#d4c4a8;margin-bottom:.4em;font-size:.95em}#intro .section-hint{color:#8a7a68;font-size:.85em;margin:-.25em 0 .75em;font-style:italic}#intro input[type=text],#intro input[type=email],#intro textarea{font-size:1.05em;width:100%;background:linear-gradient(to bottom,rgba(0,0,0,.6) 0%,rgba(20,15,10,.8) 100%);border:1px solid rgba(171,101,101,.5);border-radius:4px;color:#fff;padding:.6em .9em;outline:none;transition:all .3s ease;box-shadow:inset 0 2px 4px #00000080;box-sizing:border-box}#intro input[type=text]{height:2.8em}#intro textarea{resize:vertical;min-height:80px;line-height:1.5}#intro input[type=text]:focus,#intro textarea:focus{border-color:#ffb464b3;box-shadow:inset 0 2px 4px #00000080,0 0 15px #ffb4644d}#intro input[type=text]::placeholder,#intro textarea::placeholder{color:#ffffff4d}#intro input.error{border:2px solid rgba(180,60,60,.8);box-shadow:inset 0 2px 4px #00000080,0 0 10px #b43c3c4d}#intro .errorText{color:#e07070;font-size:.85em;margin:.25em 0 .5em;padding:.4em .6em;background:rgba(180,60,60,.15);border-radius:4px;border-left:3px solid #c45050}#intro .contentPanelDark>p:not(.section-hint):not(.spec-subtitle):not(.spec-description){font-weight:600;color:#d4c4a8;margin-bottom:.4em;font-size:.95em}#intro .avatar-section,#intro .avatar-section h3{text-align:center}#intro .avatar-selection-wrap{display:flex;flex-direction:column;align-items:center;gap:.75em}#intro .avatar-prompt{display:inline-block;font-size:.75em;font-weight:600;color:#1a1510;text-transform:uppercase;letter-spacing:1.5px;background:linear-gradient(180deg,#ffcc70 0%,#e5a030 100%);padding:.5em 1.25em;border-radius:4px;box-shadow:0 2px 8px #0006,0 0 20px #ffb16066,inset 0 1px #ffffff4d;animation:promptGlow 2s ease-in-out infinite;cursor:pointer;transition:transform .2s ease}#intro .avatar-prompt:hover{transform:scale(1.05)}@keyframes promptGlow{0%,to{box-shadow:0 2px 8px #0006,0 0 15px #ffb1604d,inset 0 1px #ffffff4d}50%{box-shadow:0 2px 8px #0006,0 0 25px #ffb16099,0 0 40px #ffb1604d,inset 0 1px #ffffff4d}}#intro .avatarSelection{cursor:pointer;display:inline-block;padding:.5em;background:linear-gradient(135deg,rgba(40,35,30,.8) 0%,rgba(30,25,20,.9) 100%);border:2px solid rgba(171,101,101,.5);border-radius:8px;transition:all .3s ease;position:relative}#intro .avatarSelection.not-selected{border-style:dashed;border-color:#ffb16080}#intro .avatarSelection.selected{border-color:#7dce8299;box-shadow:0 0 15px #7dce8233}#intro .avatarSelection:hover{border-color:#ffb160b3;border-style:solid;box-shadow:0 4px 20px #00000080,0 0 25px #ffb16033;transform:translateY(-2px)}#intro .avatarSelection img{width:100px;height:100px;object-fit:cover;border-radius:6px;display:block}#regAvatarList{position:fixed;top:0;left:0;right:0;bottom:0;margin:0;padding:1em;background:linear-gradient(135deg,rgba(20,15,12,.98) 0%,rgba(30,25,20,.98) 100%);overflow-y:auto;z-index:500;animation:avatarListFadeIn .3s ease-out}@keyframes avatarListFadeIn{0%{opacity:0}to{opacity:1}}#regAvatarList:before{content:"Choose Your Avatar";display:block;text-align:center;font-size:1.3em;color:#ffb160;text-transform:uppercase;letter-spacing:2px;margin-bottom:1em;padding-bottom:.75em;border-bottom:1px solid rgba(171,101,101,.4)}#intro #regAvatarList .row{flex-wrap:wrap;justify-content:center;gap:.75em}#regAvatarList .avatarSelect{width:70px;height:70px;border-radius:6px;border:2px solid rgba(171,101,101,.4);cursor:pointer;transition:all .2s ease;overflow:hidden}#regAvatarList .avatarSelect:hover{border-color:#ffb160;transform:scale(1.1);box-shadow:0 0 20px #ffb16066}#regAvatarList .avatarSelect img{width:100%;height:100%;object-fit:cover}#intro .location-section h3{margin-bottom:.25em}#intro #startLocation{display:flex;flex-direction:column;gap:.75em}#intro #startLocation img{width:60px;height:60px;object-fit:contain;border-radius:4px}#intro .location-card{display:flex;align-items:center;cursor:pointer;padding:.85em 1em;background:linear-gradient(135deg,rgba(40,35,30,.7) 0%,rgba(30,25,20,.8) 100%);border:1px solid rgba(100,80,70,.4);border-radius:6px;transition:all .25s ease;position:relative}#intro .location-card:hover{background:linear-gradient(135deg,rgba(50,45,38,.8) 0%,rgba(40,35,28,.85) 100%);border-color:#ab656599;transform:translate(4px)}#intro .location-card.active-start{background:linear-gradient(135deg,rgba(255,177,96,.15) 0%,rgba(212,136,74,.1) 100%);border-color:#ffb16099;box-shadow:0 0 20px #ffb16026,inset 0 0 20px #ffb1600d}#intro .location-card.active-start strong{color:#ffb160}#intro .location-check{width:24px;height:24px;border-radius:50%;border:2px solid rgba(100,80,70,.4);margin-left:auto;flex-shrink:0;transition:all .2s ease}#intro .location-card.active-start .location-check{border-color:#7dce82;background:rgba(125,206,130,.2)}#intro .location-card.active-start .location-check:after{content:"✓";display:flex;align-items:center;justify-content:center;height:100%;color:#7dce82;font-size:.9em;font-weight:700}#intro .location-info{flex:1}#intro .location-info strong{color:#eddaa3;font-size:1em;display:block;margin-bottom:.25em}#intro .location-detail{font-size:.85em;color:#a09080;line-height:1.4}#intro .location-card.hardcore{border-color:#b4505066}#intro .location-card.hardcore:hover{border-color:#b45050b3}#intro .location-card.hardcore.active-start{border-color:#b45050b3;background:linear-gradient(135deg,rgba(180,80,80,.12) 0%,rgba(120,50,50,.1) 100%);box-shadow:0 0 20px #b4505026}#intro .location-card.hardcore.active-start strong{color:#e07070}#intro .location-card.hardcore .location-check{border-color:#b4505066}#intro .location-card.hardcore.active-start .location-check{border-color:#e07070;background:rgba(180,80,80,.2)}#intro .location-card.hardcore.active-start .location-check:after{color:#e07070}#intro .hcStartLogo{width:60px;height:60px;background:linear-gradient(135deg,rgba(80,40,40,.6) 0%,rgba(60,30,30,.8) 100%);border:1px dashed rgba(180,80,80,.5);border-radius:4px;display:flex;align-items:center;justify-content:center;margin-right:.85em}#intro .hcStartLogo:after{content:"☠";font-size:1.5em;color:#b45050b3}#intro .gangLogo{padding-right:.85em;flex-shrink:0}#intro .hcStartLogo.gangLogo{padding-right:0}#intro #startLocation .row{cursor:pointer;margin:0;padding:.75em;background:linear-gradient(135deg,rgba(40,35,30,.7) 0%,rgba(30,25,20,.8) 100%);border:1px solid rgba(100,80,70,.4);border-radius:6px;transition:all .25s ease;align-items:center;position:relative}#intro #startLocation .row:hover{background:linear-gradient(135deg,rgba(50,45,38,.8) 0%,rgba(40,35,28,.85) 100%);border-color:#ab656599;transform:translate(4px)}#intro #startLocation .row.active-start{background:linear-gradient(135deg,rgba(255,177,96,.15) 0%,rgba(212,136,74,.1) 100%);border-color:#ffb16099}#intro #startLocation .row.active-start strong{color:#ffb160}#intro #startLocation strong{color:#eddaa3;font-size:1em;display:block;margin-bottom:.25em}#intro #startLocation .mx-1>div{font-size:.85em;color:#a09080}#intro .contentPanelIntro{background:linear-gradient(135deg,rgba(60,50,40,.4) 0%,rgba(40,35,28,.5) 100%);padding:1em;border-radius:6px;border:1px solid rgba(100,80,70,.3);flex:1}#intro ul{padding-left:1.25em;margin:.75em 0}#intro li{margin:.5em 0;color:#b8a890;line-height:1.5}#intro li::marker{color:#d4884a}#intro .smallText{font-size:.9em;color:#a09080}#intro .startadventure{padding-bottom:60px}#intro .startadventure .contentPanelDark{background:linear-gradient(135deg,rgba(40,35,30,.95) 0%,rgba(25,20,18,.98) 100%);border:2px solid rgba(171,101,101,.6)}#intro .startadventure .alert{margin-bottom:1em}#intro .startadventure .alert div{margin-bottom:.5em;color:#e8a0a0;background:linear-gradient(135deg,rgba(120,50,50,.4) 0%,rgba(80,35,35,.5) 100%);padding:.5em .75em;border-radius:4px;font-size:.9em}#intro .startNewBtt{width:100%;max-width:320px;height:50px;font-size:1.15em;background:linear-gradient(to bottom,rgba(120,70,50,.95) 0%,rgba(80,45,35,.98) 100%);border:2px solid rgba(255,177,96,.6);color:bisque;text-transform:uppercase;letter-spacing:2px;box-shadow:0 4px 15px #00000080,0 0 30px #ffb16033,inset 0 1px #ffffff1a;transition:all .3s ease}#intro .startNewBtt:hover:not(:disabled){background:linear-gradient(to bottom,rgba(140,85,60,.98) 0%,rgba(100,55,40,1) 100%);border-color:#ffb160;box-shadow:0 4px 20px #0009,0 0 40px #ffb16059,inset 0 1px #ffffff26;transform:translateY(-2px)}#intro .startNewBtt:disabled{opacity:.5;cursor:not-allowed}#intro .cancelIntroBtt{background:linear-gradient(to bottom,rgba(50,45,40,.8) 0%,rgba(35,30,25,.9) 100%);border:1px solid rgba(100,80,70,.5);color:#a89070;transition:all .2s ease}#intro .cancelIntroBtt:hover{background:linear-gradient(to bottom,rgba(60,55,48,.9) 0%,rgba(45,40,33,.95) 100%);border-color:#ab656599;color:#c9b896}#intro .gameStart{display:flex;flex-direction:column;gap:1em}#intro .gameStart>.contentPanelDark{transition:all .3s ease}#intro .gameStart>.contentPanelDark:hover{border-color:#ffb16099;box-shadow:0 4px 25px #0009,0 0 30px #ffb16026}#intro .gameStart img{margin-right:1em;width:130px;height:auto;object-fit:cover;object-position:0 0;border-radius:6px;border:2px solid rgba(171,101,101,.4);transition:border-color .3s ease}#intro .gameStart .contentPanelDark:hover img{border-color:#ffb16099}#intro .gameStart .strategy-pic{width:130px;height:260px;border-radius:6px}@media (max-width: 450px){#intro>div{padding:15px 10px 80px}#intro .contentPanelDark{padding:1em}#intro h3{font-size:1em;letter-spacing:1px}#intro .spec-card{flex-direction:column;align-items:center;text-align:center}#intro .spec-info{width:100%}#intro .spec-image-wrap,#intro .spec-image-wrap img{width:120px}#intro .spec-navigation{flex-wrap:wrap;gap:.75em}#intro .spec-pagination{order:3;width:100%;justify-content:center}#intro .gameStart img{width:100px}#intro .gameStart .strategy-pic{width:100px;height:200px}#intro .avatarSelection img{width:80px;height:80px}#intro #startLocation img,#intro .hcStartLogo{width:50px;height:50px}#intro .location-card{padding:.75em}#intro .location-info strong{font-size:.95em}#intro .location-detail{font-size:.8em}#intro .location-check{width:20px;height:20px}#intro .startNewBtt{max-width:100%;font-size:1em;letter-spacing:1px}#intro input[type=text],#intro textarea{font-size:16px}}#intro::-webkit-scrollbar{width:8px}#intro::-webkit-scrollbar-track{background:rgba(0,0,0,.3)}#intro::-webkit-scrollbar-thumb{background:rgba(171,101,101,.5);border-radius:4px}#intro::-webkit-scrollbar-thumb:hover{background:rgba(255,177,96,.5)}#intro .carousel .react-swipe-container{overflow:hidden!important}#intro .carousel .react-swipe-container>div{overflow:hidden!important}#statsPage{animation:fadeIn .3s ease-out;display:flex;flex-direction:column;max-height:calc(100vh - 120px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#statsPage .contentWrap{display:flex;flex-direction:column;flex:1;min-height:0}#statsPage .stats-sticky-header{flex-shrink:0}#statsPage .stats-scroll-content{flex:1;overflow-y:auto;padding-bottom:1em}#statsPage .stats-scroll-content::-webkit-scrollbar{width:6px}#statsPage .stats-scroll-content::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:3px}#statsPage .stats-scroll-content::-webkit-scrollbar-thumb{background:rgba(255,177,96,.3);border-radius:3px}#statsPage .stats-scroll-content::-webkit-scrollbar-thumb:hover{background:rgba(255,177,96,.5)}#statsPage .perkBox,#statsPage .groupBox{flex:0 0 100%}#statsPage .groupBox .mercBoxInner{display:flex}.tacticsContainer{padding:.5em}.tacticsContainer section{background:linear-gradient(135deg,rgba(30,25,22,.9) 0%,rgba(45,38,32,.7) 100%);border:1px solid rgba(171,101,101,.4);border-radius:8px;padding:1em 1.25em;margin-bottom:1em;position:relative;overflow:hidden}.tacticsContainer section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,177,96,.5),transparent)}.tacticsContainer .section-header{margin-bottom:1em}.tacticsContainer .section-header h4{display:flex;align-items:center;gap:.5em;margin:0 0 .25em;font-size:1.1em;color:#ffb160;text-transform:uppercase;letter-spacing:.5px}.tacticsContainer .section-header h4 svg{opacity:.8}.tacticsContainer .section-subtitle{margin:0;font-size:.85em;color:#a09080;padding-left:1.75em}.tactics-matchup-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.75em 1.5em;margin-bottom:1.25em;padding:.5em 0;opacity:.7}.matchup-item{display:flex;align-items:center;gap:.35em;font-size:.8em;color:#888}.matchup-item svg{display:none}.matchup-item .tactic-win{color:#7dce82;font-weight:500}.matchup-item .vs{color:#555;font-size:.85em;font-style:italic}.matchup-item .tactic-lose{color:#ce7d7d;font-weight:500}.tactics-buttons{display:none}.tacticsBox{display:flex;flex-direction:column;gap:.5em}.tacticsBox .tmname{display:flex;align-items:center;gap:.75em;padding:.5em .75em;border-radius:4px;background:rgba(0,0,0,.2);border:1px solid transparent;transition:all .2s ease;cursor:pointer;position:relative}.tacticsBox .tmname:hover{background:rgba(0,0,0,.35);border-color:#ffb16080;transform:translate(4px)}.tacticsBox .tmname.loading{opacity:.6;pointer-events:none}.tacticsBox .tmname.loading:after{content:"";position:absolute;right:1em;width:16px;height:16px;border:2px solid rgba(255,177,96,.3);border-top-color:#ffb160;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tacticsBox .tmname.activetac{background:rgba(255,177,96,.1);border-color:#ffb16066;box-shadow:0 0 10px #ffb1601a}.tacticsBox .tacticsName{display:flex;align-items:center;gap:.5em;min-width:120px;font-size:.9em;color:#c0b0a0}.tacticsBox .tmname.activetac .tacticsName{color:#ffb160;font-weight:600}.tacticsBox .tacticsName svg{width:16px;height:16px;opacity:.6}.tacticsBox .tmname.activetac .tacticsName svg{opacity:1}.tacticsBox .tactics-progress-wrap{flex:1;display:flex;align-items:center;gap:.75em}.tacticsBox .tactics-percent{min-width:40px;text-align:right;font-size:.85em;color:#888;font-weight:500}.tacticsBox .tmname.activetac .tactics-percent{color:#ffb160;font-weight:700}.tacticsBox .progressBarContainer{flex:1;margin-top:0}.tacticsBox .tmname .progressBarContainer .progressBarBox{border:1px solid rgba(207,176,144,.4);height:8px;border-radius:4px;overflow:hidden;background:rgba(0,0,0,.3)}.tacticsBox .tmname .progressBarContainer .progressBarBox .bar{background:linear-gradient(90deg,#8a7060 0%,#cfb090 100%);height:10px;margin-top:-1px;border-radius:3px}.tacticsBox .tmname.activetac .progressBarContainer .progressBarBox{height:12px;border-color:#ffb16099}.tacticsBox .tmname.activetac .progressBarContainer .progressBarBox .bar{background:linear-gradient(90deg,#d4884a 0%,#ffb160 100%);height:14px}#statsPage .suppressDamageContainer{display:flex;align-items:flex-start;gap:.5em;padding:.5em 0}.weapon-stat-icon{display:flex;flex-direction:column;align-items:center;gap:.25em;flex-shrink:0;min-width:45px}.weapon-stat-icon .icon-label{font-size:.6em;color:#888;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}#statsPage .suppressDamageContainer .suppressionBox,#statsPage .suppressDamageContainer .damageBox{min-width:24px;height:24px;padding:0;margin:0;border-radius:4px;border:1px solid rgba(100,80,70,.4)}#statsPage .suppressDamageContainer .barBoxWrapp{flex:1;min-width:0;overflow:hidden}#statsPage .suppressDamageContainer .barBox{width:100%;height:20px;border:1px solid rgba(255,177,96,.5);border-radius:4px;background:rgba(0,0,0,.3);position:relative;overflow:visible}#statsPage .suppressDamageContainer .barBox .bar{height:100%;margin:0;padding:0;border:none;border-radius:3px 0 0 3px;position:relative}#statsPage .suppressDamageContainer .barBox .bar-marker{position:absolute;top:-4px;width:4px;height:28px;background:#ffb160;border-radius:2px;box-shadow:0 0 8px #ffb16099;transform:translate(-2px)}#statsPage .percentegeLegend{display:flex;justify-content:space-between;margin-top:4px}#statsPage .suppressDamageContainer .tmstep{font-size:.55em;color:#666;text-align:center;flex:1;min-width:0}#statsPage .suppressDamageContainer .tmstep.peak{color:#7dce82;font-weight:600;font-size:.6em}.max-teamwork-section{overflow:hidden}.max-teamwork-section .suppressDamageContainer{width:100%;box-sizing:border-box}.total-bonus-section{background:linear-gradient(135deg,rgba(40,35,30,.95) 0%,rgba(55,45,38,.85) 100%)!important}.total-bonus-card{text-align:center;padding:.5em}.total-bonus-card .bonus-label{font-size:.9em;color:#a09080;text-transform:uppercase;letter-spacing:1px;margin-bottom:.25em}.total-bonus-card .bonus-value{font-size:2.5em;font-weight:700;line-height:1;margin-bottom:.15em;text-shadow:0 2px 10px rgba(0,0,0,.5)}.total-bonus-card .bonus-value.low{color:#ce7d7d}.total-bonus-card .bonus-value.medium{color:#ced67d}.total-bonus-card .bonus-value.high{color:#7dce82}.total-bonus-card .bonus-breakdown{font-size:.75em;color:#666}.player-stats-container{padding:.5em}.player-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1em}.player-stats-card{background:linear-gradient(135deg,rgba(30,25,22,.9) 0%,rgba(45,38,32,.7) 100%);border:1px solid rgba(171,101,101,.4);border-radius:8px;overflow:hidden;position:relative}.player-stats-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,177,96,.5),transparent)}.player-stats-card--monthly{border-color:#64b4ff4d}.player-stats-card--monthly:before{background:linear-gradient(90deg,transparent,rgba(100,180,255,.5),transparent)}.player-stats-card--alltime{border-color:#ffb1604d}.player-stats-card__header{display:flex;align-items:center;gap:.5em;padding:.75em 1em;background:rgba(0,0,0,.3);border-bottom:1px solid rgba(100,80,70,.3)}.player-stats-card__icon{font-size:1.2em}.player-stats-card__title{margin:0;font-size:1em;color:#ffb160;text-transform:uppercase;letter-spacing:.5px}.player-stats-card--monthly .player-stats-card__title{color:#7cb8ff}.player-stats-card__content{padding:.5em 0}.player-stat-row{display:flex;align-items:center;padding:.5em 1em;transition:background .2s ease}.player-stat-row:hover{background:rgba(255,255,255,.03)}.player-stat-row__icon{width:24px;font-size:.9em;color:#888;text-align:center}.player-stat-row__label{flex:1;font-size:.85em;color:#a09080}.player-stat-row__value{font-size:.95em;font-weight:600;color:#c8b8a8;min-width:50px;text-align:right}.player-stat-row--highlight .player-stat-row__value,.player-stat-row--highlight .player-stat-row__icon{color:#7dce82}.achievements-container{padding:.5em 1.2em}.achievements-summary{display:flex;align-items:center;gap:1em;padding:1em 1.25em;margin-bottom:1em;background:linear-gradient(135deg,rgba(40,35,30,.9) 0%,rgba(55,48,40,.8) 100%);border:1px solid rgba(255,200,100,.3);border-radius:8px}.achievements-summary__icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:8px;background:linear-gradient(135deg,rgba(255,192,64,.2) 0%,rgba(212,136,74,.15) 100%);border:1px solid rgba(255,192,64,.4);border-radius:8px;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff1a,0 0 12px #ffc04026}.achievements-summary__icon svg{width:100%;height:100%;color:#ffc040;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.achievements-summary__text{display:flex;align-items:baseline;gap:.25em}.achievements-summary__count{font-size:1.8em;font-weight:700;color:#ffc040}.achievements-summary__total{font-size:1em;color:#888}.achievements-summary__bar{flex:1;height:8px;background:rgba(0,0,0,.4);border-radius:4px;overflow:hidden}.achievements-summary__progress{height:100%;background:linear-gradient(90deg,#d4884a,#ffc040);border-radius:4px;transition:width .5s ease}.achievements-list{display:flex;flex-direction:column;gap:.5em}.achievement-card{display:flex;align-items:center;gap:1em;padding:.75em 1em;background:linear-gradient(135deg,rgba(30,25,22,.8) 0%,rgba(40,35,30,.6) 100%);border:1px solid rgba(80,70,60,.4);border-radius:6px;transition:all .2s ease;position:relative}.achievement-card:hover{background:linear-gradient(135deg,rgba(40,35,30,.9) 0%,rgba(50,45,38,.7) 100%);border-color:#64554b80}.achievement-card--unlocked{border-color:#ffc04066}.achievement-card--unlocked:hover{border-color:#ffc04099;box-shadow:0 0 15px #ffc0401a}.achievement-card--locked{opacity:.6}.achievement-card--locked:hover{opacity:.8}.achievement-card__image{position:relative;width:48px;height:48px;flex-shrink:0}.achievement-card__image img{width:100%;height:100%;object-fit:contain;border-radius:4px}.achievement-card--locked .achievement-card__image img{filter:grayscale(70%)}.achievement-card__glow{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;background:radial-gradient(circle,rgba(255,192,64,.3) 0%,transparent 70%);pointer-events:none}.achievement-card__content{flex:1;min-width:0}.achievement-card__name{margin:0 0 .25em;font-size:.95em;color:#ffb160}.achievement-card--locked .achievement-card__name{color:#888}.achievement-card__description{margin:0;font-size:.8em;color:#a09080;line-height:1.4}.achievement-card--locked .achievement-card__description{color:#666}.achievement-card__badge{position:absolute;top:-6px;right:-6px;width:20px;height:20px;background:#ffc040;color:#1a1510;font-size:12px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0006}.achievements--short{display:flex;flex-wrap:wrap;gap:.5em}.achievement-badge{width:56px;height:56px;background:rgba(40,35,30,.8);border:1px solid rgba(255,192,64,.3);border-radius:6px;cursor:pointer;transition:all .2s ease}.achievement-badge:hover{border-color:#ffc04099;box-shadow:0 0 10px #ffc0404d;transform:translateY(-2px)}.achievement-badge img{width:100%;height:100%;object-fit:contain}.achievements>.row{flex-wrap:nowrap;margin:.5em}.achievements p{font-size:.9em}#statsPage .panel-header{margin-bottom:.5em}#statsPage .panel-header svg{color:#ffb160}#statsPage .stats-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:.25em;padding:.75em;margin-bottom:.5em;background:linear-gradient(180deg,rgba(30,25,22,.8) 0%,rgba(20,18,16,.6) 100%);border-radius:8px;border:1px solid rgba(100,80,70,.3)}#statsPage .stats-tabs .buttonWrap .button{display:flex;align-items:center;justify-content:center;gap:.4em;min-width:100px;padding:.5em .75em}#statsPage .stats-tabs .buttonWrap .button svg{width:14px;height:14px;opacity:.7;transition:opacity .2s ease}#statsPage .stats-tabs .buttonWrap .button:hover svg{opacity:.9}#statsPage .stats-tabs .buttonWrap .button.active-btt svg{opacity:1}@media (max-width: 500px){.tactics-matchup-grid{flex-direction:column}.tacticsBox .tacticsName{min-width:90px}.tactics-buttons{flex-direction:column}.tactics-buttons .buttonWrap .button{width:100%}#statsPage .stats-tabs{gap:.25em}#statsPage .stats-tabs .buttonWrap .button{min-width:80px;font-size:.85em;padding:.4em .5em}}.profile-container{display:flex;flex-direction:column;height:100%;background:linear-gradient(145deg,rgba(45,38,32,.98) 0%,rgba(35,30,26,.98) 100%);border:1px solid rgba(171,101,101,.5);border-radius:8px;box-shadow:0 8px 32px #00000080,0 0 0 1px #ffb1601a,inset 0 1px #ffffff0d;overflow:hidden;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.profile-container.profile-visible{opacity:1;transform:translateY(0)}.profile-header{display:flex;justify-content:space-between;align-items:center;padding:.75em 1em;background:linear-gradient(180deg,rgba(60,50,42,.9) 0%,rgba(45,38,32,.7) 100%);border-bottom:1px solid rgba(171,101,101,.3);position:relative;flex-shrink:0}.profile-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,177,96,.6),transparent)}.profile-title{color:#ffb160;font-size:1.1em;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.profile-close-btn{background:transparent;border:none;padding:0;cursor:pointer;opacity:.8;transition:opacity .2s ease,transform .2s ease}.profile-close-btn:hover{opacity:1;transform:scale(1.1)}.profile-close-btn img{width:24px;height:24px}.profile-content{flex:1;overflow-y:auto;padding:1em;display:flex;flex-direction:column;gap:1em}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;gap:.75em;padding-bottom:1em;border-bottom:1px solid rgba(100,80,70,.3)}.profile-avatar-frame{position:relative;width:120px;height:120px}.profile-avatar-img{width:100%;height:100%;object-fit:cover;border:3px solid rgba(171,101,101,.5);border-radius:8px;background:rgba(0,0,0,.3);box-shadow:0 4px 12px #0006}.profile-level-badge{position:absolute;bottom:-8px;right:-8px;background:linear-gradient(135deg,#d4884a 0%,#b36a30 100%);color:#fff;font-size:.85em;font-weight:700;min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid rgba(45,38,32,1);box-shadow:0 2px 6px #0006}.profile-name-section{text-align:center}.profile-player-name{color:#ffb160;font-size:1.3em;font-weight:600;margin:0 0 .3em;text-shadow:0 2px 4px rgba(0,0,0,.3)}.profile-reputation-tag{display:inline-flex;align-items:center;gap:.4em;padding:.3em .8em;border-radius:12px;font-size:.8em;font-weight:600}.profile-reputation-tag svg{width:14px;height:14px}.profile-reputation-tag.survivor{background:rgba(90,154,90,.25);border:1px solid rgba(90,154,90,.5);color:#7dce82}.profile-reputation-tag.bandit{background:rgba(181,74,74,.25);border:1px solid rgba(181,74,74,.5);color:#ce7d7d}.profile-action-buttons{display:flex;gap:.5em;margin-top:.5em}.profile-action-btn{display:flex;align-items:center;justify-content:center;gap:.4em;padding:.5em 1em;background:rgba(58,40,40,.75);border:1px solid rgba(171,101,101,.5);border-radius:4px;color:#ffb160;font-size:.85em;font-weight:600;cursor:pointer;transition:all .2s ease}.profile-action-btn svg{width:14px;height:14px}.profile-action-btn:hover{background:rgba(58,40,40,.95);border-color:#ab6565b3;transform:translateY(-1px)}.profile-action-btn.save{background:rgba(90,154,90,.3);border-color:#5a9a5a80;color:#7dce82}.profile-action-btn.save:hover{background:rgba(90,154,90,.45)}.profile-action-btn.cancel{background:rgba(100,80,70,.3);border-color:#64504680;color:#a0988f}.profile-action-btn.cancel:hover{background:rgba(100,80,70,.45)}.profile-section-header{display:flex;align-items:center;gap:.5em;margin-bottom:.75em;padding-bottom:.5em;border-bottom:1px solid rgba(100,80,70,.25)}.profile-section-header svg{width:18px;height:18px;color:#d4884a}.profile-section-header span{color:#ffb160;font-size:.95em;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.profile-edit-btn{margin-left:auto;background:transparent;border:1px solid rgba(100,80,70,.4);border-radius:4px;padding:.3em;cursor:pointer;opacity:.7;transition:all .2s ease}.profile-edit-btn svg{width:14px;height:14px;color:#a0988f}.profile-edit-btn:hover{opacity:1;border-color:#ab656580}.profile-edit-btn:hover svg{color:#ffb160}.profile-info-section{background:rgba(0,0,0,.15);border:1px solid rgba(100,80,70,.25);border-radius:6px;padding:.75em}.profile-info-grid{display:flex;flex-direction:column;gap:.4em}.profile-info-item{display:flex;align-items:center;gap:.6em;padding:.5em .6em;background:rgba(0,0,0,.2);border:1px solid rgba(100,80,70,.2);border-radius:4px;opacity:0;animation:infoFadeIn .3s ease forwards;transition:all .2s ease}@keyframes infoFadeIn{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}.profile-info-item:hover{background:rgba(0,0,0,.3);border-color:#64504659}.profile-info-item.clickable{cursor:pointer}.profile-info-item.clickable:hover{border-color:#ab656566}.profile-info-item.clickable:hover .profile-info-value{color:#ffb160;text-decoration:underline}.profile-info-item.survivor .profile-info-value{color:#7dce82}.profile-info-item.bandit .profile-info-value{color:#ce7d7d}.profile-info-icon{flex-shrink:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.profile-info-icon svg{width:14px;height:14px;color:#d4884a;overflow:visible}.profile-info-label{flex:1;font-size:.8em;color:#a0988f;text-transform:uppercase;letter-spacing:.2px}.profile-info-value{font-size:.9em;font-weight:600;color:#e0d8d0;text-align:right}.profile-achievements-section{background:rgba(0,0,0,.15);border:1px solid rgba(100,80,70,.25);border-radius:6px;padding:.75em}.profile-achievements-grid,.profile-achievements-grid .achievements{display:flex;flex-wrap:wrap;gap:.5em}.profile-achievements-grid .achievements .row{margin:0}.profile-achievements-grid .achievements img{width:56px;height:56px;border:2px solid rgba(100,80,70,.4);border-radius:6px;background:rgba(0,0,0,.3);transition:all .2s ease;cursor:pointer}.profile-achievements-grid .achievements img:hover{border-color:#ab656599;transform:scale(1.05);box-shadow:0 4px 12px #0006}.profile-bio-section{background:rgba(0,0,0,.15);border:1px solid rgba(100,80,70,.25);border-radius:6px;padding:.75em}.profile-bio-content{color:#c0b8b0;font-size:.9em;line-height:1.6;white-space:pre-line;padding:.5em;background:rgba(0,0,0,.15);border-radius:4px;min-height:60px}.profile-bio-empty{color:#777;font-style:italic}.profile-bio-edit{display:flex;flex-direction:column;gap:.75em}.profile-bio-textarea{width:100%;min-height:150px;padding:.75em;background:rgba(0,0,0,.3);border:1px solid rgba(100,80,70,.4);border-radius:4px;color:#e0d8d0;font-size:.9em;line-height:1.5;resize:vertical;transition:border-color .2s ease}.profile-bio-textarea:focus{outline:none;border-color:#ffb16080}.profile-bio-textarea::placeholder{color:#666}.profile-bio-actions{display:flex;gap:.5em;justify-content:flex-end}.profile-content::-webkit-scrollbar{width:6px}.profile-content::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:3px}.profile-content::-webkit-scrollbar-thumb{background:rgba(171,101,101,.4);border-radius:3px}.profile-content::-webkit-scrollbar-thumb:hover{background:rgba(171,101,101,.6)}#playerData{padding:0}#playerData .close-icon-wrap{display:none}.chatWrap{display:flex;flex-direction:column;justify-content:flex-end;max-width:600px;margin:0 auto;height:100%}@media only screen and (min-width: 1274px){.chatWrap{height:100%}}.chatWrap .chat-messages{overflow-y:auto;padding:.5em;display:flex;flex-direction:column;gap:.25em;max-height:70%;background:linear-gradient(180deg,rgba(10,8,6,.45) 0%,rgba(20,18,16,.55) 100%);border-radius:6px 6px 0 0;border:1px solid rgba(100,80,70,.25);border-bottom:none}.chatWrap .chat-messages::-webkit-scrollbar{width:6px}.chatWrap .chat-messages::-webkit-scrollbar-track{background:rgba(0,0,0,.2)}.chatWrap .chat-messages::-webkit-scrollbar-thumb{background:rgba(171,101,101,.4);border-radius:3px}.chatWrap .chat-message{display:flex;align-items:flex-start;gap:.5em;padding:.4em .6em;background:rgba(0,0,0,.2);border-radius:4px;border-left:2px solid rgba(171,101,101,.35);transition:background .15s ease}.chatWrap .chat-message:hover{background:rgba(0,0,0,.35)}.chatWrap .chat-message.rumor{background:rgba(100,80,60,.2);border-left-color:#ceb85c80;font-style:italic}.chatWrap .chat-avatar{width:24px;height:24px;border-radius:3px;border:1px solid rgba(100,80,70,.4);flex-shrink:0}.chatWrap .chat-content{flex:1;min-width:0;line-height:1.4;font-size:.9em}.chatWrap .chat-username{color:#ffb160;font-weight:600;cursor:pointer;margin-right:.25em;transition:color .15s ease}.chatWrap .chat-username:hover{color:#ffc487;text-decoration:underline}.chatWrap .chat-time{color:#666;font-size:.85em;margin-right:.35em}.chatWrap .chat-text{color:#d0c8c0;word-break:break-word}.chatWrap .chat-text.moderator{color:#dcff91;font-weight:500}.chatWrap .rumor-text{color:#ceb85c}.chatWrap .chat-channels{display:flex;flex-wrap:wrap;justify-content:center;gap:.5em;padding:.6em;background:linear-gradient(180deg,rgba(35,30,26,.85) 0%,rgba(30,26,22,.9) 100%);border:1px solid rgba(100,80,70,.3);border-top:none;border-radius:0}.chatWrap .channel-btn{display:flex;align-items:center;gap:.4em;padding:.5em .85em;background:rgba(0,0,0,.3);border:1px solid rgba(100,80,70,.3);border-radius:4px;color:#a09080;font-size:.8em;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;position:relative}.chatWrap .channel-btn svg{opacity:.7}.chatWrap .channel-btn:hover:not(.disabled){background:rgba(0,0,0,.45);border-color:#ab656566;color:#c0b0a0}.chatWrap .channel-btn:hover:not(.disabled) svg{opacity:.9}.chatWrap .channel-btn.active{background:rgba(255,177,96,.15);border-color:#ffb16080;color:#ffb160}.chatWrap .channel-btn.active svg{opacity:1}.chatWrap .channel-btn.disabled{opacity:.4;cursor:not-allowed}.chatWrap .channel-btn.global.active{border-color:#7db8ce99;color:#7db8ce}.chatWrap .channel-btn.faction.active{border-color:#ce7d7d99;color:#ce7d7d}.chatWrap .channel-btn.gang.active{border-color:#7dce8299;color:#7dce82}.chatWrap .channel-btn.sector.active{border-color:#ceb85c99;color:#ceb85c}.chatWrap .channel-btn.private.active{border-color:#b482ce99;color:#b482ce}.chatWrap .channel-btn .new-indicator{position:absolute;top:-3px;right:-3px;width:8px;height:8px;background:#e66363;border-radius:50%;box-shadow:0 0 6px #e6636399;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.chatWrap .chat-input-row{display:flex;gap:.35em;padding:.6em;background:linear-gradient(180deg,rgba(25,22,20,.9) 0%,rgba(35,30,26,.95) 100%);border:1px solid rgba(100,80,70,.35);border-top:none;border-radius:0 0 6px 6px}.chatWrap .chat-input{flex:1;padding:.5em .75em;background:rgba(0,0,0,.4);border:1px solid rgba(100,80,70,.3);border-radius:4px;color:#e0d8d0;font-size:.9em;outline:none;transition:border-color .2s ease}.chatWrap .chat-input::placeholder{color:#555}.chatWrap .chat-input:focus{border-color:#ffb16066}.chatWrap .send-btn{display:flex;align-items:center;gap:.35em;padding:.5em .85em;background:linear-gradient(145deg,rgba(171,101,101,.4),rgba(140,80,80,.4));border:1px solid rgba(171,101,101,.5);border-radius:4px;color:#ffb160;font-size:.8em;font-weight:600;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.chatWrap .send-btn:hover:not(:disabled){background:linear-gradient(145deg,rgba(171,101,101,.55),rgba(140,80,80,.55));border-color:#ffb16080}.chatWrap .send-btn:disabled{opacity:.4;cursor:not-allowed}.chatWrap .send-btn svg{width:12px;height:12px}#squareInfo{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(54,54,54,1) 0%,rgba(45,45,45,1) 100%);color:#bbb;padding:6px 8px;gap:6px}.squareInfoEntryWrap{display:flex;align-items:center;gap:5px;padding:4px 8px;background:rgba(0,0,0,.25);border-radius:4px;border:1px solid rgba(255,255,255,.1);transition:all .2s ease;cursor:pointer;color:#ccc;font-size:.8rem;flex-shrink:0}.squareInfoEntryWrap:hover{background:rgba(0,0,0,.35);border-color:#ffffff26}.squareInfoEntryWrap .current_location,.squareInfoEntryWrap .ranged,.squareInfoEntryWrap .salvaging{flex-shrink:0;opacity:.9}#squareInfo>div:first-child{flex:1 1 auto;min-width:0;overflow:hidden}#squareInfo>div:first-child .squareInfoEntryWrap{flex-shrink:1;min-width:0;width:100%}.squareInfoEntryWrap.row:first-child span,#squareInfo>div:first-child span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;min-width:0;flex:1}.squareInfoEntryWrap .ranged+div{color:#7dd3fc;font-weight:600}.squareInfoEntryWrap.salvageLevelWrap{display:flex;flex-wrap:nowrap;width:auto;min-width:70px}.squareInfoEntryWrap .salvaging,.squareInfoEntryWrap .ranged{padding-left:5px}#squareInfo .progressBarContainer{padding:2px 0 0;width:100%}#squareInfo .progressBarBox{width:100%;height:13px;border:1px solid #e0ae83;background:rgba(0,0,0,.3);border-radius:2px}#squareInfo .progressBarBox .bar{background:#e0ae83;height:13px;border-radius:1px}#squareInfo .progressBarBox .barTitle{color:#fff;font-size:.75rem;text-shadow:0 1px 2px rgba(0,0,0,.8)}.squareInfoEntryWrap.tutorial-flash{animation:infoFlash 1s ease-in-out infinite}@keyframes infoFlash{0%,to{border-color:#64b4ff66;box-shadow:0 0 8px #64b4ff4d}50%{border-color:#64b4ffb3;box-shadow:0 0 15px #64b4ff80}}#themes{display:flex;color:#fff;box-shadow:0 0 7px #000,inset 0 0 8px #000;min-height:22px}#themes .themesBar{padding:2px 8px;text-align:center;min-height:22px;font-size:.85rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;text-shadow:0 1px 2px rgba(0,0,0,.6);cursor:pointer;transition:filter .2s ease}#themes .themesBar:hover{filter:brightness(1.1)}#encounter>div:first-child{color:#2a2a2a;font-size:.9rem;line-height:1.5;padding:.5rem .75rem;background:rgba(255,255,255,.6);border-radius:6px;margin-bottom:.5rem}#encounter ul{padding:0;margin:.5rem 0 .25rem;list-style:none;display:flex;flex-direction:column;gap:.35rem}#encounter li{cursor:pointer;padding:.5rem .75rem;background:linear-gradient(135deg,rgba(97,46,46,.9) 0%,rgba(120,60,60,.85) 100%);border-radius:6px;color:#fff;font-size:.85rem;transition:all .2s ease;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}#encounter li:before{content:"•";margin-right:.5rem;opacity:.7}#encounter li:hover{background:linear-gradient(135deg,rgba(120,60,60,.95) 0%,rgba(140,75,75,.9) 100%);transform:translate(4px);box-shadow:0 2px 8px #0003}#encounter li:active{transform:translate(2px)}#encounter li strong{color:#fff;font-weight:500}#encounter .vehicleDetailsEncounter td{font-size:.9em;vertical-align:top;text-align:left}#encounter .vehicleDetailsEncounter .progressBars{width:70%}#encounter .loadingWrap{width:100%;padding:1rem;display:flex;justify-content:center}#encounter .lds-ring{margin:0 auto;position:relative}#encounter .lds-ring div{border-color:#612e2e transparent transparent transparent;width:44px;height:44px}.encounterPanel .encounterContent strong{color:#612e2e}#encounter ul.tutorial-flash{animation:encounterFlash 1s ease-in-out infinite}@keyframes encounterFlash{0%,to{box-shadow:0 0 10px #64b4ff4d}50%{box-shadow:0 0 20px #64b4ff99}}.enitiesAround{display:flex;flex-direction:column;gap:.35rem;padding:.25rem 0;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.enitiesAround.row{flex-wrap:nowrap}.otherentities{display:flex;justify-content:space-between;align-items:center;padding:.4rem .6rem;background:rgba(0,0,0,.5);border-radius:6px;border:1px solid rgba(255,255,255,.08);transition:all .2s ease;width:100%;max-width:100%;box-sizing:border-box}.otherentities:hover{background:rgba(0,0,0,.6);border-color:#ffffff26}.enitiesAround .nameWrap{display:flex;align-items:center;gap:.4rem;flex:1;min-width:0;cursor:pointer}.enitiesAround .nameWrap:hover .entityName{color:#7dd3fc}.enitiesAround .direction{height:1.2rem;width:1.2rem;opacity:.8;flex-shrink:0}.enitiesAround .entityAvatar{width:28px;height:28px;border-radius:4px;object-fit:cover;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .2s ease;flex-shrink:0}.enitiesAround .entityAvatar:hover{border-color:#7dd3fc80;transform:scale(1.05)}.enitiesAround .entityName{padding:0 .4rem;color:#e0e0e0;font-size:.85rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease}.enitiesAround img{height:1.4rem;width:auto;flex-shrink:0}.enitiesAround .entityAttack{cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;opacity:.85}.enitiesAround .entityAttack:hover{opacity:1;transform:scale(1.1);background:rgba(255,100,100,.2)}.otherentities.tutorial-flash{animation:npcFlash 1s ease-in-out infinite;border-color:#64b4ff66}@keyframes npcFlash{0%,to{box-shadow:0 0 8px #64b4ff4d}50%{box-shadow:0 0 15px #64b4ff80}}.currentPosition{padding-bottom:8px;background:rgba(255,255,255,.5);background:linear-gradient(to bottom,rgba(232,243,255,.5) 0%,rgba(232,243,255,.5) 0%,rgba(255,255,255,.7) 85%,rgba(255,255,255,.7) 100%)}.currentPosition .otherEnititiesAround{padding:.5rem;border-radius:6px;margin:0 .4rem;overflow:hidden}.encounterPanel{display:flex;justify-content:space-between;padding:6px;width:100%;gap:8px;box-sizing:border-box}.encounterPanel .encounterPanelContent{width:100%;flex:1;min-width:0;overflow:hidden}.encounterPanel .encounterTypeMenu{padding:0;display:flex;flex-direction:column;gap:8px;flex-shrink:0}.panel-tab-btn{position:relative;display:flex;align-items:center;gap:8px;min-width:110px;padding:10px 14px;font-family:Segoe UI,Roboto,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#c4a882;background:linear-gradient(135deg,rgba(45,35,28,.95) 0%,rgba(32,25,20,.98) 50%,rgba(25,20,16,.95) 100%);border:1px solid rgba(139,90,60,.5);border-radius:6px;box-shadow:0 3px 8px #0006,0 1px #ffc88c0d inset,0 -1px #0000004d inset;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);overflow:hidden}.panel-tab-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,180,100,.2) 50%,transparent 100%)}.panel-tab-btn:hover{color:#ffc799;background:linear-gradient(135deg,rgba(55,42,32,.98) 0%,rgba(40,30,24,.98) 50%,rgba(30,24,18,.98) 100%);border-color:#b4785099;box-shadow:0 4px 12px #00000080,0 0 20px #ffa05014,0 1px #ffc88c14 inset;transform:translate(-2px)}.panel-tab-btn.active{color:#ffd4a8;background:linear-gradient(135deg,rgba(70,45,30,.98) 0%,rgba(50,32,22,.98) 50%,rgba(35,24,16,.98) 100%);border-color:#dc8c50b3;box-shadow:0 4px 16px #00000080,0 0 24px #ffa05026,0 1px #ffc88c1a inset}.panel-tab-btn.active:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:linear-gradient(180deg,rgba(255,180,100,.9) 0%,rgba(255,140,60,.9) 100%);border-radius:0 2px 2px 0;box-shadow:0 0 8px #ffa05080}.panel-tab-btn .tab-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;color:inherit;transition:color .2s ease}.panel-tab-btn .tab-icon svg{width:100%;height:100%;opacity:.85;transition:opacity .2s ease}.panel-tab-btn:hover .tab-icon,.panel-tab-btn.active .tab-icon{color:#ffb87a}.panel-tab-btn:hover .tab-icon svg,.panel-tab-btn.active .tab-icon svg{opacity:1}.panel-tab-btn .tab-label{flex:1;text-align:left;white-space:nowrap}.panel-tab-btn .tab-glow{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,rgba(255,160,80,.15) 0%,transparent 70%);transition:opacity .3s ease}.panel-tab-btn.active .tab-glow{opacity:1}.panel-tab-btn.flash{animation:tabFlash 1.2s ease-in-out infinite}@keyframes tabFlash{0%,to{box-shadow:0 3px 8px #0006,0 0 #64c8ff00}50%{box-shadow:0 3px 12px #00000080,0 0 20px #64c8ff80,0 0 40px #64c8ff33;border-color:#64c8ff99}}.encounterPanel .encounterContent{max-height:18vh;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(100,100,100,.4) transparent;box-sizing:border-box;margin:0 .5em}.encounterPanel .encounterContent::-webkit-scrollbar{width:5px}.encounterPanel .encounterContent::-webkit-scrollbar-track{background:transparent}.encounterPanel .encounterContent::-webkit-scrollbar-thumb{background:rgba(100,100,100,.4);border-radius:3px}.encounterPanel .encounterContent::-webkit-scrollbar-thumb:hover{background:rgba(100,100,100,.6)}.targetWrap{top:40px;width:100%;max-height:calc(100vh - 100px);overflow:auto;position:absolute;pointer-events:none;z-index:520}.targetDetails{padding:1rem;margin:0 auto;color:#fff;max-width:600px;background:linear-gradient(165deg,rgba(30,25,22,.85) 0%,rgba(18,16,14,.88) 100%);border:1px solid rgba(171,101,101,.4);border-radius:12px;box-shadow:0 12px 40px #00000080,0 0 0 1px #ffb16014,inset 0 1px #ffffff0a;animation:combatFadeIn .3s ease forwards;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes combatFadeIn{0%{opacity:0;transform:translateY(-15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.vsWrap{display:flex;justify-content:space-between;align-items:stretch;gap:.5rem;margin-bottom:1rem}.vsWrap .details{flex:1;padding:.75rem;border-radius:10px;position:relative;overflow:hidden}.vsWrap .details:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.vsWrap .enemyDetails{background:linear-gradient(135deg,rgba(120,40,40,.35) 0%,rgba(60,25,25,.5) 100%);border:1px solid rgba(180,60,60,.4)}.vsWrap .enemyDetails:before{background:linear-gradient(90deg,transparent,rgba(220,80,80,.8),transparent)}.vsWrap .playerDetails{background:linear-gradient(135deg,rgba(50,100,50,.35) 0%,rgba(30,60,30,.5) 100%);border:1px solid rgba(80,160,80,.4)}.vsWrap .playerDetails:before{background:linear-gradient(90deg,transparent,rgba(100,200,100,.8),transparent)}.vsWrap .details h3{margin:0 0 .25rem;color:#fff;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vsWrap .details .smallText{color:#fff9;font-size:.75rem}.vsWrap .avatarWrap{position:relative;width:90px;height:90px;margin:.5rem 0}.vsWrap .avatar{width:90px;height:90px;border-radius:8px;border:2px solid rgba(255,255,255,.2);object-fit:cover;box-shadow:0 4px 12px #0006}.vsWrap .enemyDetails .avatar{border-color:#b43c3c99}.vsWrap .playerDetails .avatar{border-color:#50a05099}.vsWrap .mercsList{display:flex;flex-wrap:wrap;gap:4px;margin-top:.5rem}.vsWrap .mercsList>div{padding:0}.vsWrap .mercsList img{width:28px;height:28px;border-radius:4px;border:1px solid rgba(255,255,255,.2);object-fit:cover}.vsWrap .details>div{font-size:.8rem;line-height:1.4}.vsWrap .details strong{color:#ffffffb3}.vsWrap .health,.vsWrap .stamina,.vsWrap .scouting,.vsWrap .speed{padding:2px 6px 2px 22px;border-radius:4px;font-size:.75rem;font-weight:600;margin:2px;background-color:#0000004d;border:1px solid rgba(100,80,70,.3);background-position:4px center;background-size:14px 14px}.vsWrap>div:nth-child(2){display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 .5rem;min-width:80px}.vsWrap>div:nth-child(2) img{width:60px;height:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.vsWrap .areaDetails{margin-top:.5rem;padding:.5rem;background:rgba(0,0,0,.4);border:1px solid rgba(100,80,70,.3);border-radius:6px;text-align:center}.vsWrap .areaDetails .current_location{width:14px;height:14px;margin-right:4px}.targetWrap .targetDetails .otherInvolved{max-height:80px;overflow-y:auto;margin-top:.5rem;padding:.5rem;background:rgba(0,0,0,.2);border-radius:6px}.otherInvolved .smallText{font-size:.7rem;color:#ffffff80}.combat-distance-row{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:rgba(0,0,0,.3);border-radius:8px;margin-bottom:.75rem}.combat-distance-row .ranged{width:20px;height:20px;flex-shrink:0}.combat-distance-row span{color:#ffffffb3;font-size:.9rem}.combat-distance-row strong{color:#ffb160;font-size:1rem;font-weight:700}.attackRangeText{text-align:center;color:#fffc;font-size:.85rem;padding-bottom:0}.squareInfoEntryWrap{display:flex;align-items:center;gap:.5rem}.squareInfoEntryWrap .ranged{width:18px;height:18px}.rangeSliderWrap{background:linear-gradient(135deg,rgba(80,50,50,.5) 0%,rgba(60,40,40,.65) 100%);border:1px solid rgba(140,80,80,.4);border-radius:10px;padding:1rem;margin-bottom:1rem}.rangeSliderWrap .rowCentred{justify-content:space-between;margin-bottom:.75rem}.rangeSliderWrap .dmg{display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border-radius:6px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s ease;background:rgba(0,0,0,.3);border:1px solid rgba(100,80,70,.4);color:#ffb160}.rangeSliderWrap .dmg:hover{background:rgba(0,0,0,.4);border-color:#ffb16080}.rangeSliderWrap .dmg .dmg-icon{width:16px;height:16px;vertical-align:middle}.rangeSliderWrap .attackRangeText{flex:1;text-align:center;color:#ffffffb3;font-size:.8rem;cursor:pointer;padding:.4rem;border-radius:4px;transition:background .2s ease}.rangeSliderWrap .attackRangeText:hover{background:rgba(255,255,255,.1)}.rangeSliderWrap .range-slider{height:38px;background:linear-gradient(90deg,rgba(180,60,60,.4) 0%,rgba(180,140,60,.4) 25%,rgba(140,180,80,.4) 50%,rgba(180,140,60,.4) 75%,rgba(180,60,60,.4) 100%);border:1px solid rgba(100,80,70,.5);border-radius:8px;cursor:pointer}.range-thumb{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(60,50,45,1) 0%,rgba(45,38,35,1) 100%);border:2px solid rgba(255,177,96,.7);color:#ffb160;font-weight:700;font-size:.85rem;padding:.3rem .75rem;height:36px;text-align:center;border-radius:6px;box-shadow:0 4px 12px #0006,0 0 15px #ffb16033;cursor:grab;transition:all .15s ease;text-transform:capitalize;margin-top:-6px;margin-left:10px}.range-thumb:hover{border-color:#ffb160e6;box-shadow:0 4px 12px #0006,0 0 20px #ffb16059}.range-thumb:active{cursor:grabbing;transform:scale(1.02)}.range-track{background:transparent;height:100%;border-radius:8px}.attackTactics{margin:.75rem 0}.attackTactics select{width:100%;max-width:200px;padding:.6rem 1rem;background:rgba(0,0,0,.4);border:1px solid rgba(100,80,70,.4);border-radius:6px;color:#d4c4b0;font-size:.9rem;cursor:pointer;transition:all .2s ease}.attackTactics select:hover{border-color:#ffb16080}.attackTactics select:focus{outline:none;border-color:#ffb16099;box-shadow:0 0 10px #ffb16026}.warnMessage{padding:.75rem 1rem;background:rgba(180,60,60,.2);border:1px solid rgba(180,60,60,.4);border-radius:8px;color:#ff8080;font-size:.85rem;text-align:center;margin:.75rem 0}.greenMessage{padding:.75rem 1rem;background:rgba(80,160,80,.2);border:1px solid rgba(80,160,80,.4);border-radius:8px;color:#80e080;font-size:.85rem;text-align:center;margin:.75rem 0}.attackBttWrap{padding:.75rem 0}.targetDetails .rowCentred{display:flex;justify-content:center;align-items:center}.fightBarWrap{width:100%;margin:1rem 0}.fightBar{width:100%}.targetDetails .progressBarContainer{padding:15px 0}.targetDetails .progressBarContainer .progressBarBox{border:2px solid rgba(100,80,70,.5);background:linear-gradient(90deg,rgba(80,160,80,.4) 0%,rgba(80,160,80,.6) 100%);width:auto;box-shadow:0 4px 15px #0006;border-radius:6px;overflow:hidden}.targetDetails .progressBarContainer .progressBarBox .bar{background:linear-gradient(90deg,rgba(180,60,60,.8) 0%,rgba(220,80,80,.9) 100%)}.targetDetails.fighting{animation:fightPulse 2s ease-in-out infinite}.targetDetails.fighting .vsWrap .enemyDetails{animation:enemyPulse 1.5s ease-in-out infinite}.targetDetails.fighting .vsWrap .playerDetails{animation:playerPulse 1.5s ease-in-out infinite .75s}.targetDetails.fighting .vsWrap>div:nth-child(2) img{animation:vsBounce .8s ease-in-out infinite}@keyframes fightPulse{0%,to{box-shadow:0 12px 40px #00000080,0 0 0 1px #ffb16014,inset 0 1px #ffffff0a}50%{box-shadow:0 12px 40px #00000080,0 0 20px #ff64324d,inset 0 1px #ffffff0a}}@keyframes enemyPulse{0%,to{box-shadow:none;border-color:#b43c3c66}50%{box-shadow:0 0 20px #dc3c3c66,inset 0 0 15px #dc3c3c1a;border-color:#dc5050b3}}@keyframes playerPulse{0%,to{box-shadow:none;border-color:#50a05066}50%{box-shadow:0 0 20px #50c85066,inset 0 0 15px #50c8501a;border-color:#64c864b3}}@keyframes vsBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.fight-stage{margin-top:1rem;animation:stageSlideIn .3s ease-out}@keyframes stageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.combat-action-text{text-align:center;margin-bottom:1rem;padding:.75rem;background:linear-gradient(90deg,transparent 0%,rgba(255,100,50,.15) 20%,rgba(255,100,50,.2) 50%,rgba(255,100,50,.15) 80%,transparent 100%);border-radius:8px;position:relative;overflow:hidden}.combat-action-text:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);animation:combatShimmer 2s ease-in-out infinite}@keyframes combatShimmer{0%{left:-100%}to{left:100%}}.combat-action-text span{display:inline-block;color:#ffb160;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(255,177,96,.5);animation:combatTextPulse 1s ease-in-out infinite}@keyframes combatTextPulse{0%,to{opacity:1;text-shadow:0 0 10px rgba(255,177,96,.5)}50%{opacity:.8;text-shadow:0 0 20px rgba(255,177,96,.8),0 0 30px rgba(255,100,50,.5)}}.targetDetails.fighting .progressBarBox{animation:barGlow 1s ease-in-out infinite}@keyframes barGlow{0%,to{box-shadow:0 4px 15px #0006}50%{box-shadow:0 4px 15px #0006,0 0 20px #ffb1604d}}.fightResults{max-height:350px;overflow-y:auto;text-align:center;padding:1rem;animation:resultsReveal .5s ease-out}@keyframes resultsReveal{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fightResults h2{margin:.5rem 0 1rem;font-size:3rem;text-transform:uppercase;animation:resultTextBounce .6s ease-out .2s both}@keyframes resultTextBounce{0%{opacity:0;transform:scale(.5) translateY(-20px)}60%{transform:scale(1.1) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}.fightResults h2{letter-spacing:2px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.fightResults td{color:#fff}.fightResults>div>div{margin:.5rem 0;font-size:.9rem;color:#ffffffd9}.rowSpread{display:flex;justify-content:space-between;padding:.25rem 0;font-size:.8rem;color:#ffffffb3}.scoutGroupInfo{overflow-y:auto;max-height:120px;border:1px solid rgba(100,80,70,.3);border-radius:6px;padding:.5rem;margin:.5rem 0;background:rgba(0,0,0,.2)}.scoutGroupInfo img{width:3em;height:auto;border-radius:4px}.playerScoutDetails hr{border-color:#6450464d;margin:.75rem 0}.playerScoutDetails>div>img{vertical-align:middle;margin-bottom:4px}.scoutMercEquip{display:flex;border-bottom:1px solid rgba(100,80,70,.3);padding-bottom:.5rem;margin-bottom:.5rem}.vsWrap.minimized .vs{height:3em;width:auto}@media (max-width: 500px){.targetDetails{padding:.75rem;margin:0 .5rem;border-radius:10px}.vsWrap{flex-wrap:wrap}.vsWrap .details{flex:1 1 40%;min-width:120px}.vsWrap>div:nth-child(2){order:-1;flex:1 1 100%;flex-direction:row;justify-content:space-around;padding:.5rem 0}.vsWrap>div:nth-child(2) img{width:50px}.vsWrap .avatarWrap,.vsWrap .avatar{width:70px;height:70px}.vsWrap .details h3{font-size:.85rem}.range-thumb{font-size:.8rem;padding:.3rem .75rem}.rangeSliderWrap .dmg{font-size:.8rem;padding:.3rem .5rem}.rangeSliderWrap .attackRangeText{font-size:.7rem}}@media (max-width: 380px){.vsWrap .details{flex:1 1 100%}.vsWrap .avatarWrap,.vsWrap .avatar{width:60px;height:60px}}.itemWrap{position:relative;width:77px;height:auto;margin:2px 2px 4px;background:linear-gradient(145deg,rgba(80,75,70,.95) 0%,rgba(60,55,50,.95) 100%);border:1px solid rgba(100,90,80,.6);border-radius:4px;padding-bottom:2px;box-shadow:0 2px 4px #0000004d,inset 0 1px #ffffff14;transition:all .15s ease}.itemWrap:hover{border-color:#ffb16080;box-shadow:0 3px 8px #0006,0 0 8px #ffb16026,inset 0 1px #ffffff1a}.itemWrap.item-type-material{background:linear-gradient(145deg,rgba(90,80,70,.95) 0%,rgba(70,60,50,.95) 100%);border-color:#78645080}.itemWrap.item-type-melee{background:linear-gradient(145deg,rgba(100,60,55,.95) 0%,rgba(80,45,40,.95) 100%);border-color:#b4645a80}.itemWrap.item-type-melee:hover{border-color:#c87864b3;box-shadow:0 3px 8px #0006,0 0 8px #b4645a33}.itemWrap.item-type-equipment{background:linear-gradient(145deg,rgba(110,100,55,.95) 0%,rgba(85,75,40,.95) 100%);border-color:#c8b46480}.itemWrap.item-type-equipment:hover{border-color:#e6d278b3;box-shadow:0 3px 8px #0006,0 0 8px #c8b46433}.itemWrap.item-type-ranged{background:linear-gradient(145deg,rgba(60,95,120,.95) 0%,rgba(45,75,100,.95) 100%);border-color:#64a0c880}.itemWrap.item-type-ranged:hover{border-color:#82bee6b3;box-shadow:0 3px 8px #0006,0 0 8px #64a0c833}.itemWrap.item-type-armor{background:linear-gradient(145deg,rgba(90,90,90,.95) 0%,rgba(65,65,65,.95) 100%);border-color:#96969680}.itemWrap.item-type-armor:hover{border-color:#b4b4b4b3;box-shadow:0 3px 8px #0006,0 0 8px #96969633}.itemWrap.item-type-consumable{background:linear-gradient(145deg,rgba(55,85,60,.95) 0%,rgba(40,65,45,.95) 100%);border-color:#5a966480}.itemWrap.item-type-consumable:hover{border-color:#6eb478b3;box-shadow:0 3px 8px #0006,0 0 8px #5a966433}.itemWrap.item-type-special{background:linear-gradient(145deg,rgba(85,60,95,.95) 0%,rgba(65,45,75,.95) 100%);border-color:#9664aa80}.itemWrap.item-type-special:hover{border-color:#b482c8b3;box-shadow:0 3px 8px #0006,0 0 8px #9664aa33}.itemWrap.item-type-blueprint{background:linear-gradient(145deg,rgba(50,80,100,.95) 0%,rgba(35,60,80,.95) 100%);border-color:#50a0c880}.itemWrap.item-type-blueprint:hover{border-color:#64bee6b3;box-shadow:0 3px 8px #0006,0 0 8px #50a0c833}.itemWrap.item-type-ammo{background:linear-gradient(145deg,rgba(100,90,70,.95) 0%,rgba(80,70,50,.95) 100%);border-color:#a08c6480}.itemWrap.item-type-ammo:hover{border-color:#beaa78b3;box-shadow:0 3px 8px #0006,0 0 8px #a08c6433}.itemWrap.item-type-vehicle{background:linear-gradient(145deg,rgba(50,55,75,.95) 0%,rgba(35,40,55,.95) 100%);border-color:#5a648c80}.itemWrap.item-type-vehicle:hover{border-color:#7882b4b3;box-shadow:0 3px 8px #0006,0 0 8px #5a648c33}.itemWrap.used-as-ammo{border-color:#c88c64b3!important;box-shadow:0 2px 4px #0000004d,0 0 6px #c88c644d,inset 0 1px #ffffff14}.itemImage{width:76px;height:auto;display:block;border-radius:3px 3px 0 0;filter:contrast(1.1)}.item-tooltip{min-width:180px;max-width:280px}.item-tooltip__header{display:flex;flex-direction:column;gap:.25rem;padding-bottom:.625rem;margin-bottom:.625rem;border-bottom:1px solid rgba(200,140,80,.25)}.item-tooltip__name{font-size:1.1rem;font-weight:700;color:#ffb160;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.4)}.item-tooltip__subtype{font-size:.7rem;color:#c8b4a0b3;text-transform:uppercase;letter-spacing:.8px;font-weight:500}.item-tooltip__notices{display:flex;flex-direction:column;gap:.375rem;padding:.5rem;margin-bottom:.625rem;background:rgba(0,0,0,.2);border-radius:4px;border-left:2px solid rgba(200,140,80,.5)}.item-tooltip__notice{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#e8d8c8d9}.item-tooltip__notice-icon{font-size:.8rem;flex-shrink:0}.item-tooltip__notice--ammo{color:#d4a574}.item-tooltip__notice--bound{color:#ce8a8a}.item-tooltip__stats{margin-bottom:.75rem}.item-attributes__row{display:grid;grid-template-columns:1fr 1fr;gap:.375rem;margin-bottom:.5rem}.item-attr{display:flex;align-items:center;font-size:.8rem;color:#e8d8c8;padding:.3rem .5rem .3rem 0;background-color:#0003;border-radius:4px;min-height:24px;background-position:6px center;background-size:16px 16px}.item-attr.ranged,.item-attr.rof,.item-attr.spower,.item-attr.handling,.item-attr.stamina,.item-attr.health,.item-attr.melee{padding-left:28px;background-repeat:no-repeat;background-position:6px center;background-size:16px 16px;min-width:72px}.item-attr__label{color:#c8b4a0e6;font-weight:500;font-size:.65rem;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.item-attr__value{font-weight:700;color:#ffb160;margin-left:auto;font-size:.85rem}.item-attr.ammo-icon{grid-column:1 / -1;padding-left:28px;background:rgba(0,0,0,.25) url(/images/icons/ammo.png) 6px center no-repeat;background-size:16px 16px}.item-attributes__durability{font-size:.8rem;color:#c8b4a0d9;padding-top:.375rem;border-top:1px solid rgba(200,140,80,.15)}.item-tooltip__actions{display:flex;flex-wrap:wrap;gap:.375rem;padding-top:.625rem;border-top:1px solid rgba(200,140,80,.2)}.item-tooltip__btn{flex:1 1 auto;min-width:fit-content;padding:.4rem .65rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#d8c8b8;background:linear-gradient(180deg,rgba(80,65,50,.95) 0%,rgba(55,45,38,.95) 100%);border:1px solid rgba(140,100,70,.5);border-radius:3px;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 4px #0000004d,inset 0 1px #ffffff0d}.item-tooltip__btn:hover{color:#ffb160;background:linear-gradient(180deg,rgba(100,80,60,.95) 0%,rgba(70,55,45,.95) 100%);border-color:#c8965ab3;box-shadow:0 3px 8px #0006,0 0 10px #c8965a26,inset 0 1px #ffffff14;transform:translateY(-1px)}.item-tooltip__btn:active{transform:translateY(0);box-shadow:0 1px 2px #0000004d,inset 0 1px 3px #0003}.itemTitle{font-size:1.4em;color:#ffb160;margin-bottom:.3em}.itemWrap .progressBarContainer{padding:0 4px}.itemWrap .progressBarContainer .progressBarBox{height:10px;width:98%;background:rgba(0,0,0,.4);border:1px solid rgba(80,70,60,.5);border-radius:2px}.itemWrap .progressBarContainer .progressBarBox .bar{height:12px;border-radius:1px;background:linear-gradient(90deg,#797247 0%,#9d9264 100%)}.itemWrap .ammoBarWrap .progressBarBox .bar{background:linear-gradient(90deg,#6a5040 0%,#8a6a50 100%)}.item-quant{position:absolute;bottom:10px;left:4px;z-index:10;background:rgba(0,0,0,.8);color:#e0d8d0;font-size:.6em;font-weight:600;padding:2px 5px;border-radius:4px;border-right:1px solid rgba(100,80,70,.5);border-top:1px solid rgba(100,80,70,.5);min-width:16px;text-align:center}.itemWrap .wasteland-weapon{position:absolute;top:2px;right:4px;font-size:10px;color:#ffb160;background:rgba(0,0,0,.6);padding:1px 4px;border-radius:2px;font-weight:700}.perksBox{max-width:603px;padding-top:2px}.perksBox .perklist>div{cursor:pointer;width:95px;margin:0 5px 14px 0;padding:6px 0;border:1px solid rgba(100,80,60,.4);background-color:#231e19b3;border-radius:4px;transition:all .2s ease}.perksBox .perklist>div:hover{border-color:#96785a99;background-color:#2d2823cc}.perksBox .perklist>div:last-child{margin-right:0}.perksBox .perklist>div>div{margin:2px auto 6px;padding:0;width:25px}.perksBox .perklist>div>.perk-icon{background-color:#50463c99;box-shadow:inset 0 0 10px #0006;width:40%;padding:3px;height:40px;border:1px solid rgba(100,80,60,.5);border-radius:4px;position:relative}.perksBox .perklist>div img{width:90%;margin-top:4px;margin-left:2px}.perksBox .perklist>div .inactive{background-color:#3c373280;filter:grayscale(50%)}.perksBox .perklist>div .selected,.perksBox .perklist>div .perk-icon:not(.inactive):not(.pick){background:linear-gradient(135deg,rgba(200,160,80,.4) 0%,rgba(150,120,60,.3) 100%);border:2px solid rgba(255,200,100,.7);box-shadow:inset 0 0 8px #ffc8644d,0 0 12px #ffc86466;filter:brightness(1.2)}.perksBox .perklist>div .selected:after,.perksBox .perklist>div .perk-icon:not(.inactive):not(.pick):after{content:"✓";position:absolute;top:-6px;right:-6px;width:16px;height:16px;background:#ffc040;color:#1a1510;font-size:10px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0006}.perksBox .perklist>div .pick{border:2px solid rgba(100,200,100,.7);background:linear-gradient(135deg,rgba(80,150,80,.3) 0%,rgba(60,120,60,.2) 100%);animation:perkAvailable 2s ease-in-out infinite}@keyframes perkAvailable{0%,to{box-shadow:0 0 8px #64c86466}50%{box-shadow:0 0 16px #64c864b3}}.perksBox .perklist>div .pick:hover{background:linear-gradient(135deg,rgba(100,180,100,.5) 0%,rgba(80,150,80,.4) 100%);border-color:#96ff96cc}.perksBox .perklist>div .pick:hover img{opacity:1}.perksBox .back-line{height:27px;color:#d0c0b0;text-align:center;border-radius:0 4px 4px 0;width:100%;font-size:1.2em;padding:17px 0 13px;text-shadow:0 1px 3px rgba(0,0,0,.5)}.perksBox .line100{background:linear-gradient(135deg,rgba(120,80,50,.6) 0%,rgba(90,60,40,.4) 100%);border:1px solid rgba(150,100,60,.4);margin-top:29px}.perksBox .line60{background:linear-gradient(135deg,rgba(70,70,80,.6) 0%,rgba(50,50,60,.4) 100%);border:1px solid rgba(100,100,120,.4);margin-top:3px}.perksBox .line30{background:linear-gradient(135deg,rgba(70,80,50,.6) 0%,rgba(50,60,40,.4) 100%);border:1px solid rgba(100,120,80,.4);margin-top:3px}.perksBox .perklist>div>[data-perk-group="30"]{margin:6px 0 0 20px}.perksBox .pull-left{float:left}.perk_notice{padding:14px 14px 14px 0}.perk-modal{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:.5rem}.perk-modal__image-wrap{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,rgba(142,142,142,.6) 0%,rgba(161,159,156,.8) 100%);border:2px solid rgba(200,160,100,.4);border-radius:12px;overflow:hidden}.perk-modal__image-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(255,200,100,.15) 0%,transparent 70%);pointer-events:none}.perk-modal__image{width:85%;height:85%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));position:relative;z-index:1}.perk-modal__skill-req{display:flex;flex-direction:column;align-items:center;gap:.4rem}.perk-modal__skill-label{color:#908070;font-size:.75rem;text-transform:uppercase;letter-spacing:1px}.perk-modal__skill-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem .85rem;background:linear-gradient(145deg,rgba(60,55,48,.9) 0%,rgba(45,40,35,.95) 100%);border:1px solid rgba(200,160,100,.35);border-radius:6px}.perk-modal__skill-icon{width:22px;height:22px;object-fit:contain}.perk-modal__skill-name{color:#d8c8a8;font-size:.9rem;font-weight:600}.perk-modal__skill-level{color:#ffb160;font-size:1rem;font-weight:700;padding-left:.25rem;border-left:1px solid rgba(200,160,100,.3);margin-left:.25rem}.perk-modal__description{text-align:center;color:#c8c0b8;font-size:.9rem;line-height:1.5;padding:0 .5rem;max-width:320px}.perk-modal__warning{display:flex;align-items:center;gap:.5rem;padding:.6rem .85rem;background:linear-gradient(145deg,rgba(180,120,60,.2) 0%,rgba(140,90,40,.15) 100%);border:1px solid rgba(255,180,80,.35);border-radius:6px;color:#e8c090;font-size:.8rem;font-weight:600}.perk-modal__warning svg{width:18px;height:18px;flex-shrink:0;color:#ffb060}#perksModalContent .image-container{text-align:center;background:linear-gradient(to right,rgba(207,187,168,1) 0%,rgba(207,187,168,.5) 50%,rgba(188,224,238,0) 100%);padding:6px}.panel-header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:linear-gradient(180deg,rgba(60,50,42,1) 0%,rgba(42,36,30,.98) 100%);border-bottom:1px solid rgba(171,101,101,.2);flex-shrink:0}.panel-header-decoration{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,rgba(255,177,96,.6) 20%,rgba(255,140,60,.8) 50%,rgba(255,177,96,.6) 80%,transparent 100%)}.panel-header-left{display:flex;align-items:center;gap:.75rem}.panel-header-content{flex:1;display:flex;justify-content:center}.panel-header-actions{display:flex;align-items:center;gap:.5rem}.panel-header-back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:rgba(0,0,0,.25);border:1px solid rgba(100,80,70,.35);border-radius:8px;color:#ffb160;cursor:pointer;transition:all .2s ease}.panel-header-back:hover{background:rgba(255,177,96,.15);border-color:#ffb16080;transform:translate(-2px)}.panel-header-back:active{transform:translate(-4px) scale(.95)}.panel-header-title{display:flex;align-items:center;gap:.5rem;margin:0;color:#ffb160;font-size:1.25rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 2px 6px rgba(255,140,60,.25)}.panel-header-icon{display:flex;align-items:center;opacity:.9}.panel-header-icon svg{width:24px;height:24px}.panel-header-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:rgba(0,0,0,.25);border:1px solid rgba(100,80,70,.35);border-radius:8px;color:#888;cursor:pointer;transition:all .2s ease}.panel-header-close:hover{background:rgba(171,101,101,.25);border-color:#ab656580;color:#ffb160;transform:scale(1.05)}.panel-header-close:active{transform:scale(.95)}@media (max-width: 400px){.panel-header{padding:.875rem 1rem}.panel-header-title{font-size:1.1rem}.panel-header-icon svg{width:20px;height:20px}}.contentOverlay{position:absolute;width:100%;display:flex;justify-content:center;height:100%;z-index:500}.contentOverlayBackground{width:100%;background-image:url(/images/panels/glass.png);background-repeat:no-repeat;background-size:50%;background-position:left 90%}.contentOverlayBackgroundNoOverflow{width:100%;background-image:url(/images/panels/glass.png);background-repeat:no-repeat;background-size:50%;background-position:left 90%}.contentOverlayWindow{max-width:600px;background:linear-gradient(to top,rgba(22,18,15,.97) 0%,rgba(22,18,15,.97) 0%,rgba(18,15,12,.95) 85%,rgba(18,15,12,.95) 100%);box-shadow:0 0 7px #000;width:96%;margin:2em 0 4em;display:flex}.contentOverlay .contentOverlayWindow table tr td{color:#fff}.contentOverlay .content{padding:1em}.contentOverlay .menuPanel{position:relative;box-shadow:0 0 10px #000c,inset 0 1px #ffc89614,inset 0 -1px #0006;background:url(/images/panels/co-middle-panel-2.png) center bottom;background-repeat:no-repeat;margin-bottom:2px;min-height:20px;border:1px solid rgba(70,55,45,.5);border-top-color:#64503c66;border-bottom-color:#19140fb3}.contentOverlay .menuPanel:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(20,16,12,.7) 0%,rgba(25,20,15,.55) 40%,rgba(25,20,15,.55) 60%,rgba(20,16,12,.7) 100%);pointer-events:none}.contentOverlay .menuPanel>*{position:relative;z-index:1}.contentOverlay .menuPanelBuilding{position:relative;box-shadow:0 0 10px #000c,inset 0 1px #ffffff0f,inset 0 -1px #0006;background:url(/images/panels/co-middle-panel-bricks.png) center bottom;background-repeat:no-repeat;margin-bottom:2px;background-size:100% 100%;border:1px solid rgba(60,60,65,.6);border-top-color:#5a5a5f80;border-bottom-color:#141419cc}.contentOverlay .menuPanelBuilding:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(10,10,12,.5) 0%,rgba(15,15,18,.35) 30%,rgba(15,15,18,.35) 70%,rgba(10,10,12,.5) 100%);pointer-events:none}.contentOverlay .menuPanelBuilding:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(0,0,0,.3) 0%,transparent 5%,transparent 95%,rgba(0,0,0,.3) 100%);border-top:1px solid rgba(255,180,100,.08);pointer-events:none}.contentOverlay .menuPanelBuilding>*{position:relative;z-index:1}.contentOverlay .stashText{text-align:center;padding:.5em}.contentPanelDark{box-shadow:0 0 7px #000;background-color:#333;color:#fff}.contentPanelDark2{background:#00000057;border:1px solid #ab6565}.shadow{box-shadow:0 0 7px #000}.contentPanelLight{box-shadow:0 0 7px #000;background-color:#ffffff4d;color:#fff}.contentPanelSlightLight{box-shadow:0 0 7px #000;background-color:#8888884d;color:#fff}#inventory,#inventoryGlobal{display:flex;flex-direction:column;height:100%;background:linear-gradient(180deg,rgba(30,26,22,.98) 0%,rgba(25,22,18,.99) 100%)}.inventory-header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:linear-gradient(180deg,rgba(60,50,42,1) 0%,rgba(42,36,30,.98) 100%);border-bottom:1px solid rgba(171,101,101,.2);flex-shrink:0}.inventory-header-decoration{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,rgba(255,177,96,.6) 20%,rgba(255,140,60,.8) 50%,rgba(255,177,96,.6) 80%,transparent 100%)}.inventory-header-left,.inventory-header-actions{display:flex;align-items:center;gap:.5rem}.inventory-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:rgba(0,0,0,.25);border:1px solid rgba(100,80,70,.35);border-radius:6px;color:#888;cursor:pointer;transition:all .2s ease}.inventory-close-btn:hover{background:rgba(171,101,101,.25);border-color:#ab656580;color:#ffb160;transform:scale(1.05)}.inventory-close-btn:active{transform:scale(.95)}.merc-selector{display:flex;align-items:center;gap:.4rem}.merc-divider{width:1px;height:28px;background:linear-gradient(180deg,transparent 0%,rgba(171,130,100,.5) 20%,rgba(171,130,100,.5) 80%,transparent 100%);margin:0 .2rem;flex-shrink:0}.merc-selector-btn{display:flex;align-items:center;justify-content:center;padding:.2rem;background:rgba(0,0,0,.2);border:2px solid rgba(100,80,70,.3);border-radius:6px;cursor:pointer;transition:all .2s ease;position:relative}.merc-selector-btn:hover{background:rgba(100,80,70,.2);border-color:#64504680}.merc-selector-btn.active{background:rgba(255,177,96,.12);border-color:#ffb16099;box-shadow:0 0 10px #ff8c3c33}.merc-selector-btn.is-player.active{border-color:#7dce8c99;background:rgba(125,206,140,.1);box-shadow:0 0 10px #7dce8c33}.merc-selector-btn img{width:28px;height:28px;border-radius:4px;object-fit:cover}.merc-details-section{flex-shrink:0;padding:.5rem}.inventory-title-bar{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;background:linear-gradient(180deg,rgba(39,39,39,.85) 0%,rgba(39,39,39,.75) 100%),url(/images/panels/co-middle-panel-2.png) no-repeat right top;background-size:auto,auto 100%;border-top:1px solid rgba(100,80,70,.2);border-bottom:1px solid rgba(100,80,70,.2);flex-shrink:0;min-height:42px}.inventory-title-left{display:flex;align-items:center;gap:.75rem}.inventory-title-bar h4{margin:0;color:#d0c0b0;font-size:1.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.inventory-weight{display:flex;align-items:center;gap:.3rem;padding:.2rem .45rem;background:rgba(0,0,0,.25);border:1px solid rgba(100,80,70,.3);border-radius:4px;font-size:.75rem;color:#a89080}.inventory-weight svg{color:#777}.inventory-weight.overweight{color:#e85555;border-color:#e8555566;background:rgba(232,85,85,.1)}.inventory-weight.overweight svg{color:#e85555}.inventory-title-actions{display:flex;align-items:center;gap:.4rem}.bulk-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:rgba(0,0,0,.3);border:1px solid rgba(100,80,70,.4);border-radius:6px;color:#888;cursor:pointer;transition:all .2s ease}.bulk-action-btn:hover{background:rgba(100,80,70,.25);border-color:#64504699;color:#bbb}.bulk-action-btn.active{border-color:#ffb16099;color:#ffb160}.bulk-action-btn.take-apart.active{background:rgba(125,184,206,.15);border-color:#7db8ce99;color:#7db8ce}.bulk-action-btn.throw-out.active{background:rgba(206,125,125,.15);border-color:#ce7d7d99;color:#ce7d7d}.filterBox{height:114px;padding:.5rem;display:flex;justify-content:center;flex-wrap:wrap;background:linear-gradient(180deg,rgba(39,39,39,.8) 0%,rgba(39,39,39,.7) 100%),url(/images/panels/co-middle-panel.png) no-repeat right top;background-size:auto,auto 100%;border-bottom:1px solid rgba(100,80,70,.2);align-items:center;flex-shrink:0}.filterBox img{width:19%;margin:0 1px;max-width:78px;height:auto;cursor:pointer;transition:transform .15s ease,opacity .15s ease;opacity:1}.filterBox img:hover{transform:scale(1.1);opacity:1}.bulk-mode-indicator{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.4rem 1rem;background:rgba(0,0,0,.4);border-bottom:1px solid rgba(100,80,70,.3);flex-shrink:0}.bulk-mode-indicator.takeApart{background:rgba(125,184,206,.1);border-color:#7db8ce4d}.bulk-mode-indicator.takeApart span{color:#7db8ce}.bulk-mode-indicator.throwOut{background:rgba(206,125,125,.1);border-color:#ce7d7d4d}.bulk-mode-indicator.throwOut span{color:#ce7d7d}.bulk-mode-indicator span{font-size:.8rem;font-weight:500}.bulk-mode-indicator button{padding:.25rem .5rem;background:rgba(0,0,0,.3);border:1px solid rgba(100,80,70,.4);border-radius:4px;color:#999;font-size:.7rem;cursor:pointer;transition:all .2s ease}.bulk-mode-indicator button:hover{background:rgba(171,101,101,.2);border-color:#ab656580;color:#ce7d7d}.itemBox{flex:1;display:flex;flex-wrap:wrap;align-content:flex-start;padding:.5rem;gap:.25rem;overflow-y:auto;overflow-x:hidden;background:rgba(0,0,0,.15);border:1px solid rgba(100,80,70,.2);margin:.5rem;border-radius:6px}.itemBox::-webkit-scrollbar{width:8px}.itemBox::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:4px}.itemBox::-webkit-scrollbar-thumb{background:rgba(100,80,70,.4);border-radius:4px}.itemBox::-webkit-scrollbar-thumb:hover{background:rgba(100,80,70,.6)}.itemBox.bulk-mode{border-color:#ffb1604d}.inventory-item-wrapper{transition:opacity .2s ease,transform .15s ease}.inventory-item-wrapper.clickable{cursor:pointer}.inventory-item-wrapper.clickable:hover{transform:scale(1.05)}.inventory-item-wrapper.disabled{opacity:.35;pointer-events:none}.inventory-item-wrapper.disabled .itemWrap{filter:grayscale(60%)}.bulk-confirm-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bulk-confirm-modal{background:linear-gradient(180deg,rgba(50,44,38,.98) 0%,rgba(35,30,26,.99) 100%);border:1px solid rgba(171,101,101,.3);border-radius:10px;padding:1.5rem;max-width:320px;text-align:center;box-shadow:0 10px 40px #00000080;animation:scaleIn .2s ease}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.bulk-confirm-modal h3{margin:0 0 .75rem;color:#ffb160;font-size:1.1rem;font-weight:600}.bulk-confirm-modal p{margin:0 0 1.25rem;color:#a89080;font-size:.85rem;line-height:1.5}.bulk-confirm-buttons{display:flex;gap:.75rem;justify-content:center}.bulk-confirm-btn{padding:.6rem 1.25rem;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid}.bulk-confirm-btn.confirm{background:rgba(255,177,96,.15);border-color:#ffb16080;color:#ffb160}.bulk-confirm-btn.confirm:hover{background:rgba(255,177,96,.25);border-color:#ffb160b3}.bulk-confirm-btn.cancel{background:rgba(0,0,0,.25);border-color:#fff6;color:#888}.bulk-confirm-btn.cancel:hover{background:rgba(171,101,101,.2);border-color:#ab656580;color:#ce7d7d}#inventory .header{display:none}#inventoryGlobal .itembox{flex:1;display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:flex-start;padding:2px 0;border:3px solid #514444;box-shadow:inset 0 0 10px #000000e6}.weapon-upgrade-screen .new-item input{margin:0 4px}.weapon-upgrade-screen .row .col-md-4,.weapon-upgrade-screen .row .col-md-3{width:160px}.weapon-upgrade-screen .row .points{width:20px}.weapon-upgrade-screen .row .col-md-3.points{width:44px}.weapon-upgrade-screen .row .col-md-3.plusMinus{width:52px}.weapon-upgrade-screen .weaponTestSkillTable th,.weapon-upgrade-screen .weaponTestSkillTable td{width:20%;text-align:left;color:#fff}.weapon-upgrade-screen .combatEffect{padding:6px}.weapon-upgrade-screen .sign-placeholder{width:25px}.item-quant-wrap{position:absolute;bottom:0;left:0;height:auto;pointer-events:none;z-index:100}.inv-itemw-wrap{height:51px}.inv-popup-takeapart .skill-needed{font-weight:600}.inv-popup-takeapart .skill-needed-red{font-weight:600;color:#a20e0e}.inv-popup-takeapart .missing{color:#a20e0e}@media (max-width: 400px){.inventory-header{padding:.4rem .5rem}.merc-selector-btn img{width:24px;height:24px}.merc-divider{height:24px}.inventory-title-bar{padding:.4rem .5rem}.inventory-title-bar h4{font-size:.8rem}.inventory-weight{font-size:.7rem;padding:.15rem .35rem}.bulk-action-btn{width:28px;height:28px}.filterBox{height:auto;min-height:90px;padding:.35rem}.filterBox img{width:18%;max-width:60px}}.mercDetails{color:#e0d8d0;padding:.4em;background:linear-gradient(145deg,rgba(23,20,17,.95) 0%,rgba(45,38,32,.9) 100%) border: 1px solid rgba(100,80,70,.4);border-radius:6px;margin-bottom:.4em}.mercDetails .merc-row{display:flex;align-items:stretch;gap:.5em}.mercDetails .portrait-section{display:flex;flex-direction:column;align-items:center;padding:.4em;background:rgba(0,0,0,.2);border-radius:5px;border:1px solid rgba(100,80,70,.3);min-width:85px}.mercDetails .portrait-section img{width:70px;height:auto;border-radius:4px;border:1px solid rgba(171,101,101,.4)}.mercDetails .portrait-info{display:flex;flex-direction:column;align-items:center;margin-top:.3em;line-height:1.2}.mercDetails .char-name{font-size:.85em;font-weight:600;color:#ffb160;cursor:pointer}.mercDetails .char-name:hover{text-decoration:underline}.mercDetails .char-class{font-size:.65em;color:#777;text-transform:uppercase;letter-spacing:.5px}.mercDetails .profile-link{font-size:.6em;color:#7db8ce;cursor:pointer;margin-top:2px}.mercDetails .profile-link:hover{color:#9dd0e6}.mercDetails .equipment-row{display:grid;grid-template-columns:1fr 1fr;gap:.3em;flex:1}.mercDetails .equip-slot{display:flex;flex-direction:column;background:rgba(0,0,0,.2);border:1px solid rgba(100,80,70,.25);border-radius:4px;padding:.2em}.mercDetails .equip-slot:hover{border-color:#64504673}.mercDetails .slot-label{display:flex;align-items:center;justify-content:center;gap:.2em;font-size:.55em;font-weight:600;text-transform:uppercase;letter-spacing:.3px;padding-bottom:.15em;margin-bottom:.15em;border-bottom:1px solid rgba(100,80,70,.15)}.mercDetails .slot-label svg{opacity:.8}.mercDetails .equip-slot.melee .slot-label{color:#ce7d7d}.mercDetails .equip-slot.ranged .slot-label{color:#7db8ce}.mercDetails .equip-slot.equip .slot-label{color:#ceb85c}.mercDetails .equip-slot.armor .slot-label{color:#a8a8a8}.mercDetails .equip-slot.melee{border-left:2px solid rgba(206,125,125,.6)}.mercDetails .equip-slot.ranged{border-left:2px solid rgba(125,184,206,.6)}.mercDetails .equip-slot.equip{border-left:2px solid rgba(206,184,92,.6)}.mercDetails .equip-slot.armor{border-left:2px solid rgba(140,140,140,.6)}.mercDetails .slot-content{display:flex;align-items:center;justify-content:center;min-height:46px}.mercDetails .slot-content .itemWrap{margin:0 auto}.mercDetails .empty-slot{width:42px;height:42px;border:1px dashed rgba(100,80,70,.25);border-radius:3px;background:rgba(0,0,0,.1)}.mercDetails .skills-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.15em;padding:.35em;margin-top:.35em;background:rgba(0,0,0,.15);border-radius:4px}.mercDetails .skills-row>div{margin:0 1px}.mercDetails .merc-footer{display:flex;align-items:center;justify-content:space-between;gap:.5em;padding-top:.35em;margin-top:.35em;border-top:1px solid rgba(100,80,70,.2)}.mercDetails .contract-text{font-size:.7em;color:#888}.mercDetails .merc-actions{display:flex;gap:.25em}@media (max-width: 360px){.mercDetails .merc-row{flex-direction:column}.mercDetails .portrait-section{flex-direction:row;justify-content:center;gap:.75em}.mercDetails .portrait-info{align-items:flex-start;margin-top:0}.mercDetails .merc-footer{flex-direction:column;gap:.3em}}.crafting-container{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden;background:linear-gradient(180deg,rgba(22,18,15,.97) 0%,rgba(18,15,12,.95) 100%)}.crafting-sticky-header{position:sticky;top:0;z-index:10;flex-shrink:0;background:linear-gradient(180deg,rgba(35,30,25,.98) 0%,rgba(28,24,20,.96) 100%);box-shadow:0 4px 12px #0006}.crafting-tabs{display:flex;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:rgba(0,0,0,.2);border-bottom:1px solid rgba(171,101,101,.15)}.crafting-filters{background:rgba(0,0,0,.15);border-bottom:1px solid rgba(171,101,101,.1)}.crafting-content{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(171,101,101,.4) rgba(0,0,0,.2)}.crafting-content::-webkit-scrollbar{width:8px}.crafting-content::-webkit-scrollbar-track{background:rgba(0,0,0,.2)}.crafting-content::-webkit-scrollbar-thumb{background:rgba(171,101,101,.5);border-radius:4px}.crafting-content::-webkit-scrollbar-thumb:hover{background:rgba(171,101,101,.7)}.crafting-items-list{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.crafting-empty{padding:3rem;text-align:center;color:#888;font-size:1rem}.craft-card{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;padding:1rem;background:linear-gradient(135deg,rgba(50,45,40,.95) 0%,rgba(35,30,25,.95) 100%);border:1px solid rgba(171,101,101,.2);border-radius:8px;box-shadow:0 2px 8px #0000004d;transition:all .2s ease}.craft-card:hover{border-color:#ffb16066;box-shadow:0 4px 16px #0006;transform:translateY(-1px)}.craft-card.craft-card--disabled{opacity:.6;background:linear-gradient(135deg,rgba(40,38,36,.9) 0%,rgba(30,28,26,.9) 100%)}.craft-card.craft-card--disabled:hover{transform:none;border-color:#ab656533}.craft-card__main{display:flex;gap:.75rem;align-items:flex-start}.craft-card__image-wrap{width:100px;height:56px;flex-shrink:0;background:rgba(0,0,0,.3);border:1px solid rgba(100,80,70,.3);border-radius:6px;display:flex;align-items:center;justify-content:center;overflow:hidden}.craft-card__image{max-width:100%;max-height:100%;object-fit:contain}.craft-card__info{display:flex;flex-direction:column;gap:.25rem}.craft-card__name{color:#ffb160;font-weight:600;font-size:.95rem;line-height:1.2}.craft-card__type-badge{display:inline-block;padding:.15rem .5rem;background:rgba(0,0,0,.3);border:1px solid rgba(100,80,70,.3);border-radius:4px;color:#a09080;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;width:fit-content}.craft-card__requirements{display:flex;flex-direction:column;gap:.75rem;padding:0 .5rem;border-left:1px solid rgba(171,101,101,.15);border-right:1px solid rgba(171,101,101,.15)}.craft-card__stats{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.craft-card__stat{display:flex;align-items:center;gap:.375rem}.craft-card__stat-label{color:#888;font-size:.75rem}.craft-card__stat-value{color:#c0b0a0;font-size:.8rem;font-weight:600}.craft-card__materials{display:flex;flex-direction:column;gap:.375rem}.craft-card__materials-header{color:#888;font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;padding-bottom:.25rem;border-bottom:1px solid rgba(100,80,70,.2)}.craft-card__materials-list{display:flex;flex-direction:column;gap:.25rem}.craft-card__material{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;padding:.2rem 0}.craft-card__material-name{color:#b0a090}.craft-card__material-req{display:flex;gap:.25rem;font-weight:600;color:#c8b8a8}.craft-card__material-have{color:#70c070}.craft-card__material--missing .craft-card__material-have{color:#e05050}.craft-card__material--missing .craft-card__material-req{color:#d8c8b8}.craft-card__action{display:flex;align-items:center;padding-left:.5rem}.blueprints-container{padding:1rem}.blueprints-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;margin-bottom:1rem;background:linear-gradient(135deg,rgba(60,90,100,.2) 0%,rgba(40,60,70,.15) 100%);border:1px solid rgba(100,180,200,.25);border-radius:8px}.blueprints-header__icon{width:36px;height:36px;padding:6px;background:rgba(100,180,200,.15);border:1px solid rgba(100,180,200,.3);border-radius:6px;color:#7cc8d8}.blueprints-header__icon svg{width:100%;height:100%}.blueprints-header__info{flex:1}.blueprints-header__info h4{margin:0 0 .35rem;color:#a8d8e8;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.blueprints-header__progress{display:flex;align-items:center;gap:.75rem}.blueprints-progress-bar{flex:1;height:6px;background:rgba(0,0,0,.4);border-radius:3px;overflow:hidden}.blueprints-progress-bar__fill{height:100%;background:linear-gradient(90deg,#5a9aa8 0%,#7cc8d8 100%);border-radius:3px;transition:width .5s ease}.blueprints-header__count{color:#7cc8d8;font-size:.8rem;font-weight:700;white-space:nowrap}.blueprints-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem}.blueprint-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .75rem .85rem;background:linear-gradient(145deg,rgba(45,42,38,.95) 0%,rgba(32,30,28,.98) 100%);border:1px solid rgba(100,85,70,.4);border-radius:8px;text-align:center;transition:all .25s ease;overflow:hidden}.blueprint-card__corner{position:absolute;top:0;left:0;width:16px;height:16px;border-top:2px solid rgba(100,180,200,.3);border-left:2px solid rgba(100,180,200,.3);transition:all .25s ease}.blueprint-card--learned{border-color:#64b4c859}.blueprint-card--learned:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(100,180,200,.08) 0%,transparent 60%);pointer-events:none}.blueprint-card--learned:hover{border-color:#64b4c899;transform:translateY(-3px);box-shadow:0 8px 20px #0006,0 0 15px #64b4c81a}.blueprint-card--learned:hover .blueprint-card__corner{border-top-color:#64b4c899;border-left-color:#64b4c899}.blueprint-card--locked{border-color:#50463c66;opacity:.75}.blueprint-card--locked:hover{opacity:.85;border-color:#78645080}.blueprint-card--locked .blueprint-card__corner{border-top-color:#b464504d;border-left-color:#b464504d}.blueprint-card__badge{position:absolute;top:.4rem;right:.4rem;width:20px;height:20px;padding:3px;border-radius:4px;display:flex;align-items:center;justify-content:center}.blueprint-card__badge svg{width:100%;height:100%}.blueprint-card__badge--learned{background:rgba(90,160,90,.25);border:1px solid rgba(90,160,90,.5);color:#7dce82}.blueprint-card__badge--locked{background:rgba(140,80,60,.25);border:1px solid rgba(140,80,60,.5);color:#c8907a}.blueprint-card__image-wrap{position:relative;width:72px;height:72px;padding:6px;background:rgba(0,0,0,.3);border:1px solid rgba(100,85,70,.35);border-radius:6px;display:flex;align-items:center;justify-content:center}.blueprint-card--learned .blueprint-card__image-wrap{border-color:#64b4c84d;background:rgba(60,90,100,.15)}.blueprint-card__image{max-width:100%;max-height:100%;object-fit:contain;transition:transform .2s ease}.blueprint-card:hover .blueprint-card__image{transform:scale(1.08)}.blueprint-card__image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.35);border-radius:5px}.blueprint-card__name{color:#d8c8b0;font-size:.78rem;font-weight:600;line-height:1.25;word-break:break-word;max-width:100%}.blueprint-card--learned .blueprint-card__name{color:#a8d8e8}.blueprint-card--locked .blueprint-card__name{color:#908578;font-style:italic}.blueprint-card__hint{color:#706560;font-size:.65rem;line-height:1.2}.blueprintItem{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:120px;padding:.75rem;margin:.25rem;background:linear-gradient(135deg,rgba(50,45,40,.95) 0%,rgba(35,30,25,.95) 100%);border:1px solid rgba(171,101,101,.2);border-radius:8px;text-align:center;transition:all .2s ease}.blueprintItem:hover{border-color:#ffb16066;transform:translateY(-2px)}.blueprintItem.inactive{background:linear-gradient(135deg,rgba(30,28,26,.9) 0%,rgba(25,23,21,.9) 100%);opacity:.7;position:relative}.blueprintItem img{width:48px;height:48px;object-fit:contain}.blueprintItem .blueprint-name{color:#ffb160;font-size:.8rem;font-weight:600;word-break:break-word}.blueprintItem.inactive .blueprint-name{color:#c9a060}.blueprintItem .blueprint-hint{color:#888;font-size:.65rem;line-height:1.2}@media only screen and (max-width: 600px){.craft-card{grid-template-columns:1fr;gap:.75rem}.craft-card__requirements{border-left:none;border-right:none;border-top:1px solid rgba(171,101,101,.15);border-bottom:1px solid rgba(171,101,101,.15);padding:.75rem 0}.craft-card__action{padding-left:0;justify-content:flex-end}}#crafting .close-icon{cursor:pointer}#buildStructures .contentWrap{background:linear-gradient(165deg,rgba(28,25,22,.98) 0%,rgba(20,18,16,.98) 100%);border:1px solid rgba(100,75,55,.5);border-radius:12px;box-shadow:0 12px 40px #0009,0 0 0 1px #ffb4640f inset;overflow:hidden}#buildStructures .header{display:flex;justify-content:space-between;align-items:center;padding:1em 1.25em;background:linear-gradient(180deg,rgba(60,50,40,.4) 0%,rgba(40,35,30,.2) 100%);border-bottom:1px solid rgba(100,80,60,.4);gap:.75em;flex-shrink:0}#buildStructures .header h3{margin:0;color:#f0d090;font-size:1.3em;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 2px 4px rgba(0,0,0,.5);flex:1}#buildStructures .header .back-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:rgba(60,50,40,.6);border:1px solid rgba(100,80,60,.5);border-radius:6px;cursor:pointer;transition:all .2s ease}#buildStructures .header .back-btn:hover{background:rgba(80,65,50,.8);border-color:#c8965099}#buildStructures .header .back-btn svg{width:18px;height:18px;color:#d0b080;transition:color .2s ease}#buildStructures .header .back-btn:hover svg{color:#f0d090}#buildStructures .header .close-icon{width:28px;height:28px;cursor:pointer;opacity:.7;transition:all .2s ease;filter:brightness(.8)}#buildStructures .header .close-icon:hover{opacity:1;filter:brightness(1) drop-shadow(0 0 4px rgba(255,150,100,.5));transform:scale(1.1)}#buildStructures .build-buildings{display:block!important;padding:1.25em;max-height:calc(100vh - 150px);overflow-y:auto;overflow-x:hidden}#buildStructures .build-buildings::-webkit-scrollbar{width:6px}#buildStructures .build-buildings::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:3px}#buildStructures .build-buildings::-webkit-scrollbar-thumb{background:rgba(180,130,80,.4);border-radius:3px}#buildStructures .build-buildings::-webkit-scrollbar-thumb:hover{background:rgba(180,130,80,.6)}#buildStructures .buildStructure{position:relative;display:block!important;background:linear-gradient(165deg,rgba(42,38,32,.98) 0%,rgba(28,26,24,.99) 100%);border:1px solid rgba(100,85,65,.4);border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 4px 16px #0006;margin-bottom:1em}#buildStructures .buildStructure:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;padding:1px;background:linear-gradient(145deg,rgba(200,160,100,.25) 0%,transparent 40%,transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:3}#buildStructures .buildStructure:hover{border-color:#c8965a99;transform:translateY(-6px);box-shadow:0 16px 40px #00000080,0 0 30px #c8965a26,inset 0 1px #ffffff0d}#buildStructures .buildStructure:hover:before{background:linear-gradient(145deg,rgba(200,160,100,.5) 0%,rgba(200,160,100,.15) 35%,transparent 100%)}#buildStructures .buildStructure:hover .background{transform:scale(1.1);filter:brightness(1.15) saturate(1.1)}#buildStructures .buildStructure:hover .structure-card__corner{width:28px;height:28px;border-top-color:#ffc878cc;border-left-color:#ffc878cc}#buildStructures .structure-card__corner{position:absolute;top:0;left:0;width:24px;height:24px;border-top:2px solid rgba(200,160,100,.5);border-left:2px solid rgba(200,160,100,.5);z-index:4;transition:all .3s ease}#buildStructures .structure-card__image{position:relative;height:140px;min-height:140px;max-height:140px;flex-shrink:0;overflow:hidden}#buildStructures .buildStructure .background{width:100%;height:100%;background-size:cover;background-position:center;transition:transform .5s ease,filter .4s ease}#buildStructures .structure-card__image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.15) 50%,rgba(28,26,24,1) 100%);pointer-events:none}#buildStructures .structure-card__name{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:.75em 1em}#buildStructures .buildStructure strong{display:block;color:#f5d890;font-size:1.15em;font-weight:800;text-transform:uppercase;letter-spacing:2px;text-shadow:0 2px 8px rgba(0,0,0,1),0 0 20px rgba(0,0,0,.8),0 0 40px rgba(0,0,0,.5)}#buildStructures .structure-card__materials{padding:1em 1em .75em;display:block!important}#buildStructures .structure-card__materials-header{display:flex!important;align-items:center;gap:.5em;color:#a0917dcc;font-size:.65em;text-transform:uppercase;letter-spacing:1.2px;font-weight:600;padding-bottom:.5em;margin-bottom:.5em;border-bottom:1px solid rgba(100,85,70,.2)}#buildStructures .structure-card__materials-header svg{width:14px;height:14px;opacity:.6}#buildStructures .structure-card__materials-list{display:flex;flex-wrap:wrap;gap:.5em}#buildStructures .structure-card__loading{color:#605545;font-size:.8em;font-style:italic}#buildStructures .buildStructure .mat{display:inline-flex;align-items:center;gap:.375em;padding:.5em .75em;background:linear-gradient(145deg,rgba(50,45,38,.95) 0%,rgba(38,34,28,.98) 100%);border:1px solid rgba(90,75,60,.5);border-radius:6px;font-size:.78em;transition:all .25s ease;box-shadow:0 2px 4px #0003,inset 0 1px #ffffff08}#buildStructures .buildStructure:hover .mat{border-color:#8c735599;background:linear-gradient(145deg,rgba(60,52,42,.98) 0%,rgba(45,40,32,1) 100%);box-shadow:0 2px 6px #00000040,inset 0 1px #ffffff0d}#buildStructures .buildStructure .mat .mat-amount{color:#f0e0c0;font-weight:700;font-size:1.05em}#buildStructures .buildStructure .mat .mat-amount.alt{color:#a89878;font-weight:600}#buildStructures .buildStructure .mat .mat-name{color:#b8a888;font-weight:500}#buildStructures .buildStructure .mat .mat-name.alt{color:#887868}#buildStructures .buildStructure .mat .mat-divider{color:#605550;margin:0 .125em;opacity:.6}#buildStructures .structure-card__action{padding:0;display:block!important}#buildStructures .structure-card__action .button{width:100%;border-radius:0 0 11px 11px;padding:.9em 1em;background:linear-gradient(180deg,rgba(75,110,70,.9) 0%,rgba(55,90,50,.95) 50%,rgba(45,75,40,1) 100%);border:none;border-top:1px solid rgba(120,170,110,.25);color:#d0f0c8;font-weight:700;font-size:.8em;text-transform:uppercase;letter-spacing:2px;transition:all .25s ease;box-shadow:inset 0 1px #ffffff14}#buildStructures .structure-card__action .button:hover{background:linear-gradient(180deg,rgba(95,140,85,.95) 0%,rgba(75,120,65,.98) 50%,rgba(60,100,55,1) 100%);color:#e8ffe0;letter-spacing:2.5px;box-shadow:inset 0 1px #ffffff1f,0 0 20px #78aa6e33}#buildStructures .buildStructure .rowCentred{display:contents}#buildStructures .buildStructure .buildButton{padding:0}#buildStructures .buildStructure .buildButton .button{width:100%;border-radius:0;padding:.75em 1em;background:linear-gradient(180deg,rgba(65,95,65,.8) 0%,rgba(45,75,45,.9) 100%);border:none;border-top:1px solid rgba(90,140,90,.35);color:#b8e0b8;font-weight:600;font-size:.85em;text-transform:uppercase;letter-spacing:1.2px}#buildStructures .camp .background{background-image:url(/images/squaretypes_v2/temperate/structure_4.png)}#buildStructures .outpost .background{background-image:url(/images/squaretypes_v2/temperate/structure_0_1.png)}#buildStructures .sawmill .background{background-image:url(/images/squaretypes_v2/temperate/structure_1.png)}#buildStructures .solarpanel .background{background-image:url(/images/squaretypes_v2/temperate/29.png)}#buildStructures .windturbine .background{background-image:url(/images/squaretypes_v2/temperate/27.png)}#buildStructures .quarry .background{background-image:url(/images/squaretypes_v2/temperate/49.png)}#buildStructures .wall .background{background-image:url(/images/squaretypes_v2/temperate/50.png)}#buildStructures .gate .background{background-image:url(/images/squaretypes_v2/temperate/55_0101.png)}#buildStructures .lvl .background,#buildStructures .Lvl .background{background-image:url(/images/squaretypes_v2/temperate/31.png)}#buildStructures .defense .background,#buildStructures .Defense .background{background-image:url(/images/squaretypes_v2/common/defenses.png)}#buildStructures .bar .background,#buildStructures .Bar .background{background-image:url(/images/squaretypes_v2/temperate/35.png)}#buildStructures .shop .background,#buildStructures .Shop .background{background-image:url(/images/squaretypes_v2/temperate/37.png)}#buildStructures .ws .background,#buildStructures .Ws .background{background-image:url(/images/squaretypes_v2/temperate/43_2.png)}#buildStructures .storage .background,#buildStructures .Storage .background{background-image:url(/images/squaretypes_v2/temperate/39.png)}#buildStructures .garage .background,#buildStructures .Garage .background{background-image:url(/images/squaretypes_v2/temperate/41.png)}#buildStructures .guardbarracks .background,#buildStructures .GuardBarracks .background{background-image:url(/images/squaretypes_v2/temperate/47.png)}#buildStructures .electricgenerator .background,#buildStructures .ElectricGenerator .background{background-image:url(/images/squaretypes_v2/temperate/54.png)}#buildStructures .house .background,#buildStructures .House .background{background-image:url(/images/squaretypes_v2/temperate/19.png)}#buildStructures .farm .background,#buildStructures .Farm .background{background-image:url(/images/squaretypes_v2/temperate/25.png)}#buildStructures .huntersLodge .background,#buildStructures .HuntersLodge .background{background-image:url(/images/squaretypes_v2/temperate/58.png)}#buildStructures .structure-detail{padding:1.25em}#buildStructures .structure-detail__header{display:flex;gap:1.25em;margin-bottom:1.5em;padding-bottom:1.25em;border-bottom:1px solid rgba(100,80,60,.35)}#buildStructures .structure-detail__image{flex-shrink:0;width:140px;height:110px;border-radius:10px;overflow:hidden;border:2px solid rgba(100,80,60,.5);box-shadow:0 6px 20px #0006}#buildStructures .structure-detail__image .background{width:100%;height:100%;background-size:cover;background-position:center}#buildStructures .structure-detail__title{flex:1;display:flex;flex-direction:column;justify-content:center}#buildStructures .structure-detail__title h4{margin:0 0 .5em;color:#f0d090;font-size:1.5em;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 2px 4px rgba(0,0,0,.4)}#buildStructures .structure-detail__desc{margin:0;color:#908070;font-size:.9em;line-height:1.5}#buildStructures .structure-detail__info{display:flex;flex-direction:column;gap:1.25em;margin-bottom:1.5em}#buildStructures .structure-detail__section{background:rgba(0,0,0,.2);border:1px solid rgba(80,65,50,.35);border-radius:8px;padding:1em}#buildStructures .structure-detail__section-title{display:flex;align-items:center;gap:.5em;color:#c0a080;font-size:.85em;font-weight:600;text-transform:uppercase;letter-spacing:.8px;margin-bottom:.75em;padding-bottom:.5em;border-bottom:1px solid rgba(80,65,50,.25)}#buildStructures .structure-detail__section-title svg{width:18px;height:18px;color:#b09070}#buildStructures .structure-detail__materials{display:flex;flex-wrap:wrap;gap:.5em}#buildStructures .structure-detail__mat{display:flex;align-items:center;gap:.4em;padding:.5em .75em;background:rgba(60,50,40,.6);border:1px solid rgba(100,80,60,.4);border-radius:6px}#buildStructures .structure-detail__mat .mat-amount{color:#f0d090;font-weight:700;font-size:1em}#buildStructures .structure-detail__mat .mat-name{color:#d0c0a0;font-size:.9em}#buildStructures .structure-detail__mat .mat-alt{color:#807060;font-size:.8em;font-style:italic}#buildStructures .structure-detail__mat.produce{background:rgba(50,70,50,.5);border-color:#50785066}#buildStructures .structure-detail__mat.produce .mat-amount{color:#90d090}#buildStructures .structure-detail__tags{display:flex;flex-wrap:wrap;gap:.4em}#buildStructures .structure-detail__tag{padding:.35em .65em;background:rgba(50,45,40,.7);border:1px solid rgba(90,75,60,.4);border-radius:4px;color:#b0a090;font-size:.8em}#buildStructures .structure-detail__input-group{margin-bottom:1em}#buildStructures .structure-detail__input-group label{display:block;color:#a09080;font-size:.85em;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5em}#buildStructures .structure-detail__input-group input{width:100%;padding:.875em 1em;background:rgba(0,0,0,.3);border:1px solid rgba(100,80,60,.5);border-radius:8px;color:#e0d0c0;font-size:1em;transition:all .2s ease;box-sizing:border-box}#buildStructures .structure-detail__input-group input:focus{outline:none;border-color:#c8965099;box-shadow:0 0 0 3px #c896501a}#buildStructures .structure-detail__input-group input::placeholder{color:#706050}#buildStructures .structure-detail__alert{display:flex;gap:1em;padding:1em;background:linear-gradient(145deg,rgba(100,70,50,.25) 0%,rgba(80,55,40,.3) 100%);border:1px solid rgba(180,120,80,.4);border-radius:10px;margin-bottom:1.25em}#buildStructures .structure-detail__alert .alert-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(180,120,80,.3);border:1px solid rgba(200,140,90,.5);border-radius:50%;color:#e0a060;font-size:1.2em;font-weight:700;flex-shrink:0}#buildStructures .structure-detail__alert .alert-content{flex:1}#buildStructures .structure-detail__alert .alert-content strong{display:block;color:#e0a060;font-size:1em;margin-bottom:.25em}#buildStructures .structure-detail__alert .alert-content p{margin:0 0 .75em;color:#b09070;font-size:.9em;line-height:1.4}#buildStructures .structure-detail__alert .alert-content input{width:100%;padding:.75em;background:rgba(0,0,0,.3);border:1px solid rgba(150,100,70,.5);border-radius:6px;color:#e0d0c0;font-size:.95em;box-sizing:border-box}#buildStructures .structure-detail__alert .alert-content input:focus{outline:none;border-color:#c88c5a99}#buildStructures .structure-detail__actions{margin-top:1.5em;text-align:center}#buildStructures .structure-detail__actions .button{padding:1em 3em;font-size:1.1em;background:linear-gradient(180deg,rgba(70,110,70,.85) 0%,rgba(50,85,50,.9) 100%);border:1px solid rgba(100,160,100,.5);height:52px}#buildStructures .structure-detail__actions .button:hover{background:linear-gradient(180deg,rgba(85,130,85,.9) 0%,rgba(65,105,65,.95) 100%)}#buildStructures .structure-detail__actions .button:disabled{opacity:.5;cursor:not-allowed}#buildStructures .buildBttWrap{margin-top:1.5em;text-align:center}#buildStructures .row:not(.build-buildings){display:flex;flex-wrap:wrap;gap:1.5em;margin-top:1em}#buildStructures .content{flex:1;min-width:200px;min-height:0;overflow-y:auto}#buildStructures .build-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3em 2em;text-align:center;color:#908070;grid-column:1 / -1}#buildStructures .build-empty p{margin:.25em 0;font-size:1.1em}#buildStructures .alertMessage{background:linear-gradient(145deg,rgba(80,60,50,.3) 0%,rgba(60,45,40,.4) 100%);border:1px solid rgba(180,120,80,.4);border-radius:8px;color:#d0a080}#buildStructures .alertMessage input{width:100%;margin-top:.5em;padding:.75em;background:rgba(0,0,0,.3);border:1px solid rgba(100,80,60,.5);border-radius:6px;color:#e0d0c0;font-size:1em}#buildStructures .alertMessage input:focus{outline:none;border-color:#c8965099}#buildStructures .tutorial-flash{animation:structureTutorialFlash 1.5s ease-in-out infinite}@keyframes structureTutorialFlash{0%,to{box-shadow:0 0 #c8965000}50%{box-shadow:0 0 20px 8px #c8965080}}#structure{max-width:600px;margin:2px auto;background:linear-gradient(165deg,rgba(32,28,24,.98) 0%,rgba(24,22,20,.98) 100%);border:1px solid rgba(100,75,55,.6);border-radius:10px;box-shadow:0 12px 40px #0009,0 0 0 1px #ffb46414,inset 0 1px #ffffff08;overflow:hidden;display:flex;flex-direction:column;max-height:calc(100vh - 80px)}#structure>div:not(.panel-header){flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}#structure>div>div{min-height:30px;display:flex;flex-direction:column;overflow:hidden}#structure>div>div:has(#management){overflow:hidden;flex:1}#structure>div:has(#management){overflow:hidden;flex:1}#structure .factionDetails{padding:.75em;background:rgba(0,0,0,.15);border-bottom:1px solid rgba(100,80,70,.3);flex-wrap:wrap;gap:.5em}#structure .factionDetails>div{padding:4px 8px}#structure .factionDetails img{width:3em;height:3em;object-fit:contain;border:2px solid rgba(171,101,101,.4);border-radius:6px;background:rgba(0,0,0,.3)}#structure .factionDetails strong{color:#ffb160}#structure .factionDetails .greenText{color:#7dce82}#structure .factionDetails .redText{color:#ce7d7d}#structure .factionDetails .housing-icon,#structure .factionDetails .population-icon,#structure .factionDetails .employment-icon,#structure .factionDetails .electricity-icon{width:18px;height:18px;margin-right:4px;opacity:.85}#structure .factionDetails .menuPanel{width:100%;margin-top:.5em;padding-top:.5em;border-top:1px solid rgba(100,80,70,.25);gap:.4em;flex-wrap:wrap}#structure .factionDetails .menuPanel .button{background:linear-gradient(145deg,rgba(60,50,42,.85) 0%,rgba(45,38,32,.85) 100%);border:1px solid rgba(171,101,101,.5)}#structure .factionDetails .menuPanel .button:hover{background:linear-gradient(145deg,rgba(70,58,48,.9) 0%,rgba(55,45,38,.9) 100%);border-color:#ffb16080}#structure .structureDescription{font-size:.85em;padding:.75em 1em;color:#908070;background:rgba(0,0,0,.15);border-bottom:1px solid rgba(80,65,50,.25);font-style:italic;line-height:1.5;flex-shrink:0}#structure .upkeepWarn{padding:.875em 1em;margin:.75em 1em;background:linear-gradient(145deg,rgba(140,60,60,.15) 0%,rgba(100,45,45,.2) 100%);border:1px solid rgba(160,70,70,.4);border-radius:8px;color:#c98b8b;flex-shrink:0}#structure .upkeepWarn strong{color:#c98b8b}#structure .structure-buildings-section{position:relative;background:rgba(20,18,16,.4);flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}#structure .structure-buildings-section::-webkit-scrollbar{width:6px}#structure .structure-buildings-section::-webkit-scrollbar-track{background:rgba(0,0,0,.2)}#structure .structure-buildings-section::-webkit-scrollbar-thumb{background:rgba(180,130,80,.4);border-radius:3px}#structure .structure-buildings-section::-webkit-scrollbar-thumb:hover{background:rgba(180,130,80,.6)}#structure .structureBuildingButtons{position:relative;z-index:1;padding:1em 1em 100px;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75em}#structure .structureBuildingButtons>div{margin:0}#structure .structureBuildingButtons>div[class^=building]{position:relative;border-radius:8px;overflow:hidden;border:1px solid rgba(80,65,50,.5);transition:all .3s cubic-bezier(.4,0,.2,1)}#structure .structureBuildingButtons>div[class^=building]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:.9;transition:opacity .3s ease;z-index:0}#structure .structureBuildingButtons>div[class^=building]:hover{border-color:#c8965099;transform:translateY(-2px);box-shadow:0 8px 24px #00000080,0 0 0 1px #c8965033 inset}#structure .structureBuildingButtons>div[class^=building]:hover:before{opacity:1}#structure .building-card{position:relative;z-index:1;padding:0;background:linear-gradient(180deg,rgba(45,40,35,.15) 0%,rgba(30,27,24,.2) 100%)}#structure .building-btn-wrap{display:flex}#structure .building-btn{display:flex;align-items:center;gap:.875em;width:100%;padding:.875em 1em;background:transparent;border:none;cursor:pointer;transition:all .2s ease;text-align:left}#structure .building-btn:hover{background:rgba(200,150,80,.08)}#structure .building-btn:active{background:rgba(200,150,80,.12)}#structure .building-btn:disabled{opacity:.4;cursor:not-allowed}#structure .building-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,rgba(60,50,40,.8) 0%,rgba(40,35,30,.9) 100%);border:1px solid rgba(180,130,80,.35);border-radius:8px;flex-shrink:0;box-shadow:inset 0 1px #ffffff0d,0 2px 4px #0000004d}#structure .building-icon svg{width:20px;height:20px;color:#e8b060}#structure .building-title{font-size:1.2em;font-weight:600;color:#e8c88c;text-transform:uppercase;background:rgba(0,0,0,.25);letter-spacing:1.2px;text-shadow:0 1px 3px rgba(0,0,0,.5);padding:.25em 1em}#structure .building-level{padding:.5em 1em;font-size:.8em;color:#9a9080;text-align:center;background:rgba(0,0,0,.6);border-top:1px solid rgba(80,65,50,.3);letter-spacing:.5px}#structure .building-note{padding:.5em 1em;font-size:.75em;color:#8bc98f;text-align:center;background:rgba(60,120,60,.15);border-top:1px solid rgba(80,140,80,.8)}#structure .buildingBuild{grid-column:1 / -1}#structure .buildingBuild .building-card{background:linear-gradient(180deg,rgba(50,65,50,.7) 0%,rgba(35,50,35,.8) 100%)}#structure .buildingBuild .building-btn{justify-content:center;padding:1em}#structure .buildingBuild .building-btn:hover{background:rgba(80,140,80,.15)}#structure .buildingBuild .building-title{color:#8bc98f}#structure .buildingBuild .building-icon{background:linear-gradient(135deg,rgba(50,70,50,.8) 0%,rgba(35,55,35,.9) 100%);border-color:#64a06466}#structure .buildingBuild .building-icon svg{color:#8bc98f}#structure .structureBuildingButtons>div.buildingBuild{border-color:#50785080}#structure .structureBuildingButtons>div.buildingBuild:hover{border-color:#64a06499;box-shadow:0 8px 24px #00000080,0 0 0 1px #64a06433 inset}#structure .tutorial-flash{animation:settlementTutorialFlash 1.5s ease-in-out infinite}@keyframes settlementTutorialFlash{0%,to{box-shadow:0 0 #c8965000}50%{box-shadow:0 0 16px 6px #c8965066}}#structure .structureBuildingButtons button.large-btt,#structure .structureBuildingButtons .rowCentred{display:none}#structure .buildingBar:before{background-image:url(/images/buildings/bar.png)}#structure .buildingShop:before{background-image:url(/images/buildings/market.png)}#structure .buildingGarage:before{background-image:url(/images/buildings/garage.png)}#structure .buildingPrivateGarage:before{background-image:url(/images/buildings/privategarage.png)}#structure .buildingWarehouse:before{background-image:url(/images/buildings/warehouse.png)}#structure .buildingPrivateStorage:before{background-image:url(/images/buildings/privatestorage.png)}#structure .buildingManagement:before{background-image:url(/images/buildings/management.png)}#structure .buildingNoticeBoard:before{background-image:url(/images/buildings/noticeboard.png)}#structure .buildingFactory:before,#structure .buildingWorkshop:before{background-image:url(/images/buildings/workshop.png)}#structure .buildingElectricGenerator:before{background-image:url(/images/buildings/electricitygenerator.png)}#structure .buildingFarm:before{background-image:url(/images/buildings/farm.png)}#structure .buildingDefense:before{background-image:url(/images/buildings/defense.png)}#structure .buildingGuardBarracks:before{background-image:url(/images/buildings/guardbarracks.png)}#structure .buildingHousing:before{background-image:url(/images/buildings/house.png)}#structure .buildingHuntersLodge:before{background-image:url(/images/buildings/hunterslodge.png)}input[type=number]{width:60px;padding:.4em;background:rgba(0,0,0,.3);border:1px solid rgba(100,80,70,.4);border-radius:4px;color:#e0d8d0}input[type=number]:focus{outline:none;border-color:#ffb16080}#levelUp{display:flex;flex-direction:column;height:100%;overflow:hidden}#levelUp .panel-header{flex-shrink:0}.levelup-content{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;min-height:0;padding:1rem}.levelup-content::-webkit-scrollbar{width:6px}.levelup-content::-webkit-scrollbar-track{background:rgba(0,0,0,.2)}.levelup-content::-webkit-scrollbar-thumb{background:rgba(180,130,80,.4);border-radius:3px}.levelup-content::-webkit-scrollbar-thumb:hover{background:rgba(180,130,80,.6)}.levelup-message{padding:.875rem 1rem;margin-bottom:1rem;background:linear-gradient(90deg,rgba(139,201,143,.15) 0%,rgba(139,201,143,.05) 100%);border:1px solid rgba(139,201,143,.3);border-radius:8px;color:#a8e8ac;font-size:.9rem;text-align:center}.levelup-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1rem}.levelup-section{background:rgba(0,0,0,.2);border:1px solid rgba(100,80,60,.3);border-radius:10px;padding:1rem}.levelup-section__title{margin:0 0 .75rem;padding-bottom:.5rem;font-size:.85rem;font-weight:700;color:#ffb160;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid rgba(255,177,96,.2)}.levelup-skills{display:flex;flex-direction:column;gap:.5rem}.skill-row{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;background:linear-gradient(135deg,rgba(40,36,32,.9) 0%,rgba(30,28,25,.95) 100%);border:1px solid rgba(100,80,60,.4);border-radius:8px;transition:all .2s ease}.skill-row:hover{border-color:#c8965080;background:linear-gradient(135deg,rgba(45,40,35,.9) 0%,rgba(35,32,28,.95) 100%)}.skill-row__info{display:flex;align-items:center;gap:.625rem;flex:1;min-width:0}.skill-row__icon{width:24px;height:24px;flex-shrink:0;background-size:contain;background-repeat:no-repeat;background-position:center}.skill-row__name{font-size:.9rem;font-weight:600;color:#e8d8c8}.skill-row__value{min-width:32px;padding:.25rem .5rem;background:rgba(0,0,0,.4);border:1px solid rgba(100,80,60,.4);border-radius:4px;font-size:1rem;font-weight:700;color:#ffb160;text-align:center}.skill-row__upgrade-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:linear-gradient(135deg,rgba(140,180,70,.9) 0%,rgba(100,140,50,.9) 100%);border:2px solid #aede49;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #aede494d;animation:pulse-upgrade 2s ease-in-out infinite}.skill-row__upgrade-btn:hover{background:linear-gradient(135deg,rgba(160,200,80,.95) 0%,rgba(120,160,60,.95) 100%);transform:scale(1.1);box-shadow:0 4px 16px #aede4980}.skill-row__upgrade-btn:active{transform:scale(.95)}@keyframes pulse-upgrade{0%,to{box-shadow:0 2px 8px #aede494d}50%{box-shadow:0 2px 16px #aede4999}}.levelup-perks{background:rgba(0,0,0,.2);border:1px solid rgba(100,80,60,.3);border-radius:10px;padding:1rem}.contentOverlayWindow:has(#levelUp){flex-direction:column!important;overflow:hidden!important}.contentOverlayBackground:has(#levelUp){flex-direction:column!important;overflow:hidden!important}#levelUp>.header{display:none}#levelUp>h4,#levelUp>p{display:none}#gangs{width:100%;max-width:600px;max-height:calc(100vh - 4rem);margin:0 auto;padding:.5rem 0;animation:gangsFadeIn .3s ease forwards;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}#gangs.closing{animation:gangsFadeOut .2s ease forwards}@keyframes gangsFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes gangsFadeOut{to{opacity:0;transform:translateY(-10px)}}.gangs-container{background:linear-gradient(165deg,rgba(45,38,32,.98) 0%,rgba(28,24,20,.98) 100%);border:1px solid rgba(171,101,101,.35);border-radius:12px;box-shadow:0 12px 40px #00000080,0 0 0 1px #ffb1600f,inset 0 1px #ffffff0a;width:100%;box-sizing:border-box;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.gangs-header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:linear-gradient(180deg,rgba(60,50,42,1) 0%,rgba(42,36,30,.98) 100%);border-bottom:1px solid rgba(171,101,101,.2);flex-shrink:0}.gangs-header .header-decoration{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,rgba(255,177,96,.6) 20%,rgba(255,140,60,.8) 50%,rgba(255,177,96,.6) 80%,transparent 100%)}.gangs-header .back-button{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:rgba(0,0,0,.25);border:1px solid rgba(100,80,70,.35);border-radius:6px;color:#c8b8a8;font-size:.85rem;cursor:pointer;transition:all .2s ease}.gangs-header .back-button:hover{background:rgba(255,177,96,.15);border-color:#ffb16066;color:#ffb160}.gangs-header .back-button svg{opacity:.8}.gangs-header .back-button:hover svg{opacity:1}.gangs-title{display:flex;align-items:center;gap:.5rem;margin:0;color:#ffb160;font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 2px 6px rgba(255,140,60,.25)}.gangs-title svg{width:20px;height:20px;opacity:.9}.gangs-header .close-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:rgba(0,0,0,.25);border:1px solid rgba(100,80,70,.35);border-radius:8px;color:#888;cursor:pointer;transition:all .2s ease}.gangs-header .close-button:hover{background:rgba(171,101,101,.25);border-color:#ab656580;color:#ffb160;transform:scale(1.05)}.gangs-tabs{display:flex;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:rgba(0,0,0,.2);border-bottom:1px solid rgba(100,80,70,.2);flex-shrink:0;flex-wrap:wrap}.gangs-tab{padding:.5rem 1rem;background:rgba(0,0,0,.2);border:1px solid rgba(100,80,70,.25);border-radius:6px;color:#999;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease}.gangs-tab:hover{background:rgba(100,80,70,.2);border-color:#64504666;color:#c0b8b0}.gangs-tab.active{background:linear-gradient(135deg,rgba(255,140,60,.2) 0%,rgba(255,100,50,.1) 100%);border-color:#ff8c3c80;color:#ffb160;box-shadow:0 0 10px #ff8c3c26}.gangs-content{padding:1rem 1rem 5rem;overflow-y:auto;flex:1;min-height:0}.gang-list{display:flex;flex-direction:column;gap:.5rem}.gang-entry{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:rgba(0,0,0,.2);border:1px solid rgba(100,80,70,.2);border-radius:8px;cursor:pointer;transition:all .2s ease;opacity:0;transform:translate(-10px);animation:gangEntrySlide .3s ease forwards;overflow:hidden;min-width:0}.gang-entry:hover{background:rgba(100,80,70,.15);border-color:#ffb1604d;transform:translate(4px)}@keyframes gangEntrySlide{to{opacity:1;transform:translate(0)}}.gang-logo{width:60px;height:60px;min-width:60px;max-width:60px;max-height:60px;object-fit:cover;border-radius:6px;border:2px solid rgba(100,80,70,.3);background:rgba(0,0,0,.3);flex-shrink:0}.gang-info{flex:1;min-width:0}.gang-name{margin:0 0 .25rem;color:#d4c4b0;font-size:1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gang-stats{display:flex;align-items:center;gap:.75rem;color:#888;font-size:.8rem}.gang-points{display:flex;align-items:center;gap:.25rem;color:#ffb160;font-weight:600}.gang-alignment{padding:.15rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.gang-alignment.survivors{background:rgba(80,160,100,.2);border:1px solid rgba(80,160,100,.4);color:#7dce82}.gang-alignment.bandits{background:rgba(180,60,60,.2);border:1px solid rgba(180,60,60,.4);color:#e07070}.faction-entry{position:relative;overflow:hidden}.faction-entry:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--faction-color, rgba(100, 80, 70, .5))}.faction-entry .gang-logo{margin-left:.5rem}.faction-banner{position:relative;padding:1rem;margin-bottom:1rem;background:linear-gradient(90deg,rgba(0,0,0,.6) 0%,var(--faction-color, rgba(100, 80, 70, .5)) 50%,rgba(0,0,0,.6) 100%);border-radius:8px;text-align:center}.faction-banner h2{margin:0;color:#fff;font-size:1.3rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.detail-section{background:rgba(0,0,0,.2);border:1px solid rgba(100,80,70,.25);border-radius:10px;overflow:hidden;margin-bottom:.875rem;opacity:0;transform:translateY(10px);animation:sectionFadeIn .35s ease forwards}.detail-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,rgba(50,42,36,.7) 0%,rgba(40,34,28,.5) 100%);border-bottom:1px solid rgba(100,80,70,.2)}.detail-header-left{display:flex;align-items:center;gap:.5rem}.detail-header svg{color:#ffb160;opacity:.85;flex-shrink:0}.detail-header h4{margin:0;color:#d4c4b0;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.detail-body{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.detail-body p{margin:0;color:#b0a8a0;font-size:.9rem;line-height:1.6}.info-card{display:flex;gap:1rem;padding:1rem;background:rgba(0,0,0,.2);border:1px solid rgba(100,80,70,.25);border-radius:10px;margin-bottom:.875rem}.info-card-logo{position:relative;flex-shrink:0}.info-card-logo img{width:80px;height:80px;min-width:80px;max-width:80px;max-height:80px;object-fit:cover;border-radius:8px;border:2px solid rgba(100,80,70,.3);background:rgba(0,0,0,.3)}.upload-btn{position:absolute;top:-8px;right:-8px;width:28px;height:28px;padding:0;background:rgba(255,140,60,.9);border:2px solid rgba(255,177,96,.8);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.upload-btn:hover{transform:scale(1.1);box-shadow:0 0 10px #ff8c3c80}.upload-btn img{width:16px;height:16px;filter:brightness(0) invert(1)}.info-card-stats{flex:1;display:flex;flex-direction:column;gap:.35rem}.stat-row{display:flex;align-items:center;justify-content:space-between;padding:.35rem .5rem;background:rgba(0,0,0,.15);border-radius:4px}.stat-label{color:#888;font-size:.8rem}.stat-value{color:#d4c4b0;font-size:.85rem;font-weight:500}.stat-value.highlight{color:#ffb160}.stat-value.clickable{color:#7eb8e8;cursor:pointer;transition:color .2s ease}.stat-value.clickable:hover{color:#a8d4ff}.member-entry{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;background:rgba(0,0,0,.15);border-radius:6px;border:1px solid rgba(100,80,70,.15);transition:all .2s ease}.member-entry:hover{background:rgba(100,80,70,.15);border-color:#6450464d}.member-entry-with-avatar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;background:rgba(0,0,0,.15);border-radius:8px;border:1px solid rgba(100,80,70,.15);transition:all .2s ease}.member-entry-with-avatar:hover{background:rgba(100,80,70,.15);border-color:#6450464d}.member-info-section{display:flex;align-items:center;gap:.6rem;flex:1;min-width:0;cursor:pointer}.member-avatar{width:36px;height:36px;border-radius:4px;border:2px solid rgba(100,80,70,.4);background:rgba(0,0,0,.3);object-fit:cover;flex-shrink:0;transition:border-color .2s ease}.member-entry-with-avatar:hover .member-avatar{border-color:#ffb16080}.member-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.member-roles{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.member-info{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0;cursor:pointer}.member-name{color:#d4c4b0;font-size:.9rem;font-weight:500;word-break:break-word}.member-role{color:#888;font-size:.75rem}.member-faction-role{color:#a08be8;font-size:.75rem}.structure-entry{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:rgba(0,0,0,.15);border-radius:6px}.structure-name{color:#d4c4b0;font-size:.85rem}.structure-type{color:#888;font-size:.75rem}.war-entry{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:rgba(180,60,60,.1);border:1px solid rgba(180,60,60,.25);border-radius:6px;cursor:pointer;transition:all .2s ease}.war-entry:hover{background:rgba(180,60,60,.2);border-color:#b43c3c66}.war-entry svg{color:#e07070}.war-name{color:#e07070;font-size:.85rem;font-weight:500}.peace-offer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem;background:rgba(80,160,100,.1);border:1px solid rgba(80,160,100,.25);border-radius:6px}.peace-offer-name{color:#7dce82;font-size:.9rem;font-weight:500}.peace-offer-actions{display:flex;gap:.5rem}.applicant-entry{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:rgba(255,177,96,.1);border:1px solid rgba(255,177,96,.25);border-radius:6px;cursor:pointer;transition:all .2s ease}.applicant-entry:hover{background:rgba(255,177,96,.15);border-color:#ffb16066}.applicant-name{color:#ffb160;font-size:.85rem;font-weight:500}.color-picker{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem 0}.color-option{width:32px;height:32px;border-radius:6px;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#ffb160;box-shadow:0 0 10px #ffb16080}#gangs textarea{width:100%;min-height:120px;padding:.75rem;background:rgba(0,0,0,.3);border:1px solid rgba(100,80,70,.35);border-radius:6px;color:#e0d8d0;font-size:.9rem;font-family:inherit;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}#gangs textarea:focus{outline:none;border-color:#ffb16080;box-shadow:0 0 10px #ffb16026}#gangs input[type=text]{width:100%;padding:.65rem .85rem;background:rgba(0,0,0,.3);border:1px solid rgba(100,80,70,.35);border-radius:6px;color:#e0d8d0;font-size:.9rem;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}#gangs input[type=text]::placeholder{color:#666}#gangs input[type=text]:focus{outline:none;border-color:#ffb16080;box-shadow:0 0 10px #ffb16026}#gangs .btn-primary,#gangs .btn-secondary,#gangs .btn-danger,#gangs .btn-success{padding:.6rem 1rem;border-radius:6px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}#gangs .btn-primary{background:linear-gradient(135deg,rgba(255,140,60,.25) 0%,rgba(255,100,50,.15) 100%);border-color:#ff8c3c80;color:#ffb160}#gangs .btn-primary:hover{background:linear-gradient(135deg,rgba(255,140,60,.35) 0%,rgba(255,100,50,.25) 100%);border-color:#ff8c3cb3;box-shadow:0 0 15px #ff8c3c33}#gangs .btn-secondary{background:rgba(100,80,70,.2);border-color:#64504666;color:#b8b0a8}#gangs .btn-secondary:hover{background:rgba(100,80,70,.3);border-color:#64504699;color:#d4c4b0}#gangs .btn-danger{background:rgba(180,60,60,.15);border-color:#b43c3c66;color:#e07070}#gangs .btn-danger:hover{background:rgba(180,60,60,.25);border-color:#b43c3c99;box-shadow:0 0 15px #b43c3c26}#gangs .btn-success{background:rgba(80,160,100,.15);border-color:#50a06466;color:#7dce82}#gangs .btn-success:hover{background:rgba(80,160,100,.25);border-color:#50a06499;box-shadow:0 0 15px #50a06426}#gangs .btn-small{padding:.35rem .6rem;font-size:.7rem}.action-bar{display:flex;justify-content:center;gap:.75rem;padding:1rem 0;margin-top:.5rem}.warning-box{padding:1rem;background:rgba(180,60,60,.15);border:1px solid rgba(180,60,60,.35);border-radius:8px;margin-bottom:.875rem}.warning-box p{margin:0;color:#e07070;font-size:.9rem;text-align:center}.warning-box p:first-child{font-weight:700;margin-bottom:.5rem}.create-form{padding:1rem;background:rgba(0,0,0,.2);border:1px solid rgba(100,80,70,.25);border-radius:10px}.create-form h4{margin:0 0 .5rem;color:#ffb160;font-size:1rem;font-weight:600}.create-form p{margin:0 0 1rem;color:#999;font-size:.85rem}.create-form-row{display:flex;gap:.75rem}.create-form-row input{flex:1}.scum-section{text-align:center}.scum-logo{width:100%;max-width:400px;max-height:400px;margin:0 auto 1rem;display:block;border-radius:8px;object-fit:contain}.scum-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;padding:1rem;background:rgba(0,0,0,.2);border:1px solid rgba(100,80,70,.25);border-radius:10px}.scum-stat{padding:.5rem;background:rgba(0,0,0,.15);border-radius:6px;text-align:center}.scum-stat-label{color:#888;font-size:.75rem;text-transform:uppercase}.scum-stat-value{color:#d4c4b0;font-size:1rem;font-weight:600}.scum-chapter{grid-column:span 2;padding:1rem;background:linear-gradient(135deg,rgba(180,60,60,.2) 0%,rgba(100,40,40,.1) 100%);border:1px solid rgba(180,60,60,.3)}.scum-chapter .scum-stat-value{color:#e07070;font-size:1.5rem}.loading-container{display:flex;justify-content:center;align-items:center;padding:2rem}#gangs .lds-ring{margin:0 auto;position:relative}#gangs .lds-ring div{border-color:#ffb160 transparent transparent transparent;width:44px;height:44px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:.875rem}@media (max-width: 550px){#gangs{padding:.25rem 0}.gangs-header{padding:.875rem 1rem}.gangs-title{font-size:1rem;letter-spacing:1px}.gangs-tabs{padding:.5rem .75rem;gap:.35rem}.gangs-tab{padding:.4rem .75rem;font-size:.7rem}.gangs-content{padding:.75rem}.info-card{flex-direction:column;align-items:center;text-align:center}.info-card-stats{width:100%}.two-column{grid-template-columns:1fr}.action-bar{flex-direction:column}.action-bar button{width:100%}.peace-offer{flex-direction:column;gap:.75rem}.peace-offer-actions{width:100%;justify-content:center}.create-form-row{flex-direction:column}}@media (max-width: 400px){.gangs-tab{flex:1;text-align:center;padding:.4rem .5rem}.gang-entry{padding:.5rem}.gang-logo{width:50px;height:50px;min-width:50px;max-width:50px;max-height:50px}.gang-name{font-size:.9rem}.gang-stats{flex-wrap:wrap;gap:.5rem}}.player-send-items-panel{display:flex;flex-direction:column;flex:1 1 0;width:100%;height:100%;overflow:hidden}.player-send-items-panel .panel-header{flex-shrink:0}.player-send-items-filters{flex-shrink:0;padding:.5rem;background:rgba(0,0,0,.15);border-bottom:1px solid rgba(100,80,60,.25)}.player-send-items-content{flex:1 1 0;overflow-y:auto;overflow-x:hidden;min-height:0;max-height:100%;padding:.5rem;-webkit-overflow-scrolling:touch}.player-send-items-content::-webkit-scrollbar{width:6px}.player-send-items-content::-webkit-scrollbar-track{background:rgba(0,0,0,.2)}.player-send-items-content::-webkit-scrollbar-thumb{background:rgba(180,130,80,.4);border-radius:3px}.player-send-items-content::-webkit-scrollbar-thumb:hover{background:rgba(180,130,80,.6)}.player-send-items-empty{padding:3rem;text-align:center;background:rgba(0,0,0,.2);border:1px dashed rgba(100,80,60,.4);border-radius:10px}.player-send-items-empty p{margin:0;color:#888;font-size:.95rem}.player-send-items-content>table{width:100%}.contentOverlayWindow:has(.player-send-items-panel){flex-direction:column!important;overflow:hidden!important;height:calc(100% - 6em)!important;max-height:calc(100vh - 8em)!important}.contentOverlayBackground:has(.player-send-items-panel){flex-direction:column!important;overflow:hidden!important;height:100%!important}.contentOverlayBackground>.player-send-items-panel,.contentOverlayBackgroundNoOverflow>.player-send-items-panel{height:calc(100vh - 10em);max-height:calc(100vh - 10em)}#structureTasks{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}#structureTasks .menuPanel{display:flex;gap:.5rem;padding:.3rem;background:rgba(0,0,0,.25);border-bottom:1px solid rgba(100,80,60,.3);flex-shrink:0;flex-direction:row}#structureTasks .task-message{padding:.75rem 1rem;background:rgba(0,0,0,.3);border-bottom:1px solid rgba(100,80,60,.3);text-align:center;color:#ffb160}#structureTasks .task-cards{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;flex:1;overflow-y:auto;overflow-x:hidden}#structureTasks .task-cards::-webkit-scrollbar{width:6px}#structureTasks .task-cards::-webkit-scrollbar-track{background:rgba(0,0,0,.2)}#structureTasks .task-cards::-webkit-scrollbar-thumb{background:rgba(180,130,80,.4);border-radius:3px}#structureTasks .task-cards::-webkit-scrollbar-thumb:hover{background:rgba(180,130,80,.6)}#structureTasks .task-card{position:relative;flex-shrink:0;border-radius:12px;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 20px #00000080;border:1px solid rgba(255,177,96,.2)}#structureTasks .task-card:hover{transform:scale(1.01);box-shadow:0 8px 32px #0009,0 0 0 1px #ffb16066}#structureTasks .task-card--recommended{border-color:#ecf96c80}#structureTasks .task-card--recommended:hover{box-shadow:0 8px 32px #0009,0 0 20px #ecf96c33}#structureTasks .task-card--locked{opacity:.6;filter:grayscale(30%)}#structureTasks .task-card--locked:hover{transform:none}#structureTasks .task-card__image{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center top;z-index:0}#structureTasks .task-card__image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,rgba(20,18,15,.3) 0%,rgba(20,18,15,.6) 25%,rgba(20,18,15,.88) 55%,rgba(20,18,15,.96) 100%);pointer-events:none}#structureTasks .task-card__badge{position:absolute;top:12px;right:12px;width:36px;height:36px;background:linear-gradient(135deg,#ecf96c 0%,#b8c83a 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#1a1a1a;z-index:10;box-shadow:0 4px 12px #ecf96c80,inset 0 1px #ffffff4d;animation:pulse-task-badge 2s ease-in-out infinite;cursor:pointer}@keyframes pulse-task-badge{0%,to{box-shadow:0 4px 12px #ecf96c80,inset 0 1px #ffffff4d}50%{box-shadow:0 4px 24px #ecf96ccc,inset 0 1px #ffffff4d}}#structureTasks .task-card__title{position:relative;z-index:2;margin:0;padding:1rem 1.25rem .75rem;font-size:1.15rem;font-weight:800;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,1),0 0 30px rgba(0,0,0,.8);text-transform:uppercase;letter-spacing:1.5px;line-height:1.2}#structureTasks .task-card__content{position:relative;z-index:2;padding:.5rem 1rem 1rem;display:flex;flex-direction:column;gap:.75rem}#structureTasks .task-card__stats{display:flex;flex-wrap:wrap;gap:.5rem}#structureTasks .task-card__stat{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:6px;border:1px solid rgba(255,177,96,.15);font-size:.85rem}#structureTasks .task-card__stat-label{color:#ffb160e6;font-weight:600;text-transform:uppercase;font-size:.7rem;letter-spacing:.5px}#structureTasks .task-card__stat-value{color:#fff;font-weight:700;font-size:.95rem}#structureTasks .task-card__player-stat{color:#ffffff80;font-size:.8em;font-weight:400}#structureTasks .task-card__stat--reward{flex-basis:100%;background:linear-gradient(90deg,rgba(139,201,143,.2) 0%,rgba(139,201,143,.05) 100%);border-color:#8bc98f4d}#structureTasks .task-card__stat--reward .task-card__stat-label{color:#8bc98f}#structureTasks .task-card__stat--reward .task-card__stat-value{color:#a8e8ac}#structureTasks .task-card__job-skill{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:rgba(0,0,0,.4);border-radius:6px;cursor:pointer}#structureTasks .task-card__job-skill-label{color:#ffb160e6;font-weight:600;text-transform:uppercase;font-size:.7rem;letter-spacing:.5px;white-space:nowrap}#structureTasks .task-card__job-skill-bar{flex:1}#structureTasks .task-card__job-skill .progressBarContainer{width:100%}#structureTasks .task-card__job-skill .progressBarContainer .progressBarBox{border:1px solid rgba(246,220,171,.5);height:8px}#structureTasks .task-card__job-skill .progressBarContainer .progressBarBox .bar{background:linear-gradient(90deg,#f6dcab 0%,#ffb160 100%)}#structureTasks .task-card__description{margin:0;padding:.75rem 1rem;font-size:.9rem;color:#ffffffbf;line-height:1.6;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;border-left:3px solid rgba(255,177,96,.5)}#structureTasks .task-card__theme-effect{padding:.5rem .75rem;font-size:.85rem;font-style:italic;color:#a8d8a8;background:rgba(100,180,100,.1);border-radius:6px;border:1px solid rgba(100,180,100,.2)}#structureTasks .task-card__requirement{padding:.75rem 1rem;background:rgba(255,180,80,.15);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,180,80,.3);border-radius:8px;font-size:.85rem;font-weight:500;color:#ffc880}#structureTasks .task-card__requirement span{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:1px;color:#ffc880b3;margin-bottom:.375rem}#structureTasks .task-card__accepted{padding:.5rem .75rem;font-size:.85rem;font-style:italic;color:#fff9;text-align:center;background:rgba(0,0,0,.3);border-radius:6px}#structureTasks .task-card__footer{display:flex;justify-content:flex-end;margin-top:.25rem}#structureTasks .task-card__footer .button{min-width:130px;box-shadow:0 4px 12px #0006}#shop{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}#shop .menuPanel{display:flex;gap:.375rem;padding:.5rem .75rem;background:rgba(0,0,0,.25);border-bottom:1px solid rgba(100,80,60,.3);flex-shrink:0;flex-wrap:wrap;flex-direction:row}#shop .tradeTable{width:100%;border-collapse:separate;border-spacing:0}#shop .tradeTable tbody{display:flex;flex-direction:column;gap:.375rem;padding:.5rem}#shop .tradeTable tr{display:grid;grid-template-columns:72px 1fr auto auto;align-items:center;gap:.75rem;padding:.5rem .625rem;background:linear-gradient(135deg,rgba(50,45,40,.95) 0%,rgba(38,34,30,.98) 100%);border:1px solid rgba(90,75,60,.45);border-radius:8px;transition:all .15s ease}#shop .tradeTable tr:hover{border-color:#c8a0648c;background:linear-gradient(135deg,rgba(58,52,46,.98) 0%,rgba(45,40,35,.98) 100%);box-shadow:0 3px 12px #0000004d}#shop .tradeTable td{padding:0;display:flex;align-items:center}#shop .shop-item-cell{justify-content:center}#shop .shop-item-icon{position:relative;display:flex;align-items:center;justify-content:center}#shop .shop-item-icon .itemWrap{width:64px;margin:0}#shop .shop-item-icon .itemImage{width:60px}#shop .shop-item-qty{position:absolute;bottom:2px;right:2px;min-width:18px;padding:1px 4px;background:linear-gradient(135deg,rgba(30,28,25,.95) 0%,rgba(20,18,15,.98) 100%);border:1px solid rgba(200,160,100,.6);border-radius:4px;font-size:.75rem;font-weight:700;color:#f0d870;text-align:center;line-height:1.2;z-index:5}#shop .item-quant-wrap{display:none}#shop .tradeTable td:nth-child(2){flex-direction:column;align-items:flex-start;min-width:0;gap:.2rem}#shop .tradeItemName{font-size:.95rem;color:#e8d8c8;line-height:1.2}#shop .tradeItemName strong{color:#ffb160;font-weight:700}#shop .tradeTable td:nth-child(2)>div:last-child{font-size:.8rem;color:#b8a898}#shop .tradeTable td:nth-child(2)>div:last-child>.row{display:flex;flex-wrap:wrap;gap:.375rem;align-items:center}#shop .tradeTable td:nth-child(2) .ranged,#shop .tradeTable td:nth-child(2) .rof,#shop .tradeTable td:nth-child(2) .spower,#shop .tradeTable td:nth-child(2) .handling,#shop .tradeTable td:nth-child(2) .melee,#shop .tradeTable td:nth-child(2) .defense,#shop .tradeTable td:nth-child(2) .survival,#shop .tradeTable td:nth-child(2) .salvaging,#shop .tradeTable td:nth-child(2) .recovery,#shop .tradeTable td:nth-child(2) .crafting,#shop .tradeTable td:nth-child(2) .scouting,#shop .tradeTable td:nth-child(2) .speed,#shop .tradeTable td:nth-child(2) .health,#shop .tradeTable td:nth-child(2) .stamina,#shop .tradeTable td:nth-child(2) .dmg,#shop .tradeTable td:nth-child(2) .vehdmg,#shop .tradeTable td:nth-child(2) .cqb,#shop .tradeTable td:nth-child(2) .rifles,#shop .tradeTable td:nth-child(2) .sniper,#shop .tradeTable td:nth-child(2) .heavy,#shop .tradeTable td:nth-child(2) .ammo-icon{display:inline-flex;align-items:center;padding-left:22px;min-height:18px;background-size:18px 18px;background-position:left center;color:#e8d0b0;font-weight:600;font-size:.8rem;margin-right:.375rem}#shop .tradeTable td:nth-child(2)>div:last-child>div:last-child:not(.row){font-size:.7rem;color:#908070;margin-top:.125rem}#shop .tradeTable td:nth-child(2)>div>.row{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center}#shop .tradeTable td:nth-child(3) .tradeItemPrice,#shop .tradeItemPrice{display:flex;align-items:center;justify-content:flex-end;min-width:60px;padding:.4rem .625rem;background:rgba(0,0,0,.35);border:1px solid rgba(200,160,80,.35);border-radius:6px;font-size:.9rem;font-weight:700;color:#f0d870;white-space:nowrap}#shop .tradeTable td:last-child .buttonWrap{margin:0}#shop .tradeTable td:last-child .button{padding:.4rem .875rem;font-size:.8rem}#shop .tradeTable tr:has(.offer-action-cell){grid-template-columns:72px 1fr auto}#shop .offer-action-cell{justify-content:flex-end}#shop .shop-content{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}#shop .shop-content::-webkit-scrollbar{width:5px}#shop .shop-content::-webkit-scrollbar-track{background:rgba(0,0,0,.15)}#shop .shop-content::-webkit-scrollbar-thumb{background:rgba(180,130,80,.35);border-radius:3px}#shop .shop-content::-webkit-scrollbar-thumb:hover{background:rgba(180,130,80,.55)}#shop .filters{flex-shrink:0;padding:.375rem .5rem;background:rgba(0,0,0,.15);border-bottom:1px solid rgba(100,80,60,.2)}#shop .filters .row{gap:.25rem}#shop .filters .filterBtt{padding:.25rem;border-radius:4px}#shop .offerParams{display:flex;align-items:center;gap:.5rem;margin:.375rem 0;font-size:.85rem;color:#c8b8a8}#shop .offerParams input,#shop .offerParams select{padding:.35rem .5rem;background:rgba(0,0,0,.4);border:1px solid rgba(100,80,60,.5);border-radius:5px;color:#e8d8c8;font-size:.8rem}#shop .offerParams input:focus,#shop .offerParams select:focus{outline:none;border-color:#ffb16080}#shop .offerParams input[type=number]{width:60px;text-align:center}#shop .offerParams select{cursor:pointer}#shop .order-form{display:flex;flex-direction:column;gap:.625rem;padding:.875rem;margin:.5rem;background:linear-gradient(135deg,rgba(50,45,40,.98) 0%,rgba(38,34,30,.98) 100%);border:1px solid rgba(90,75,60,.5);border-radius:8px}#shop .order-form-row{display:flex;flex-direction:column;gap:.25rem}#shop .order-form-row>label{font-size:.7rem;font-weight:600;color:#a89080;text-transform:uppercase;letter-spacing:.4px}#shop .order-form-row input[type=text],#shop .order-form-row input[type=number]{width:100%;padding:.5rem .625rem;background:rgba(0,0,0,.4);border:1px solid rgba(100,80,60,.45);border-radius:6px;color:#e8d8c8;font-size:.9rem;transition:all .15s ease}#shop .order-form-row input[type=text]:focus,#shop .order-form-row input[type=number]:focus{outline:none;border-color:#ffb1608c;background:rgba(0,0,0,.5)}#shop .order-form-row input::placeholder{color:#666}#shop .order-durability-options{display:flex;gap:.5rem}#shop .order-radio{display:flex;align-items:center;gap:.375rem;cursor:pointer;padding:.375rem .625rem;background:rgba(0,0,0,.3);border:1px solid rgba(100,80,60,.4);border-radius:5px;transition:all .15s ease}#shop .order-radio:hover{background:rgba(0,0,0,.4);border-color:#b48c6480}#shop .order-radio input[type=radio]{accent-color:#ffb160;width:14px;height:14px}#shop .order-radio:has(input:checked){background:rgba(255,177,96,.15);border-color:#ffb16080}#shop .order-radio span{color:#c8b8a8;font-size:.8rem;font-weight:500}#shop .order-form-actions{display:flex;justify-content:flex-end;margin-top:.375rem;padding-top:.5rem;border-top:1px solid rgba(100,80,60,.25)}#shop .order-form-actions .buttonWrap{margin:0}#shop .tradeTable tbody:empty:after{content:"No items available";display:block;padding:2rem 1.5rem;text-align:center;color:#888;font-size:.9rem;font-style:italic;background:rgba(0,0,0,.15);border:1px dashed rgba(100,80,60,.35);border-radius:8px;margin:.5rem}.offer-modal-content{display:flex;flex-direction:column;gap:.5rem}.offer-modal-content .offerParams{display:flex;align-items:center;gap:.5rem;margin:0}.offer-modal-content .offerParams label{min-width:60px;font-size:.85rem;color:#c8b8a8}.offer-modal-content .offerParams input,.offer-modal-content .offerParams select{flex:1;padding:.375rem .5rem;background:rgba(0,0,0,.4);border:1px solid rgba(100,80,60,.5);border-radius:5px;color:#e8d8c8;font-size:.85rem}.offer-modal-content .offerParams input:focus,.offer-modal-content .offerParams select:focus{outline:none;border-color:#ffb16080}.offer-modal-content .offerParams input[type=number]{width:70px;flex:none;text-align:center}.offer-modal-content .offerParams select{cursor:pointer}#structure table{color:#fff}#recruitment{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.merc-filter-tabs{display:flex;gap:.5rem;padding:.75rem 1rem;background:rgba(0,0,0,.2);border-bottom:1px solid rgba(100,80,60,.3);flex-shrink:0;flex-direction:row!important}.merc-filter-tab{padding:.5rem 1rem;background:rgba(0,0,0,.3);border:1px solid rgba(100,80,60,.4);border-radius:6px;color:#a89080;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.merc-filter-tab:hover{background:rgba(100,80,60,.25);border-color:#b48c6480;color:#c8b8a8}.merc-filter-tab.active{background:linear-gradient(180deg,rgba(255,177,96,.2) 0%,rgba(200,140,80,.15) 100%);border-color:#ffb16099;color:#ffb160;box-shadow:0 0 15px #ffb16026}.merc-grid{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1rem 2rem;flex:1;overflow-y:auto;overflow-x:hidden}.merc-grid::-webkit-scrollbar{width:6px}.merc-grid::-webkit-scrollbar-track{background:rgba(0,0,0,.2)}.merc-grid::-webkit-scrollbar-thumb{background:rgba(180,130,80,.4);border-radius:3px}.merc-grid::-webkit-scrollbar-thumb:hover{background:rgba(180,130,80,.6)}.merc-empty{padding:3rem;text-align:center;background:rgba(0,0,0,.2);border:1px dashed rgba(100,80,60,.4);border-radius:10px}.merc-empty p{margin:0;color:#888;font-size:.95rem}.merc-card{position:relative;display:flex;flex-direction:row;background:linear-gradient(135deg,rgba(38,34,30,.98) 0%,rgba(28,25,22,.98) 100%);border:1px solid rgba(90,70,50,.5);border-radius:10px;overflow:visible;transition:all .25s ease;flex-shrink:0}.merc-card:hover{border-color:#c8965a99;box-shadow:0 4px 20px #00000080,inset 0 1px #ffc8961a}.merc-card-visual{position:relative;width:100px;min-width:100px;min-height:120px;background:linear-gradient(180deg,rgba(50,45,38,.9) 0%,rgba(35,32,28,.95) 100%);overflow:hidden}.merc-card-visual .merc-avatar{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;height:120%;object-fit:cover;filter:contrast(1.08) brightness(1.02) saturate(.95);transition:all .3s ease}.merc-card:hover .merc-avatar{transform:translate(-50%,-50%) scale(1.08);filter:contrast(1.1) brightness(1.05) saturate(1)}.merc-visual-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 60%,rgba(28,25,22,.9) 100%);pointer-events:none}.merc-level-badge{position:absolute;top:.5rem;left:.5rem;padding:.2rem .5rem;background:linear-gradient(135deg,rgba(255,180,100,.95) 0%,rgba(200,130,60,.95) 100%);border-radius:3px;font-size:.65rem;font-weight:800;color:#1a1614;letter-spacing:.5px;box-shadow:0 2px 6px #00000080;z-index:3}.merc-card-info{flex:1;display:flex;flex-direction:column;padding:.75rem .875rem;gap:.5rem;min-width:0}.merc-card-top{display:flex;flex-direction:column;gap:.125rem}.merc-name{margin:0;font-size:.95rem;font-weight:700;color:#f0c070;line-height:1.2;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.merc-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem}.merc-nickname{color:#908070;font-style:italic}.merc-details{color:#706050}.merc-description{margin:0;font-size:.72rem;color:#807060;font-style:italic;line-height:1.35;padding:.375rem .5rem;background:rgba(0,0,0,.25);border-radius:4px;border-left:2px solid rgba(200,150,80,.35);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:all .2s ease}.merc-description:hover{background:rgba(0,0,0,.35);border-left-color:#ffb46480;color:#a09080}.merc-description-tooltip{display:block;max-width:280px;font-size:.85rem;font-style:italic;color:#d8c8b8;line-height:1.5}.merc-skills-compact{display:flex;flex-direction:column;gap:.375rem;padding:.375rem 0}.merc-skills-group{display:flex;align-items:center;gap:.5rem}.merc-skills-group-label{font-size:.55rem;font-weight:700;color:#605548;text-transform:uppercase;letter-spacing:.5px;min-width:38px}.merc-skills-items{display:flex;flex-wrap:wrap;gap:.25rem}.merc-skill-item{display:flex;align-items:center;gap:.15rem;padding:.15rem .25rem;background:rgba(0,0,0,.3);border:1px solid rgba(80,65,50,.4);border-radius:3px;transition:opacity .2s ease}.merc-skill-item.zero{opacity:.35}.merc-skill-icon{width:13px;height:13px;opacity:.9}.merc-skill-value{font-size:.7rem;font-weight:700;color:#d8c8b0;min-width:12px;text-align:center}.merc-skill-item.zero .merc-skill-value{color:#706050}.merc-card-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-top:.5rem;margin-top:auto;border-top:1px solid rgba(80,65,50,.3)}.merc-price{display:flex;align-items:baseline;gap:.25rem}.merc-price-value{font-size:1rem;font-weight:800;color:#e8c050}.merc-price-label{font-size:.65rem;color:#706050;text-transform:uppercase;letter-spacing:.3px}.merc-hire-btn{padding:.45rem 1rem;background:linear-gradient(180deg,rgba(180,120,70,.9) 0%,rgba(140,90,50,.9) 100%);border:1px solid rgba(200,150,90,.6);border-radius:5px;color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #00000059}.merc-hire-btn:hover{background:linear-gradient(180deg,rgba(220,150,90,.95) 0%,rgba(180,120,70,.95) 100%);border-color:#ffb464cc;box-shadow:0 3px 10px #0006,0 0 12px #ffb46433;transform:translateY(-1px)}.merc-hire-btn:active{transform:scale(.98)}#recruitment h4{margin:.2em 0}#recruitment .mercBox{padding:2px 4px;margin:2px;width:270px;background-color:#333}#recruitment .mercBox .details{padding:2px 4px 2px 8px;font-size:.9em}#recruitment .mercBox .detailsDescription{padding:6px 0;font-size:.9em}#recruitment .mercImage{width:120px;height:auto}#privateStorage{display:flex;flex-direction:column}.ps-icon{width:24px;height:24px;color:#c8a878}.ps-icon.coin{width:18px;height:18px;color:#e8c060}.ps-expired-panel{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1.5rem;margin:1rem;background:linear-gradient(165deg,rgba(60,45,35,.5) 0%,rgba(45,35,28,.6) 100%);border:1px solid rgba(180,100,80,.4);border-radius:12px;text-align:center}.ps-expired-panel.garage{background:linear-gradient(165deg,rgba(45,50,60,.5) 0%,rgba(35,40,50,.6) 100%);border-color:#508cb466}.ps-expired-panel.garage .ps-icon,.ps-expired-panel.garage .ps-expired-title{color:#88b8e8}.ps-expired-panel.garage .ps-extend-btn{background:linear-gradient(180deg,rgba(80,120,160,.9) 0%,rgba(60,100,140,.9) 100%);border-color:#64a0c899}.ps-expired-panel.garage .ps-extend-btn:hover{background:linear-gradient(180deg,rgba(100,150,190,.95) 0%,rgba(80,130,170,.95) 100%);border-color:#8cc8f0cc;box-shadow:0 4px 15px #0006,0 0 20px #64a0c833}.ps-expired-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:rgba(0,0,0,.3);border:2px solid rgba(100,80,60,.4);border-radius:50%}.ps-expired-icon .ps-icon{width:32px;height:32px}.ps-expired-content{display:flex;flex-direction:column;align-items:center;gap:.75rem}.ps-expired-title{margin:0;font-size:1.2rem;font-weight:700;color:#ffb160;text-transform:uppercase;letter-spacing:1px}.ps-expired-info{margin:0;font-size:.9rem;color:#a89080}.ps-expired-cost{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:rgba(0,0,0,.3);border-radius:8px}.ps-cost-value{font-size:1.25rem;font-weight:700;color:#e8c060}.ps-cost-label{font-size:.85rem;color:#a89080}.ps-extend-btn{padding:.75rem 2rem;background:linear-gradient(180deg,rgba(160,100,60,.9) 0%,rgba(120,75,45,.9) 100%);border:1px solid rgba(200,140,80,.6);border-radius:8px;color:#fff;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:all .2s ease;box-shadow:0 3px 10px #0000004d}.ps-extend-btn:hover{background:linear-gradient(180deg,rgba(200,130,80,.95) 0%,rgba(160,100,60,.95) 100%);border-color:#ffb160cc;box-shadow:0 4px 15px #0006,0 0 20px #ffb16033;transform:translateY(-2px)}.ps-extend-btn:active{transform:scale(.98)}.ps-status-bar{position:relative;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:linear-gradient(180deg,rgba(35,28,22,.85) 0%,rgba(25,20,16,.9) 100%);border-top:1px solid rgba(120,90,65,.3);border-bottom:1px solid rgba(0,0,0,.5);box-shadow:inset 0 1px #ffc8960d,inset 0 -1px #0000004d,0 2px 8px #0000004d}.ps-status-item{display:flex;align-items:center;gap:.5rem}.ps-status-item .ps-icon{width:18px;height:18px}.ps-status-label{font-size:.8rem;color:#987;text-shadow:0 1px 2px rgba(0,0,0,.6)}.ps-status-value{font-size:.9rem;font-weight:600;color:#f0e0c8;text-shadow:0 1px 3px rgba(0,0,0,.7)}.ps-extend-link{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:linear-gradient(180deg,rgba(80,60,40,.7) 0%,rgba(50,38,28,.8) 100%);border:1px solid rgba(180,140,100,.4);border-radius:6px;color:#e8c060;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000004d,inset 0 1px #ffc8961a;text-shadow:0 1px 2px rgba(0,0,0,.6)}.ps-extend-link:hover{background:linear-gradient(180deg,rgba(120,90,60,.8) 0%,rgba(80,60,45,.85) 100%);border-color:#ffb16099;color:#ffb160;box-shadow:0 3px 8px #0006,inset 0 1px #ffc89626,0 0 12px #ffb16026}.ps-extend-link .ps-icon{width:16px;height:16px}#management{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.mgmt-icon{width:18px;height:18px;flex-shrink:0;color:#c8a878;display:inline-flex;align-items:center;justify-content:center}.mgmt-icon svg{width:18px;height:18px}.mgmt-icon.coin{color:#e8c060}.mgmt-tabs{display:flex;gap:.5rem;padding:.75rem 1rem;position:sticky;top:0;z-index:10;background:linear-gradient(180deg,rgba(50,45,40,.6) 0%,rgba(40,36,32,.7) 100%);flex-direction:row!important;border-bottom:1px solid rgba(100,80,60,.3)}.mgmt-tab{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:rgba(0,0,0,.3);border:1px solid rgba(100,80,60,.4);border-radius:8px;color:#a89080;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.mgmt-tab:hover{background:rgba(100,80,60,.25);border-color:#b48c6480;color:#c8b8a8}.mgmt-tab.active{background:linear-gradient(180deg,rgba(255,177,96,.2) 0%,rgba(200,140,80,.15) 100%);border-color:#ffb16099;color:#ffb160;box-shadow:0 0 15px #ffb16026}.mgmt-content{display:flex;flex-direction:column;gap:.875rem;padding:.875rem .875rem 1.25rem;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.mgmt-content::-webkit-scrollbar{width:6px}.mgmt-content::-webkit-scrollbar-track{background:rgba(0,0,0,.2)}.mgmt-content::-webkit-scrollbar-thumb{background:rgba(180,130,80,.4);border-radius:3px}.mgmt-content::-webkit-scrollbar-thumb:hover{background:rgba(180,130,80,.6)}.mgmt-section{background:linear-gradient(165deg,rgba(40,36,32,.95) 0%,rgba(30,28,25,.98) 100%);border:1px solid rgba(100,80,60,.4);border-radius:8px;overflow:hidden}.mgmt-section-header{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background:rgba(0,0,0,.2);border-bottom:1px solid rgba(100,80,60,.3)}.mgmt-section-header h4{margin:0;font-size:.85rem;font-weight:700;color:#ffb160;text-transform:uppercase;letter-spacing:.5px}.mgmt-section-body{padding:.875rem;display:flex;flex-direction:column;gap:.75rem}.mgmt-upkeep-info,.mgmt-auto-upkeep{display:flex;flex-direction:column;gap:.625rem}.mgmt-info-row{display:flex;align-items:center;gap:.625rem;min-height:28px}.mgmt-label{font-size:.85rem;color:#a89080;min-width:fit-content}.mgmt-value{font-size:.9rem;font-weight:600;color:#e8d8c8;display:flex;align-items:center;gap:.375rem}.mgmt-value.highlight{color:#ffb160}.mgmt-value .mgmt-icon,.mgmt-value .mgmt-icon svg{width:16px;height:16px}.mgmt-status{padding:.25rem .75rem;border-radius:4px;font-size:.8rem;font-weight:600;margin-left:auto}.mgmt-status.enabled{background:rgba(100,180,100,.2);color:#8bc98f}.mgmt-status.disabled{background:rgba(180,100,100,.2);color:#e88888}.mgmt-divider{height:1px;background:rgba(100,80,60,.3);margin:.375rem 0}.mgmt-action-btn{padding:.5rem 1rem;background:linear-gradient(180deg,rgba(80,65,50,.9) 0%,rgba(55,45,38,.9) 100%);border:1px solid rgba(140,100,70,.5);border-radius:6px;color:#e8d8c8;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.mgmt-action-btn:hover{background:linear-gradient(180deg,rgba(100,80,60,.95) 0%,rgba(70,55,45,.95) 100%);border-color:#c8965ab3}.mgmt-action-btn.primary{background:linear-gradient(180deg,rgba(160,100,60,.9) 0%,rgba(120,75,45,.9) 100%);border-color:#c88c5099;color:#fff}.mgmt-action-btn.primary:hover{background:linear-gradient(180deg,rgba(200,130,80,.95) 0%,rgba(160,100,60,.95) 100%);box-shadow:0 0 12px #ffb16033}.mgmt-action-btn.success{background:linear-gradient(180deg,rgba(80,140,80,.9) 0%,rgba(60,110,60,.9) 100%);border-color:#64b46499;color:#fff}.mgmt-action-btn.success:hover{background:linear-gradient(180deg,rgba(100,160,100,.95) 0%,rgba(80,130,80,.95) 100%);box-shadow:0 0 12px #64b46433}.mgmt-action-btn.danger{background:linear-gradient(180deg,rgba(140,70,70,.9) 0%,rgba(110,55,55,.9) 100%);border-color:#b4646499;color:#fff}.mgmt-action-btn.danger:hover{background:linear-gradient(180deg,rgba(160,90,90,.95) 0%,rgba(130,70,70,.95) 100%);box-shadow:0 0 12px #b4646433}.mgmt-action-btn.small{padding:.4rem .875rem;font-size:.75rem}.mgmt-upkeep-info .mgmt-action-btn,.mgmt-auto-upkeep .mgmt-action-btn{align-self:flex-start;margin-top:.25rem}.mgmt-funds-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.mgmt-fund-card{padding:.875rem;background:rgba(0,0,0,.2);border:1px solid rgba(100,80,60,.3);border-radius:8px;display:flex;flex-direction:column;gap:.375rem}.mgmt-fund-label{font-size:.7rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px}.mgmt-fund-value{font-size:1.15rem;font-weight:700;color:#e8c060;margin-bottom:.25rem}.mgmt-fund-actions{display:flex;align-items:center;gap:.375rem;margin-top:auto}.mgmt-fund-actions .mgmt-input{width:60px;flex:none;padding:.4rem .5rem;font-size:.8rem;text-align:center}.mgmt-fund-actions .mgmt-action-btn{padding:.4rem .75rem;font-size:.75rem;white-space:nowrap}.mgmt-input{flex:1;padding:.5rem .75rem;background:rgba(0,0,0,.3);border:1px solid rgba(100,80,60,.4);border-radius:6px;color:#e8d8c8;font-size:.85rem;min-width:0}.mgmt-input:focus{outline:none;border-color:#ffb16080}.mgmt-input.small{width:70px;text-align:center}.mgmt-select{padding:.5rem .75rem;background:rgba(0,0,0,.3);border:1px solid rgba(100,80,60,.4);border-radius:6px;color:#e8d8c8;font-size:.85rem;cursor:pointer}.mgmt-select:focus{outline:none;border-color:#ffb16080}.mgmt-form-grid{display:flex;flex-direction:column;gap:.625rem}.mgmt-form-row{display:flex;align-items:center;gap:.75rem}.mgmt-form-label{flex:1;font-size:.85rem;color:#a89080}.mgmt-form-row .mgmt-input,.mgmt-form-row .mgmt-select{width:120px;flex:none}.mgmt-access-buttons{display:flex;gap:.5rem;margin-top:.25rem}.mgmt-access-btn{flex:1;padding:.625rem 1rem;background:rgba(0,0,0,.3);border:1px solid rgba(100,80,60,.4);border-radius:6px;color:#a89080;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.3px}.mgmt-access-btn:hover{background:rgba(100,80,60,.25);border-color:#b48c6480;color:#c8b8a8}.mgmt-access-btn.active{background:linear-gradient(180deg,rgba(255,177,96,.2) 0%,rgba(200,140,80,.15) 100%);border-color:#ffb16099;color:#ffb160}.mgmt-hint{font-size:.8rem;color:#777;font-style:italic;line-height:1.4;margin:0}.mgmt-fees-table{width:100%;border-collapse:collapse}.mgmt-fees-table th,.mgmt-fees-table td{padding:.625rem;text-align:left;border-bottom:1px solid rgba(100,80,60,.25)}.mgmt-fees-table th{font-size:.75rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px}.mgmt-fees-table td{vertical-align:middle}.fee-label{display:block;font-size:.9rem;color:#e8d8c8;font-weight:600}.fee-hint{display:block;font-size:.7rem;color:#888;font-style:italic}.fee-max{display:block;font-size:.65rem;color:#666;margin-top:.25rem}.mgmt-formula-info{margin-top:1rem;padding:.875rem;background:rgba(0,0,0,.2);border:1px solid rgba(100,80,60,.25);border-radius:8px}.mgmt-formula-info h5{margin:0 0 .5rem;font-size:.8rem;color:#a89080;text-transform:uppercase;letter-spacing:.5px}.mgmt-formula-info code{display:block;padding:.5rem;background:rgba(0,0,0,.3);border-radius:4px;font-family:monospace;font-size:.85rem;color:#e8c060;margin-bottom:.5rem}.mgmt-formula-info p{margin:0;font-size:.75rem;color:#888;line-height:1.5}#management .funds div{padding:0 5px}#foodManagement{display:flex;flex-direction:column;gap:.75rem;padding:.75rem}.food-header{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:linear-gradient(135deg,rgba(45,35,25,.9) 0%,rgba(32,25,18,.95) 100%);border:1px solid rgba(140,100,60,.4);border-radius:8px}.food-header__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,rgba(180,120,60,.3) 0%,rgba(140,90,40,.4) 100%);border:1px solid rgba(200,140,80,.4);border-radius:8px;color:#e8c080}.food-header__content{flex:1}.food-header__title{margin:0;font-size:1rem;font-weight:700;color:#f0e0c8;text-transform:uppercase;letter-spacing:.5px}.food-header__subtitle{margin:.25rem 0 0;font-size:.8rem;color:#a08060}.food-stockpile-section{background:linear-gradient(180deg,rgba(35,30,25,.9) 0%,rgba(25,22,18,.95) 100%);border:1px solid rgba(100,80,60,.4);border-radius:8px;overflow:hidden}.food-stockpile__header{display:flex;align-items:center;padding:.6rem .75rem;background:rgba(0,0,0,.2);border-bottom:1px solid rgba(100,80,60,.3)}.food-stockpile__label{font-size:.8rem;font-weight:600;color:#b0a090;text-transform:uppercase;letter-spacing:.5px}.food-stockpile__content{padding:.75rem}#foodManagement .selected{background:linear-gradient(180deg,rgba(180,120,60,.3) 0%,rgba(140,90,40,.4) 100%);border:2px solid rgba(220,160,80,.6)!important;border-radius:6px}#foodManagement .foodItem{border:2px solid transparent;border-radius:6px;transition:all .2s ease;cursor:pointer}#foodManagement .foodItem:hover{background:rgba(180,120,60,.15)}.transfer-panel{display:flex;flex-direction:column;gap:.75rem}.transfer-section{background:linear-gradient(180deg,rgba(35,30,25,.9) 0%,rgba(25,22,18,.95) 100%);border:1px solid rgba(100,80,60,.4);border-radius:8px;overflow:hidden}.transfer-section--amount{background:linear-gradient(180deg,rgba(30,35,30,.9) 0%,rgba(22,28,22,.95) 100%);border-color:#50785066}.transfer-section__header{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;background:rgba(0,0,0,.25);border-bottom:1px solid rgba(100,80,60,.3);font-size:.8rem;font-weight:600;color:#c0a880;text-transform:uppercase;letter-spacing:.5px}.transfer-section--amount .transfer-section__header{color:#90c090;border-bottom-color:#5078504d}.transfer-amount-badge{margin-left:auto;padding:.2rem .5rem;background:rgba(80,140,80,.3);border:1px solid rgba(100,160,100,.4);border-radius:4px;font-size:.75rem;color:#a0d0a0}.transfer-items-grid{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem;justify-content:center}.transfer-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;background:linear-gradient(180deg,rgba(50,45,38,.6) 0%,rgba(35,30,25,.7) 100%);border:2px solid rgba(100,80,60,.3);border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative;min-width:90px}.transfer-item:hover:not(.transfer-item--disabled){background:linear-gradient(180deg,rgba(70,60,45,.7) 0%,rgba(50,42,32,.8) 100%);border-color:#b48c5080;transform:translateY(-2px)}.transfer-item--selected{background:linear-gradient(180deg,rgba(180,130,60,.25) 0%,rgba(140,100,50,.35) 100%);border-color:#dcaa50b3;box-shadow:0 0 15px #dcaa5033}.transfer-item--disabled{opacity:.4;cursor:not-allowed}.transfer-item__wrapper{position:relative}.transfer-item__name{font-size:.7rem;color:#b0a090;text-align:center;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transfer-item__value{font-size:.65rem;color:#80c080;font-weight:600}.transfer-item__check{position:absolute;top:4px;right:4px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:rgba(80,180,80,.9);border-radius:50%;color:#fff}.transfer-item__check svg{width:12px;height:12px}.transfer-slider{padding:1rem 1.25rem .5rem}.transfer-slider__input{width:100%;height:8px}.transfer-slider__track{height:8px;background:rgba(40,50,40,.8);border-radius:4px}.transfer-slider__track-0{background:linear-gradient(90deg,#5a9a5a 0%,#7ab87a 100%);border-radius:4px}.transfer-slider__thumb{width:24px;height:24px;background:linear-gradient(180deg,#7ab87a 0%,#5a9a5a 100%);border:2px solid #90d090;border-radius:50%;cursor:grab;top:-8px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0000004d;outline:none}.transfer-slider__thumb:active{cursor:grabbing}.transfer-slider__value{font-size:.7rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.transfer-summary{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:rgba(0,0,0,.2);border-top:1px solid rgba(80,120,80,.3)}.transfer-summary__label{font-size:.85rem;color:#90a090}.transfer-summary__value{font-size:1.1rem;font-weight:700;color:#80d080;text-shadow:0 0 10px rgba(100,200,100,.3)}.transfer-action{display:flex;justify-content:center;padding:.5rem}.transfer-store-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 2rem;background:linear-gradient(180deg,rgba(80,140,80,.9) 0%,rgba(60,110,60,.95) 100%);border:1px solid rgba(100,180,100,.5);border-radius:8px;color:#fff;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s ease;box-shadow:0 3px 10px #0000004d,inset 0 1px #ffffff1a}.transfer-store-btn:hover:not(.transfer-store-btn--disabled){background:linear-gradient(180deg,rgba(100,170,100,.95) 0%,rgba(80,140,80,1) 100%);border-color:#82d282b3;box-shadow:0 4px 15px #0006,0 0 20px #64c86433;transform:translateY(-2px)}.transfer-store-btn--disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(180deg,rgba(60,60,60,.8) 0%,rgba(40,40,40,.9) 100%);border-color:#50505066}#populationData{display:flex;flex-direction:column;gap:.75rem;padding:.75rem}.pop-header{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:linear-gradient(135deg,rgba(35,40,50,.9) 0%,rgba(25,28,35,.95) 100%);border:1px solid rgba(100,110,130,.4);border-radius:8px}.pop-header__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,rgba(100,120,160,.3) 0%,rgba(70,90,120,.4) 100%);border:1px solid rgba(120,140,180,.4);border-radius:8px;color:#a0b8d8}.pop-header__content{flex:1}.pop-header__title{margin:0;font-size:1rem;font-weight:700;color:#e0e8f0;text-transform:uppercase;letter-spacing:.5px;text-align:center}.pop-header__subtitle{margin:.25rem 0 0;font-size:.8rem;color:#8090a0}.pop-stats{display:flex;gap:1rem;padding:1rem;background:linear-gradient(180deg,rgba(25,28,35,.9) 0%,rgba(18,20,26,.95) 100%);border:1px solid rgba(60,70,85,.5);border-radius:8px;flex-wrap:wrap;height:200px}.pop-stats__chart{position:relative;width:120px;height:120px;flex-shrink:0}.pop-stats__chart-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.pop-stats__total{font-size:1.5rem;font-weight:700;color:#e0e8f0}.pop-stats__legend{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:150px}.pop-legend-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;background:rgba(0,0,0,.2);border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s ease}.pop-legend-item:hover{background:rgba(255,255,255,.05)}.pop-legend-item.active{background:rgba(100,140,200,.2);border-color:#648cc866}.pop-legend-item__color{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;color:#000000b3}.pop-legend-item__label{flex:1;font-size:.85rem;color:#c0c8d0}.pop-legend-item__count{font-size:.9rem;font-weight:700;color:#e0e8f0}.pop-list{background:linear-gradient(180deg,rgba(25,28,35,.9) 0%,rgba(18,20,26,.95) 100%);border:1px solid rgba(60,70,85,.5);border-radius:8px;overflow:hidden}.pop-list__header{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;background:rgba(0,0,0,.2);border-bottom:1px solid rgba(60,70,85,.4);font-size:.8rem;font-weight:600;color:#a0a8b0;text-transform:uppercase;letter-spacing:.5px}.pop-list__count{display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 .5rem;background:rgba(100,120,160,.3);border-radius:12px;font-size:.75rem;color:#a0b8d8}.pop-list__content{display:flex;flex-direction:column;max-height:300px;overflow-y:auto}.pop-list__empty{padding:1.5rem;text-align:center;color:#606870;font-size:.85rem}.pop-inhabitant{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-bottom:1px solid rgba(60,70,85,.3);transition:background .2s ease}.pop-inhabitant:last-child{border-bottom:none}.pop-inhabitant:hover{background:rgba(100,120,160,.1)}.pop-inhabitant__avatar{width:44px;height:44px;border-radius:6px;overflow:hidden;border:2px solid rgba(80,90,110,.5);flex-shrink:0}.pop-inhabitant__avatar img{width:100%;height:100%;object-fit:cover}.pop-inhabitant__info{flex:1;display:flex;flex-direction:column;min-width:0}.pop-inhabitant__name{font-size:.9rem;font-weight:600;color:#d0d8e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pop-inhabitant__details{font-size:.75rem;color:#707880}.pop-inhabitant__actions{display:flex;gap:.375rem}.pop-action-btn{padding:.375rem .75rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease}.pop-action-btn--free{background:linear-gradient(180deg,rgba(70,130,180,.6) 0%,rgba(50,100,140,.7) 100%);border:1px solid rgba(100,160,200,.4);color:#c0e0ff}.pop-action-btn--free:hover{background:linear-gradient(180deg,rgba(90,150,200,.7) 0%,rgba(70,120,160,.8) 100%);border-color:#82bee699}.pop-action-btn--take{background:linear-gradient(180deg,rgba(80,140,90,.6) 0%,rgba(60,110,70,.7) 100%);border:1px solid rgba(100,180,110,.4);color:#c0ffc8}.pop-action-btn--take:hover{background:linear-gradient(180deg,rgba(100,160,110,.7) 0%,rgba(80,130,90,.8) 100%);border-color:#82c88c99}#populationData .actions{display:flex;align-items:flex-end}#populationData .avatar{width:50px;height:50px}#structure .fullBuildingImage{position:relative;width:100%;height:100vh;margin-top:.5rem;border-radius:8px;overflow:hidden;border:1px solid rgba(100,80,60,.3)}#structure .fullBuildingImage .gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(25,22,18,1) 0%,rgba(25,22,18,.4) 30%,transparent 100%);z-index:1;pointer-events:none}#structure .fullBuildingImage .farmBuildingImageFull,#structure .fullBuildingImage .huntersLodgeImageFull,#structure .fullBuildingImage .guardBuildingImageFull,#structure .fullBuildingImage .defenseBuildingImageFull,#structure .fullBuildingImage .houseBuildingImageFull{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}#structure .fullBuildingImage .farmBuildingImageFull{background-image:url(/images/buildings/farm_full.png)}#structure .fullBuildingImage .huntersLodgeImageFull{background-image:url(/images/buildings/hunterslodge_full.png)}#structure .fullBuildingImage .guardBuildingImageFull{background-image:url(/images/buildings/guardbarracks_full.png)}#structure .fullBuildingImage .defenseBuildingImageFull{background-image:url(/images/buildings/defense_full.png)}#structure .fullBuildingImage .houseBuildingImageFull{background-image:url(/images/buildings/house_full.png)}.build-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.build-empty{padding:2rem;text-align:center;background:rgba(0,0,0,.2);border:1px dashed rgba(100,80,60,.4);border-radius:10px}.build-empty p{margin:0;color:#888;font-size:.95em}.build-empty__hint{margin-top:.5rem!important;font-size:.85em!important;color:#666!important;font-style:italic}.build-card{position:relative;display:flex;flex-direction:column;background:linear-gradient(165deg,rgba(40,36,32,.98) 0%,rgba(28,26,24,.98) 100%);border:1px solid rgba(100,80,60,.5);border-radius:12px;overflow:hidden;transition:all .25s ease}.build-card:hover{border-color:#c8965099;box-shadow:0 6px 20px #0006,0 0 0 1px #c8965033;transform:translateY(-2px)}.build-card__image{position:relative;height:100px;background-size:cover;background-position:center;background-repeat:no-repeat}.build-card__image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(20,18,15,.1) 0%,rgba(20,18,15,.7) 70%,rgba(28,26,24,.98) 100%)}.build-card__image.HouseLvl,.build-card__image.House{background-image:url(/images/buildings/house_full.png)}.build-card__image.FarmLvl,.build-card__image.Farm{background-image:url(/images/buildings/farm_full.png)}.build-card__image.DefenseLvl,.build-card__image.Defense{background-image:url(/images/buildings/defense_full.png)}.build-card__image.GuardBarracksLvl,.build-card__image.GuardBarracks{background-image:url(/images/buildings/guardbarracks_full.png)}.build-card__image.HuntersLodgeLvl,.build-card__image.HuntersLodge{background-image:url(/images/buildings/hunterslodge_full.png)}.build-card__image.GarageLvl,.build-card__image.Garage{background-image:url(/images/buildings/garage_full.png)}.build-card__image.WarehouseLvl,.build-card__image.Warehouse,.build-card__image.Storage{background-image:url(/images/buildings/warehouse_full.png)}.build-card__image.WorkshopLvl,.build-card__image.Workshop,.build-card__image.Ws{background-image:url(/images/buildings/workshop_full.png)}.build-card__image.StorageLvl{background-image:url(/images/buildings/storage_full.png)}.build-card__image.GeneratorLvl,.build-card__image.Generator,.build-card__image.ElectricGenerator{background-image:url(/images/buildings/generator_full.png)}.build-card__image.PrivateStorageLvl,.build-card__image.PrivateStorage{background-image:url(/images/buildings/privatestorage_full.png)}.build-card__image.PrivateGarageLvl,.build-card__image.PrivateGarage{background-image:url(/images/buildings/privategarage_full.png)}.build-card__image.Bar{background-image:url(/images/buildings/bar.png)}.build-card__image.Shop{background-image:url(/images/buildings/market.png)}.build-card__image.Lvl{background-image:url(/images/squaretypes_v2/temperate/31.png)}.build-card__content{padding:.875rem 1rem 1rem;display:flex;flex-direction:column;gap:.625rem}.build-card__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.build-card__name{margin:0;font-size:1.05rem;font-weight:700;color:#ffb160;text-transform:uppercase;letter-spacing:.5px}.build-card__level{font-size:.75rem;font-weight:600;padding:.2rem .5rem;background:rgba(0,0,0,.4);border:1px solid rgba(100,80,60,.4);border-radius:4px;color:#b8a898}.build-card__description{margin:0;font-size:.8rem;color:#a09080;line-height:1.4}.build-card__icon{width:16px;height:16px;flex-shrink:0}.build-card__requirements{display:flex;flex-wrap:wrap;gap:.5rem}.build-card__requirement{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:rgba(0,0,0,.3);border:1px solid rgba(100,80,60,.3);border-radius:6px;font-size:.8rem}.build-card__requirement .build-card__icon{color:#e8c88c}.build-card__requirement-label{color:#908070;font-size:.7rem;text-transform:uppercase;letter-spacing:.3px}.build-card__requirement-value{color:#e8d8c8;font-weight:600}.build-card__materials{background:rgba(0,0,0,.25);border:1px solid rgba(100,80,60,.25);border-radius:8px;padding:.625rem}.build-card__materials-header{display:flex;align-items:center;gap:.375rem;margin-bottom:.5rem;font-size:.75rem;font-weight:600;color:#b8a898;text-transform:uppercase;letter-spacing:.5px}.build-card__materials-header .build-card__icon{color:#c8a878}.build-card__materials-list{display:flex;flex-wrap:wrap;gap:.375rem}.build-card__material{display:flex;align-items:baseline;gap:.25rem;padding:.25rem .5rem;background:rgba(0,0,0,.2);border-radius:4px;font-size:.8rem}.build-card__material-amount{color:#e8c88c;font-weight:700}.build-card__material-name{color:#c8b8a8}.build-card__material-alt{color:#888;font-size:.7rem;font-style:italic}.build-card__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.375rem;padding-top:.625rem;border-top:1px solid rgba(100,80,60,.25)}.build-card__actions .button{flex:1;min-width:80px}#buildStructures .build-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1em;padding:1em}.mgmt-content:has(#buildStructures){padding:0;gap:0;flex:1;min-height:0;overflow:visible}.mgmt-content:has(#buildStructures) .mgmt-section{background:transparent;border:none;border-radius:0;flex:1;min-height:0;display:flex;flex-direction:column}.mgmt-content:has(#buildStructures) .mgmt-section-header{padding:.75rem 1rem;background:linear-gradient(180deg,rgba(50,45,40,.9) 0%,rgba(35,32,28,.95) 100%);border-bottom:1px solid rgba(100,80,60,.5);position:sticky;top:0;z-index:2}.mgmt-content:has(#buildStructures) .mgmt-section-body{padding:0;flex:1;min-height:0;overflow-y:auto}#buildStructures{width:100%}#buildStructures.rowCentred{display:block}#buildStructures .build-card{border-radius:10px;margin:.75rem}.modalWrap{top:0;left:0;width:100%;height:100%;z-index:4000;position:fixed;pointer-events:none;display:flex;justify-content:center;align-items:center;background-color:#0000;transition:background-color .25s ease}.modalWrap.modal-visible{background-color:#0a0806d9}.modalPopup{max-width:420px;min-width:300px;pointer-events:all;background:linear-gradient(145deg,rgba(45,38,32,.98) 0%,rgba(35,30,26,.98) 100%);border:1px solid rgba(171,101,101,.5);border-radius:8px;box-shadow:0 8px 32px #00000080,0 0 0 1px #ffb1601a,inset 0 1px #ffffff0d;overflow:hidden;transform:scale(.9) translateY(-20px);opacity:0;animation:modalSlideIn .3s ease forwards}.modalPopup .modal-header{background:linear-gradient(180deg,rgba(60,50,42,.9) 0%,rgba(45,38,32,.7) 100%);border-bottom:1px solid rgba(171,101,101,.3);padding:.75em 1em;position:relative}.modalPopup .modal-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,177,96,.6),transparent)}.modalPopup .modal-title{color:#ffb160;font-size:1.15em;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.3)}.modalPopup .modalText{padding:1em 1.25em;color:#c0b8b0;font-size:.95em;line-height:1.5}.modalPopup .modalText p{margin:0}.modalPopup .modalChildren{padding:.75em 1.25em;color:#c0b8b0}.modalPopup .modal-input-section{padding:.75em 1.25em}.modalPopup .modal-number-input,.modalPopup .modal-text-input{width:100%;padding:.75em 1em;background:rgba(0,0,0,.25);border:1px solid rgba(100,80,70,.35);border-radius:6px;color:#e8e0d8;font-size:1em;font-weight:500;transition:all .2s ease;box-shadow:inset 0 1px 3px #0003}.modalPopup .modal-number-input:hover,.modalPopup .modal-text-input:hover{border-color:#8c6e5a80}.modalPopup .modal-number-input:focus,.modalPopup .modal-text-input:focus{outline:none;border-color:#e8a05099;box-shadow:inset 0 1px 3px #0003,0 0 12px #e8a05026}.modalPopup .modal-number-input::-webkit-inner-spin-button,.modalPopup .modal-number-input::-webkit-outer-spin-button{opacity:.6;cursor:pointer}.modalPopup .modal-number-input::-webkit-inner-spin-button:hover,.modalPopup .modal-number-input::-webkit-outer-spin-button:hover{opacity:1}.modalPopup .modal-select{width:100%;min-width:140px;height:36px;padding:0 .8em;background:rgba(0,0,0,.3);border:1px solid rgba(100,80,70,.4);border-radius:4px;color:#e0d8d0;font-size:.95em;cursor:pointer;transition:border-color .2s ease}.modalPopup .modal-select:focus{outline:none;border-color:#ffb16080}.modalPopup .modal-select option{background:#2d2620;color:#e0d8d0}.modalPopup .rangeSliderWrap{margin-bottom:1em;padding:.75em 1em;background:rgba(0,0,0,.2);border-radius:8px;border:1px solid rgba(100,80,70,.2)}.modalPopup .rangeSliderWrap .slider-labels{display:flex;justify-content:space-between;margin-bottom:.75em}.modalPopup .rangeSliderWrap .sliderText{color:#a09080;font-size:.8em;font-weight:500}.modalPopup .range-slider{width:100%;height:6px;background:rgba(0,0,0,.4);border-radius:3px;border:none;box-shadow:inset 0 1px 3px #0000004d}.modalPopup .range-track{height:100%;border-radius:3px}.modalPopup .range-track-0{background:linear-gradient(90deg,#c87840 0%,#e8a050 100%);box-shadow:0 0 6px #e8a05066}.modalPopup .range-thumb{width:18px;height:18px;background:linear-gradient(145deg,#f0c080 0%,#d89050 100%);border:2px solid rgba(255,255,255,.25);border-radius:50%;cursor:grab;top:-6px;box-shadow:0 2px 6px #0006,0 0 0 1px #0003,inset 0 1px #ffffff4d;transition:all .15s ease;outline:none}.modalPopup .range-thumb:hover{transform:scale(1.15);box-shadow:0 3px 10px #00000080,0 0 0 1px #0003,0 0 12px #e8a05066,inset 0 1px #ffffff4d}.modalPopup .range-thumb:active{cursor:grabbing;transform:scale(1.05)}.modalPopup .range-thumb-value{position:absolute;top:-28px;left:50%;transform:translate(-50%);background:rgba(40,35,30,.95);color:#f0d080;font-size:.75em;font-weight:600;padding:.25em .5em;border-radius:4px;border:1px solid rgba(200,150,80,.4);white-space:nowrap}.modalPopup .modal-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:.5em;padding:1em 1.25em;background:linear-gradient(0deg,rgba(30,25,22,.8) 0%,transparent 100%);border-top:1px solid rgba(100,80,70,.2)}.modalPopup .modal-buttons .buttonWrap .button{display:flex;align-items:center;justify-content:center;gap:.4em;min-width:90px;padding:.5em 1em;transition:all .2s ease}.modalPopup .modal-buttons .buttonWrap .button svg{width:14px;height:14px;opacity:.8}.modalPopup .modal-buttons .buttonWrap .button:hover svg{opacity:1}.modalPopup .modal-buttons .buttonWrap .button[class*=enter],.modalPopup .modal-buttons .buttonWrap .button[class*=ok],.modalPopup .modal-buttons .buttonWrap .button[class*=confirm]{border-color:#7dce8280}.modalPopup .modal-buttons .buttonWrap .button[class*=attack],.modalPopup .modal-buttons .buttonWrap .button[class*=destroy],.modalPopup .modal-buttons .buttonWrap .button[class*=cancel]{border-color:#ce7d7d66}@media (max-width: 420px){.modalPopup{min-width:280px;max-width:calc(100vw - 32px);margin:16px}.modalPopup .modal-buttons{flex-direction:column}.modalPopup .modal-buttons .buttonWrap,.modalPopup .modal-buttons .buttonWrap .button{width:100%}}.storage-container{display:flex;flex-direction:column;gap:0;padding:0}.storage-capacity{padding:.5rem .75rem;background:rgba(0,0,0,.2);border-bottom:1px solid rgba(100,80,60,.3)}.storage-capacity-header{display:flex;align-items:center;gap:.375rem;margin-bottom:.375rem}.storage-capacity-icon{width:16px;height:16px;color:#c8a878}.storage-capacity-label{font-size:.7rem;font-weight:600;color:#a89080;text-transform:uppercase;letter-spacing:.5px}.storage-capacity-value{margin-left:auto;font-size:.8rem;font-weight:700;color:#e8d8c8}.storage-capacity-bar{height:6px;background:rgba(0,0,0,.4);border:1px solid rgba(100,80,60,.3);border-radius:4px;overflow:hidden}.storage-capacity-fill{height:100%;background:linear-gradient(90deg,#6a8a50 0%,#8ab060 100%);border-radius:3px;transition:width .3s ease}.storage-capacity-fill.warning{background:linear-gradient(90deg,#c89040 0%,#e8b060 100%)}.storage-capacity-fill.critical{background:linear-gradient(90deg,#a85050 0%,#c87070 100%)}.storage-tabs{display:flex;gap:.375rem;padding:.5rem .75rem;background:linear-gradient(180deg,rgba(50,45,40,.6) 0%,rgba(40,36,32,.7) 100%);border-bottom:1px solid rgba(100,80,60,.3)}.storage-tab{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:rgba(0,0,0,.3);border:1px solid rgba(100,80,60,.4);border-radius:8px;color:#a89080;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.storage-tab:hover{background:rgba(100,80,60,.25);border-color:#b48c6480;color:#c8b8a8}.storage-tab.active{background:linear-gradient(180deg,rgba(255,177,96,.2) 0%,rgba(200,140,80,.15) 100%);border-color:#ffb16099;color:#ffb160;box-shadow:0 0 15px #ffb16026}.storage-tab-icon{width:16px;height:16px}.storage-filters{padding:.375rem .5rem;background:rgba(0,0,0,.15);border-bottom:1px solid rgba(100,80,60,.25)}.storage-content{padding:.5rem;max-height:400px;overflow-y:auto;overflow-x:hidden}.storage-content::-webkit-scrollbar{width:6px}.storage-content::-webkit-scrollbar-track{background:rgba(0,0,0,.2)}.storage-content::-webkit-scrollbar-thumb{background:rgba(180,130,80,.4);border-radius:3px}.storage-content::-webkit-scrollbar-thumb:hover{background:rgba(180,130,80,.6)}.storage-empty{padding:3rem;text-align:center;background:rgba(0,0,0,.2);border:1px dashed rgba(100,80,60,.4);border-radius:10px}.storage-empty p{margin:0;color:#888;font-size:.95rem}.tradeTable{width:100%;border-collapse:separate;border-spacing:0 .5rem}.tradeTable tr{display:flex;flex-wrap:nowrap;align-items:center;gap:.25rem;background:linear-gradient(165deg,rgba(45,40,35,.9) 0%,rgba(35,32,28,.95) 100%);border-radius:8px;transition:all .2s ease;border:1px solid rgba(100,80,60,.3)}.tradeTable tr:hover{background:linear-gradient(165deg,rgba(55,48,42,.95) 0%,rgba(45,40,35,.95) 100%);box-shadow:0 4px 12px #0000004d}.tradeTable td{padding:.5rem;vertical-align:middle}.tradeTable td:first-child{flex:0 0 auto;width:70px;padding:.5rem}.tradeTable td:nth-child(2){flex:1 1 auto;min-width:80px;overflow:hidden}.tradeTable td:nth-child(3){flex:0 0 auto;width:auto;min-width:45px;text-align:center;padding:.375rem}.tradeTable td:last-child{flex:0 0 auto;width:auto;padding:.375rem .5rem;margin-left:auto}.tradeTable .tradeItemName{color:#e8d8c8;font-size:.85rem;word-wrap:break-word;overflow-wrap:break-word}.tradeTable .tradeItemName strong{color:#ffb160;display:block;line-height:1.2}.tradeTable .tradeItemRank{font-size:.7rem;color:#a89080;margin-top:.2rem;line-height:1.2}.tradeTable .tradeItemQuant{display:inline-flex;align-items:center;justify-content:center;min-width:32px;padding:.25rem .5rem;background:rgba(0,0,0,.3);border:1px solid rgba(100,80,60,.4);border-radius:6px;font-size:.8rem;font-weight:700;color:#e8c060;cursor:pointer;transition:all .2s ease}.tradeTable .tradeItemQuant:hover{background:rgba(0,0,0,.4);border-color:#b48c6480}.tradeTable .rankCol{flex:0 0 auto;width:auto;max-width:70px;font-size:.65rem;color:#a89080;padding:.375rem}.tradeTable .tradeItemPrice{text-align:center;white-space:nowrap}.tradeTable .tradeItemPrice .buttonWrap{margin:0;display:inline-block}.tradeTable .tradeItemPrice .buttonWrap button{padding:.375rem .625rem;font-size:.7rem;white-space:nowrap}.tradeTable .itemWrap{width:60px;min-width:60px;height:auto;margin:0}.tradeTable .itemImage{width:56px;height:auto}.tradeTable .itemQuant{font-size:.7rem;min-width:18px;padding:1px 4px}.tradeTable .itemAttribsDiv{font-size:.7rem;margin-top:2px;opacity:.85}.storage-action-col{margin-left:auto!important}.storage-action-wrapper{display:flex;justify-content:flex-end}.storage-action-btn-content{display:flex;align-items:center;gap:.35rem}.storage-action-arrow{width:14px;height:14px;flex-shrink:0}.logbook-container{display:flex;flex-direction:column;gap:.5rem}.logbook-header{display:flex;justify-content:flex-end;padding:0 .25rem}.logbook-count{font-size:.7rem;color:#8a7a6a;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.logbook-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;background:rgba(0,0,0,.2);border:1px dashed rgba(100,80,60,.4);border-radius:12px}.logbook-empty-icon{width:48px;height:48px;margin-bottom:1rem;color:#6a5a4a;opacity:.6}.logbook-empty-icon svg{width:100%;height:100%}.logbook-empty p{margin:0;color:#7a6a5a;font-size:.9rem}.logbook-entries{display:flex;flex-direction:column;gap:.375rem}.logbook-entry{display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem;background:linear-gradient(135deg,rgba(40,36,32,.8) 0%,rgba(32,28,24,.9) 100%);border-radius:10px;border:1px solid rgba(80,65,50,.35);transition:all .2s ease}.logbook-entry:hover{background:linear-gradient(135deg,rgba(50,44,38,.85) 0%,rgba(40,35,30,.9) 100%);border-color:#64503c80;transform:translate(2px)}.logbook-entry.take{border-left:3px solid rgba(200,100,100,.7)}.logbook-entry.take:hover{border-left-color:#dc7878e6}.logbook-entry.store{border-left:3px solid rgba(100,160,90,.7)}.logbook-entry.store:hover{border-left-color:#78b46ee6}.logbook-entry-action{flex-shrink:0}.logbook-action-badge{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;transition:all .2s ease}.logbook-action-badge.take{background:linear-gradient(135deg,rgba(180,80,80,.3) 0%,rgba(140,60,60,.4) 100%);border:1px solid rgba(200,100,100,.4)}.logbook-action-badge.store{background:linear-gradient(135deg,rgba(80,140,70,.3) 0%,rgba(60,110,50,.4) 100%);border:1px solid rgba(100,160,90,.4)}.logbook-action-icon{width:14px;height:14px}.logbook-action-badge.take .logbook-action-icon{color:#e89090}.logbook-action-badge.store .logbook-action-icon{color:#90c880}.logbook-entry-item{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.logbook-item-image{flex-shrink:0}.logbook-item-image .itemWrap{width:44px;min-width:44px;background-color:transparent}.logbook-item-image .itemImage{width:40px}.logbook-item-details{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.logbook-item-name{font-size:.8rem;font-weight:600;color:#e0d0c0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.logbook-item-quantity{flex-shrink:0;font-size:.75rem;font-weight:700;padding:.2rem .5rem;border-radius:4px;font-family:Courier New,monospace}.logbook-item-quantity.take{color:#f0a0a0;background:rgba(180,80,80,.2)}.logbook-item-quantity.store{color:#a0d090;background:rgba(80,140,70,.2)}.logbook-entry-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;flex-shrink:0;min-width:90px}.logbook-meta-player,.logbook-meta-time{display:flex;align-items:center;gap:.35rem;font-size:.65rem;color:#9a8a7a}.logbook-meta-player span,.logbook-meta-time span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.logbook-meta-player{color:#b0a090;font-weight:500}.logbook-user-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.7}.logbook-user-icon svg{width:12px;height:12px}.logbook-clock-icon{width:12px;height:12px;flex-shrink:0;opacity:.7}#whLogBook{width:100%}#whLogBook .itemWrap{width:42px;background-color:transparent}#whLogBook .itemImage{width:40px}#whLogBook .take{background:linear-gradient(135deg,rgba(100,55,55,.5) 0%,rgba(80,45,45,.6) 100%);border-left:3px solid rgba(180,90,90,.6)}#whLogBook .store{background:linear-gradient(135deg,rgba(70,80,60,.5) 0%,rgba(55,65,45,.6) 100%);border-left:3px solid rgba(120,160,90,.6)}@media (max-width: 400px){.logbook-entry{flex-wrap:wrap;gap:.5rem}.logbook-entry-item{flex:1 1 100%;order:1}.logbook-entry-action{order:0}.logbook-entry-meta{order:2;flex-direction:row;width:100%;justify-content:space-between;min-width:unset;padding-top:.375rem;border-top:1px solid rgba(80,65,50,.25);margin-top:.125rem}.logbook-meta-player span,.logbook-meta-time span{max-width:100px}}.structure-details{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;flex-shrink:0}.structure-gang-info{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:linear-gradient(135deg,rgba(40,36,32,.95) 0%,rgba(30,28,25,.98) 100%);border:1px solid rgba(100,80,60,.4);border-radius:10px}.gang-logo-wrap{flex-shrink:0;width:50px;height:50px;border-radius:8px;overflow:hidden;border:2px solid rgba(100,75,55,.6);background:rgba(0,0,0,.3)}.gang-logo{width:100%;height:100%;object-fit:cover}.gang-text{flex:1;min-width:0}.gang-name{font-size:1.1rem;font-weight:700;color:#ffb160;margin-bottom:.125rem}.gang-owner{font-size:.8rem;color:#a8a090;margin-bottom:.25rem}.reputation-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.reputation-tag.survivor{background:linear-gradient(135deg,rgba(100,160,100,.3) 0%,rgba(80,140,80,.2) 100%);border:1px solid rgba(100,180,100,.4);color:#8bc98f}.reputation-tag.bandit{background:linear-gradient(135deg,rgba(180,80,80,.3) 0%,rgba(150,60,60,.2) 100%);border:1px solid rgba(200,100,100,.4);color:#e88888}.fortification-card{display:flex;gap:.5rem}.fortification-gate{flex:1;display:flex;align-items:center;gap:.625rem;padding:.625rem .875rem;border-radius:8px;cursor:pointer;transition:all .2s ease;border:none;text-align:left}.fortification-gate .info-icon{width:24px;height:24px;flex-shrink:0}.fortification-gate__content{display:flex;flex-direction:column;gap:.125rem;flex:1}.fortification-gate__label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.fortification-gate__status{font-size:.95rem;font-weight:700}.fortification-gate__action{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:0;transition:opacity .2s ease}.fortification-gate:hover .fortification-gate__action{opacity:.8}.fortification-gate--open{background:linear-gradient(135deg,rgba(100,160,100,.25) 0%,rgba(80,140,80,.15) 100%);border:1px solid rgba(100,180,100,.4);color:#8bc98f}.fortification-gate--open:hover{background:linear-gradient(135deg,rgba(100,160,100,.35) 0%,rgba(80,140,80,.25) 100%);border-color:#64b46499;box-shadow:0 4px 12px #64b46433}.fortification-gate--open .fortification-gate__label{color:#a8e8accc}.fortification-gate--open .fortification-gate__action{color:#ce7d7d}.fortification-gate--closed{background:linear-gradient(135deg,rgba(180,80,80,.25) 0%,rgba(150,60,60,.15) 100%);border:1px solid rgba(200,100,100,.4);color:#e88888}.fortification-gate--closed:hover{background:linear-gradient(135deg,rgba(180,80,80,.35) 0%,rgba(150,60,60,.25) 100%);border-color:#c8646499;box-shadow:0 4px 12px #c8646433}.fortification-gate--closed .fortification-gate__label{color:#e8a8a8cc}.fortification-gate--closed .fortification-gate__action{color:#8bc98f}.fortification-gate--disabled{cursor:not-allowed;opacity:.6}.fortification-gate--disabled:hover{transform:none;box-shadow:none}.fortification-defense{flex:1;display:flex;flex-direction:column;gap:.375rem;padding:.625rem .875rem;background:linear-gradient(135deg,rgba(60,100,160,.2) 0%,rgba(40,80,140,.1) 100%);border:1px solid rgba(80,140,200,.35);border-radius:8px}.fortification-defense__header{display:flex;align-items:center;gap:.5rem}.fortification-defense__header .info-icon{width:18px;height:18px;color:#88b8e8}.fortification-defense__label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#88b8e8}.fortification-defense__level{margin-left:auto;padding:.125rem .375rem;background:rgba(0,0,0,.3);border-radius:4px;font-size:.7rem;font-weight:700;color:#a8d8f8}.fortification-defense__bar{position:relative;height:18px;background:rgba(0,0,0,.4);border:1px solid rgba(80,140,200,.3);border-radius:4px;overflow:hidden}.fortification-defense__fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#4080c0 0%,#60a0e0 50%,#80c0f0 100%);border-radius:3px;transition:width .3s ease;box-shadow:0 0 8px #60a0e080}.fortification-defense__text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.structure-stats-row{display:flex;flex-wrap:wrap;gap:.5rem}.stat-item{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:rgba(0,0,0,.2);border:1px solid rgba(100,80,60,.3);border-radius:6px;font-size:.85rem;color:#d8c8b8}.stat-item.pointer{cursor:pointer;transition:all .2s ease}.stat-item.pointer:hover{background:rgba(0,0,0,.3);border-color:#b4825066}.stat-label{color:#a8a090;font-size:.8rem}.stat-hint{color:#ffb160;font-size:.75rem;margin-left:.125rem}.info-icon{width:18px;height:18px;color:#c8a878}.defense-stat{display:flex;flex-direction:column;gap:.25rem;padding:.5rem .75rem;background:rgba(0,0,0,.2);border:1px solid rgba(100,80,60,.3);border-radius:6px;min-width:120px}.defense-stat__header{display:flex;align-items:center;gap:.375rem;font-size:.85rem;color:#d8c8b8}.defense-stat__bar{height:6px;background:rgba(0,0,0,.4);border-radius:3px;overflow:hidden}.defense-stat__fill{height:100%;background:linear-gradient(90deg,#4080c0 0%,#60a0e0 100%);border-radius:3px;transition:width .3s ease}.structure-actions{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:1rem 1.25rem;margin:0 -.75rem -.75rem;background:linear-gradient(180deg,rgba(32,28,24,.85) 0%,rgba(24,22,20,.9) 100%),url(/images/panels/co-middle-panel-2.png) no-repeat right center;border-top:1px solid rgba(100,80,60,.35)}.gear-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:linear-gradient(135deg,rgba(60,52,44,.95) 0%,rgba(42,38,34,.95) 100%);border:1px solid rgba(120,90,65,.6);border-radius:8px;cursor:pointer;transition:all .25s ease;box-shadow:0 2px 6px #0000004d,inset 0 1px #ffffff0d}.gear-btn:hover{background:linear-gradient(135deg,rgba(75,65,55,.95) 0%,rgba(55,48,42,.95) 100%);border-color:#c8965ab3;box-shadow:0 4px 12px #0006,0 0 20px #c8965a26,inset 0 1px #ffffff14;transform:translateY(-1px)}.gear-btn:active{transform:scale(.95) translateY(0)}.gear-svg{width:22px;height:22px;color:#d8b888;transition:all .3s ease;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.gear-btn:hover .gear-svg{color:#ffb160;transform:rotate(90deg);filter:drop-shadow(0 0 8px rgba(255,177,96,.4))}.structure-actions .buttonWrap{margin:0}.structure-actions .button{background:linear-gradient(180deg,rgba(80,65,50,.95) 0%,rgba(55,45,38,.95) 100%);border:1px solid rgba(140,100,70,.5);font-size:.85rem;letter-spacing:.8px;box-shadow:0 2px 6px #0000004d,inset 0 1px #ffffff0d}.structure-actions .button:hover{background:linear-gradient(180deg,rgba(100,80,60,.95) 0%,rgba(70,55,45,.95) 100%);border-color:#c8965ab3;box-shadow:0 4px 12px #0006,0 0 15px #c8965a26,inset 0 1px #ffffff14;transform:translateY(-1px)}.greenText{color:#8bc98f!important}.redText{color:#e88888!important}.tooltip-content{min-width:160px;max-width:240px}.tooltip-header{font-size:.75rem;font-weight:600;color:#c8a878;text-transform:uppercase;letter-spacing:1px;padding-bottom:.5rem;margin-bottom:.5rem;border-bottom:1px solid rgba(200,168,120,.2)}.tooltip-section{margin-bottom:.625rem}.tooltip-section:last-child{margin-bottom:0}.tooltip-section-title{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.375rem;opacity:.7}.tooltip-section-title.consumption{color:#e88888}.tooltip-section-title.production{color:#8bc98f}.tooltip-list{display:flex;flex-direction:column;gap:.25rem}.tooltip-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.8rem}.tooltip-label{color:#ffffffbf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tooltip-value{color:#e8d8c8;font-weight:600;font-variant-numeric:tabular-nums}.tooltip-warning{display:flex;flex-direction:column;gap:.125rem;margin-top:.625rem;padding-top:.5rem;border-top:1px solid rgba(232,136,136,.25)}.tooltip-warning-title{font-size:.65rem;font-weight:700;color:#e88888;text-transform:uppercase;letter-spacing:.5px}.tooltip-warning-text{font-size:.75rem;color:#e88888d9}.defense-badge{display:flex;flex-direction:column;gap:.375rem}.defense-badge__icon{width:16px;height:16px;color:#88b8e8;flex-shrink:0}.defense-badge__header{display:flex;align-items:center;gap:.5rem}.defense-badge__label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#88b8e8}.defense-badge__level{margin-left:auto;padding:.125rem .375rem;background:rgba(0,0,0,.3);border-radius:4px;font-size:.7rem;font-weight:700;color:#a8d8f8}.defense-badge--minimal{flex-direction:row;align-items:center;gap:.375rem}.defense-badge--minimal .defense-badge__level-text{font-size:.8rem;font-weight:600;color:#88b8e8}.defense-badge--compact{padding:.5rem .75rem;background:linear-gradient(135deg,rgba(60,100,160,.2) 0%,rgba(40,80,140,.1) 100%);border:1px solid rgba(80,140,200,.35);border-radius:8px}.defense-badge--compact .defense-badge__bar{position:relative;height:18px;background:rgba(0,0,0,.4);border:1px solid rgba(80,140,200,.3);border-radius:4px;overflow:hidden}.defense-badge--compact .defense-badge__fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#4080c0 0%,#60a0e0 50%,#80c0f0 100%);border-radius:3px;transition:width .3s ease;box-shadow:0 0 8px #60a0e080}.defense-badge--compact .defense-badge__text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.defense-badge--full{padding:.625rem .75rem;background:linear-gradient(135deg,rgba(60,100,160,.15) 0%,rgba(40,80,140,.08) 100%);border:1px solid rgba(80,140,200,.25);border-radius:8px}.defense-badge__segments-wrap{display:flex;align-items:center;gap:.75rem}.defense-badge__segments{display:flex;gap:4px;flex:1}.defense-badge__segment{--defense-empty: rgba(60, 80, 100, .4);--defense-active: #4a90d0;flex:1;height:24px;background-color:var(--defense-empty);border-radius:3px;border:1px solid rgba(80,120,160,.3);display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease}.defense-badge__segment-num{font-size:.7rem;font-weight:600;color:#ffffff40;transition:color .3s ease;min-width:15px}.defense-badge__segment--active{background:linear-gradient(180deg,#5aa0e0 0%,#4080c0 100%);border-color:#64b4ff66;box-shadow:inset 0 1px #fff3,0 2px 4px #0003,0 0 8px #50a0e066}.defense-badge__segment--active .defense-badge__segment-num{color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.3)}.defense-badge__value{font-size:.8rem;color:#88a8c8;min-width:50px;text-align:right;font-weight:600}.defense-badge__points{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.defense-badge__points-bar{flex:1;height:6px;background:rgba(0,0,0,.3);border-radius:3px;overflow:hidden}.defense-badge__points-fill{height:100%;background:linear-gradient(90deg,#4080c0 0%,#60a0e0 100%);border-radius:3px;transition:width .3s ease}.defense-badge__points-text{font-size:.7rem;color:#88a8c8cc;font-weight:500;min-width:45px;text-align:right}.defense-badge__segment{animation:defenseSegmentPop .2s ease forwards;opacity:0;transform:scale(.8)}.defense-badge__segment:nth-child(1){animation-delay:.05s}.defense-badge__segment:nth-child(2){animation-delay:.1s}.defense-badge__segment:nth-child(3){animation-delay:.15s}.defense-badge__segment:nth-child(4){animation-delay:.2s}.defense-badge__segment:nth-child(5){animation-delay:.25s}@keyframes defenseSegmentPop{to{opacity:1;transform:scale(1)}}.conn-panel{display:flex;flex-direction:column;gap:.75rem;padding:.75rem}.conn-header{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:linear-gradient(135deg,rgba(30,35,45,.9) 0%,rgba(20,25,32,.95) 100%);border:1px solid rgba(80,100,130,.3);border-radius:8px}.conn-header__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,rgba(70,130,180,.3) 0%,rgba(50,100,140,.4) 100%);border:1px solid rgba(100,160,200,.4);border-radius:8px;color:#70b0e0}.conn-header__content{flex:1}.conn-header__title{margin:0;font-size:1rem;font-weight:700;color:#e0e8f0;text-transform:uppercase;letter-spacing:.5px}.conn-header__subtitle{margin:.25rem 0 0;font-size:.8rem;color:#8090a0}.conn-stats{display:flex;gap:.5rem;flex-wrap:wrap}.conn-stat{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:linear-gradient(180deg,rgba(25,30,38,.9) 0%,rgba(18,22,28,.95) 100%);border:1px solid rgba(60,70,85,.5);border-radius:6px;flex:1;min-width:100px}.conn-stat__icon{color:gold}.conn-stat__info{display:flex;flex-direction:column}.conn-stat__label{font-size:.7rem;color:#788898;text-transform:uppercase;letter-spacing:.5px}.conn-stat__value{font-size:1.1rem;font-weight:700}.conn-stat__value--green{color:#7ed87e}.conn-stat__value--red{color:#e07070}.conn-stat__value--blue{color:#70b0e0}.conn-stat--remaining{flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(50,80,110,.3) 0%,rgba(30,50,70,.4) 100%);border-color:#4682b466}.conn-list{background:linear-gradient(180deg,rgba(25,28,35,.9) 0%,rgba(18,20,26,.95) 100%);border:1px solid rgba(60,65,75,.5);border-radius:8px;overflow:hidden}.conn-list__header{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;background:rgba(0,0,0,.2);border-bottom:1px solid rgba(60,65,75,.4);font-size:.8rem;font-weight:600;color:#a0a8b0;text-transform:uppercase;letter-spacing:.5px}.conn-list__count{display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 .5rem;background:rgba(70,130,180,.3);border-radius:12px;font-size:.75rem;color:#70b0e0}.conn-list__content{display:flex;flex-direction:column}.conn-list__empty{padding:1.5rem;text-align:center;color:#606870;font-size:.85rem}.conn-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-bottom:1px solid rgba(60,65,75,.3);transition:background .2s ease}.conn-item:last-child{border-bottom:none}.conn-item:hover{background:rgba(70,130,180,.1)}.conn-item__amount{display:flex;align-items:center;gap:.375rem;min-width:50px;padding:.25rem .5rem;background:rgba(255,215,0,.15);border:1px solid rgba(255,215,0,.3);border-radius:4px;color:gold;font-weight:700;font-size:.85rem}.conn-item__amount svg{width:14px;height:14px}.conn-item__info{flex:1;display:flex;flex-direction:column}.conn-item__name{font-size:.9rem;font-weight:600;color:#d0d8e0}.conn-item__type{font-size:.75rem;color:#707880}.conn-item__remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:rgba(180,70,70,.2);border:1px solid rgba(180,70,70,.4);border-radius:4px;color:#d07070;cursor:pointer;transition:all .2s ease}.conn-item__remove:hover:not(:disabled){background:rgba(200,80,80,.3);border-color:#c8505099;color:#e08080}.conn-item__remove:disabled{opacity:.5;cursor:not-allowed}.conn-add{background:linear-gradient(180deg,rgba(30,45,35,.9) 0%,rgba(20,32,25,.95) 100%);border:1px solid rgba(80,130,90,.4);border-radius:8px;overflow:hidden}.conn-add__header{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;background:rgba(0,0,0,.2);border-bottom:1px solid rgba(80,130,90,.3);font-size:.8rem;font-weight:600;color:#90c090;text-transform:uppercase;letter-spacing:.5px}.conn-add__form{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem;align-items:flex-end}.conn-add__field{display:flex;flex-direction:column;gap:.25rem}.conn-add__field label{font-size:.7rem;color:#708070;text-transform:uppercase;letter-spacing:.5px}.conn-add__field--structure{flex:1;min-width:120px}.conn-select{padding:.5rem .75rem;background:rgba(0,0,0,.3);border:1px solid rgba(80,100,90,.5);border-radius:4px;color:#d0e0d0;font-size:.85rem;cursor:pointer}.conn-select:focus{outline:none;border-color:#64a06eb3}.conn-add__location{padding:.5rem .75rem;background:rgba(0,0,0,.2);border-radius:4px;font-size:.8rem;color:#90a090}.conn-add__btn{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:linear-gradient(180deg,rgba(80,140,90,.8) 0%,rgba(60,110,70,.9) 100%);border:1px solid rgba(100,180,110,.5);border-radius:4px;color:#fff;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease}.conn-add__btn:hover:not(:disabled){background:linear-gradient(180deg,rgba(100,160,110,.9) 0%,rgba(80,130,90,.95) 100%);border-color:#82c88cb3}.conn-add__btn:disabled{opacity:.5;cursor:not-allowed}.toplists-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;justify-content:center;align-items:flex-start;padding:.5rem;background:rgba(10,8,6,0);animation:overlayFadeIn .3s ease forwards;overflow-y:auto;box-sizing:border-box}.toplists-overlay.closing{animation:overlayFadeOut .25s ease forwards}@keyframes overlayFadeIn{to{background:rgba(10,8,6,.9)}}@keyframes overlayFadeOut{0%{background:rgba(10,8,6,.9)}to{background:rgba(10,8,6,0);opacity:0}}.toplists-modal{width:100%;max-width:680px;max-height:calc(100vh - 1rem);display:flex;flex-direction:column;background:linear-gradient(165deg,rgba(50,42,35,.98) 0%,rgba(32,28,24,.98) 100%);border:1px solid rgba(171,101,101,.4);border-radius:12px;box-shadow:0 16px 48px #0009,0 0 0 1px #ffb16014,inset 0 1px #ffffff0d;overflow:hidden;transform:scale(.92) translateY(-30px);opacity:0;animation:modalSlideIn .35s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:.1s;margin:.5rem auto}.toplists-overlay.closing .toplists-modal{animation:modalSlideOut .2s ease forwards}@keyframes modalSlideIn{to{transform:scale(1) translateY(0);opacity:1}}@keyframes modalSlideOut{to{transform:scale(.95) translateY(-20px);opacity:0}}.toplists-header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:linear-gradient(180deg,rgba(65,55,45,.9) 0%,rgba(45,38,32,.7) 100%);border-bottom:1px solid rgba(171,101,101,.25)}.header-decoration{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,rgba(255,177,96,.7) 20%,rgba(255,140,60,.9) 50%,rgba(255,177,96,.7) 80%,transparent 100%)}.toplists-title{display:flex;align-items:center;gap:.5rem;margin:0;color:#ffb160;font-size:1.35rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 2px 8px rgba(255,140,60,.3)}.title-icon{font-size:1.4rem;animation:trophyBounce 2s ease-in-out infinite}@keyframes trophyBounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-3px) rotate(-5deg)}75%{transform:translateY(-3px) rotate(5deg)}}.close-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:rgba(0,0,0,.3);border:1px solid rgba(100,80,70,.4);border-radius:8px;color:#888;cursor:pointer;transition:all .2s ease}.close-button:hover{background:rgba(171,101,101,.3);border-color:#ab656599;color:#ffb160;transform:scale(1.05)}.close-button:active{transform:scale(.95)}.toplists-tabs{display:flex;gap:.5rem;padding:.75rem 1rem;background:rgba(0,0,0,.25);border-bottom:1px solid rgba(100,80,70,.2)}.tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:rgba(0,0,0,.2);border:1px solid rgba(100,80,70,.3);border-radius:8px;color:#888;font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .25s ease}.tab-button:hover:not(.active){background:rgba(100,80,70,.2);border-color:#64504680;color:#aaa}.tab-button.active{background:linear-gradient(135deg,rgba(255,140,60,.25) 0%,rgba(255,100,50,.15) 100%);border-color:#ff8c3c99;color:#ffb160;box-shadow:0 0 15px #ff8c3c33,inset 0 1px #ffffff1a}.tab-icon{font-size:1.1rem}.tab-text{letter-spacing:1px}.toplists-content{padding:1rem 1rem 5rem;flex:1;overflow-y:auto;min-height:0}.toplists-content::-webkit-scrollbar{width:6px}.toplists-content::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:3px}.toplists-content::-webkit-scrollbar-thumb{background:rgba(255,140,60,.4);border-radius:3px}.toplists-content::-webkit-scrollbar-thumb:hover{background:rgba(255,140,60,.6)}.categories-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 540px){.categories-grid{grid-template-columns:repeat(2,1fr)}}.category-section{background:rgba(0,0,0,.25);border:1px solid rgba(100,80,70,.25);border-radius:10px;overflow:hidden;opacity:0;transform:translateY(15px);animation:sectionFadeIn .4s ease forwards}.category-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,rgba(60,50,42,.8) 0%,rgba(45,38,32,.6) 100%);border-bottom:1px solid rgba(100,80,70,.25)}.category-icon{font-size:1.1rem}.category-title{margin:0;color:#d4c4b0;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.category-entries{padding:.5rem;display:flex;flex-direction:column;gap:.25rem}.player-entry{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;background:rgba(0,0,0,.15);border:1px solid transparent;border-radius:8px;cursor:pointer;opacity:0;transform:translate(-10px);animation:entrySlideIn .3s ease forwards;transition:all .2s ease}@keyframes entrySlideIn{to{opacity:1;transform:translate(0)}}.player-entry:hover{background:rgba(255,140,60,.1);border-color:#ff8c3c4d;transform:translate(3px)}.player-entry.top-three{background:rgba(0,0,0,.25);border:1px solid rgba(255,200,100,.2)}.player-entry.rank-1{background:linear-gradient(135deg,rgba(255,215,0,.12) 0%,rgba(255,180,0,.05) 100%);border-color:#ffd70059}.player-entry.rank-1:hover{background:linear-gradient(135deg,rgba(255,215,0,.2) 0%,rgba(255,180,0,.1) 100%);border-color:#ffd70080}.player-entry.rank-2{background:linear-gradient(135deg,rgba(192,192,192,.1) 0%,rgba(150,150,150,.05) 100%);border-color:#c0c0c04d}.player-entry.rank-2:hover{background:linear-gradient(135deg,rgba(192,192,192,.18) 0%,rgba(150,150,150,.08) 100%);border-color:#c0c0c073}.player-entry.rank-3{background:linear-gradient(135deg,rgba(205,127,50,.1) 0%,rgba(180,100,40,.05) 100%);border-color:#cd7f324d}.player-entry.rank-3:hover{background:linear-gradient(135deg,rgba(205,127,50,.18) 0%,rgba(180,100,40,.08) 100%);border-color:#cd7f3273}.player-rank{min-width:28px;display:flex;align-items:center;justify-content:center}.rank-number{color:#666;font-size:.85rem;font-weight:600}.rank-badge{font-size:1.1rem;line-height:1}.rank-badge.rank-gold{filter:drop-shadow(0 0 4px rgba(255,215,0,.5));animation:badgeShine 3s ease-in-out infinite}.rank-badge.rank-silver{filter:drop-shadow(0 0 3px rgba(192,192,192,.4))}.rank-badge.rank-bronze{filter:drop-shadow(0 0 3px rgba(205,127,50,.4))}@keyframes badgeShine{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.player-avatar-wrap{position:relative;flex-shrink:0}.player-avatar{width:36px;height:36px;border-radius:6px;border:2px solid rgba(100,80,70,.4);object-fit:cover;transition:border-color .2s ease}.player-entry:hover .player-avatar{border-color:#ff8c3c80}.player-entry.rank-1 .player-avatar{border-color:#ffd70080}.player-entry.rank-2 .player-avatar{border-color:#c0c0c080}.player-entry.rank-3 .player-avatar{border-color:#cd7f3280}.avatar-glow{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:8px;pointer-events:none;opacity:.5}.player-entry.rank-1 .avatar-glow{box-shadow:0 0 12px #ffd70066}.player-entry.rank-2 .avatar-glow{box-shadow:0 0 10px #c0c0c04d}.player-entry.rank-3 .avatar-glow{box-shadow:0 0 10px #cd7f324d}.player-info{flex:1;min-width:0;overflow:hidden}.player-name{display:block;color:#d4c4b0;font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease}.player-name.long-name{font-size:.8rem}.player-entry:hover .player-name{color:#ffb160}.player-entry.rank-1 .player-name{color:gold;font-weight:600}.player-entry.rank-2 .player-name{color:#e0e0e0}.player-entry.rank-3 .player-name{color:#dda15e}.player-score{flex-shrink:0;padding-left:.5rem}.score-value{color:#888;font-size:.9rem;font-weight:700;font-variant-numeric:tabular-nums;transition:color .2s ease}.player-entry:hover .score-value{color:#ffb160}.player-entry.rank-1 .score-value{color:gold;text-shadow:0 0 8px rgba(255,215,0,.4)}.player-entry.rank-2 .score-value{color:silver}.player-entry.rank-3 .score-value{color:#cd7f32}.category-section.topPlayers .category-header{background:linear-gradient(135deg,rgba(255,177,96,.15) 0%,rgba(45,38,32,.6) 100%)}.category-section.pvpWon .category-header{background:linear-gradient(135deg,rgba(220,80,80,.15) 0%,rgba(45,38,32,.6) 100%)}.category-section.missionsCompleted .category-header{background:linear-gradient(135deg,rgba(100,180,100,.15) 0%,rgba(45,38,32,.6) 100%)}.category-section.bossesWon .category-header{background:linear-gradient(135deg,rgba(160,80,200,.15) 0%,rgba(45,38,32,.6) 100%)}@media (max-width: 400px){.toplists-modal{border-radius:8px}.toplists-title{font-size:1.1rem}.tab-text{font-size:.85rem}.player-avatar{width:32px;height:32px}.player-name,.score-value{font-size:.85rem}}@media (min-width: 768px){.toplists-overlay{padding:1.5rem;align-items:center}.toplists-modal{max-height:calc(100vh - 3rem)}}.journal{display:flex;flex-direction:column;height:100%;overflow:hidden}.journal .panel-header{flex-shrink:0}.journal-filters{flex-shrink:0;padding:0}.journal-filters .menuPanel{position:relative;padding:.75rem .5rem;background-size:100% 100%!important;background-position:center center!important;background-repeat:no-repeat}.journal-filters .menuPanel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(26,24,22,.8);pointer-events:none;z-index:0}.journal-filters .menuPanel .button{position:relative;z-index:1}.journal-content{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;min-height:0;max-height:100%;padding:.75rem}.journal-content::-webkit-scrollbar{width:6px}.journal-content::-webkit-scrollbar-track{background:rgba(0,0,0,.2)}.journal-content::-webkit-scrollbar-thumb{background:rgba(180,130,80,.4);border-radius:3px}.journal-content::-webkit-scrollbar-thumb:hover{background:rgba(180,130,80,.6)}.journal-empty{padding:2rem;text-align:center;background:rgba(0,0,0,.2);border:1px dashed rgba(100,80,60,.4);border-radius:10px}.journal-empty p{margin:0;color:#888;font-size:.95em}.journal-empty__hint{margin-top:.5rem!important;font-size:.85em!important;color:#666!important;font-style:italic}.journal-loading{padding:2rem;text-align:center;color:#888}.journal-cards{display:flex;flex-direction:column;gap:.75rem}.mission-card{position:relative;flex-shrink:0;border-radius:12px;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 20px #00000080;border:1px solid rgba(255,177,96,.2)}.mission-card:hover{transform:scale(1.01);box-shadow:0 8px 32px #0009,0 0 0 1px #ffb16066}.mission-card--recommended{border-color:#ecf96c80}.mission-card--recommended:hover{box-shadow:0 8px 32px #0009,0 0 20px #ecf96c33}.mission-card--locked{opacity:.5;filter:grayscale(50%)}.mission-card--locked:hover{transform:none}.mission-card__image{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center top;z-index:0}.mission-card__image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,rgba(20,18,15,.3) 0%,rgba(20,18,15,.6) 25%,rgba(20,18,15,.88) 55%,rgba(20,18,15,.96) 100%);pointer-events:none}.mission-card__badge{position:absolute;top:12px;right:12px;padding:.35em .75em;background:linear-gradient(135deg,#ecf96c 0%,#b8c83a 100%);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#1a1a1a;z-index:10;box-shadow:0 2px 8px #ecf96c80,inset 0 1px #ffffff4d;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{box-shadow:0 2px 8px #ecf96c66,inset 0 1px #ffffff4d}50%{box-shadow:0 2px 16px #ecf96cb3,0 0 20px #ecf96c4d,inset 0 1px #ffffff4d}}.mission-card__title{position:relative;z-index:2;margin:0;padding:1rem 1.25rem .75rem;font-size:1.25rem;font-weight:800;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,1),0 0 30px rgba(0,0,0,.8);text-transform:uppercase;letter-spacing:1.5px;line-height:1.2}.mission-card__content{position:relative;z-index:2;padding:.5rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.875rem}.mission-card__stats{display:flex;flex-wrap:wrap;gap:.5rem}.mission-card__stat{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:6px;border:1px solid rgba(255,177,96,.15);font-size:.85rem}.mission-card__stat-label{color:#ffb160e6;font-weight:600;text-transform:uppercase;font-size:.7rem;letter-spacing:.5px}.mission-card__stat-value{color:#fff;font-weight:700;font-size:.95rem}.mission-card__player-stat{color:#ffffff80;font-size:.8em;font-weight:400}.mission-card__stat--reward{flex-basis:100%;background:linear-gradient(90deg,rgba(139,201,143,.2) 0%,rgba(139,201,143,.05) 100%);border-color:#8bc98f4d}.mission-card__stat--reward .mission-card__stat-label{color:#8bc98f}.mission-card__stat--reward .mission-card__stat-value{color:#a8e8ac}.mission-card__description{margin:0;padding:.75rem 1rem;font-size:.9rem;color:#ffffffbf;line-height:1.6;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;border-left:3px solid rgba(255,177,96,.5)}.mission-card__requirement{padding:.75rem 1rem;background:rgba(255,180,80,.15);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,180,80,.3);border-radius:8px;font-size:.85rem;font-weight:500;color:#ffc880}.mission-card__requirement span{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:1px;color:#ffc880b3;margin-bottom:.375rem}.mission-card__reward-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:rgba(0,0,0,.3);border-radius:8px}.mission-card__reward-hint{font-size:.75rem;color:#ffffff80;font-style:italic}.mission-card__footer{display:flex;justify-content:flex-end;margin-top:.25rem}.mission-card__footer .button{min-width:130px;box-shadow:0 4px 12px #0006}.storage-card{background:linear-gradient(165deg,rgba(40,36,32,.98) 0%,rgba(28,26,24,.98) 100%);border:1px solid rgba(100,80,60,.5);border-radius:10px;overflow:hidden}.storage-card__header{padding:.75rem 1rem;background:rgba(0,0,0,.2);border-bottom:1px solid rgba(100,80,60,.3)}.storage-card__name{margin:0 0 .25rem;font-size:1rem;font-weight:700;color:#ffb160}.storage-card__meta{display:flex;gap:1rem;font-size:.8rem;color:#a8a090}.storage-card__items{padding:.5rem}.journal-table-wrap{overflow-x:auto}.journal-table{width:100%;border-collapse:collapse;font-size:.85rem}.journal-table th{padding:.625rem .75rem;text-align:left;background:rgba(0,0,0,.3);color:#ffb160;font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px;border-bottom:1px solid rgba(255,177,96,.2)}.journal-table td{padding:.5rem .75rem;border-bottom:1px solid rgba(100,80,60,.2);color:#d8c8b8}.journal-table tr:hover td{background:rgba(255,177,96,.05)}.journal-table--compact th,.journal-table--compact td{padding:.375rem .5rem}.journal-sections{display:flex;flex-direction:column;gap:1rem}.journal-section{background:rgba(0,0,0,.2);border:1px solid rgba(100,80,60,.3);border-radius:8px;padding:1rem}.journal-section__title{margin:0 0 .75rem;padding-bottom:.5rem;font-size:.9rem;font-weight:700;color:#ffb160;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,177,96,.2)}.contentOverlayWindow:has(.journal){flex-direction:column!important;overflow:hidden!important}.contentOverlayBackground:has(.journal){flex-direction:column!important;overflow:hidden!important}.journal .contentWrap,.journal .header{display:none}.vehicleDetails{display:flex;flex-direction:column;height:96%;background:linear-gradient(145deg,rgba(45,38,32,.98) 0%,rgba(35,30,26,.98) 100%);border:1px solid rgba(171,101,101,.5);border-radius:8px;box-shadow:0 8px 32px #00000080,0 0 0 1px #ffb1601a,inset 0 1px #ffffff0d;overflow:hidden;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.vehicleDetails.vehicle-visible{opacity:1;transform:translateY(0)}.vehicleDetails .vehicle-header{display:flex;justify-content:space-between;align-items:center;padding:.75em 1em;background:linear-gradient(180deg,rgba(60,50,42,.9) 0%,rgba(45,38,32,.7) 100%);border-bottom:1px solid rgba(171,101,101,.3);position:relative}.vehicleDetails .vehicle-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,177,96,.6),transparent)}.vehicleDetails .vehicle-title{color:#ffb160;font-size:1.15em;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.vehicleDetails .vehicle-close-btn{background:transparent;border:none;padding:0;margin:0;cursor:pointer;transition:transform .2s ease,opacity .2s ease;opacity:.8}.vehicleDetails .vehicle-close-btn img{width:24px;height:24px;display:block}.vehicleDetails .vehicle-close-btn:hover{opacity:1;transform:scale(1.1)}.vehicleDetails .vehicle-content{flex:1;overflow-y:auto;padding:.75em}.vehicleDetails .vehicle-status-section{display:flex;gap:1em;margin-bottom:.75em;padding-bottom:.75em;border-bottom:1px solid rgba(100,80,70,.3)}.vehicleDetails .vehicle-image-container{position:relative;flex-shrink:0}.vehicleDetails .vehicle-image{width:80px;height:80px;object-fit:contain;border:2px solid rgba(171,101,101,.4);border-radius:6px;background:rgba(0,0,0,.3);padding:4px}.vehicleDetails .upgraded-badge{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);background:linear-gradient(90deg,#5a9a5a,#4a8a4a);color:#fff;font-size:.55em;font-weight:700;padding:2px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0000004d}.vehicleDetails .vehicle-bars-container{flex:1;display:flex;flex-direction:column;justify-content:center;gap:.6em}.vehicleDetails .vehicle-bar-row{display:flex;flex-direction:column;gap:.25em}.vehicleDetails .vehicle-bar-label{display:flex;align-items:center;gap:.4em;font-size:.75em;color:#a0988f;text-transform:uppercase;letter-spacing:.3px}.vehicleDetails .vehicle-bar-label svg{width:12px;height:12px;color:#888}.vehicleDetails .vehicle-bar-wrapper{display:flex;align-items:center;gap:.5em}.vehicleDetails .vehicle-progress-bar{flex:1;height:14px;background:rgba(0,0,0,.4);border:1px solid rgba(100,80,70,.4);border-radius:3px;overflow:hidden}.vehicleDetails .vehicle-progress-fill{height:100%;border-radius:2px;transition:width .4s ease;box-shadow:inset 0 1px #fff3}.vehicleDetails .vehicle-bar-value{font-size:.8em;font-weight:600;color:#e0d8d0;min-width:55px;text-align:right}.vehicleDetails .vehicle-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.4em}.vehicleDetails .vehicle-stat-item{display:flex;align-items:center;gap:.5em;padding:.5em .6em;background:rgba(0,0,0,.2);border:1px solid rgba(100,80,70,.25);border-radius:4px;transition:all .2s ease;opacity:0;animation:statFadeIn .3s ease forwards}@keyframes statFadeIn{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}.vehicleDetails .vehicle-stat-item:hover{background:rgba(0,0,0,.35);border-color:#ab656566}.vehicleDetails .vehicle-stat-icon{flex-shrink:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.vehicleDetails .vehicle-stat-icon svg{width:14px;height:14px;color:#d4884a}.vehicleDetails .vehicle-stat-label{flex:1;font-size:.7em;color:#a0988f;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vehicleDetails .vehicle-stat-value{font-size:.85em;font-weight:600;color:#ffb160;text-align:right}.vehicleDetails .vehicle-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:.5em;padding:.75em;background:linear-gradient(0deg,rgba(30,25,22,.9) 0%,rgba(40,34,30,.7) 100%);border-top:1px solid rgba(100,80,70,.3)}.vehicleDetails .vehicle-action-btn{display:flex;align-items:center;justify-content:center;gap:.4em;padding:.5em .6em;background:rgba(58,40,40,.75);border:1px solid rgba(171,101,101,.5);border-radius:4px;color:#ffb160;font-size:.8em;font-weight:600;cursor:pointer;transition:all .2s ease}.vehicleDetails .vehicle-action-btn svg{width:14px;height:14px;color:currentColor;opacity:.8}.vehicleDetails .vehicle-action-btn:hover{background:rgba(58,40,40,.95);border-color:#ab6565b3;transform:translateY(-1px);box-shadow:0 3px 8px #0000004d}.vehicleDetails .vehicle-action-btn:hover svg{opacity:1}.vehicleDetails .vehicle-action-btn:active{transform:translateY(0)}.vehicleDetails .vehicle-action-btn.primary{background:rgba(90,154,90,.3);border-color:#5a9a5a99;color:#7dce82}.vehicleDetails .vehicle-action-btn.primary:hover{background:rgba(90,154,90,.45);border-color:#5a9a5acc}.vehicleDetails .vehicle-action-btn.success{background:rgba(90,154,90,.25);border-color:#5a9a5a80;color:#7dce82}.vehicleDetails .vehicle-action-btn.success:hover{background:rgba(90,154,90,.4);border-color:#5a9a5ab3}.vehicleDetails .vehicle-action-btn.danger{background:rgba(181,74,74,.25);border-color:#b54a4a80;color:#ce7d7d}.vehicleDetails .vehicle-action-btn.danger:hover{background:rgba(181,74,74,.4);border-color:#b54a4ab3}.vehicleMapControl{width:90px;padding:0;transition:all .2s ease}.vehicleMapControl img{display:block;width:100%;height:auto;cursor:pointer;transition:filter .2s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.vehicleMapControl img:hover{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5)) brightness(1.1)}.vehicleMapControl .progressBarBox{height:10px;border-radius:3px;overflow:hidden;background:rgba(20,18,16,.85);border:1px solid rgba(60,50,45,.6);box-shadow:inset 0 1px 3px #0006}.vehicleMapControl .progressBarContainer{margin:2px 0}.vehicleMapControl .progressBarContainer .progressBarBox .bar{height:10px;border-radius:2px}.vehicle .durability .bar{background:linear-gradient(90deg,#3a5040 0%,#5a8a62 100%);box-shadow:inset 0 1px #ffffff26}.vehicle .fuel .bar{background:linear-gradient(90deg,#c49040 0%,#ffd276 100%);box-shadow:inset 0 1px #fff3}.vehicle .durability,.vehicle .fuel{padding:0 4px}.vehicleDetails .vehicle-content::-webkit-scrollbar{width:6px}.vehicleDetails .vehicle-content::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:3px}.vehicleDetails .vehicle-content::-webkit-scrollbar-thumb{background:rgba(171,101,101,.4);border-radius:3px}.vehicleDetails .vehicle-content::-webkit-scrollbar-thumb:hover{background:rgba(171,101,101,.6)}.characters-page{width:100%;max-width:600px;max-height:calc(100vh - 4rem);margin:0 auto;padding:.5rem 0;display:flex;flex-direction:column;box-sizing:border-box}.characters-container{background:linear-gradient(165deg,rgba(45,38,32,.98) 0%,rgba(28,24,20,.98) 100%);border:1px solid rgba(171,101,101,.35);border-radius:12px;box-shadow:0 12px 40px #00000080,0 0 0 1px #ffb1600f,inset 0 1px #ffffff0a;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.characters-scroll-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 .5em .5em;min-height:0}.characters-page .characters-intro{padding:.75em 1em;margin-bottom:1em;background:linear-gradient(135deg,rgba(30,25,22,.8) 0%,rgba(45,38,32,.6) 100%);border-radius:8px;border:1px solid rgba(100,80,70,.3)}.characters-page .intro-text{margin:0 0 .5em;color:#a09080;font-size:.9em}.characters-page .max-chars-badge{display:inline-flex;align-items:center;gap:.25em;padding:.35em .75em;background:rgba(0,0,0,.3);border-radius:4px;font-size:.85em;color:#c0b0a0}.characters-page .max-chars-badge strong{color:#ffb160;font-size:1.1em}.characters-page .max-chars-badge .upgradable{cursor:pointer}.characters-page .max-chars-badge .upgrade-hint{color:#ffb160;margin-left:2px}.characters-page .legacy-warning{padding:.75em 1em;margin-bottom:1em;background:rgba(230,99,99,.15);border:1px solid rgba(230,99,99,.3);border-radius:6px}.characters-page .alertText{color:#e66363;font-weight:600;font-size:.9em}.characters-page .characters-list{display:flex;flex-direction:column;gap:.75em;padding-bottom:4rem}.characters-page .character-card{position:relative;background:linear-gradient(165deg,rgba(50,42,35,.98) 0%,rgba(32,28,24,.98) 50%,rgba(40,34,28,.98) 100%);border:1px solid rgba(171,101,101,.35);border-radius:10px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);animation:cardSlideIn .5s cubic-bezier(.4,0,.2,1) forwards;opacity:0;transform:translateY(15px);box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff08}.characters-page .character-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,177,96,.6),rgba(212,136,74,.8),rgba(255,177,96,.6),transparent);opacity:0;transition:opacity .3s ease}@keyframes cardSlideIn{to{opacity:1;transform:translateY(0)}}.characters-page .character-card:hover{border-color:#ffb16080;box-shadow:0 6px 20px #0006,0 0 15px #ffb16014;transform:translateY(-2px)}.characters-page .character-card:hover:after{opacity:1}.characters-page .character-card.locked{opacity:.5;cursor:not-allowed;filter:grayscale(30%)}.characters-page .character-card.locked:hover{transform:none;box-shadow:0 4px 12px #0000004d;border-color:#ab656559}.characters-page .character-card.locked:after{background:linear-gradient(90deg,transparent,rgba(150,100,100,.4),transparent);opacity:1}.characters-page .character-main{display:flex;flex-direction:row;align-items:flex-start;gap:1em;padding:.875em;position:relative;z-index:2}.characters-page .character-avatar{position:relative;flex-shrink:0}.characters-page .character-avatar img{width:65px;height:auto;border-radius:6px;border:2px solid rgba(100,80,70,.5);transition:all .3s ease;box-shadow:0 3px 10px #0006}.characters-page .character-card:hover .character-avatar img{border-color:#ffb16099}.characters-page .level-badge{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.2em;padding:.1em .4em;background:linear-gradient(145deg,#d4884a,#ffb160);border-radius:8px;font-size:.65em;font-weight:700;color:#1a1512;box-shadow:0 2px 6px #0006}.characters-page .level-badge svg{width:9px;height:9px;color:#1a1512}.characters-page .locked-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,rgba(0,0,0,.75),rgba(30,20,20,.85));display:flex;align-items:center;justify-content:center;border-radius:6px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.characters-page .locked-overlay span{color:#e66363;font-weight:700;font-size:.65em;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.characters-page .character-info{flex:1;display:flex;flex-direction:column;gap:.35em;min-width:0}.characters-page .character-name{display:flex;flex-direction:column;align-items:flex-start;gap:0}.characters-page .class-name{font-size:.6em;color:#8a7a70;text-transform:uppercase;letter-spacing:1px;font-weight:600}.characters-page .char-name{font-size:1.1em;font-weight:700;color:#ffb160;text-shadow:0 1px 4px rgba(255,177,96,.2)}.characters-page .character-stats{display:flex;flex-direction:column;gap:.25em}.characters-page .stat-item{display:flex;align-items:center;gap:.35em;font-size:.8em}.characters-page .stat-item svg{flex-shrink:0;width:12px;height:12px}.characters-page .stat-item .stat-label{font-weight:600}.characters-page .stat-item .stat-value{font-weight:500;color:#b0a8a0;padding:.25rem}.characters-page .stat-item.reputation.survivor svg{color:#7dce82}.characters-page .stat-item.reputation.survivor .stat-label{color:#7dce82}.characters-page .stat-item.reputation.survivor .stat-value{color:#a5e8a8}.characters-page .stat-item.reputation.bandit svg{color:#ce7d7d}.characters-page .stat-item.reputation.bandit .stat-label{color:#ce7d7d}.characters-page .stat-item.reputation.bandit .stat-value{color:#e8a5a5}.characters-page .stat-item.gang{flex-wrap:wrap}.characters-page .stat-item.gang svg{color:#7db8ce}.characters-page .stat-item.gang .stat-label{color:#7db8ce}.characters-page .gang-name{color:#a5d8e8;font-weight:600}.characters-page .gang-logo{width:16px;height:16px;border-radius:3px;object-fit:cover}.characters-page .info-row.legacy{font-size:.75em;color:#888;padding:.2em .4em;background:rgba(0,0,0,.15);border-radius:4px}.characters-page .character-actions{display:flex;justify-content:flex-end;padding:.4em .875em;border-top:1px solid rgba(80,65,55,.15);position:relative;z-index:2}.characters-page .delete-btn{display:flex;align-items:center;gap:.25em;padding:.3em .6em;background:transparent;border:1px solid rgba(180,100,100,.2);border-radius:4px;color:#907070;font-size:.65em;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.characters-page .delete-btn:hover{background:rgba(206,92,92,.12);border-color:#ce5c5c66;color:#e06060}.characters-page .delete-btn svg{width:11px;height:11px;opacity:.75}.characters-page .delete-btn:hover svg{opacity:1}.characters-page .character-card.new-character{border-style:dashed;border-width:1px;border-color:#ffb1604d;background:linear-gradient(165deg,rgba(40,35,30,.5) 0%,rgba(30,26,22,.5) 100%)}.characters-page .character-card.new-character:after{display:none}.characters-page .character-card.new-character:hover{border-color:#ffb16080;background:linear-gradient(165deg,rgba(50,42,35,.7) 0%,rgba(40,35,30,.6) 100%)}.characters-page .new-character-content{display:flex;align-items:center;gap:.875em;padding:.875em}.characters-page .new-icon{width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:rgba(255,177,96,.08);border:1px dashed rgba(255,177,96,.4);border-radius:6px;color:#ffb160;transition:all .2s ease}.characters-page .new-icon svg{width:22px;height:22px}.characters-page .character-card.new-character:hover .new-icon{background:rgba(255,177,96,.12);border-color:#ffb16099}.characters-page .new-text h4{margin:0 0 .1em;color:#ffb160;font-size:.95em;font-weight:600}.characters-page .new-text p{margin:0;color:#7a7a7a;font-size:.75em}.characters-page .upgradeMessage{text-align:center;margin:1em 0;font-weight:600;padding:.75em 1em;color:#ffb7b7;background:rgba(33,33,33,.8);border-radius:6px;border:1px solid rgba(255,183,183,.2)}.subMenu{width:100%}.subMenu>div{width:100%;color:#fff;background-color:#1f1a1573;max-width:fit-content;padding:5px}@media (max-width: 400px){.characters-page .character-avatar img{width:55px}.characters-page .char-name{font-size:1em}.characters-page .stat-item{font-size:.75em}}#accountSettings{width:100%;max-width:550px;max-height:calc(100vh - 4rem);margin:0 auto;padding:.5rem 0;animation:settingsFadeIn .3s ease forwards;box-sizing:border-box;display:flex;flex-direction:column}#accountSettings.closing{animation:settingsFadeOut .2s ease forwards}@keyframes settingsFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes settingsFadeOut{to{opacity:0;transform:translateY(-10px)}}.settings-container{background:linear-gradient(165deg,rgba(45,38,32,.98) 0%,rgba(28,24,20,.98) 100%);border:1px solid rgba(171,101,101,.35);border-radius:12px;box-shadow:0 12px 40px #00000080,0 0 0 1px #ffb1600f,inset 0 1px #ffffff0a;width:100%;box-sizing:border-box;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.settings-header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:linear-gradient(180deg,rgba(60,50,42,1) 0%,rgba(42,36,30,.98) 100%);border-bottom:1px solid rgba(171,101,101,.2);flex-shrink:0}.settings-header .header-decoration{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,rgba(255,177,96,.6) 20%,rgba(255,140,60,.8) 50%,rgba(255,177,96,.6) 80%,transparent 100%)}.settings-title{display:flex;align-items:center;gap:.5rem;margin:0;color:#ffb160;font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 2px 6px rgba(255,140,60,.25)}.settings-title svg{opacity:.9}.settings-header .close-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:rgba(0,0,0,.25);border:1px solid rgba(100,80,70,.35);border-radius:8px;color:#888;cursor:pointer;transition:all .2s ease}.settings-header .close-button:hover{background:rgba(171,101,101,.25);border-color:#ab656580;color:#ffb160;transform:scale(1.05)}.settings-content{padding:1rem 1rem 5rem;display:flex;flex-direction:column;gap:.875rem;overflow-y:auto;flex:1;min-height:0}.settings-section{background:rgba(0,0,0,.2);border:1px solid rgba(100,80,70,.25);border-radius:10px;overflow:hidden;opacity:0;transform:translateY(10px);animation:sectionFadeIn .35s ease forwards;flex-shrink:0}@keyframes sectionFadeIn{to{opacity:1;transform:translateY(0)}}.section-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,rgba(50,42,36,.7) 0%,rgba(40,34,28,.5) 100%);border-bottom:1px solid rgba(100,80,70,.2)}.section-header svg{color:#ffb160;opacity:.85;flex-shrink:0}.section-header h3{margin:0;color:#d4c4b0;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.section-body{padding:1rem;display:flex;flex-direction:column;gap:.875rem}.section-description{margin:0;color:#999;font-size:.85rem;line-height:1.5}.section-description a{color:#7eb8e8;text-decoration:none;border-bottom:1px solid rgba(126,184,232,.3);transition:border-color .2s ease}.section-description a:hover{border-color:#7eb8e8cc}.info-row{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;background:rgba(0,0,0,.15);border-radius:6px;border:1px solid rgba(100,80,70,.15)}.info-label{color:#888;font-size:.85rem}.info-value{color:#d4c4b0;font-size:.85rem;font-weight:500;word-break:break-all}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-group.compact{flex:1}.form-row{display:flex;gap:1rem}.form-label{color:#999;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.form-input{width:100%;padding:.65rem .85rem;background:rgba(0,0,0,.3);border:1px solid rgba(100,80,70,.35);border-radius:6px;color:#e0d8d0;font-size:.9rem;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.form-input::placeholder{color:#666}.form-input:focus{outline:none;border-color:#ffb16080;box-shadow:0 0 10px #ffb16026}.form-input[type=number]{width:100%}.stat-value{padding:.65rem .85rem;background:rgba(255,177,96,.1);border:1px solid rgba(255,177,96,.25);border-radius:6px;color:#ffb160;font-size:.9rem;font-weight:600;text-align:center}.checkbox-row{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem 0}.checkbox-row input[type=checkbox]{display:none}.checkbox-custom{width:22px;height:22px;background:rgba(0,0,0,.3);border:2px solid rgba(100,80,70,.4);border-radius:5px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.checkbox-row:hover .checkbox-custom{border-color:#ffb16080}.checkbox-row input[type=checkbox]:checked+.checkbox-custom{background:rgba(255,177,96,.2);border-color:#ffb160b3}.checkbox-row input[type=checkbox]:checked+.checkbox-custom:after{content:"✓";color:#ffb160;font-size:14px;font-weight:700}.checkbox-label{color:#c0b8b0;font-size:.9rem}#accountSettings .btn-primary,#accountSettings .btn-secondary,#accountSettings .btn-danger{padding:.7rem 1.25rem;border-radius:6px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}#accountSettings .btn-primary{background:linear-gradient(135deg,rgba(255,140,60,.25) 0%,rgba(255,100,50,.15) 100%);border-color:#ff8c3c80;color:#ffb160}#accountSettings .btn-primary:hover{background:linear-gradient(135deg,rgba(255,140,60,.35) 0%,rgba(255,100,50,.25) 100%);border-color:#ff8c3cb3;box-shadow:0 0 15px #ff8c3c33;transform:translateY(-1px)}#accountSettings .btn-primary:active{transform:translateY(0)}#accountSettings .btn-secondary{background:rgba(100,80,70,.2);border-color:#64504666;color:#b8b0a8}#accountSettings .btn-secondary:hover{background:rgba(100,80,70,.3);border-color:#64504699;color:#d4c4b0}#accountSettings .btn-danger{background:rgba(180,60,60,.15);border-color:#b43c3c66;color:#e07070}#accountSettings .btn-danger:hover{background:rgba(180,60,60,.25);border-color:#b43c3c99;box-shadow:0 0 15px #b43c3c26}.ai-section .section-header{background:linear-gradient(135deg,rgba(100,80,180,.15) 0%,rgba(40,34,28,.5) 100%)}.ai-section .section-header svg{color:#a08be8}.tutorial-section .section-header{background:linear-gradient(135deg,rgba(80,160,100,.15) 0%,rgba(40,34,28,.5) 100%)}.tutorial-section .section-header svg{color:#7dce82}.danger-section{border-color:#b43c3c40}.danger-section .section-header{background:linear-gradient(135deg,rgba(180,60,60,.15) 0%,rgba(40,34,28,.5) 100%)}.danger-section .section-header svg{color:#e07070}.danger-section .section-header h3{color:#e07070}.danger-text{color:#c08080!important}@media (max-width: 400px){#accountSettings{padding:.25rem 0}.settings-header{padding:.875rem 1rem}.settings-title{font-size:1rem;letter-spacing:1px}.settings-content{padding:.75rem}.section-body{padding:.875rem}.form-row{flex-direction:column;gap:.875rem}#accountSettings .btn-primary,#accountSettings .btn-secondary,#accountSettings .btn-danger{width:100%;text-align:center}}#upgrade{font-size:.9em}#upgrade .header{padding-left:15px}#upgrade .titleImage{width:100%}#upgrade .entry{padding:5px;margin:4px 0;box-shadow:0 0 7px #000;background-color:#333;color:#e9e9e9}#upgrade #inventory{height:auto}#upgrade table{margin:10px 0;padding:5px}#upgrade table th{text-align:left;padding:0 6px;color:#e9e9e9;font-weight:600;font-size:.9em;border-bottom:1px solid #e9e9e9}#upgrade table td{text-align:left;padding:2px 6px;font-size:.8em}.online-players-container{display:flex;flex-direction:column;height:100%;background:linear-gradient(145deg,rgba(45,38,32,.7) 0%,rgba(35,30,26,.7) 100%);border:1px solid rgba(171,101,101,.5);border-radius:8px;box-shadow:0 8px 32px #00000080,0 0 0 1px #ffb1601a,inset 0 1px #ffffff0d;overflow:hidden;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.online-players-container.online-visible{opacity:1;transform:translateY(0)}.online-header{display:flex;justify-content:space-between;align-items:center;padding:.75em 1em;background:linear-gradient(180deg,rgba(60,50,42,.9) 0%,rgba(45,38,32,.7) 100%);border-bottom:1px solid rgba(171,101,101,.3);position:relative;flex-shrink:0}.online-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,177,96,.6),transparent)}.online-title-section{display:flex;align-items:center;gap:.5em}.online-title-section svg{width:20px;height:20px;color:#d4884a}.online-title{color:#ffb160;font-size:1.1em;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.online-count{background:linear-gradient(135deg,#5a9a5a 0%,#4a8a4a 100%);color:#fff;font-size:.75em;font-weight:700;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:12px;padding:0 .5em;box-shadow:0 2px 4px #0000004d}.online-close-btn{background:transparent;border:none;padding:0;cursor:pointer;opacity:.8;transition:opacity .2s ease,transform .2s ease}.online-close-btn:hover{opacity:1;transform:scale(1.1)}.online-close-btn img{width:24px;height:24px}.online-list{flex:1;overflow-y:auto;padding:.75em;display:flex;flex-direction:column;gap:.5em}.online-player-card{display:flex;align-items:center;gap:.75em;padding:.5em .6em;background:rgba(0,0,0,.2);border:1px solid rgba(100,80,70,.25);border-radius:6px;opacity:0;animation:playerFadeIn .3s ease forwards;transition:all .2s ease}@keyframes playerFadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.online-player-card:hover{background:rgba(0,0,0,.35);border-color:#ab656566}.online-player-avatar{flex-shrink:0;width:48px;height:48px;cursor:pointer;position:relative}.online-player-avatar img{width:100%;height:100%;object-fit:cover;border:2px solid rgba(171,101,101,.4);border-radius:6px;background:rgba(0,0,0,.3);transition:all .2s ease}.online-player-avatar:hover img{border-color:#ffb16099;box-shadow:0 0 8px #ffb1604d}.online-player-info{flex:1;min-width:0}.online-player-name{color:#ffb160;font-size:.95em;font-weight:600;cursor:pointer;transition:color .2s ease;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online-player-name:hover{color:#ffc580;text-decoration:underline}.online-player-gang{flex-shrink:0;width:28px;height:28px;cursor:pointer;transition:transform .2s ease}.online-player-gang img{width:100%;height:100%;object-fit:contain;border-radius:4px;transition:all .2s ease}.online-player-gang:hover{transform:scale(1.15)}.online-player-gang:hover img{box-shadow:0 0 8px #ffb16066}.online-empty{display:flex;align-items:center;justify-content:center;padding:2em;color:#777;font-style:italic}.online-list::-webkit-scrollbar{width:6px}.online-list::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:3px}.online-list::-webkit-scrollbar-thumb{background:rgba(171,101,101,.4);border-radius:3px}.online-list::-webkit-scrollbar-thumb:hover{background:rgba(171,101,101,.6)}#onlinePlayers table{margin:1em}#onlinePlayers table tbody td{padding:.5em;cursor:pointer}#onlinePlayers table h4{margin:0}#onlinePlayers table img{height:40px;width:auto;margin-left:8px}#onlinePlayers table img.smallGangLogo{height:20px;width:auto}#news{width:100%;max-width:600px;max-height:calc(100vh - 4rem);margin:0 auto;padding:.5rem 0;animation:newsFadeIn .3s ease forwards;box-sizing:border-box;display:flex;flex-direction:column}#news.closing{animation:newsFadeOut .2s ease forwards}@keyframes newsFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes newsFadeOut{to{opacity:0;transform:translateY(-10px)}}.news-container{background:linear-gradient(165deg,rgba(45,38,32,.98) 0%,rgba(28,24,20,.98) 100%);border:1px solid rgba(171,101,101,.35);border-radius:12px;box-shadow:0 12px 40px #00000080,0 0 0 1px #ffb1600f,inset 0 1px #ffffff0a;width:100%;box-sizing:border-box;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.news-scroll-content{flex:1;overflow-y:auto;min-height:0}.info-box{display:flex;gap:.75rem;margin:1rem 1rem 0;padding:1rem;background:linear-gradient(135deg,rgba(255,200,100,.12) 0%,rgba(255,160,60,.06) 100%);border:1px solid rgba(255,177,96,.3);border-radius:10px;border-left:4px solid rgba(255,177,96,.7);animation:infoSlideIn .4s ease forwards;animation-delay:.15s;opacity:0}@keyframes infoSlideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.info-icon{flex-shrink:0;display:flex;align-items:flex-start;padding-top:2px;color:#ffb160}.info-content{flex:1;color:#e0d8d0;font-size:.9rem;line-height:1.5}.info-content strong,.info-content b{color:#ffb160}.news-section{padding:1rem}.section-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;margin-bottom:.5rem;border-bottom:1px solid rgba(100,80,70,.25)}.section-title{display:flex;align-items:center;gap:.5rem;margin:0;color:#d4c4b0;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.section-title svg{color:#ffb160;opacity:.8}.article-count{color:#666;font-size:.8rem;font-weight:500}.news-list{display:flex;flex-direction:column;gap:.75rem;padding-bottom:4rem}.news-article{background:rgba(0,0,0,.2);border:1px solid rgba(100,80,70,.25);border-radius:10px;overflow:hidden;opacity:0;transform:translateY(10px);animation:articleFadeIn .35s ease forwards;transition:border-color .2s ease,box-shadow .2s ease}@keyframes articleFadeIn{to{opacity:1;transform:translateY(0)}}.news-article:hover{border-color:#ff8c3c4d}.news-article.is-new{border-color:#b4dc5066;box-shadow:0 0 15px #b4dc501a}.article-header{display:flex;flex-direction:column;gap:.35rem;padding:.875rem 1rem;position:relative;background:linear-gradient(135deg,rgba(50,42,36,.6) 0%,rgba(40,34,28,.4) 100%);border-bottom:1px solid rgba(100,80,70,.2)}.article-meta{display:flex;align-items:center;gap:.75rem}.article-date{display:flex;align-items:center;gap:.35rem;color:#777;font-size:.75rem;font-weight:500}.article-date svg{opacity:.6}.new-badge{padding:.15rem .5rem;background:linear-gradient(135deg,rgba(180,220,80,.25) 0%,rgba(140,180,60,.15) 100%);border:1px solid rgba(180,220,80,.5);border-radius:4px;color:#b4dc50;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{opacity:1}50%{opacity:.7}}.article-title{margin:0;color:#e8dcd0;font-size:.95rem;font-weight:600;line-height:1.3}.news-article.is-new .article-title{color:#d4e8a0}.article-content{overflow:hidden}.article-body{padding:0 1rem 1rem;color:#b8b0a8;font-size:.85rem;line-height:1.6;overflow-wrap:break-word;word-wrap:break-word}.article-body h1,.article-body h2,.article-body h3,.article-body h4{color:#ffb160;margin-top:1rem;margin-bottom:.5rem}.article-body h1:first-child,.article-body h2:first-child,.article-body h3:first-child,.article-body h4:first-child{margin-top:0}.article-body p{margin:.5rem 0}.article-body a{color:#7eb8e8;text-decoration:none;border-bottom:1px solid rgba(126,184,232,.3);transition:border-color .2s ease}.article-body a:hover{border-color:#7eb8e8cc}.article-body ul,.article-body ol{margin:.75rem 0;padding-left:1.5rem}.article-body li{margin:.35rem 0}.article-body strong,.article-body b{color:#d4c4b0;font-weight:600}.article-body img{max-width:100%;height:auto;border-radius:6px;margin:.75rem 0}.publicNews{max-width:800px;margin:0 auto;padding:2rem 1rem}.publicNews .entry{background:rgba(0,0,0,.3);border:1px solid rgba(100,80,70,.3);border-radius:8px;padding:1.25rem;margin-bottom:1rem}.publicNews .entry h4{color:#ffb160;margin:0 0 .5rem}.publicNews .entry .smallText{color:#888;font-size:.8rem;margin-bottom:1rem}@media (max-width: 400px){#news{padding:.25rem}.info-box{margin:.75rem;padding:.875rem}.news-section{padding:0 .75rem .75rem}.article-header{padding:.75rem}.article-body{padding:0 .75rem .75rem;font-size:.8rem}}#termsAndConditions{position:fixed;height:90vh;top:0;left:0;margin:0 10px;padding:0 10px 10px;background-color:#000000bf;overflow-y:auto}.register .conditions-checkbox{position:absolute;top:-5000px;left:0}.register .registerTerms{height:14px}.register .authError{background-color:#ca5858;padding:10px;text-align:center}.save-progress-page{width:100%;max-width:450px;max-height:calc(100vh - 4rem);margin:0 auto;padding:.5rem;display:flex;flex-direction:column;box-sizing:border-box}.save-progress-container{background:linear-gradient(165deg,rgba(45,38,32,.98) 0%,rgba(28,24,20,.98) 100%);border:1px solid rgba(171,101,101,.35);border-radius:12px;box-shadow:0 12px 40px #00000080,0 0 0 1px #ffb1600f,inset 0 1px #ffffff0a;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.save-progress-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.25em;min-height:0}.save-progress-content::-webkit-scrollbar{width:6px}.save-progress-content::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:3px}.save-progress-content::-webkit-scrollbar-thumb{background:rgba(255,177,96,.3);border-radius:3px}.save-progress-content::-webkit-scrollbar-thumb:hover{background:rgba(255,177,96,.5)}.save-progress-intro{padding:.875em 1em;margin-bottom:1.25em;background:linear-gradient(135deg,rgba(30,25,22,.8) 0%,rgba(45,38,32,.6) 100%);border-radius:8px;border:1px solid rgba(100,80,70,.3)}.save-progress-intro p{margin:0;color:#a09080;font-size:.9em;line-height:1.5}.save-progress-form{display:flex;flex-direction:column;gap:1em}.save-progress-form .form-group{display:flex;flex-direction:column;gap:.4em}.save-progress-form .form-label{font-weight:600;color:#d4c4a8;font-size:.9em;letter-spacing:.3px}.save-progress-form input[type=text],.save-progress-form input[type=email],.save-progress-form input[type=password]{width:100%;height:42px;padding:0 .875em;background:linear-gradient(to bottom,rgba(0,0,0,.5) 0%,rgba(20,15,10,.7) 100%);border:1px solid rgba(171,101,101,.4);border-radius:6px;color:#fff;font-size:1em;outline:none;transition:all .2s ease;box-shadow:inset 0 2px 4px #0000004d;box-sizing:border-box}.save-progress-form input[type=text]:focus,.save-progress-form input[type=email]:focus,.save-progress-form input[type=password]:focus{border-color:#ffb16099;box-shadow:inset 0 2px 4px #0000004d,0 0 12px #ffb16033}.save-progress-form input::placeholder{color:#ffffff40}.save-progress-form .checkbox-group{padding:.75em 0;border-top:1px solid rgba(100,80,70,.2)}.save-progress-form .checkbox-group:first-of-type{margin-top:.5em}.save-progress-form .checkbox-label{display:flex;align-items:center;gap:.75em;cursor:pointer;color:#b8a890;font-size:.9em}.save-progress-form .checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#ffb160;cursor:pointer}.save-progress-form .terms-link{color:#ffb160;text-decoration:underline;cursor:pointer;transition:color .2s ease}.save-progress-form .terms-link:hover{color:#ffc98a}.save-progress-actions{margin-top:1.5em;padding-top:1em;border-top:1px solid rgba(100,80,70,.25);display:flex;justify-content:center}.save-progress-actions .button{width:auto!important;min-width:200px;padding:0 1.5em;white-space:nowrap}.terms-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.95);z-index:100;overflow-y:auto;padding:1.5em;cursor:pointer}.terms-overlay #termsAndConditions{max-width:700px;margin:0 auto;padding:1.5em;background:linear-gradient(165deg,rgba(45,38,32,.98) 0%,rgba(28,24,20,.98) 100%);border:1px solid rgba(171,101,101,.35);border-radius:12px;cursor:auto}.terms-overlay #termsAndConditions h2{color:#ffb160;font-size:1.2em;margin:0 0 1em;padding-bottom:.75em;border-bottom:1px solid rgba(255,177,96,.3)}.terms-overlay #termsAndConditions p{color:#c8b8a0;font-size:.9em;line-height:1.6;margin:.75em 0}.terms-overlay #termsAndConditions strong{color:#e8d8c0;font-weight:600}.terms-overlay #termsAndConditions ul{color:#c8b8a0;font-size:.9em;line-height:1.6;margin:.5em 0;padding-left:1.5em}.terms-overlay #termsAndConditions li{margin:.5em 0}.terms-overlay #termsAndConditions a{color:#ffb160;text-decoration:underline}.terms-overlay #termsAndConditions a:hover{color:#ffc98a}@media (max-width: 480px){.save-progress-page{padding:.25rem;max-height:100vh}.save-progress-content{padding:1em}.save-progress-form input[type=text],.save-progress-form input[type=email],.save-progress-form input[type=password]{font-size:16px}}.saveProgressForms{padding:15px}.saveProgressForms .field{padding:6px 0}.saveProgressForms input{height:30px}.saveProgressForms form>div{padding:6px 0}.share-panel{display:flex;flex-direction:column;flex:1 1 0;width:100%;height:100%;overflow:hidden}.share-panel .panel-header{flex-shrink:0}.share-content{flex:1 1 0;overflow-y:auto;overflow-x:hidden;min-height:0;max-height:100%;padding:1rem;display:flex;flex-direction:column;gap:1rem;-webkit-overflow-scrolling:touch}.share-content::-webkit-scrollbar{width:6px}.share-content::-webkit-scrollbar-track{background:rgba(0,0,0,.2)}.share-content::-webkit-scrollbar-thumb{background:rgba(180,130,80,.4);border-radius:3px}.share-content::-webkit-scrollbar-thumb:hover{background:rgba(180,130,80,.6)}.share-section{flex-shrink:0;background:rgba(0,0,0,.2);border:1px solid rgba(100,80,60,.3);border-radius:10px;padding:1rem}.share-section__title{display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:.95rem;font-weight:700;color:#ffb160;text-transform:uppercase;letter-spacing:.5px}.share-section__description{margin:0 0 .75rem;font-size:.85rem;color:#a8a090;line-height:1.5}.share-link-box{display:flex;gap:.5rem;align-items:center}.share-link-input{flex:1;padding:.625rem .75rem;background:rgba(0,0,0,.4);border:1px solid rgba(100,80,60,.5);border-radius:6px;color:#e8d8c8;font-size:.9rem;font-family:monospace}.share-link-input:focus{outline:none;border-color:#ffb16099}.share-copy-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:linear-gradient(135deg,rgba(255,177,96,.2) 0%,rgba(255,177,96,.1) 100%);border:1px solid rgba(255,177,96,.4);border-radius:6px;color:#ffb160;cursor:pointer;transition:all .2s ease}.share-copy-btn:hover{background:linear-gradient(135deg,rgba(255,177,96,.3) 0%,rgba(255,177,96,.2) 100%);border-color:#ffb16099;transform:scale(1.05)}.share-copy-btn:active{transform:scale(.95)}.share-copy-btn svg{width:18px;height:18px}.share-section--stats{background:linear-gradient(135deg,rgba(139,201,143,.1) 0%,rgba(139,201,143,.05) 100%);border-color:#8bc98f4d}.share-stats{display:flex;justify-content:center}.share-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem 1.5rem}.share-stat__value{font-size:2rem;font-weight:800;color:#8bc98f;text-shadow:0 2px 4px rgba(0,0,0,.3)}.share-stat__label{font-size:.8rem;color:#a8e8ac;text-transform:uppercase;letter-spacing:.5px}.share-section--rewards .share-section__title .share-gift-icon{width:20px;height:20px;color:#ffb160}.share-rewards-list{display:flex;flex-direction:column;gap:.5rem}.share-reward-row{display:flex;align-items:center;gap:1rem;padding:.625rem .875rem;background:rgba(0,0,0,.2);border:1px solid rgba(100,80,60,.25);border-radius:8px;transition:all .2s ease}.share-reward-row:hover{background:rgba(0,0,0,.3);border-color:#64503c66}.share-reward-row--reached{background:linear-gradient(90deg,rgba(139,201,143,.15) 0%,rgba(139,201,143,.05) 100%);border-color:#8bc98f59}.share-reward-row--first{border-color:#ffb16066;border-width:2px}.share-reward-row--more{justify-content:center;border-style:dashed;color:#888}.share-reward-row__count{display:flex;align-items:center;gap:.5rem;min-width:100px;font-size:.9rem;font-weight:600;color:#c8b8a8}.share-reward-row--reached .share-reward-row__count{color:#8bc98f}.share-check-icon{width:16px;height:16px;color:#8bc98f}.share-reward-row__items{flex:1;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.share-reward-item{display:flex;align-items:center}.share-reward-item__text{font-size:.85rem;color:#e8d8c8;font-weight:500}.share-reward-row--reached .share-reward-item__text{color:#a8e8ac}.share-reward-item__item{transform:scale(.85);transform-origin:left center}.contentOverlayWindow:has(.share-panel){flex-direction:column!important;overflow:hidden!important;height:calc(100% - 6em)!important;max-height:calc(100vh - 8em)!important}.contentOverlayBackground:has(.share-panel){flex-direction:column!important;overflow:hidden!important;height:100%!important}.contentOverlayBackground>.share-panel,.contentOverlayBackgroundNoOverflow>.share-panel{height:calc(100vh - 10em);max-height:calc(100vh - 10em)}#referral.contentWrap{display:none}.actionButtonWrap{display:flex;flex-direction:column;margin:.5em 0}.actionButtonWrap .progressBarWrap{background:rgba(87,87,87,.65);position:absolute;margin:6px 12px 12px}.actionMapBtt{margin:0 .5em;height:60px;width:60px;background-color:#57c09aa6;border:none;cursor:pointer;filter:contrast(1.1)}.stashBtt{background:url(/images/mapactionbuttons/buttons.png) -250px -10px}.stashBtt:hover{background:url(/images/mapactionbuttons/buttons.png) -250px -90px}.salvageBtt{background:url(/images/mapactionbuttons/buttons.png) -170px -90px}.salvageBtt:hover{background:url(/images/mapactionbuttons/buttons.png) -10px -10px}.salvageBtt.salvaging{filter:none}.cancelBtt{background:url(/images/mapactionbuttons/buttons.png) -90px -90px}.cancelBtt:hover{background:url(/images/mapactionbuttons/buttons.png) -170px -10px}.buildBtt{background:url(/images/mapactionbuttons/buttons.png) -90px -10px}.buildBtt:hover{background:url(/images/mapactionbuttons/buttons.png) -10px -90px}.topPanel{color:#c0b8b0}.topPanel .topPanelStats{background:linear-gradient(180deg,rgba(35,30,26,.95) 0%,rgba(25,22,20,.95) 100%);padding:.3em .5em;font-size:.9em;border-bottom:1px solid rgba(171,101,101,.3);display:flex;align-items:center;gap:.4em}.topPanel .smallLogoWrap{padding:2px 6px 0 0}.topPanel .smallLogoWrap img{height:15px;width:auto;opacity:.9}.topPanel .stat-separator{color:#666;margin:0 .1em}.topPanel .stat-online{cursor:pointer;color:#7dce82;display:inline-flex;align-items:center;gap:.25em;transition:color .2s ease}.topPanel .stat-online:hover{color:#9de8a2;text-decoration:underline}.topPanel .stat-online svg{width:14px;height:14px;flex-shrink:0}.topPanel .stat-level{color:#c0b8b0}.topPanel .stat-level strong{color:#e8c060}.topPanel .stat-rank{cursor:pointer;transition:all .2s ease}.topPanel .stat-rank.rank-none{color:#888}.topPanel .stat-rank.rank-common{color:#a0a0a0}.topPanel .stat-rank.rank-common strong{color:#b0a8a0}.topPanel .stat-rank.rank-uncommon{color:#a0a0a0}.topPanel .stat-rank.rank-uncommon strong{color:#7dce82}.topPanel .stat-rank.rank-rare{color:#a0a0a0}.topPanel .stat-rank.rank-rare strong{color:#6aabe8}.topPanel .stat-rank.rank-epic{color:#a0a0a0}.topPanel .stat-rank.rank-epic strong{color:#c080e8}.topPanel .stat-rank.rank-legendary{color:#a0a0a0}.topPanel .stat-rank.rank-legendary strong{color:#ffc850;text-shadow:0 0 6px rgba(255,200,80,.6)}.topPanel .levelBar{position:relative}.topPanel .levelBarBackground{background:url(/images/xp_bar.png);background-size:32px;position:absolute;width:100%;height:10px;pointer-events:none;z-index:10;opacity:.3}.topPanel .levelBar .progressBarBox{width:100%;height:8px;border:1px solid rgba(252,219,128,.6);background:rgba(0,0,0,.4);border-radius:0}.topPanel .levelBar .progressBarBox .bar{background:linear-gradient(90deg,#d4884a 0%,#fcdb80 100%);height:10px;box-shadow:0 0 6px #fcdb8066;transition:width .5s ease-out}.topPanel .levelBar.xp-gain-animation .progressBarBox{animation:xpBarPulse 1s ease-out}.topPanel .levelBar.xp-gain-animation .progressBarBox .bar{animation:xpBarGlow 1s ease-out}@keyframes xpBarPulse{0%{box-shadow:0 0 #fcdb80cc}30%{box-shadow:0 0 12px 4px #fcdb80e6}to{box-shadow:0 0 #fcdb8000}}@keyframes xpBarGlow{0%{filter:brightness(1);box-shadow:0 0 6px #fcdb8066}30%{filter:brightness(1.5);box-shadow:0 0 20px #ffe696,0 0 40px #fcdb80cc}to{filter:brightness(1);box-shadow:0 0 6px #fcdb8066}}.topPanel .playerInfo{background-size:cover;display:flex;justify-content:space-between;padding:.5em;align-items:flex-start}.topPanel .playerInfo .row{flex-wrap:nowrap}.topPanel .playerInfo .leftWrapper{flex-grow:2}.topPanel .playerInfo .menuCapsPanel{width:100%;justify-content:space-between}.topPanel .playerInfo .gameMenu{background:linear-gradient(145deg,rgba(30,29,28,.85) 0%,rgba(35,30,26,.85) 100%);padding:.5em;border-radius:4px;border:1px solid rgba(171,101,101,.5);height:38px;width:40px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.topPanel .playerInfo .gameMenu:hover{background:linear-gradient(145deg,rgba(70,58,48,.9) 0%,rgba(55,45,38,.9) 100%);border-color:#ffb16080}.topPanel .playerInfo .gameMenu:hover svg{color:#ffb160}.topPanel .playerInfo .gameMenu svg{width:28px;height:28px;color:#c0b8b0;transition:color .2s ease}.topPanel .capsWrap{font-size:.9em;height:18px;margin-right:4px;margin-bottom:2px;justify-content:flex-end;align-items:center}.topPanel .capsWrap div{padding-right:4px;margin-top:0}.topPanel .playerInfo .playerInfoSpecific{background:linear-gradient(145deg,rgba(30,29,28,.85) 0%,rgba(35,30,26,.85) 100%);border:1px solid rgba(100,80,70,.4);border-radius:4px;padding:.25em .5em;text-align:right}.topPanel .playerInfo .playerInfoSpecific:hover{border-color:#ab656580}.topPanel .playerInfo .caps{width:1.2em;height:auto;opacity:.9}.topPanel .missionsMap{margin-top:8px;color:#e0d8d0;max-width:220px;padding:6px 10px;background:linear-gradient(145deg,rgba(30,29,28,.85) 0%,rgba(35,30,26,.85) 100%);border-left:2px solid rgba(255,177,96,.5);border-radius:0 4px 4px 0;margin-right:4px}.topPanel .missionsMap strong{color:#ffb160;font-size:.95em;cursor:pointer;transition:color .2s ease}.topPanel .missionsMap strong:hover{color:#ffc580}.topPanel .missionsMap ul{margin-block-start:4px;margin-block-end:4px;padding-inline-start:15px}.topPanel .missionsMap li{padding:2px 0;cursor:pointer}.topPanel .missionsMap li:hover span{text-decoration:underline}.topPanel .playerInfo .playerInfoSpecific .avatarAndInfo{display:flex;align-items:center;cursor:pointer}.topPanel .playerInfo .playerInfoSpecific .charInfoText{padding-right:.5em;text-align:right}.topPanel .playerInfo .playerInfoSpecific .charNameRow{margin-bottom:.25em}.topPanel .playerInfo .playerInfoSpecific .charSpeciality{color:#a0988f;font-size:.9em}.topPanel .playerInfo .playerInfoSpecific .charName{color:#ffb160;margin-left:.25em}.topPanel .reputation-tag{display:inline-flex;align-items:center;gap:.3em;padding:.15em .5em;border-radius:10px;font-size:.75em;font-weight:600}.topPanel .reputation-tag svg{width:12px;height:12px}.topPanel .reputation-tag.survivor{background:rgba(90,154,90,.25);border:1px solid rgba(90,154,90,.5);color:#7dce82}.topPanel .reputation-tag.bandit{background:rgba(181,74,74,.25);border:1px solid rgba(181,74,74,.5);color:#ce7d7d}.topPanel .reputation-tag .rep-value{opacity:.8;font-weight:400}.topPanel .playerInfo .avatarWrap{border:2px solid rgba(90,154,90,.6);border-radius:4px;margin-left:.25em;width:3em;height:3em;overflow:hidden;transition:border-color .2s ease}.topPanel .playerInfo .playerInfoSpecific:hover .avatarWrap{border-color:#7dce82cc}.topPanel .playerInfo .avatarWrap img{width:100%;height:100%;object-fit:cover}.topPanel .playerInfo img{width:3em;height:auto}.topPanel .playerInfo .playerInfoSpecific .progressbars{padding:.25em 0}.topPanel .playerInfo .playerInfoSpecific .progressbars>div{padding-top:3px}.topPanel .playerInfo .playerInfoSpecific .healthBar .progressBarBox{width:100%;height:12px;border:1px solid rgba(200,60,60,.6);background:rgba(0,0,0,.4);border-radius:2px}.topPanel .playerInfo .playerInfoSpecific .healthBar .progressBarBox .bar{background:linear-gradient(180deg,#e86c57 0%,#c72200 50%,#a01800 100%);height:14px;border-radius:1px;box-shadow:inset 0 1px #fff3}.topPanel .playerInfo .playerInfoSpecific .staminaBar .progressBarBox{width:100%;height:12px;border:1px solid rgba(200,160,60,.6);background:rgba(0,0,0,.4);border-radius:2px}.topPanel .playerInfo .playerInfoSpecific .staminaBar .progressBarBox .bar{background:linear-gradient(180deg,#f8d878 0%,#c6a13e 50%,#a08020 100%);height:14px;border-radius:1px;box-shadow:inset 0 1px #fff3}.topPanel .progressbars .progressBarContainer .progressBarBox .titleWrap{justify-content:center;color:#fff;font-size:.6rem;text-shadow:0 1px 2px rgba(0,0,0,.5)}.topPanel .infoIcons{margin:4px 0;gap:4px;display:flex;flex-direction:row;align-items:center}.topPanel .infoIcons>div{display:flex;align-items:center}.topPanel .playerInfo .visibilityIcon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:5px;box-sizing:border-box;background:linear-gradient(145deg,rgba(30,26,22,.92) 0%,rgba(22,20,18,.88) 100%);border:1px solid rgba(100,80,65,.45);border-radius:5px;box-shadow:0 2px 6px #00000059;transition:all .2s ease;cursor:pointer}.topPanel .playerInfo .visibilityIcon svg{width:100%;height:100%}.topPanel .playerInfo .visibilityIcon.visible{color:#7dce82;border-color:#5a9a5a80}.topPanel .playerInfo .visibilityIcon.invisible{color:#ce7d7d;border-color:#b54a4a80}.topPanel .playerInfo .visibilityIcon:hover{transform:scale(1.08)}.topPanel .playerInfo .visibilityIcon.visible:hover{border-color:#7dce82b3;box-shadow:0 2px 8px #5a9a5a4d}.topPanel .playerInfo .visibilityIcon.invisible:hover{border-color:#ce7d7db3;box-shadow:0 2px 8px #b54a4a4d}.topPanel .playerInfo .ammo-state{display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:4px;box-sizing:border-box;background:linear-gradient(145deg,rgba(30,26,22,.92) 0%,rgba(22,20,18,.88) 100%);border:1px solid rgba(100,80,65,.45);border-radius:5px;box-shadow:0 2px 6px #00000059;transition:all .2s ease;cursor:pointer}.topPanel .playerInfo .ammo-state:hover{border-color:#ab65658c;transform:scale(1.05)}.topPanel .loadoutsWrap{margin:4px 0}.topPanel .guardsIcon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:4px;box-sizing:border-box;background:linear-gradient(145deg,rgba(60,90,60,.9) 0%,rgba(40,70,40,.85) 100%);border:1px solid rgba(100,180,100,.5);border-radius:5px;box-shadow:0 2px 6px #00000059,0 0 8px #64b46433;color:#7dce82;cursor:pointer;transition:all .2s ease}.topPanel .guardsIcon svg{width:100%;height:100%}.topPanel .guardsIcon:hover{transform:scale(1.08);border-color:#7dce82b3;box-shadow:0 2px 8px #5a9a5a66,0 0 12px #64b4644d;color:#9de8a2}.topPanel .stormIcon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:4px;box-sizing:border-box;background:linear-gradient(145deg,rgba(80,70,50,.92) 0%,rgba(60,50,35,.88) 100%);border:1px solid rgba(180,140,80,.5);border-radius:5px;box-shadow:0 2px 6px #00000059;transition:all .2s ease;color:#d4a856;animation:stormPulse 2s ease-in-out infinite}.topPanel .stormIcon svg{width:100%;height:100%}.topPanel .stormIcon.storm-dust{color:#d4a856;border-color:#d4a85680;background:linear-gradient(145deg,rgba(100,80,50,.92) 0%,rgba(70,55,35,.88) 100%)}.topPanel .stormIcon.storm-snow{color:#a8d4e6;border-color:#a8d4e680;background:linear-gradient(145deg,rgba(60,80,100,.92) 0%,rgba(40,55,70,.88) 100%)}.topPanel .stormIcon.storm-ash{color:#a0a0a0;border-color:#a0a0a080;background:linear-gradient(145deg,rgba(70,70,70,.92) 0%,rgba(50,50,50,.88) 100%)}.topPanel .stormIcon.strength-low{animation:stormPulse 3s ease-in-out infinite}.topPanel .stormIcon.strength-medium{animation:stormPulse 2s ease-in-out infinite}.topPanel .stormIcon.strength-high{animation:stormPulse 1s ease-in-out infinite}@keyframes stormPulse{0%,to{box-shadow:0 2px 6px #00000059}50%{box-shadow:0 2px 10px #00000080,0 0 8px currentColor}}.topPanel .stormIcon:hover{transform:scale(1.08);box-shadow:0 2px 8px #0006,0 0 12px currentColor}.topPanel .levelupBtn{position:relative;margin-top:.75em;margin-left:.15em;padding:0;width:auto;min-width:90px;height:36px;border:none;border-radius:6px;cursor:pointer;overflow:visible;background:transparent;z-index:20}.topPanel .levelupBtn__glow{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;background:linear-gradient(135deg,rgba(190,210,87,.5) 0%,rgba(160,200,60,.3) 50%,rgba(190,210,87,.5) 100%);border-radius:10px;filter:blur(8px);animation:levelupGlow 2s ease-in-out infinite;z-index:-1}.topPanel .levelupBtn__pulse{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:2px solid rgba(190,210,87,.6);border-radius:8px;animation:levelupPulse 2s ease-out infinite;z-index:-1}.topPanel .levelupBtn__content{position:relative;display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem .875rem;background:linear-gradient(180deg,rgba(120,150,50,.95) 0%,rgba(90,120,40,.95) 50%,rgba(70,100,30,.95) 100%);border:1px solid rgba(180,210,100,.6);border-radius:6px;box-shadow:0 3px 10px #0006,0 0 20px #bed2574d,inset 0 1px #ffffff26,inset 0 -1px #0003;transition:all .2s ease;animation:levelupBtnBounce 2s ease-in-out infinite}.topPanel .levelupBtn__icon{width:16px;height:16px;color:#f0f8d0;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));animation:levelupArrow 1s ease-in-out infinite}.topPanel .levelupBtn__text{font-size:.7rem;font-weight:800;letter-spacing:1px;color:#f0f8d0;text-shadow:0 1px 2px rgba(0,0,0,.4)}.topPanel .levelupBtn:hover .levelupBtn__content{animation:none;background:linear-gradient(180deg,rgba(140,170,60,.95) 0%,rgba(110,145,50,.95) 50%,rgba(90,120,40,.95) 100%);border-color:#c8e678cc;box-shadow:0 4px 15px #00000080,0 0 30px #bed25780,inset 0 1px #fff3,inset 0 -1px #0003;transform:translateY(-2px)}.topPanel .levelupBtn:hover .levelupBtn__glow{animation:none;filter:blur(12px);opacity:.8}.topPanel .levelupBtn:hover .levelupBtn__icon{animation:none;transform:translateY(-2px)}.topPanel .levelupBtn:active .levelupBtn__content{transform:translateY(0);box-shadow:0 2px 6px #0006,0 0 15px #bed2574d,inset 0 2px 4px #0003}@keyframes levelupGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes levelupPulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.08);opacity:0}to{transform:scale(1);opacity:0}}@keyframes levelupBtnBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes levelupArrow{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes levelupBadgePulse{0%,to{transform:scale(1);box-shadow:0 2px 6px #ee5a5a99,inset 0 1px #ffffff4d}50%{transform:scale(1.15);box-shadow:0 2px 10px #ee5a5ae6,inset 0 1px #ffffff4d}}.tutorial-flash{animation:tutorialFlash 1s infinite}@keyframes tutorialFlash{0%,to{box-shadow:0 0 #ffb16000}50%{box-shadow:0 0 8px 2px #ffb16099}}.globalMapControls{display:flex;justify-content:center;gap:.35em;padding:.5em 0;background:linear-gradient(180deg,rgba(20,18,16,.95) 0%,rgba(28,24,22,.95) 100%);border-top:1px solid rgba(171,101,101,.25);border-bottom:1px solid rgba(0,0,0,.5);margin-bottom:20px}.globalMapControls .uiButton{min-width:5.5em;font-size:.7em;letter-spacing:.08em;text-transform:uppercase;font-weight:600}.globalMapLegend{display:flex;flex-wrap:wrap;gap:.25em;padding:.35em .5em;background:linear-gradient(145deg,rgba(25,22,20,.92) 0%,rgba(18,16,14,.92) 100%);border:1px solid rgba(100,80,65,.35);border-radius:4px;margin:0 .5em;max-width:280px}.globalMapLegend .legendGrid{display:flex;flex-wrap:wrap;gap:.2em .5em;width:100%}.globalMapLegend .legendGrid.factionGrid{gap:.25em .6em}.globalMapLegend .legendItem{display:flex;align-items:center;gap:.3em;font-size:.72em;color:#c8c0b8;white-space:nowrap}.globalMapLegend .legendItem.clickable{cursor:pointer;transition:color .2s ease}.globalMapLegend .legendItem.clickable:hover{color:#fff}.globalMapLegend .legendItem.clickable:hover .legendColor{transform:scale(1.15);box-shadow:0 0 6px #fff6}.globalMapLegend .legendColor{width:.75em;height:.75em;border-radius:2px;flex-shrink:0;box-shadow:0 1px 2px #0006;transition:transform .15s ease,box-shadow .15s ease}.globalMapLegend .legendLabel{line-height:1.2}.factionsToggleControls{display:flex;justify-content:center;padding:.3em 0;margin:0 auto .3em;max-width:600px}.selectedSector{--theme-color: #888888;--theme-bg: rgba(100, 100, 100, .15);--theme-border: rgba(100, 100, 100, .4);margin:0 auto .5em;max-width:420px;background:linear-gradient(145deg,rgba(25,22,20,.95) 0%,rgba(18,16,14,.95) 100%);border:1px solid var(--theme-border);border-radius:6px;overflow:hidden;box-shadow:0 4px 16px #00000080,inset 0 0 30px var(--theme-bg)}.selectedSector h4{margin:0;padding:.5em .75em;background:linear-gradient(90deg,var(--theme-bg) 0%,transparent 100%);border-bottom:1px solid var(--theme-border);font-size:.85em;letter-spacing:.15em;color:var(--theme-color);font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.5)}.selectedSector .selectedSectorDetails{display:grid;grid-template-columns:1fr 1fr;gap:.4em .75em;padding:.6em .75em;background:rgba(0,0,0,.25);border-bottom:1px solid rgba(100,80,65,.2)}.selectedSector .sectorDetail{font-size:.78em;color:#b8b0a8;display:flex;align-items:center;gap:.35em;min-height:1.6em}.selectedSector .sectorDetail strong{color:#8a8078;font-weight:500;flex-shrink:0}.selectedSector .sectorDetail .noValue{color:#666;cursor:default;font-style:italic}.selectedSector .factionLink{display:inline-flex;align-items:center;gap:.3em;color:#d4c8c0;cursor:pointer;transition:color .2s ease}.selectedSector .factionLink:hover{color:#ffb160}.selectedSector .factionIcon{width:1.1em;height:1.1em;border-radius:2px;object-fit:cover;border:1px solid rgba(255,255,255,.15);box-shadow:0 1px 3px #0006}.selectedSector .themeValue{cursor:default;font-weight:600;text-shadow:0 0 8px currentColor}.selectedSector .climateValue{display:inline-flex;align-items:center;gap:.3em;cursor:default;color:#c8c0b8}.selectedSector .climateIcon{display:inline-flex;align-items:center;justify-content:center;width:1.15em;height:1.15em;color:#a8a098}.selectedSector .climateIcon svg{width:100%;height:100%}.selectedSector .sectorActions{padding:.6em .75em}.selectedSector .sectorActions .rowCentred{justify-content:center}.selectedSector .sectorActions .uiButton{min-width:7em;letter-spacing:.12em;font-weight:600}.selectedSector .travelTime{margin-top:.5em;padding:.4em .6em;background:rgba(90,154,90,.12);border:1px solid rgba(90,154,90,.25);border-radius:4px;text-align:center}.selectedSector .travelTime .rowCentred{font-size:.75em;color:#a8a098}.selectedSector .travelTime strong{color:#7dce82;font-size:.9em}.selectedSector .travelWarning{margin-top:.4em;padding:.35em .5em;background:rgba(181,74,74,.15);border:1px solid rgba(181,74,74,.3);border-radius:4px;color:#ce9a7d;font-size:.72em;text-align:center}#loadoutsControl{background-color:#00000080;display:flex;padding:5px}#loadoutsControl select{width:120px;background-color:#333;color:#bbb;flex-grow:1}#loadoutsControl .gearOptons{width:22px;margin:0 2px 0 6px;height:auto;cursor:pointer;background:url(/images/icons/gear_options.png);background-repeat:no-repeat}#loadoutsControl .gearOptonsDisabled{width:22px;margin:0 2px 0 6px;height:auto;background:url(/images/icons/gear_options_d.png);background-repeat:no-repeat}#loadoutsControl .gearOptons:hover{background:url(/images/icons/gear_options_h.png);background-repeat:no-repeat}#loadoutsControl .save{width:22px;margin:0 1px;height:auto;cursor:pointer;background:url(/images/icons/save.png);background-repeat:no-repeat}#loadoutsControl .save:hover{background:url(/images/icons/save_h.png);background-repeat:no-repeat}#loadoutNew{display:flex;flex-direction:column;gap:1em}#loadoutNew .modalText{padding:0;margin:0}#loadoutNew .modalText p{margin:0;color:#b8a890;font-size:.95em;line-height:1.5}#loadoutNew input[type=text]{width:100%;padding:.75em 1em;background:linear-gradient(to bottom,rgba(0,0,0,.4) 0%,rgba(20,15,10,.5) 100%);border:1px solid rgba(171,101,101,.4);border-radius:6px;color:#fff;font-size:1em;outline:none;transition:all .2s ease;box-shadow:inset 0 2px 4px #0003;box-sizing:border-box}#loadoutNew input[type=text]:focus{border-color:#ffb16099;box-shadow:inset 0 2px 4px #0003,0 0 12px #ffb16033}#loadoutNew input[type=text]:disabled{opacity:.5;cursor:not-allowed}#loadoutNew input[type=text]::placeholder{color:#ffffff4d}#loadoutNew .rowCentred{display:flex;align-items:center;justify-content:center;gap:.5em;color:#b8a890;font-size:.95em}#loadoutNew input[type=checkbox]{width:18px;height:18px;accent-color:#ffb160;cursor:pointer}#loadoutNew label{display:flex;align-items:center;gap:.6em;cursor:pointer}#loadoutNew .row{display:flex;justify-content:center;gap:.75em;padding-top:.5em;border-top:1px solid rgba(100,80,70,.25);margin-top:.25em}#loadoutNew .row .button{min-width:100px}#defeat{text-align:center;position:absolute;top:0;left:0;width:100%;height:100%;z-index:600;display:flex;justify-content:center;background:linear-gradient(0deg,rgba(22,22,22,1) 10%,rgba(51,51,51,.808) 50%,rgba(22,22,22,1) 90%);color:#c3c3c3}#defeat>div{width:100%;display:flex;justify-content:center;flex-direction:column}.mercSquare{width:2.5em;border:1px solid #4e3535;border-radius:2px;margin:.5em 0 0 .5em;box-shadow:0 0 7px #000}.mercSquare.playerSquare{border:1px solid #73975a}.mercSquare img{width:auto;height:2.5em}.mercSquare .progressBarBox{width:100%;height:4px;border:1px solid #941b00}.mercSquare .progressBarBox .bar{background-color:#941b00;height:5px}.mercsWrap{display:flex}@media only screen and (min-height: 800px){.mercsWrap{display:block}}#alertMessages{margin:0 auto;display:flex;justify-content:center;font-weight:700;text-align:center;padding:10px 58px 10px 10px;color:#fff;z-index:5000}#alertMessages>div{padding:2px 10px}#alertMessages .success{background-color:#1f5730d9}#alertMessages .fail{background-color:#5c2e2ed9}#alertMessages .info{background-color:#3f3f3fd9}#journalEntry{color:#333;padding:5px 10px 8px;background-color:#f9ff77b8;font-size:.9em;display:flex;border-radius:4px}#journalEntry .entry{display:flex;padding-right:27px}#journalEntry .crafting{min-width:0}#journalEntry .morelog{height:28px;width:28px;text-align:center;margin-left:0;cursor:pointer}#journalEntry .entriesWrap{padding:4px 6px 2px 0}.groupSkills{flex-direction:column;padding:5px 6px;color:#fff;background:linear-gradient(145deg,rgba(30,26,22,.92) 0%,rgba(22,20,18,.88) 100%);border:1px solid rgba(100,80,65,.45);border-radius:6px;box-shadow:0 4px 12px #0006,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.groupSkills .combatRange{width:20px;min-height:17px;height:17px;font-size:.7em;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.6);transition:all .15s ease;border-radius:3px;margin:0;display:flex;align-items:center;justify-content:space-between;color:#e8d4c0;font-variant-numeric:tabular-nums}.groupSkills .combatRange:hover{background-color:#ffb16014}.groupSkills .combatRange>div:first-child{width:22px;color:#a09080;font-size:.9em;font-weight:500;flex-shrink:0}.groupSkills .combatRange .combat-value{min-width:28px;text-align:right;color:#e8d4c0;font-weight:600}.groupSkills .speed,.groupSkills .scouting,.groupSkills .recovery,.groupSkills .salvaging,.groupSkills .survival,.groupSkills .crafting,.groupSkills .melee,.groupSkills .cqb,.groupSkills .rifles,.groupSkills .heavy,.groupSkills .sniper{min-height:17px!important;height:17px!important;font-size:.7em!important;padding-left:4px!important;padding-right:0!important;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.6);transition:all .15s ease;border-radius:3px;margin:0;display:flex!important;align-items:center;justify-content:flex-end;background-size:14px 14px!important;background-position:left center!important;min-width:46px;font-variant-numeric:tabular-nums;color:#e8d4c0}.groupSkills .speed:hover,.groupSkills .scouting:hover,.groupSkills .recovery:hover,.groupSkills .salvaging:hover,.groupSkills .survival:hover,.groupSkills .crafting:hover,.groupSkills .melee:hover,.groupSkills .cqb:hover,.groupSkills .rifles:hover,.groupSkills .heavy:hover,.groupSkills .sniper:hover{background-color:#ffb16014}.bottomPanel{background:rgb(58,58,58);background:linear-gradient(0deg,rgb(0,0,0) 0%,rgb(53,49,43) 100%);height:48px;z-index:600;border-bottom:1px solid white;display:flex;justify-content:center;align-items:center}.bottomPanel button{border:none;cursor:pointer;margin:0 .5em;width:80px;height:80px;transition:transform .15s ease,filter .15s ease}.bottomPanel button:hover{transform:scale(1.05);filter:brightness(1.1)}.bottomPanel button:active{transform:scale(.98)}.bottomPanel .chatButtonWrap{position:relative}.newChatMessageIcon{width:8px;height:8px;border-radius:50%;margin:0 1px;border:1px solid rgba(255,255,255,.4)}.bottomPanel .chatMessageIconWrap{display:flex;position:absolute;top:12px;right:18px}@keyframes pulsateGlobal{0%,to{background-color:#fff56d;box-shadow:0 0 4px 1px #fff56d,0 0 8px 3px #fff56d66;transform:scale(1)}50%{background-color:#ffeb3b;box-shadow:0 0 6px 2px #ffeb3b,0 0 12px 5px #ffeb3b80;transform:scale(1.15)}}.newChatMessageIcon.global{animation:pulsateGlobal 2s ease-in-out infinite}@keyframes pulsateSector{0%,to{background-color:#ff6d6d;box-shadow:0 0 4px 1px #ff6d6d,0 0 8px 3px #ff6d6d66;transform:scale(1)}50%{background-color:#f44;box-shadow:0 0 6px 2px #f44,0 0 12px 5px #ff444480;transform:scale(1.15)}}.newChatMessageIcon.sector{animation:pulsateSector 2s ease-in-out infinite}@keyframes pulsateGang{0%,to{background-color:#8ede86;box-shadow:0 0 4px 1px #8ede86,0 0 8px 3px #8ede8666;transform:scale(1)}50%{background-color:#6c6;box-shadow:0 0 6px 2px #6c6,0 0 12px 5px #66cc6680;transform:scale(1.15)}}.newChatMessageIcon.gang{animation:pulsateGang 2s ease-in-out infinite}@keyframes pulsateFaction{0%,to{background-color:#8191e8;box-shadow:0 0 4px 1px #8191e8,0 0 8px 3px #8191e866;transform:scale(1)}50%{background-color:#67f;box-shadow:0 0 6px 2px #67f,0 0 12px 5px #6677ff80;transform:scale(1.15)}}.newChatMessageIcon.faction{animation:pulsateFaction 2s ease-in-out infinite}@keyframes pulsatePrivate{0%,to{background-color:#fff;box-shadow:0 0 4px 1px #fff,0 0 8px 3px #fff6;transform:scale(1)}50%{background-color:#fcf;box-shadow:0 0 6px 2px #fcf,0 0 12px 5px #ffccff80;transform:scale(1.15)}}.newChatMessageIcon.private{animation:pulsatePrivate 2s ease-in-out infinite}.bottomPanel .menuCraftBtt{width:80px;height:80px;background:url(/images/menu-icons/main-menu.png) -110px -10px}.bottomPanel .menuStatsBtt{width:80px;height:80px;background:url(/images/menu-icons/main-menu.png) -210px -110px}.bottomPanel .menuMapBtt{width:80px;height:80px;background:url(/images/menu-icons/main-menu.png) -110px -110px}.bottomPanel .menuChatBtt{width:80px;height:80px;background:url(/images/menu-icons/main-menu.png) -110px -210px}.bottomPanel .menuCraftBtt:hover{background:url(/images/menu-icons/main-menu.png) -10px -110px}.bottomPanel .menuCraftBttActive{width:80px;height:80px;background:url(/images/menu-icons/main-menu.png) -10px -110px}.bottomPanel .menuStatsBtt:hover{background:url(/images/menu-icons/main-menu.png) -10px -210px}.bottomPanel .menuStatsBttActive{width:80px;height:80px;background:url(/images/menu-icons/main-menu.png) -10px -210px}.bottomPanel .menuMapBtt:hover{background:url(/images/menu-icons/main-menu.png) -210px -10px}.bottomPanel .menuMapBttActive{width:80px;height:80px;background:url(/images/menu-icons/main-menu.png) -210px -10px}.bottomPanel .menuChatBtt:hover{background:url(/images/menu-icons/main-menu.png) -10px -10px}.bottomPanel .menuChatBttActive{width:80px;height:80px;background:url(/images/menu-icons/main-menu.png) -10px -10px}@media only screen and (min-width: 600px){.bottomPanel,.currentPositionWrap,.wrap:after{width:600px;margin:0 auto}.currentPositionWrap,.currentPosition,.squareInfo{border-top-left-radius:5px;border-top-right-radius:5px}.bottomPanel{border-bottom-left-radius:5px;border-bottom-right-radius:5px}}.currentPositionWrap{z-index:500}.mapPanelBottom{display:flex;justify-content:space-between}.mapPanelSaveProgress{display:flex}.mercsWrap{position:absolute;right:.5em;top:11.5em}.wrap:after{height:14px;content:"";z-index:0}.alertMessageWrap{width:100%;position:fixed;z-index:9000}.logMessageWrap{position:absolute;width:100%;top:3em;display:flex;margin:0 auto;justify-content:center}.chatModuleWrap{position:absolute;height:calc(100% - 72px);z-index:600;width:100%}@media only screen and (min-width: 1350px){.chatModuleWrap{position:absolute;width:300px;left:74px;height:calc(100% - 40px);padding-top:34px}}.job-panel{position:absolute;width:100%;z-index:200;top:120px;padding:0 1rem;box-sizing:border-box}.job-card{position:relative;max-width:500px;margin:0 auto;border-radius:16px;overflow:hidden;box-shadow:0 8px 40px #000000b3,0 0 0 1px #ffb16033;border:1px solid rgba(255,177,96,.3)}.job-card__image{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center top;z-index:0}.job-card__image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,rgba(20,18,15,.4) 0%,rgba(20,18,15,.7) 30%,rgba(20,18,15,.92) 60%,rgba(20,18,15,.98) 100%);pointer-events:none}.job-card__status-badge{position:absolute;top:10px;right:10px;z-index:10;display:flex;align-items:center;gap:.35rem;padding:.25rem .5rem .25rem .35rem;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(252,219,128,.4);border-radius:12px;font-size:.6rem;font-weight:600;color:#fcdb80;text-transform:uppercase;letter-spacing:.3px}.job-card__status-ring{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.job-card__status-ring svg{display:block;animation:spin-ring 1s linear infinite}.job-card__status-ring svg circle{transform-origin:center;transform:rotate(-90deg)}@keyframes spin-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.job-card__status-badge--completed{background:linear-gradient(135deg,rgba(123,157,129,.3) 0%,rgba(123,157,129,.15) 100%);border-color:#7b9d8199;color:#a8e8ac;animation:none}.job-card__status-icon{font-size:1rem}@keyframes pulse-job-status{0%,to{box-shadow:0 0 #fcdb8066}50%{box-shadow:0 0 0 8px #fcdb8000}}.job-card__title{position:relative;z-index:2;margin:0;padding:1.25rem 1.5rem .75rem;font-size:1.4rem;font-weight:800;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,1),0 0 30px rgba(0,0,0,.8);text-transform:uppercase;letter-spacing:2px;line-height:1.2}.job-card__content{position:relative;z-index:2;padding:.5rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.job-card__stats{display:flex;flex-wrap:wrap;gap:.5rem}.job-card__stat{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;border:1px solid rgba(255,177,96,.15);font-size:.85rem}.job-card__stat-label{color:#ffb160e6;font-weight:600;text-transform:uppercase;font-size:.7rem;letter-spacing:.5px}.job-card__stat-value{color:#fff;font-weight:700;font-size:.95rem}.job-card__player-stat{color:#ffffff80;font-size:.8em;font-weight:400}.job-card__stat--reward{flex-basis:100%;background:linear-gradient(90deg,rgba(139,201,143,.2) 0%,rgba(139,201,143,.05) 100%);border-color:#8bc98f4d}.job-card__stat--reward .job-card__stat-label{color:#8bc98f}.job-card__stat--reward .job-card__stat-value{color:#a8e8ac}.job-card__description{margin:0;padding:.75rem 1rem;font-size:.9rem;color:#ffffffbf;line-height:1.6;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;border-left:3px solid rgba(255,177,96,.5)}.job-card__progress{padding:1rem;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:10px;border:1px solid rgba(252,219,128,.2)}.job-card__progress--completed{border-color:#7b9d8166;background:linear-gradient(135deg,rgba(123,157,129,.15) 0%,rgba(0,0,0,.4) 100%)}.job-card__progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.job-card__progress-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#ffb160e6}.job-card__progress--completed .job-card__progress-label{color:#8bc98f}.job-card__progress-percent{font-size:1.1rem;font-weight:800;color:#fcdb80}.job-card__progress--completed .job-card__progress-percent{color:#a8e8ac}.job-card__progress-bar .progressBarContainer{width:100%}.job-card__progress-bar .progressBarContainer .progressBarBox{height:12px;border-radius:6px;border:1px solid rgba(252,219,128,.3);background:rgba(0,0,0,.4)}.job-card__progress-bar .progressBarContainer .progressBarBox .bar{height:100%;border-radius:5px;background:linear-gradient(90deg,#fcdb80 0%,#ffb160 50%,#fcdb80 100%);background-size:200% 100%;box-shadow:0 0 10px #fcdb8080;animation:job-progress-shimmer 2s ease-in-out infinite}@keyframes job-progress-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.job-card__progress--completed .job-card__progress-bar .progressBarContainer .progressBarBox{border-color:#7b9d8166}.job-card__progress--completed .job-card__progress-bar .progressBarContainer .progressBarBox .bar{background:linear-gradient(90deg,#7b9d81 0%,#a8e8ac 50%,#7b9d81 100%);background-size:200% 100%;box-shadow:0 0 10px #7b9d8180;animation:job-progress-shimmer-complete 2s ease-in-out infinite,job-progress-glow 1.5s ease-in-out infinite}@keyframes job-progress-shimmer-complete{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes job-progress-glow{0%,to{box-shadow:0 0 10px #7b9d8180}50%{box-shadow:0 0 20px #a8e8accc}}.job-card__current-reward{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:rgba(0,0,0,.3);border-radius:8px;text-align:center}.job-card__current-reward-label{font-size:.8rem;color:#fff9;font-weight:500}.job-card__current-reward-value{font-size:.95rem;font-weight:700;color:#a8e8ac}.job-card__current-reward-hint{font-size:.85rem;color:#ffc880cc;font-style:italic}.job-card__footer{display:flex;justify-content:center}.job-card__footer .button{min-width:180px;box-shadow:0 4px 16px #00000080}.globalLoading{position:absolute;width:100%}.globalLoading>div{margin:0 auto}.globalLoading .lds-ring div{border-color:#39423e transparent transparent transparent}#mainMenu{top:0;position:absolute;height:100%;left:-300px;color:#e8e8e8;font-size:1.5em;z-index:1600;display:flex;width:auto;-webkit-transition:left .15s ease-out;-moz-transition:left .15s ease-out;-ms-transition:left .15s ease-out;-o-transition:left .15s ease-out;transition:left .15s ease-out;background:url(/images/menu-bgr.png) center center}#mainMenu>div{padding:1em;background:linear-gradient(90deg,rgb(0,0,0) 0%,rgb(0 0 0 / 17%) 100%,rgb(255 255 255) 100%)}#mainMenu.addWidth{left:0;width:auto;transition:left .15s ease}#mainMenu .close-btt{position:absolute;top:0;right:10px;cursor:pointer}#mainMenu .menu-item{cursor:pointer;display:flex;align-items:center;gap:.5em;padding:.15em 0;transition:color .15s ease,transform .15s ease}#mainMenu .menu-item:hover{color:#f5a623;transform:translate(4px)}#mainMenu .menu-item svg{width:20px;height:20px;flex-shrink:0;opacity:.85;transition:opacity .15s ease}#mainMenu .menu-item:hover svg{opacity:1}#mainMenu .disabled{color:#7c7c7c}#mainMenu .disabled:hover{color:#7c7c7c;transform:none}#mainMenu .disabled svg{opacity:.5}.sound-settings-panel{margin-top:1em;padding-top:1em;border-top:1px solid rgba(255,255,255,.1);font-size:.7em}.sound-toggle-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8em}.sound-toggle-row span{color:#fffc}.toggle-switch{position:relative;display:inline-block;width:36px;height:20px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#fff3;transition:.3s;border-radius:20px}.toggle-slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:#f5a623}.toggle-switch input:checked+.toggle-slider:before{transform:translate(16px)}.retro-radio{margin-top:.8em;max-width:264px}.radio-body{background:linear-gradient(180deg,#3d3225 0%,#2a221a 50%,#1f1a14 100%);border-radius:12px;padding:12px;border:2px solid #4a3d2e;box-shadow:inset 0 2px 4px #ffc8641a,0 4px 12px #00000080,0 0 0 1px #0000004d;position:relative}.radio-body:before{content:"";position:absolute;top:4px;left:4px;right:4px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,200,100,.2),transparent)}.radio-speaker{background:linear-gradient(180deg,#1a1510 0%,#0d0a08 100%);border-radius:6px;padding:8px 10px;margin-bottom:10px;border:1px solid #3a2f24}.speaker-lines{display:flex;flex-direction:column;gap:3px}.speaker-line{height:2px;background:linear-gradient(90deg,#2a2219 0%,#3d342a 20%,#4a3d30 50%,#3d342a 80%,#2a2219 100%);border-radius:1px}.radio-display{background:linear-gradient(180deg,#1a2a1a 0%,#0f1f0f 100%);border-radius:4px;padding:6px 10px;margin-bottom:10px;border:1px solid #2a3a2a;box-shadow:inset 0 2px 8px #00000080;text-align:center;font-family:Courier New,monospace;min-height:70px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.radio-display-top{display:flex;justify-content:space-between;align-items:center}.radio-frequency{color:#5aff5a;font-size:1.2em;font-weight:700;text-shadow:0 0 8px rgba(90,255,90,.5);letter-spacing:1px}.radio-station-name{color:#7aff7a;font-size:.85em;margin-top:2px;text-shadow:0 0 6px rgba(90,255,90,.3);text-transform:uppercase;letter-spacing:.5px}.radio-status{color:#4a8a4a;font-size:.7em;transition:color .3s ease;white-space:nowrap}.radio-status.playing{color:#ff5a5a;text-shadow:0 0 6px rgba(255,90,90,.5);animation:pulse-status 1.5s ease-in-out infinite}@keyframes pulse-status{0%,to{opacity:1}50%{opacity:.6}}.radio-track-marquee{margin-top:4px;overflow:hidden;width:100%;position:relative;height:16px}.radio-track-marquee:before,.radio-track-marquee:after{content:"";position:absolute;top:0;bottom:0;width:20px;z-index:1;pointer-events:none}.radio-track-marquee:before{left:0;background:linear-gradient(90deg,#0f1f0f 0%,transparent 100%)}.radio-track-marquee:after{right:0;background:linear-gradient(90deg,transparent 0%,#0f1f0f 100%)}.radio-track-text{display:inline-block;white-space:nowrap;color:#5aaa5a;font-size:.75em;text-shadow:0 0 4px rgba(90,255,90,.3);animation:marquee 12s linear infinite;padding-left:100%}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-66.66%)}}.radio-controls{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:0 8px}.knob-container{display:flex;flex-direction:column;align-items:center;cursor:pointer}.knob-label{font-size:.65em;color:#8a7a60;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;height:12px}.radio-knob{width:44px;height:44px;border-radius:50%;background:linear-gradient(145deg,#5a4a3a 0%,#3a2a20 50%,#2a1a10 100%);border:2px solid #6a5a4a;box-shadow:0 4px 8px #0006,inset 0 2px 4px #ffc8641a,0 0 0 1px #0003;position:relative;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.radio-knob:hover{box-shadow:0 4px 8px #0006,inset 0 2px 4px #ffc86426,0 0 0 1px #0003,0 0 12px #f5a62333}.radio-knob:active{transform:scale(.95)}.knob-indicator{position:absolute;top:4px;left:50%;transform:translate(-50%);width:4px;height:8px;background:linear-gradient(180deg,#f5a623 0%,#d48a1a 100%);border-radius:2px;box-shadow:0 0 4px #f5a62399}.knob-grip{width:32px;height:32px;border-radius:50%;background:linear-gradient(145deg,#4a3a2a 0%,#2a1a10 100%);position:relative}.knob-notch{position:absolute;width:2px;height:4px;background:#1a1008;top:2px;left:50%;transform-origin:50% 14px;border-radius:1px}.knob-notch:nth-child(1){transform:translate(-50%) rotate(0)}.knob-notch:nth-child(2){transform:translate(-50%) rotate(30deg)}.knob-notch:nth-child(3){transform:translate(-50%) rotate(60deg)}.knob-notch:nth-child(4){transform:translate(-50%) rotate(90deg)}.knob-notch:nth-child(5){transform:translate(-50%) rotate(120deg)}.knob-notch:nth-child(6){transform:translate(-50%) rotate(150deg)}.knob-notch:nth-child(7){transform:translate(-50%) rotate(180deg)}.knob-notch:nth-child(8){transform:translate(-50%) rotate(210deg)}.knob-notch:nth-child(9){transform:translate(-50%) rotate(240deg)}.knob-notch:nth-child(10){transform:translate(-50%) rotate(270deg)}.knob-notch:nth-child(11){transform:translate(-50%) rotate(300deg)}.knob-notch:nth-child(12){transform:translate(-50%) rotate(330deg)}.radio-buttons{display:flex;flex-direction:column;align-items:center}.radio-buttons-label{font-size:.65em;color:#8a7a60;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;height:12px;visibility:hidden}.radio-buttons-row{display:flex;gap:6px;align-items:center;height:32px}.radio-btn{width:34px;height:34px;border-radius:50%;background:radial-gradient(ellipse at 30% 20%,rgba(255,200,150,.08) 0%,transparent 50%),linear-gradient(160deg,#4a4035 0%,#2a2520 40%,#1a1510 100%);border:2px solid #5a4a3a;color:#9a8a70;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;box-shadow:0 3px 6px #00000080,0 1px 2px #0000004d,inset 0 1px 1px #ffc8641a,inset 0 -1px 2px #0003;line-height:1;padding:0;position:relative}.radio-btn .btn-icon{display:flex;align-items:center;justify-content:center;line-height:1}.radio-btn:hover{background:radial-gradient(ellipse at 30% 20%,rgba(255,200,150,.12) 0%,transparent 50%),linear-gradient(160deg,#5a5045 0%,#3a3530 40%,#2a2520 100%);border-color:#7a6a5a;color:#d0b080}.radio-btn:active{transform:translateY(1px);box-shadow:0 1px 3px #00000080,inset 0 2px 4px #0000004d}.radio-btn:active:after{opacity:.5}.power-container{display:flex;flex-direction:column;align-items:center;cursor:pointer}.power-container .knob-label{height:12px}.radio-power-btn{width:32px;height:32px;border-radius:50%;background:linear-gradient(145deg,#3a3025 0%,#1a1510 100%);border:2px solid #4a3a2a;color:#5a5040;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 4px #0006,inset 0 1px 2px #ffc8640d;padding:0}.radio-power-btn svg{width:14px;height:14px}.radio-power-btn:hover{border-color:#6a5a4a}.radio-power-btn.on{background:linear-gradient(145deg,#2a4a2a 0%,#1a3a1a 100%);border-color:#3a6a3a;color:#5aff5a;box-shadow:0 2px 4px #0006,0 0 12px #5aff5a4d,inset 0 1px 2px #5aff5a1a}.radio-power-btn.on:hover{box-shadow:0 2px 4px #0006,0 0 16px #5aff5a66,inset 0 1px 2px #5aff5a1a}.radio-display.off{background:linear-gradient(180deg,#1a1a1a 0%,#0f0f0f 100%);border-color:#2a2a2a;min-height:70px}.radio-off-text{color:#3a3a3a;font-size:.9em;font-weight:700;letter-spacing:2px}.knob-container.disabled{opacity:.5;cursor:not-allowed}.knob-container.disabled .radio-knob{cursor:not-allowed}.knob-container.disabled .radio-knob:hover{box-shadow:0 4px 8px #0006,inset 0 2px 4px #ffc8641a,0 0 0 1px #0003}.radio-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:0 2px 4px #0000004d}.radio-btn:disabled:hover{background:radial-gradient(ellipse at 30% 20%,rgba(255,200,150,.08) 0%,transparent 50%),linear-gradient(160deg,#4a4035 0%,#2a2520 40%,#1a1510 100%);border-color:#5a4a3a;color:#9a8a70}.radio-btn.play-pause-btn.active{background:radial-gradient(ellipse at 30% 20%,rgba(255,150,100,.15) 0%,transparent 50%),linear-gradient(160deg,#5a3530 0%,#4a2520 40%,#3a1a15 100%);border-color:#8a5040;color:#ff8a6a;box-shadow:0 3px 6px #0006,0 0 12px #ff643c40,inset 0 1px 1px #ff966426,inset 0 -1px 2px #0003}.radio-btn.play-pause-btn.active:after{background:linear-gradient(180deg,rgba(255,180,150,.15) 0%,transparent 100%)}.volume-control-row{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,200,100,.1)}.volume-control-row .power-container{flex-shrink:0;display:flex;align-items:center}.volume-control-row .radio-power-btn{width:24px;height:24px}.volume-control-row .radio-power-btn svg{width:11px;height:11px}.volume-control{flex:1}.volume-control.disabled{opacity:.5;pointer-events:none}.volume-row{display:flex;align-items:center;justify-content:flex-end;gap:6px}.volume-sign{font-size:1.1em;color:#6a5a4a;font-weight:700;-webkit-user-select:none;user-select:none;width:14px;text-align:center;line-height:1;display:flex;align-items:center;justify-content:center;height:24px}.volume-wheel-container{width:140px;height:24px;background:linear-gradient(180deg,#1a1510 0%,#0d0a08 100%);border-radius:12px;border:1px solid #3a2f24;overflow:hidden;cursor:ew-resize;position:relative;box-shadow:inset 0 4px 8px #0009,inset 0 -2px 4px #ffc8640d}.volume-wheel-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(0,0,0,.4) 0%,transparent 15%,transparent 85%,rgba(0,0,0,.4) 100%);pointer-events:none;z-index:2;border-radius:12px}.volume-wheel-container.dragging{cursor:grabbing;border-color:#5a4a3a;box-shadow:inset 0 4px 8px #0009,inset 0 -2px 4px #ffc8640d,0 0 8px #f5a62333}.volume-wheel{height:100%;display:flex;align-items:center;gap:6px;padding:0 6px;width:max-content}.volume-wheel-notch{width:3px;height:16px;background:linear-gradient(180deg,#6a5a4a 0%,#4a3a2a 30%,#3a2a1a 70%,#2a1a0a 100%);border-radius:1.5px;box-shadow:1px 0 #ffc86414,-1px 0 #0000004d;flex-shrink:0}#tutorial{position:absolute;top:0;right:0;z-index:600;margin:.5em;background-color:#131313eb;color:#333;max-width:400px;border:1px solid #f2a85d;padding:2px;font-size:.9em}#tutorial.tutorial-bottom{bottom:0;top:auto}#tutorial .sideBarImg{height:180px}#tutorial .tutorialAvatar{width:20%;padding:.5em}#tutorial .tutorialText{width:68%;padding:.5em;margin:.5em;color:#fff!important;background-color:#6f6f6f;border-radius:5px;display:flex;flex-direction:column;justify-content:space-between}#tutorial .tutorialText:after{content:"";position:absolute;right:90px;border-style:solid;border-width:15px 0 15px 15px;border-color:transparent #6f6f6f;display:block;width:0;z-index:10}#tutorial .header{color:#fff}.tutorial-flash{border-radius:5px;transform:scale(1);animation:pulse 2s infinite;box-shadow:0 0 8px 6px #ff0}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 8px 6px #d2d28d}70%{transform:scale(1);box-shadow:0 0 8px 6px #ff0}to{transform:scale(.95);box-shadow:0 0 8px 6px #d2d28d}}#notConfirmed{top:0;position:absolute;width:100%;z-index:400}#notConfirmed>div{max-width:400px;margin:20px auto 0;pointer-events:all}#notConfirmed .content{padding:5px}#landingPage{overflow-y:auto;background-image:url(/images/wl.png);background-position:top center;background-repeat-y:no-repeat;background-size:contain;height:100vh;display:flex;flex-direction:row;justify-content:center;color:#fff}#landingPage h3{margin:0 0 .5em}#landingPage .inner{max-width:880px;width:100%}#landingPage .dawnLogoLoginWrap{padding:8px 0 10px;margin:0 0 10px;background-color:#0000007a;background-image:none}#landingPage ul{padding-inline-start:20px}#landingPage ul li{margin-bottom:.5em}#landingPage .dawnLogoLoginWrap img{height:60px}#landingPage .contentPanelDark{padding:1em;background-color:#000000d9;margin-bottom:1em}#landingPage .contentPanelDark img{height:144px;width:auto;margin-right:20px}#landingPage .contentPanelDark .featureImageRight img{margin-right:0;margin-left:20px}#landingPage .landingHeader{display:flex;justify-content:center;align-items:start;flex-direction:row;height:60px;background-image:none}#landingPage .landingHeader .headerText{margin-top:4px}#landingPage .featureBox{justify-content:space-between;padding-bottom:300px}#landingPage .featureBox>div{max-width:400px;flex-wrap:nowrap}#landingJoin{position:fixed;bottom:0;width:100%;color:#fff}#landingJoin img{width:150px;height:auto}#landingJoin .inner{background:#fff}#landingJoin .stores{justify-content:center}#landingJoin .stores>div{width:160px}#landingJoin .greyedOut{background-color:#8080808d;border-radius:4px}#landingJoin .greyedOut img{opacity:.2}#landingPage .joinPanel{background-image:url(/images/landing-page-join.png);background-position:center center;background-repeat:no-repeat;background-size:cover}#landingPage .joinPanel>div{background-color:#00000069;padding:.5em 0}#landingPage .joinPanel>div>div{padding:.25em 0}#landingPage .footer{padding-top:4px;background-color:#000}#landingPage .startNewBtt{max-width:240px;height:40px}.track-notification{position:fixed;left:0;top:50%;transform:translate(-100%) translateY(-50%);z-index:9999;transition:transform .4s cubic-bezier(.4,0,.2,1);pointer-events:auto}.track-notification.visible{transform:translate(0) translateY(-50%)}.track-notification-content{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,rgba(20,20,25,.95),rgba(35,35,45,.95));border:1px solid rgba(255,180,0,.4);border-left:none;border-radius:0 10px 10px 0;padding:10px 16px 10px 14px;box-shadow:0 4px 20px #00000080,0 0 30px #ffb4001a}.track-notification-icon{flex-shrink:0;width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,180,0,.6);background:linear-gradient(135deg,rgba(255,180,0,.15),rgba(255,140,0,.1));display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px #ffb40033}.track-notification-icon svg{width:14px;height:14px;fill:#ffc864e6;margin-left:2px}.track-notification-info{display:flex;flex-direction:column;min-width:0}.track-notification-label{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:#ffb400b3;margin-bottom:2px}.track-notification-name{font-size:13px;font-weight:600;color:#fff;text-shadow:0 0 10px rgba(255,180,0,.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px;margin-bottom:6px}.track-notification-next{background:linear-gradient(135deg,rgba(255,180,0,.2),rgba(255,140,0,.2));border:1px solid rgba(255,180,0,.5);border-radius:5px;color:#ffc864e6;font-size:10px;padding:5px 10px;cursor:pointer;transition:all .2s ease;width:100%}.track-notification-next:hover{background:linear-gradient(135deg,rgba(255,180,0,.4),rgba(255,140,0,.4));color:#fff;box-shadow:0 0 15px #ffb4004d}.structure-popup-info{display:flex;flex-direction:column;gap:.625rem;padding:.25rem 0;min-width:220px}.structure-popup-info .popup-info-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem .75rem;background:rgba(0,0,0,.2);border-radius:6px;border:1px solid rgba(100,80,70,.25);transition:background .2s ease}.structure-popup-info .popup-info-row:hover{background:rgba(0,0,0,.3)}.structure-popup-info .popup-info-label{display:flex;align-items:center;gap:.5rem;color:#888;font-size:.85rem;min-width:70px}.structure-popup-info .popup-info-label svg{width:16px;height:16px;color:#ffb160;opacity:.8;flex-shrink:0}.structure-popup-info .popup-info-value{font-weight:600;color:#e0d8d0;text-align:right}.structure-popup-info .type-value{color:#ffb160;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;font-weight:700}.structure-popup-info .popup-gang-row{padding:.625rem .75rem;background:linear-gradient(135deg,rgba(80,120,80,.15) 0%,rgba(60,100,60,.08) 100%);border:1px solid rgba(100,160,100,.25)}.popup-gang-content{display:flex;align-items:center;gap:.75rem;width:100%}.popup-gang-logo-wrap{width:36px;height:36px;border-radius:6px;overflow:hidden;background:rgba(0,0,0,.3);border:1px solid rgba(100,160,100,.3);flex-shrink:0;display:flex;align-items:center;justify-content:center}.popup-gang-logo{width:100%;height:100%;object-fit:cover}.popup-gang-logo-placeholder{width:36px;height:36px;border-radius:6px;background:rgba(0,0,0,.3);border:1px solid rgba(100,80,70,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.popup-gang-logo-placeholder svg{width:20px;height:20px;color:#a0968c66}.popup-gang-info{display:flex;flex-direction:column;gap:.125rem;flex:1;min-width:0}.popup-gang-label{font-size:.7rem;color:#a0968cb3;text-transform:uppercase;letter-spacing:.5px}.popup-gang-name{font-size:.95rem;font-weight:600;color:#7dce82;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popup-gang-row:has(.popup-gang-logo-placeholder){background:rgba(0,0,0,.2);border-color:#64504640}.popup-gang-row:has(.popup-gang-logo-placeholder) .popup-gang-name{color:#a0968c99}.structure-popup-info .popup-info-row,.structure-popup-info .defense-badge{animation:slideInRow .3s ease forwards;opacity:0;transform:translate(-10px)}.structure-popup-info>*:nth-child(1){animation-delay:.05s}.structure-popup-info>*:nth-child(2){animation-delay:.1s}.structure-popup-info>*:nth-child(3){animation-delay:.15s}@keyframes slideInRow{to{opacity:1;transform:translate(0)}}