@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700;900&family=Crimson+Pro:ital,wght@0,300;0,400;0,600;1,300&display=swap";body{padding:0;margin:0}.now-or-never-wrapper{position:relative;min-height:100vh}.now-or-never-background{position:fixed;inset:0;background-image:url(/now-or-never-calculator/now-or-never-background.webp);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0}.now-or-never-background:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,#3c00508c,#0a0214d1)}.now-or-never-content{position:relative;z-index:1;width:960px;margin:0 auto;padding:0 40px 60px;background:linear-gradient(180deg,#1c042df5,#26063af5 60%,#140323fa);border-left:1px solid rgba(180,100,255,.18);border-right:1px solid rgba(180,100,255,.18);box-shadow:0 0 80px #8c00c84d,inset 0 0 60px #50007833}.header-block{text-align:center;padding:48px 0 8px;position:relative}.header-block:after{content:"";display:block;width:280px;height:1px;background:linear-gradient(90deg,transparent,rgba(200,120,255,.6),transparent);margin:16px auto 0}.now-or-never-content h1{font-family:Cinzel Decorative,serif;font-size:52px;font-weight:900;color:#f0d8ff;margin:0;letter-spacing:4px;text-transform:uppercase;text-shadow:0 0 20px rgba(200,100,255,.8),0 0 60px rgba(160,60,220,.4),0 2px 4px rgba(0,0,0,.9);line-height:1.1}.subtitle{font-family:Crimson Pro,serif;font-size:18px!important;font-weight:300!important;font-style:italic!important;color:#c896ffbf!important;letter-spacing:6px;text-transform:uppercase;margin:8px 0 0!important;text-shadow:none!important}.description{font-family:Crimson Pro,serif;font-size:18px!important;font-weight:400!important;color:#dcbeffcc!important;text-align:center;margin:28px auto 36px!important;max-width:680px;line-height:1.6;text-shadow:none!important}.inputs-row{display:flex;gap:40px;justify-content:center;padding:32px 0 8px;position:relative}.inputs-row:before{content:"";position:absolute;bottom:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(180,80,255,.25),transparent)}.button-wrapper{display:flex;justify-content:center;margin:36px 0 32px}.button-solve{height:56px;min-width:200px;background:linear-gradient(135deg,#64148ce6,#3c085af2);color:#f0d8ff;font-family:Cinzel Decorative,serif;font-weight:700;font-size:14px;letter-spacing:4px;text-transform:uppercase;padding:0 36px;border:1px solid rgba(200,130,255,.5);border-radius:3px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 0 20px #a03cdc4d,inset 0 1px #ffdcff1a}.button-solve:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,transparent 60%);opacity:0;transition:opacity .3s}.button-solve:hover:not(:disabled){border-color:#dca0ffcc;box-shadow:0 0 40px #b450ff80,0 0 80px #8c28c840,inset 0 1px #ffdcff33;color:#fff;transform:translateY(-1px)}.button-solve:hover:not(:disabled):before{opacity:1}.button-solve:disabled{opacity:.35;cursor:not-allowed;transform:none}.section-label{font-family:Cinzel Decorative,serif;font-size:11px;letter-spacing:5px;text-transform:uppercase;color:#b464ff99;text-align:center;margin:8px 0 24px;position:relative}.section-label:before,.section-label:after{content:"";display:inline-block;width:60px;height:1px;background:linear-gradient(90deg,transparent,rgba(180,100,255,.4));vertical-align:middle;margin:0 16px}.section-label:after{background:linear-gradient(90deg,rgba(180,100,255,.4),transparent)}.resource-input{display:flex;flex-direction:column;align-items:center;position:relative}.triangle{background:transparent;border:none;padding:4px;margin:0;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s,transform .15s}.triangle:hover{opacity:1;transform:scale(1.15)}.triangle:active{transform:scale(.95)}.triangle svg{width:20px;height:13px;display:block}.triangle svg polygon{fill:#c88cffe6;stroke:#6414a0cc;stroke-width:2;vector-effect:non-scaling-stroke}.resource-input-box{position:relative;width:140px;height:90px;display:flex;align-items:center;justify-content:center}.resource-input-field{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);width:100%;height:60px;background:transparent;border:none;color:#fff;font-family:Cinzel Decorative,serif;font-weight:700;font-size:38px;text-align:center;outline:none;z-index:2;padding:6px 0;line-height:1}.resource-input-field .MuiInputBase-input,.resource-input-field input{background:transparent;border:none;padding:0;margin:0;color:#fff;text-align:center;font-family:Cinzel Decorative,serif;font-weight:700;font-size:38px;line-height:1;-moz-appearance:textfield;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,-2px 0 0 #000,2px 0 0 #000,0 -2px 0 #000,0 2px 0 #000}.resource-input-field input:focus{outline:none;box-shadow:none}.resource-input-field .MuiInputBase-root:before,.resource-input-field .MuiInputBase-root:after{display:none}.resource-input-field input::-webkit-outer-spin-button,.resource-input-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.resource-input-icon{position:absolute;left:50%;top:62%;transform:translate(-50%,-50%);pointer-events:none;z-index:1;display:flex;justify-content:center;align-items:center;filter:drop-shadow(0 0 6px rgba(180,80,255,.3))}.triangle-down{margin-top:16px}.solution-row{margin:0 0 16px;background:linear-gradient(135deg,#ffffff0a,#7828b414);border:1px solid rgba(180,100,255,.15);border-radius:6px;overflow:hidden;transition:border-color .2s}.solution-row:hover{border-color:#c882ff4d}.solution-row:first-child{border-color:#c882ff59;box-shadow:0 0 24px #a03cdc26}.solution-top{display:flex;align-items:center;gap:20px;padding:16px 24px}.resources{display:flex;align-items:center;gap:16px;flex:1}.solution-item{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.solution-number{position:absolute;left:50%;top:50%;transform:translate(-50%,-68%);z-index:2;color:#fff;font-family:Cinzel Decorative,serif;font-weight:700;font-size:28px;line-height:1;text-align:center;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;pointer-events:none}.arrow{width:48px;height:2px;background:linear-gradient(90deg,#b464ff66,#dca0ffcc);position:relative;flex-shrink:0}.arrow:after{content:"";position:absolute;right:-7px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid rgba(220,160,255,.8)}.result-item{width:90px;height:90px}.result-item .solution-number{font-size:34px;transform:translate(-50%,-68%);color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.trades-breakdown{border-top:1px solid rgba(180,100,255,.1);padding:12px 24px 14px;background:#00000026}.trades-title{font-family:Cinzel Decorative,serif;font-size:9px;letter-spacing:4px;text-transform:uppercase;color:#b464ff80;margin-bottom:10px}.trades-list{display:flex;flex-direction:column;gap:6px}.trade-row{display:flex;align-items:center;gap:12px}.trade-icons{display:flex;align-items:center;gap:2px;min-width:120px}.trade-meta{display:flex;align-items:center;gap:8px;font-family:Crimson Pro,serif;font-size:16px}.trade-count{font-weight:600;color:#dcbeffe6;min-width:28px}.trade-sep{color:#b464ff66;font-size:13px}.trade-reward{color:#c8a0ffbf;font-style:italic}.trade-total{color:#ffd970;font-weight:600;font-size:17px;text-shadow:0 0 8px rgba(255,200,50,.4)}.solution-queue{display:flex;flex-direction:column;gap:0;margin:0 0 20px}.card-flags{display:flex;justify-content:center;gap:40px;margin-top:28px;padding:20px 0 4px}.custom-checkbox{display:flex;align-items:center;flex-direction:row;gap:14px;cursor:pointer;font-family:Crimson Pro,serif;font-size:17px;font-weight:400;font-style:italic;color:#dcbeffcc;-webkit-user-select:none;user-select:none;transition:color .2s}.custom-checkbox:hover{color:#f0dcff}.custom-checkbox input{position:absolute;opacity:0;width:0;height:0}.custom-checkbox .checkmark{width:24px;height:24px;background:#1e0532e6;border:1px solid rgba(200,130,255,.4);border-radius:3px;display:inline-block;position:relative;flex-shrink:0;transition:border-color .2s,box-shadow .2s}.custom-checkbox:hover .checkmark{border-color:#dca0ffb3;box-shadow:0 0 8px #b450ff4d}.custom-checkbox input:checked+.checkmark{background:#781eb480;border-color:#d28cffb3;box-shadow:0 0 12px #b450ff66}.custom-checkbox input:checked+.checkmark:after{content:"";position:absolute;left:6px;top:3px;width:8px;height:14px;border:solid rgba(220,170,255,.95);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
