@import "https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Rock+Salt&family=Merriweather:wght@400;700&display=swap";
.toggle-container{opacity:0;justify-content:center;align-items:center;width:130px;display:flex;position:absolute;top:-4px;left:275px;transform:scale(.6)}.toggle-checkbox{opacity:0;width:0;height:0;position:absolute}.toggle-label{cursor:po;box-shadow:none;background-color:#111;border:3px solid #0b2753;border-radius:17px;justify-content:space-between;align-items:center;padding:0 6px;transition:all .3s;display:flex;position:relative;overflow:hidden;width:100px!important;height:32px!important}.toggle-checkbox:checked+.toggle-label{border-color:#1b5941}.toggle-leftside{opacity:.5;background-image:url(https://i.imgur.com/59tMiay.png);background-size:100%;width:50%;height:100%;position:absolute;top:0;left:0%}.toggle-leftside:before{content:"";top:0;opacity:1;background:linear-gradient(159deg,#07576f 0%,#358dff 100%);width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.toggle-rightside{opacity:.5;background-image:url(https://i.imgur.com/kK5vFPQ.png);background-size:100%;width:50%;height:100%;position:absolute;top:0;left:50%}.toggle-rightside:before{content:"";top:0;opacity:0;background:linear-gradient(159deg,#076f48 0%,#39ff14 100%);width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.toggle-container:has(.toggle-checkbox:checked) .toggle-rightside:before{opacity:1}.toggle-container:has(.toggle-checkbox:checked) .toggle-leftside:before{opacity:0}.toggle-slider{background-color:#fff;border-radius:50%;width:28px;height:28px;transition:all .3s;position:absolute;top:3px;left:3px;overflow:hidden;box-shadow:0 2px 5px #0000001a}.toggle-checkbox:checked+.toggle-label .toggle-slider{left:calc(100% - 31px)}.flag-container{width:100%;height:100%;position:relative}.toggle-flag{background-position:50%;background-size:cover;border-radius:50%;width:28px;height:28px;transition:opacity .3s,filter .3s;position:absolute}.usa-flag{opacity:1;background-color:#0000;position:absolute;top:0;left:0;overflow:hidden}.usa-flag:before{content:"";background-color:#002868;width:40%;height:40%;position:absolute;top:0;left:0}.usa-flag:after{content:"";background-image:repeating-linear-gradient(#bf0a30,#bf0a30 15%,#fff 15% 30%);width:100%;height:100%;position:absolute;top:0;left:0}.brazil-flag{filter:grayscale();opacity:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 900 600\"><rect width=\"900\" height=\"600\" fill=\"%23009c3b\"/><path d=\"M450,50L50,300L450,550L850,300L450,50z\" fill=\"%23ffdf00\"/><circle cx=\"450\" cy=\"300\" r=\"170\" fill=\"%23002776\"/><clipPath id=\"band\"><circle cx=\"450\" cy=\"300\" r=\"170\"/></clipPath><path d=\"M350,300 Q450,200 550,300 Q450,400 350,300z\" fill=\"%23fff\" clip-path=\"url(%23band)\"/></svg>");position:absolute;top:0;left:0}.toggle-label:hover .toggle-slider{box-shadow:0 0 8px #0003}.toggle-checkbox:focus+.toggle-label{outline:none}.toggle-checkbox:checked+.toggle-label .usa-flag{filter:grayscale();opacity:0}.toggle-checkbox:checked+.toggle-label .brazil-flag{filter:grayscale(0%);opacity:1}
.chat-wrapper{display:inline-block;position:absolute;top:70px;left:90px}.chat-topbar{justify-content:space-between;align-items:center;min-height:28px;margin:0 10px 8px 48px;display:flex}.chat-topbar-title{color:#0c4a2a;letter-spacing:.4px;font-family:FranklinBold,Franklin Gothic Medium,Arial,sans-serif;font-size:15px}.close-btn{z-index:10;color:#fff;cursor:pointer;text-transform:uppercase;border:1px solid #0b1f3a;width:auto;padding:4px 10px;font-family:Franklin Gothic Medium,Franklin Gothic,ITC Franklin Gothic,Arial,sans-serif;font-size:12px;font-weight:400;transition:background-color .2s,transform .1s;position:relative;top:0;right:0;background-color:#1fae5b!important}.close-btn:hover{background-color:#0e5a32!important}.chat-container{box-sizing:border-box;background-image:url(/ingame/mha-chat-panel.png);background-repeat:no-repeat;background-size:640px 350px;flex-direction:column;justify-content:space-between;width:640px;height:350px;padding:24px 18px 12px;display:flex;position:relative}.emoji-panel{z-index:100;background-color:#eef7f1;border:1px solid #0b1f3a;border-radius:0;width:420px;padding:10px;position:absolute;top:42%;left:55%;transform:translate(-50%,-50%);box-shadow:0 4px 8px #0b1f3a33}.emoji-grid{grid-template-columns:repeat(9,1fr);gap:5px;margin-bottom:10px;display:grid}.emoji{cursor:pointer;object-fit:contain;width:30px;height:30px;padding:3px}.emoji:hover{background-color:#1fae5b26}.emoji-close-btn{color:#fff;cursor:pointer;text-align:center;border:none;width:auto;margin-left:auto;margin-right:auto;padding:4px 8px;font-family:Franklin Gothic Medium,Franklin Gothic,ITC Franklin Gothic,Arial,sans-serif;font-size:14px;font-weight:400;transition:background-color .2s,transform .1s;display:block;background-color:#1fae5b!important}.emoji-close-btn:hover{background-color:#0e5a32}.messages-container{scrollbar-width:thin;scrollbar-color:#1fae5b transparent;flex:1;width:545px;max-height:220px;margin:0 8px 8px 42px;padding-right:4px;overflow:hidden auto}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:0 0}.messages-container::-webkit-scrollbar-thumb{background-color:#1fae5b;border-radius:3px}.message{align-items:flex-start;gap:8px;width:100%;margin-bottom:14px;font-family:FranklinBold;animation:.25s fadeIn;display:flex;position:relative}.message--highlight .message-content{background:#1fae5b38;box-shadow:0 0 0 2px #1fae5b80}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.left-message{justify-content:flex-start}.right-message{justify-content:flex-end}.chat-avatar{flex-shrink:0;width:40px;height:40px}.chat-avatar img{object-fit:cover;border:1px solid #0b1f3a;width:100%;height:100%}.message-content{background:#ffffff8c;border:1px solid #0b1f3a2e;max-width:72%;padding:6px 10px 4px;transition:background .25s,box-shadow .25s}.message-header{align-items:baseline;gap:8px;margin-bottom:3px;display:flex}.timestamp{color:#3d7a55;opacity:.9;font-size:11px;font-weight:400}.chat-username{color:#0b1f3a;text-transform:uppercase;font-size:13px;font-weight:400}.message-text{color:#111;word-break:break-word;font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:1.35}.right-message .message-header{justify-content:flex-end}.right-message .message-text{text-align:right}.message-actions{opacity:0;margin-top:4px;transition:opacity .15s}.message:hover .message-actions{opacity:1}.right-message .message-actions{text-align:right}.message-action-btn{color:#0c4a2a;cursor:pointer;text-transform:uppercase;background:0 0;border:none;padding:0;font-family:Franklin Gothic Medium,Arial,sans-serif;font-size:11px;font-weight:700}.message-action-btn:hover{color:#1fae5b;text-decoration:underline}.chat-reply-quote{cursor:pointer;text-align:left;background:#1fae5b1f;border-left:3px solid #1fae5b;margin:0 0 6px;padding:4px 8px}.chat-reply-quote--compact{margin-top:2px}.chat-reply-quote-author{color:#1fae5b;text-transform:uppercase;font-size:11px;font-weight:700}.chat-reply-quote-text{color:#444;white-space:nowrap;text-overflow:ellipsis;font-family:Inter,sans-serif;font-size:12px;overflow:hidden}.chat-reply-bar{background:#eef7f1f2;border:1px solid #1fae5b73;border-left:3px solid #1fae5b;align-items:center;gap:8px;margin:0 10px 6px 48px;padding:6px 8px;display:flex}.chat-reply-bar-content{flex:1;min-width:0}.chat-reply-bar-label{color:#1fae5b;text-transform:uppercase;font-size:11px;font-weight:700}.chat-reply-bar-text{color:#333;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.chat-reply-cancel{color:#fff;cursor:pointer;background:#1fae5b;border:1px solid #0b1f3a;width:24px;height:24px;font-size:12px;line-height:1}.chat-jump-unread{color:#fff;cursor:pointer;text-transform:uppercase;background:#1fae5b;border:1px solid #0b1f3a;align-self:center;margin:0 auto 6px;padding:5px 12px;font-family:Franklin Gothic Medium,Arial,sans-serif;font-size:12px;font-weight:700}.chat-jump-unread:hover{background:#0e5a32}.chat-input-area{align-items:center;gap:6px;width:88%;margin-left:48px;padding-bottom:10px;font-family:Franklin Gothic Medium,Franklin Gothic,ITC Franklin Gothic,Arial,sans-serif;display:flex;position:relative}.chat-input{box-sizing:border-box;background-color:#eef7f1;border:1px solid #0b1f3a;border-radius:0;flex-grow:1;width:280px;height:30px;padding:8px 12px;font-size:14px;position:relative}.chat-buttons{display:flex;position:relative;left:0}.chat-buttons button{cursor:pointer;border:1px solid #0b1f3a;justify-content:center;align-items:center;width:40px;height:32px;margin-left:2px;transition:background-color .2s,transform .1s;display:flex}.chat-buttons button:hover{background-color:#0e5a32}.send-btn{color:#fff;background-color:#1fae5b;font-size:12px;font-weight:400;width:54px!important}.emoji-btn{color:#fff;background-color:#1fae5b}.cancel-btn{color:#fff;background-color:#1fae5b;font-size:11px;font-weight:400;width:62px!important}.no-message-alert{color:#0c4a2a;text-align:center;font-family:Inter,sans-serif;font-size:16px;position:relative;top:70px;left:0}.speech-bubble{text-align:center;z-index:5;opacity:0;will-change:transform,opacity;pointer-events:none;word-wrap:break-word;background:linear-gradient(#fff 0%,#eef7f1 100%);border:2px solid #0c4a2a;border-radius:12px;width:fit-content;min-width:70px;max-width:220px;padding:10px 12px 12px;font-family:Inter,sans-serif;transition:all .28s;position:relative;top:58px;left:145px;transform:translateY(-10px);box-shadow:0 6px 16px #0b1f3a2e}.speech-bubble--visible{pointer-events:auto}.speech-bubble-label{letter-spacing:.6px;color:#1fae5b;margin-bottom:4px;font-size:9px;font-weight:800}.speech-bubble-body{color:#0b1f3a;font-size:13px;line-height:1.3}.speech-bubble:before{content:"";pointer-events:none;border-bottom:10px solid #0c4a2a;border-left:10px solid #0000;border-right:10px solid #0000;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.speech-bubble:after{content:"";z-index:1;pointer-events:none;border-bottom:8px solid #fff;border-left:6px solid #0000;border-right:6px solid #0000;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.notification-text{color:#fff;margin-left:120px;font-family:FranklinBold}.notification-badge,.chat-notification-badge{color:#fff;background-color:#e30613;border:1px solid #0b1f3a;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;animation:1.4s ease-in-out infinite chatBadgePulse;display:inline-flex;position:absolute;top:-8px;left:148px;box-shadow:0 2px 4px #00000040}@keyframes chatBadgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}


.guide-container{background:#fff url(https://www.transparenttextures.com/patterns/natural-paper.png);border:2px solid #1fae5b;border-radius:4px;width:1000px;margin:0 auto 50px;padding:30px;box-shadow:0 10px 30px #0000004d}.home-h1-basic{color:#1fae5b;text-transform:uppercase;letter-spacing:2px;border-bottom:2px solid #1fae5b;padding-bottom:10px;font-family:Inter,sans-serif;display:inline-block}.section-title{color:#1fae5b;text-transform:uppercase;letter-spacing:1px;margin-top:30px;padding-bottom:5px;font-size:1.2rem;display:inline-block}.section-title2{color:#ff4d4d;text-transform:uppercase;letter-spacing:1px;border:none;margin-top:30px;margin-bottom:10px;padding-bottom:5px;font-size:1.2rem}.guide-text{text-align:left;line-height:1.6;color:#e6ecf1!important}.image-wrapper{border:2px solid #1a1a1a;border-radius:2px;max-width:800px;margin:20px auto;overflow:hidden}.guide-img{cursor:zoom-in;width:100%;transition:transform .3s}.guide-img:hover{transform:scale(1.02)}.guide-list{padding-left:0;list-style:none}.guide-list li{border-left:3px solid #d73332;margin-bottom:12px;padding-left:15px}.highlight-red{color:#ff4d4d}.highlight-gold{color:#9a2828;font-weight:700}.energy-grid{background:#ffffff0d;border-radius:5px;gap:20px;margin:15px 0;padding:15px;display:flex}.energy-item{align-items:center;font-weight:700;display:flex}.energy-item img{width:24px;margin-right:8px}.inline-icon{vertical-align:middle;width:20px}.footer-credits{color:gray;margin-top:40px;padding-bottom:20px;font-size:11px}
.pirate-change-box{width:850px;z-index:1px;background:#fff;border:1px solid #1fae5b;margin:0 auto 50px;padding:30px;position:absolute;top:265px;left:385px;box-shadow:0 10px 30px #0000004d}.pirate-change-box2{width:700px;z-index:1px;background:#fff url(https://www.transparenttextures.com/patterns/natural-paper.png);border:2px solid #1fae5b;border-radius:4px;margin:0 auto 50px;padding:30px;position:absolute;top:550px;left:-1500px;box-shadow:0 10px 30px #0000004d}.h3-panel{color:#77b341;text-transform:uppercase;border-bottom:1px solid #5d40371a;margin-top:30px;margin-bottom:25px;margin-left:90px;padding-bottom:10px;font-family:Inter,sans-serif;font-size:16px;display:inline-block}.panel{box-sizing:border-box;width:calc(50% - 16px);margin:8px;padding:12px 14px}.panel-text{color:#1fae5b;text-align:left;font-family:normal,Trebuchet MS,verdana,sans-serif;font-size:12px;font-weight:700}.panel-text.small{font-size:11px}.pirate-change-box2 h3{color:#77b341;text-transform:uppercase;letter-spacing:2px;border-bottom:1px solid #5d40371a;margin-bottom:25px;padding-bottom:10px;font-family:Inter,sans-serif;display:inline-block}.pirate-change-box h3{color:#1fae5b;text-transform:uppercase;border-bottom:1px solid #5d40371a;margin-bottom:25px;padding-bottom:10px;font-family:Inter,sans-serif;font-weight:600;display:inline-block}.container-view-pirate-missions{background:#5d40370d;border-left:5px solid #77b341;border-radius:8px;align-items:center;gap:30px;margin-bottom:40px;padding:20px;display:flex}.pirate-missions-text{color:#77b341;font-family:Inter,sans-serif;font-size:14px;line-height:1.6}.patreon-link{background:#000;border-radius:4px;padding:4px 12px;font-size:12px;font-weight:700;text-decoration:none;transition:all .3s;color:#fff!important}.patreon-link:hover{background:#ff5b5b}.pa-mission-grid{grid-template-columns:repeat(auto-fit,350px);justify-content:center;gap:30px;margin-top:30px;display:grid}.pa-mission-card{box-sizing:border-box;background:#e6d7bc url(https://www.transparenttextures.com/patterns/natural-paper.png);border:2px solid #77b341;border-radius:2px;width:350px;height:160px;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:block;position:relative;overflow:hidden}.pa-mission-bg{filter:sepia(.3)contrast(1.1);background-position:50%;background-size:cover;border-bottom:2px solid #77b341;width:100%;height:160px;transition:all .5s}.pa-mission-content{text-align:center;color:#fff;box-sizing:border-box;background:linear-gradient(#0000001a,#00000040);width:100%;height:170px;transition:background .3s;position:absolute;bottom:0;left:0}.pa-mission-title{color:#fff;text-transform:uppercase;white-space:nowrap;background:#77b341;border-radius:2px;padding:8px 16px;font-family:Inter,sans-serif;font-size:16px;transition:transform .3s;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:2px 2px #0003}.pa-mission-description{opacity:0;color:#fff;box-sizing:border-box;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;text-align:center;pointer-events:none;background:#77b341;height:65px;padding:8px;font-family:Inter,sans-serif;font-size:12px;transition:all .4s;position:absolute;top:60px;left:15px;right:15px;overflow-y:auto;transform:translateY(10px)}.pa-mission-title{transition:transform .3s}.pa-mission-button{color:#fff;text-transform:uppercase;background:#77b341;border-radius:2px;margin-left:-70px;padding:8px 15px;font-size:12px;font-weight:700;transition:all .3s;display:inline-block;position:absolute;top:140px}.pirate-mission-change-box{background:#fff url(https://www.transparenttextures.com/patterns/natural-paper.png);border:2px solid #77b341;border-radius:4px;width:1000px;margin:0 auto 50px;padding:30px;box-shadow:0 10px 30px #0000004d}.pirate-mission-change-box h3{color:#1fae5b;text-transform:uppercase;letter-spacing:2px;border-bottom:2px solid #5d40371a;margin-bottom:25px;padding-bottom:10px;font-family:Inter,sans-serif;display:inline-block}.mission-search-wrapper{background:#5d40370d;border-radius:4px;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-bottom:30px;padding:20px;display:flex}.mission-search-label{color:#77b341;text-transform:uppercase;font-family:Inter,sans-serif;font-weight:700}.mission-search-input{color:#77b341;background:#fff;border:2px solid #77b341;border-radius:20px;outline:none;width:250px;padding:10px 15px;font-family:Inter,sans-serif;transition:all .3s}.mission-search-input:focus{border-color:#77b341;width:280px;box-shadow:0 0 10px #b71c1c33}.mission-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;display:grid}.mission-card{flex-direction:column;height:465px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;overflow:hidden}.mission-card-header{text-align:center;padding:10px}.mission-card-header h5{color:#77b341;text-transform:uppercase;margin:0;font-family:Inter,sans-serif;font-size:14px}.mission-card-body{flex-direction:column;flex-grow:1;gap:12px;padding:2px;display:flex}.mission-section-label{color:#77b341;text-transform:uppercase;padding-bottom:1px;font-family:Inter,sans-serif;font-size:10px;font-weight:700}.mission-image-container img{object-fit:cover;filter:sepia(.2);border:1px solid #000;width:265px;height:177px;transition:all .3s}.mission-requirements{color:#77b341;font-family:Inter,sans-serif;font-size:12px;line-height:1.4}.mission-req-item{margin-top:5px}.mission-req-label{color:#77b341;text-transform:uppercase;margin-bottom:2px;font-family:Inter,sans-serif;font-size:10px;font-weight:600;display:block}.mission-req-label1{color:#0e0e0e;font-family:Inter,sans-serif;font-size:13px;font-weight:700;line-height:1.4;display:block}.mission-req-label1 span{text-shadow:.5px .5px #ffffff80;font-weight:900}.mission-action-btn{text-align:center;text-transform:uppercase;padding:8px;font-family:Inter,sans-serif;font-size:12px;font-weight:700;text-decoration:none;transition:all .2s;color:#77b341!important}.mission-action-btn.completed{cursor:default;background:#28a745}
.mission-main-container{background:#fff url(https://www.transparenttextures.com/patterns/natural-paper.png);border:3px solid #77b341;width:1000px;margin:30px auto;padding:40px;font-family:Inter,sans-serif;position:relative;top:-19px;box-shadow:0 20px 40px #00000080,inset 0 0 100px #5d403733}.mission-main-container:before,.mission-main-container:after{background:#77b341;border-radius:50%;width:15px;height:15px;position:absolute;top:10px;box-shadow:inset -2px -2px 5px #00000080}.mission-main-container:before{left:10px}.mission-main-container:after{right:10px}.mission-content-wrapper{align-items:stretch;gap:40px;display:flex;font-family:Inter,sans-serif!important}.mission-column-left{flex-direction:column;flex:1;gap:20px;display:flex}.mission-poster-frame{padding:15px;transform:rotate(-1deg)}.mission-image-frame{border:3px solid #77b341;line-height:0;overflow:hidden}.mission-image-frame img{filter:sepia(.6)contrast(1.2);width:100%;transition:all .5s}.mission-poster-frame:hover img{filter:sepia(0)contrast(1.1)}.scroll-goal-card{position:relative}.scroll-goal-header h4{color:#77b341;text-align:center;border-bottom:1px solid #5d40371a;margin-bottom:15px;padding-bottom:5px;font-family:Inter,sans-serif;font-size:18px}.mission-column-right{flex-direction:column;flex:1.5;gap:25px;display:flex}.info-row{border-bottom:1px solid #5d40371a;border-left:3px solid #77b341;justify-content:space-between;margin-bottom:12px;padding-left:5px;font-size:15px;display:flex}.info-row span{color:#77b341;text-transform:uppercase;font-size:12px;font-weight:700}.mission-description{color:#77b341;margin-top:20px;padding:15px;font-style:italic;line-height:1.6;background:0 0!important}.reward-section-title{color:#77b341;text-transform:uppercase;margin-bottom:10px;font-family:Inter,sans-serif;font-weight:900;display:block}.currency-box{grid-template-columns:1fr 1fr;gap:15px;display:grid}.currency-item{text-align:center;color:#fff;margin-left:100px;padding:15px}.currency-item .value{font-size:24px;font-weight:900;display:block}.gold-text{color:#ff5252;text-shadow:0 0 10px #ffd7004d}.reward-text{color:#ff5252}.goals-list li{color:#77b341;border-bottom:1px solid #5d40371a;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:8px;font-size:13px;font-weight:700;display:flex}.goals-list li:before{content:"◈";color:#77b341;font-weight:700}.highlight-red{color:#77b341;text-transform:uppercase;font-size:12px;font-weight:900}.mission-description{color:#77b341;background:#5d40370d;border-left:4px solid #77b341;margin-top:15px;padding:15px;font-size:14px;font-style:italic;line-height:1.6}.currency-box{gap:30px;margin-bottom:5px;padding:15px;display:flex}.currency-item .label{text-transform:uppercase;color:#77b341;margin-bottom:4px;font-size:11px;font-weight:900;display:block}.currency-item .value{text-shadow:1px 1px #ffffff80;font-size:20px;font-weight:900}.gold-text,.reward-text{color:#77b341}.unlock-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:15px;margin-top:15px;display:grid}.unlock-item{text-align:center;flex-direction:column;align-items:center;width:85px;display:flex}.unlock-item img{background:#fff;width:64px;height:64px;transition:all .3s;border:1px solid #000!important}.unlock-item:hover img{border-color:#77b341;transform:scale(1.05)}.unlock-item span{text-align:center;color:#77b341;text-transform:uppercase;margin-top:8px;font-size:11px;font-weight:700}@media (max-width:1050px){.mission-main-container{width:95%;padding:15px}}@media (max-width:800px){.mission-content-wrapper{flex-direction:column;align-items:center}.mission-column-left,.mission-column-right{width:100%!important;max-width:100%!important}}
.ninja-container{color:#fff;background-color:#f5e7d6;background-image:url(https://i.imgur.com/90MKjYD.jpeg);flex-direction:column;align-items:center;min-height:100vh;padding:40px 20px;font-family:Merriweather,serif;animation:40s linear infinite slidePattern;display:flex}.grid-item{cursor:grab;transition:transform .2s,box-shadow .2s}.grid-item:active{cursor:grabbing;transform:scale(1.02)}.grid-item.dragging{opacity:.4;background-color:#b8860b1a;border:2px dashed #b8860b;border-radius:8px;box-shadow:inset 0 0 10px #b8860b4d}@keyframes slidePattern{0%{background-position:0 0}to{background-position:200px 0}}.ninja-title{text-transform:uppercase;color:#fff;letter-spacing:5px;text-shadow:2px 2px #4a2c2a;margin-bottom:50px;font-family:Merriweather,serif;font-size:3.5rem}.ninja-title span{color:#fff;text-shadow:2px 2px #4a2c2a}.scroll-wrapper{background:#f3e5ab url(https://www.transparenttextures.com/patterns/old-paper.png);border-left:35px solid #4a2c2a;border-right:35px solid #4a2c2a;border-image:linear-gradient(90deg,#2b1615,#4a2c2a 20%,#6e443a 50%,#4a2c2a 80%,#2b1615) 1 100%;border-radius:5px;width:100%;max-width:1300px;font-family:Merriweather,serif;position:relative;overflow:hidden;box-shadow:0 0 50px #000c,inset 0 0 100px #8b451333}.tab-container{background:#2b1615;gap:5px;padding:10px 10px 0;display:flex}.tab-btn{color:tan;cursor:pointer;text-transform:uppercase;clip-path:polygon(10% 0%,90% 0%,100% 100%,0% 100%);background:#4a2c2a;border:none;flex:1;padding:12px;font-family:Merriweather,serif;font-size:1rem;transition:all .3s}.tab-btn.active{color:#8b0000;background:#f3e5ab;transform:translateY(-2px)}.scroll-content{color:#2b1615;background-image:radial-gradient(#0000000d 1px,#0000 1px);background-size:20px 20px;padding:40px}.input-group{flex-direction:column;margin-bottom:20px;font-family:M;display:flex}.input-group label{text-transform:uppercase;color:#8b4513;margin-bottom:5px;font-family:Merriweather,serif;font-size:.8rem;font-weight:700}.input-group input,.input-group textarea{color:#8b4513;background:0 0;border:none;border-bottom:2px solid tan;outline:none;padding:10px;font-family:Merriweather,serif;font-size:1.1rem}.input-group input:focus{background:#ff66000d;border-bottom-color:#f60}.skills-grid{grid-template-columns:1fr 1fr;gap:15px;margin-top:20px;display:grid}.skill-grid-fields .input-group.full-width{grid-column:span 2;margin-top:10px}.skill-grid-fields .input-group.full-width textarea{width:540px;min-height:80px}.skill-card{background:#0000000d;border:1px dashed #8b4513;border-radius:8px;padding:15px}.add-skill-btn{color:tan;cursor:pointer;background:#4a2c2a;border:2px solid #000;width:100%;padding:10px;font-weight:700;box-shadow:3px 3px #000}.add-skill-btn:active{transform:translate(3px,3px);box-shadow:0 0 #000}.export-btn{color:tan;background:#4a2c2a;border:3px solid #000;margin-top:40px;padding:15px 60px;font-family:Merriweather,serif;font-size:1.5rem;box-shadow:5px 5px #4a2c2a}.add-skill-btn:hover,.export-btn:hover{transform:translateY(-2px)}.fade-in{animation:.4s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.photo-section{flex-wrap:wrap;gap:15px;margin-bottom:20px;display:flex}.photo-section .input-group{flex:1;min-width:150px}.preview-box{color:#8b4513;background:#0000001a;border:1px solid #000;justify-content:center;align-items:center;margin-top:5px;font-size:10px;font-weight:700;display:flex;overflow:hidden}.preview-box2{color:#8b4513;background:#0000001a;justify-content:center;align-items:center;margin-top:5px;font-size:10px;font-weight:700;display:flex;overflow:hidden}.preview-box,.skill-preview-min{box-shadow:2px 2px 5px #0000004d}.thumb-75{width:75px;height:75px}.thumb-100{width:100px;height:100px}.thumb-84{width:84px;height:114px}.preview-box img{object-fit:cover;width:100%;height:100%}.skill-card-modern{background:#fff6;border:2px solid #8b4513;transition:all .3s;position:relative}.skill-card-modern:before{opacity:.1;font-size:2rem;position:absolute;top:5px;right:10px}.skill-card-modern:hover{background:#fff9;transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.skill-header{gap:10px;margin-bottom:10px;display:flex}.skill-header input{flex:1;font-weight:700}.del-btn{color:#fff;cursor:pointer;background:#4a2c2a;border:1px solid #000;width:18px;padding:0 5px}.skill-body{gap:10px;margin-bottom:10px;display:flex}.cd-input{text-align:center;width:60px!important}.skill-grid-fields{grid-template-columns:2fr 1fr;gap:10px;display:grid}.skill-header{border-radius:5px;align-items:center;gap:15px;margin-bottom:10px;padding:10px;display:flex}.skill-preview-min{background:#000;border:1px solid #4a2c2a;flex-shrink:0;width:50px;height:50px}.skill-preview-min img{object-fit:cover;width:100%;height:100%}.skill-name-input{background:0 0;border:none;font-family:Merriweather,serif;font-weight:700;color:#4a2c2a!important;font-size:1.2rem!important}.skills-list{grid-template-columns:1fr 1fr;align-items:start;gap:20px;margin-top:20px;display:grid}@media (max-width:768px){.skills-list{grid-template-columns:1fr}}.skill-card-modern{background:#ffffff0d;border:1px solid tan;border-radius:8px;flex-direction:column;gap:10px;padding:15px;display:flex;box-shadow:0 4px 10px #0003}.skill-header{align-items:center;gap:10px;display:flex}.skill-name-input{flex:1;font-size:1rem!important}.ninja-modal-overlay{z-index:9999;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.ninja-modal-content{text-align:center;background:#f3e5ab url(https://www.transparenttextures.com/patterns/old-paper.png);border:10px solid #4a2c2a;border-image:linear-gradient(90deg,#2b1615,#6e443a,#2b1615) 1;width:90%;max-width:500px;padding:30px}.ninja-modal-content h3{color:#8b0000;margin-bottom:20px}.class-checkbox-grid{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.class-chip{cursor:pointer;background:#0000000d;border:1px solid #8b4513;padding:8px;font-size:.8rem;font-weight:700;transition:all .2s}.class-chip input{display:none}.class-chip.active{color:#fff;background:#8b0000;border-color:#000;box-shadow:inset 0 0 5px #00000080}.fake-input-select{cursor:pointer;color:#3e2723;background:#00000008;border-bottom:2px solid #8b4513;min-height:40px;font-family:Merriweather,serif;font-size:1rem}.energy-display{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.energy-orb{border:1px solid #000;border-radius:2px;width:18px;height:18px;display:inline-block}.energy-selection-grid{flex-direction:column;gap:10px;display:flex}.energy-option-card{cursor:pointer;background:#0000000d;border:1px solid #8b4513;align-items:center;gap:15px;padding:10px;font-weight:700;transition:all .2s;display:flex}.energy-option-card:hover{background:#8b45131a}.energy-option-card.active{color:#fff;background:#4a2c2a;border-color:#f60}.color-square{border:2px solid #000;width:25px;height:25px;box-shadow:1px 1px 3px #00000080}.energy-orb[style*="background-color: #ffffff"],.color-square[style*="background-color: #ffffff"]{border:1px solid #ccc}.energy-selection-list{flex-direction:column;gap:15px;display:flex}.energy-row{background:#0000000d;border:1px solid #8b4513;border-radius:4px;justify-content:space-between;align-items:center;padding:10px;display:flex}.energy-info{align-items:center;gap:10px;display:flex}.energy-name{color:#4a2c2a;font-weight:700}.energy-controls{align-items:center;gap:15px;display:flex}.energy-step-btn{color:#fff;cursor:pointer;background:#8b0000;border:1px solid #000;border-radius:50%;width:30px;height:30px;font-weight:700;transition:all .2s}.energy-step-btn:disabled{cursor:not-allowed;background:#ccc}.energy-step-btn:hover:not(:disabled){background:#f60}.energy-count{text-align:center;color:#999;min-width:20px;font-family:Merriweather,serif;font-size:1.2rem}.energy-count.active{color:#8b0000}.color-square{border:1px solid #000;width:20px;height:20px}.button-group-final{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:40px;display:flex}.export-btn{min-width:250px;transition:all .3s}.json-btn{box-shadow:5px 5px #1b5e20;background:#2e7d32!important}.img-btn{box-shadow:5px 5px #01579b;background:#0277bd!important}#capture-card{border-radius:10px;margin-top:15px}.preview-container{color:#333;background-color:#fff;width:650px;padding:20px;font-family:Arial,Helvetica,sans-serif;line-height:1.2}.char-header{border-bottom:1px dotted #2154b0;margin-bottom:10px}.char-name{color:#2154b0;margin:0 0 5px;font-size:18px;font-weight:700}.char-bio{gap:10px;margin-bottom:20px;display:flex}.char-facepic{border:1px solid #000;width:75px;height:75px}.char-description{text-align:justify;font-size:12px}.unlock-req{margin-top:8px;font-weight:700}.skills-grid-preview{grid-template-columns:1fr 1fr;gap:30px 15px;display:grid}.skill-item-preview{flex-direction:column;display:flex}.skill-title-line{border-bottom:1px dotted #2154b0;gap:5px;margin-bottom:5px;display:flex}.skill-label{font-size:12px}.skill-name-text{color:#2154b0;font-size:14px;font-weight:700}.skill-body{gap:8px;min-height:77px;display:flex}.skill-thumb{border:1px solid #333;width:75px;height:75px}.skill-desc-text{color:#000;flex:1;font-size:11px}.skill-footer{border-top:1px dotted #2154b0;margin-top:5px;padding-top:3px}.skill-stats{align-items:center;gap:10px;font-size:11px;font-weight:700;display:flex}.energy-cost-icons{gap:2px;display:flex}.energy-square{border:1px solid #000;width:10px;height:10px}.Tai{background-color:#4caf50}.Blood{background-color:#b71c1c}.Nin{background-color:#2196f3}.Gen{background-color:#fff}.Random{background-color:#000}.skill-classes-preview{color:#666;margin-top:2px;font-size:10px}.admin-page{color:#fff;background-color:#b58244;background-image:url(https://i.imgur.com/ED00MPQ.png);flex-direction:column;align-items:center;min-height:100vh;padding:40px 20px;font-family:Merriweather,serif;animation:40s linear infinite slidePattern;display:flex}.admin-container{z-index:1;font-family:Merriweather,serif;position:relative}.grid-container{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:5px;display:grid}.panel-title{text-transform:uppercase;color:#fff;letter-spacing:5px;text-shadow:2px 2px #4a2c2a;margin-bottom:50px;font-family:Merriweather,serif;font-size:3.5rem}.search-box{color:#3e2723;background:url(https://www.transparenttextures.com/patterns/dark-matter.png),#e9d5b0e6;border:2px solid #5d4037;outline:none;width:100%;max-width:400px;margin:20px 0;padding:12px 20px;font-family:Merriweather,serif;transition:all .3s}.search-box::placeholder{color:#8b451399}.search-box:focus{background:url(https://www.transparenttextures.com/patterns/dark-matter.png),#e9d5b0e6;width:100%;box-shadow:0 0 10px #5d40374d}.neon-btn,.neon-btn-outline{cursor:pointer;border-radius:0;padding:10px 20px;font-family:Merriweather,serif;font-size:1rem;transition:transform .2s,box-shadow .2s;color:tan!important;background:#4a2c2a!important;border:2px solid #000!important;box-shadow:3px 3px #000!important}.neon-btn:hover,.neon-btn-outline:hover{transform:translateY(-2px);background:#5d3735!important;box-shadow:5px 5px #000!important}.neon-btn:active,.neon-btn-outline:active{transform:translate(3px,3px);box-shadow:0 0 #000!important}.char-new-card{text-align:center;background:#f3e5ab url(https://www.transparenttextures.com/patterns/old-paper.png);border-radius:4px;padding:5px;transition:all .3s;border:2px solid #4a2c2a!important;box-shadow:3px 3px 5px #0000004d!important}.char-new-card:hover{border-color:#8b0000!important;transform:translateY(-5px)!important;box-shadow:5px 5px 10px #00000080!important}.char-new-card img{width:75px;height:75px;border:1px solid #000!important}.card-actions{justify-content:space-around;margin-top:5px;display:flex}.icon-btn{color:#fff;cursor:pointer;background:#4a2c2a;border:1px solid #000;padding:5px 10px;font-size:.8rem;box-shadow:2px 2px #000}.icon-btn:hover{background:#8b0000}.icon-btn:active{transform:translate(2px,2px);box-shadow:0 0 #000}.modal-overlay{z-index:9999;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.modal-container{color:#2b1615;background:#f3e5ab url(https://www.transparenttextures.com/patterns/old-paper.png);border-left:35px solid #4a2c2a;border-right:35px solid #4a2c2a;border-image:linear-gradient(90deg,#2b1615,#4a2c2a 20%,#6e443a 50%,#4a2c2a 80%,#2b1615) 1 100%;width:90%;max-width:1500px;max-height:90vh;padding:30px;overflow-y:auto;box-shadow:0 0 50px #000c}.modal-title{color:#8b0000;text-align:center;text-shadow:1px 1px #0000001a;margin-bottom:20px;font-family:Merriweather,serif}.modal-tabs{background:#2b1615;gap:5px;margin-bottom:20px;padding:10px 10px 0;display:flex}.modal-tabs button{color:tan;cursor:pointer;text-transform:uppercase;clip-path:polygon(10% 0%,90% 0%,100% 100%,0% 100%);background:#4a2c2a;border:none;flex:1;padding:12px;font-family:Merriweather,serif;transition:all .3s}.modal-tabs button.active{color:#8b0000;background:#f3e5ab;transform:translateY(-2px)}.modal-basic input,.modal-basic textarea,.skill-box input,.skill-box textarea,.skill-box select{box-sizing:border-box;color:#8b4513;background:0 0;border:none;border-bottom:2px solid tan;outline:none;width:100%;margin-bottom:15px;padding:10px;font-family:Merriweather,serif;font-size:1rem}.modal-basic input:focus,.modal-basic textarea:focus,.skill-box input:focus,.skill-box textarea:focus{background:#ff66000d;border-bottom-color:#f60}.skill-box{border-radius:8px;margin-bottom:15px;padding:15px;background:#0000000d!important;border:1px dashed #8b4513!important}.skill-box h4{color:#8b0000;margin:0;font-family:Merriweather,serif}.modal-actions{border-top:2px dashed tan;justify-content:flex-end;gap:15px;margin-top:20px;padding-top:15px;display:flex}.modal-actions button:first-child{color:#4a2c2a;cursor:pointer;background:0 0;border:2px solid #4a2c2a;padding:10px 20px;font-family:Merriweather,serif;font-weight:700}.modal-actions button:first-child:hover{background:#4a2c2a1a}
.bp-progress-track{z-index:0;background:#e8f1fb;border:1px solid #d7d7d7;border-radius:4px;width:6px;position:absolute;top:35px;bottom:35px;left:50%;transform:translate(-50%)}.bp-progress-fill{background:linear-gradient(#1fae5b 0%,#f5c518 100%);border-radius:2px;width:100%;transition:height .4s ease-out}.change-avatar-page{color:#0b1f3a}.change-avatar-heading{padding-bottom:8px}.change-avatar-heading .home-h1{letter-spacing:0;font-weight:700}.change-avatar-panel{background:linear-gradient(#fff 0%,#eef8f1 100%);padding:10px 12px 12px;box-shadow:inset 0 1px #fff,0 1px #0000002e}.change-avatar-help{color:#276a27;text-align:center;background:#f5fff5;border:1px solid #b6d8b6;margin:0 0 4px;padding:7px 10px;line-height:17px}.change-avatar-help a{color:#1fae5b;font-weight:700}.changeavatar{box-sizing:border-box;justify-content:center;width:100%;height:auto;padding:2px 0 12px;display:flex}.change-avatar-current{object-fit:cover;background:#fff;width:75px;height:75px;display:block}.change-avatar-form{border-collapse:collapse;border:1px solid #d7d7d7}.change-avatar-form td{vertical-align:middle;padding:6px 8px}.change-avatar-form label{color:#1fae5b;font-weight:700}.change-avatar-input{box-sizing:border-box;text-align:center;width:100%;max-width:100%;height:24px;padding:3px 7px}.change-avatar-input:focus{border-color:#1fae5b;outline:none;box-shadow:0 0 0 2px #1565c029}.change-avatar-message{min-height:18px;padding-right:0}.change-avatar-actions{padding-right:0}.home-input.button.change-avatar-submit{color:#1fae5b;background:linear-gradient(#fff 0%,#e8f1fb 100%);min-width:86px;height:25px;padding:1px 14px 2px;font-weight:700;border:1px solid #1fae5b!important}.home-input.button.change-avatar-submit:hover{color:#000;background:linear-gradient(#fff7ec 0%,#ffd79d 100%)}.choose-avatar-container{border-collapse:collapse;background:#f7f7f7;border:1px solid #d7d7d7;margin-bottom:12px;padding-top:1px;box-shadow:inset 0 1px #fff}.choose-avatar-hint{color:#666;text-align:center;margin-top:10px;font-size:12px}.choose-avatar-grid{grid-template-columns:repeat(5,92px);justify-content:center;gap:10px 9px;margin-top:0;padding:12px 15px 14px;display:grid}.choose-avatar-avatars{box-sizing:border-box;width:92px}.choose-avatar-avatars.is-empty{visibility:hidden}.choose-avatar-option{cursor:pointer;flex-direction:column;align-items:center;gap:4px;margin:0;display:flex}.choose-avatar-preview{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #000;width:75px;height:75px;transition:transform .12s,box-shadow .12s;box-shadow:0 1px 3px #00000040}.choose-avatar-option:hover .choose-avatar-preview{transform:translateY(-1px);box-shadow:0 0 0 2px #e30613,0 2px 6px #00000047}.choose-avatar-avatars.is-selected .choose-avatar-preview{box-shadow:0 0 0 2px #fff,0 0 0 4px #1fae5b,0 2px 7px #00000052}.choose-avatar-radio{text-align:center;height:16px;line-height:16px}.choose-avatar-radio input{margin:0}.choose-avatar-pager{text-align:center;grid-column:1/-1;width:100%}.choose-avatar-select{text-align:center;width:78px;height:25px;margin:4px 0 0}.playercard-panel{padding:18px 20px 20px}.playercard-menu-table{border-collapse:collapse;border:1px solid #d7d7d7;margin-bottom:0}.playercard-menu-cell{text-align:center;padding:7px 8px}.home-input.button.playercard-menu-tab{border-collapse:collapse;color:#1fae5b;background:#fff;border:1px solid #d7d7d7;min-width:104px;height:23px;margin:0 4px 0 0;padding:1px 8px 2px;font-weight:700}.home-input.button.playercard-menu-tab.active{color:#1fae5b;background:linear-gradient(#e8f1fb 0%,#c8dff7 100%)}.home-input.button.playercard-menu-tab:hover,.home-input.button.playercard-action:hover{color:#000;background:linear-gradient(#fff7ec 0%,#ffd79d 100%)}.playercard-menu-box{border-collapse:collapse;text-align:center;background:#fafafa;border:1px solid #d7d7d7;border-top:0;padding:12px 10px}.playercard-actions-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.home-input.button.playercard-action{color:#1fae5b;background:linear-gradient(#fff 0%,#e8f1fb 100%);min-width:128px;height:24px;padding:1px 10px 2px;font-weight:700;border:1px solid #1fae5b!important}.playercard-check{color:#1fae5b;align-items:center;gap:5px;margin-top:10px;display:inline-flex}.playercard-preview{justify-content:center;min-height:130px;margin:20px 0;display:flex}.playercard-message-line{text-align:center;min-height:18px}.playercard-message-line .success{color:green}.custom-bg-panel{padding:0 0 12px}.custom-bg-help{color:#276a27;text-align:center;background:#f5fff5;border:1px solid #b6d8b6;margin:0 0 12px;padding:7px 10px;line-height:17px}.custom-bg-help a{color:#1fae5b;font-weight:700}.custom-bg-menu-table{border-collapse:collapse;background:#f5fff5;border:1px solid #b6d8b6}.custom-bg-menu-cell{text-align:center;padding:7px 8px}.home-input.button.custom-bg-menu-tab{color:#1fae5b;background:#f5fff5;border:1px solid #b6d8b6;min-width:88px;height:23px;margin:0 4px 0 0;padding:1px 8px 2px;font-weight:700}.home-input.button.custom-bg-menu-tab.active{color:#1fae5b;background:linear-gradient(#e8f1fb 0%,#c8dff7 100%)}.home-input.button.custom-bg-menu-tab:hover,.home-input.button.custom-bg-submit:hover{color:#000;background:linear-gradient(#fff7ec 0%,#ffd79d 100%)}.custom-bg-menu-box{background:#f5fff5;border:1px solid #b6d8b6;border-top:0;padding:12px 10px}.custom-bg-preview-frame{color:gray;background:#fff;border:1px solid #000;justify-content:center;align-items:center;width:360px;height:118px;margin:2px auto 14px;display:flex;overflow:hidden}.custom-bg-preview-frame.battle{height:104px}.custom-bg-preview-frame img{object-fit:cover;width:100%;height:100%}.custom-bg-form{border-collapse:collapse;border:1px solid #d7d7d7}.custom-bg-form td{vertical-align:middle;padding:6px 8px}.custom-bg-form label{color:#1fae5b;font-weight:700}.custom-bg-input{box-sizing:border-box;text-align:center;width:100%;max-width:100%;height:24px;padding:3px 7px}.custom-bg-input:focus{border-color:#1fae5b;outline:none;box-shadow:0 0 0 2px #1565c029}.custom-bg-message,.custom-bg-actions{padding-right:0}.custom-bg-message{min-height:18px;padding-top:10px}.home-input.button.custom-bg-submit{border-collapse:collapse;color:#1fae5b;background:linear-gradient(#fff 0%,#e8f1fb 100%);min-width:118px;height:25px;padding:1px 14px 2px;font-weight:700;border:1px solid #1fae5b!important}.reset-account-page{color:#0b1f3a}.reset-account-heading{padding-bottom:8px}.reset-account-heading .home-h1{letter-spacing:0;font-weight:700}.reset-account-panel{padding-bottom:12px}.reset-account-table{border-collapse:collapse;border:none}.reset-account-box{background:#fafafa;border:none;border-top-width:0;padding:12px 10px}.reset-account-warning{color:#6d4310;text-align:center;background:#fff8e8;border:1px solid #d8b56c;margin:0 0 14px;padding:8px 10px;line-height:17px}@keyframes panelFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.change-avatar-panel,.choose-avatar-container{animation:.25s ease-out panelFade}.reset-account-frame{border-collapse:collapse;background:#fff;border:1px solid #d7d7d7;width:420px;margin:2px auto 4px;padding:12px}.reset-account-form{border-collapse:collapse;border:1px solid #d7d7d7}.reset-account-form td{vertical-align:middle;padding:6px 8px}.reset-account-form label{color:#1fae5b;font-weight:700}.reset-account-input{box-sizing:border-box;text-align:center;width:100%;max-width:100%;height:24px;padding:3px 7px}.reset-account-input:focus{border-color:#1fae5b;outline:none;box-shadow:0 0 0 2px #1565c029}.reset-account-confirm{color:#0b1f3a;justify-content:center;align-items:center;gap:5px;width:100%;margin-top:10px;display:inline-flex}.reset-account-message{text-align:center;min-height:18px;padding-top:10px}.reset-account-actions{padding-right:0}.home-input.button.reset-account-submit{color:#1fae5b;background:linear-gradient(#fff 0%,#e8f1fb 100%);min-width:118px;height:25px;padding:1px 14px 2px;font-weight:700;border:1px solid #1fae5b!important}.home-input.button.reset-account-submit:hover{color:#000;background:linear-gradient(#fff7ec 0%,#ffd79d 100%)}.pm-page .pm-tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin:10px 0 12px;display:flex}.pm-tab{opacity:.55;transition:opacity .15s,transform .15s;position:relative}.pm-tab-active{opacity:1;transform:scale(1.04)}.pm-tab-unread{color:#fff;background:#ff7003;border-radius:10px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:700}.pm-feedback{text-align:center;border-radius:4px;margin:0 0 10px;padding:8px 10px;font-weight:700}.pm-feedback-ok{color:#155724;background:#f0fff4;border:1px solid #c3e6cb}.pm-feedback-err{color:#842029;background:#fff5f5;border:1px solid #f5c2c7}.pm-section{margin-top:4px;animation:.2s ease-out panelFade}.pm-count-badge{color:#ff7003;background:#fff2e6;border:1px solid #ffd1b3;border-radius:10px;margin-left:8px;padding:1px 7px;font-size:11px;font-weight:700}.pm-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 12px;display:flex}.pm-search{flex:220px;min-width:180px;padding:4px 8px!important}.pm-unread-toggle{color:#0b1f3a;white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:inline-flex}.pm-tool-btn,.pm-mini-btn{min-width:0!important;height:auto!important;padding:3px 8px!important;font-size:11px!important}.pm-primary{color:#fff!important;background:linear-gradient(#ff9a4d 0%,#ff7003 100%)!important;border:1px solid #c45700!important;padding:5px 14px!important;font-weight:700!important}.pm-danger{color:#fff!important;background:#e74c3c!important;border:1px solid #b93a2d!important}.pm-table{width:100%}.pm-table .clan-memberlist-td{vertical-align:middle;padding:7px 6px}.pm-row-unread{background:#ff70030f}.pm-dot{background:#ff7003;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.pm-date{white-space:nowrap;font-size:11px}.pm-actions{white-space:nowrap}.pm-actions .pm-mini-btn{margin:0 2px}.pm-empty{color:#666;text-align:center;background:#f8fafc;border:1px dashed #d7d7d7;margin-top:8px;padding:18px 12px}.pm-compose-panel{text-align:left;background:#fafafa;border:1px solid #d7d7d7;margin-top:8px;padding:12px}.pm-format-toolbar{margin:0 0 8px}.pm-label{color:#0b1f3a;justify-content:space-between;margin:8px 0 4px;font-weight:700;display:flex}.pm-counter{color:#888;font-size:11px;font-weight:400}.pm-field{box-sizing:border-box;width:100%}.pm-textarea{resize:vertical;min-height:140px}.pm-compose-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.pm-preview{background:#fff;border:1px solid #e5e7eb;border-radius:4px;margin-top:14px;padding:12px}.pm-preview-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.pm-meta{color:#334155;text-align:left;margin:3px 0;font-size:12px}.pm-body-box{text-align:left;white-space:pre-wrap;word-break:break-word;background:#fff;border:1px solid #eee;border-radius:3px;max-height:320px;margin-top:10px;padding:10px;line-height:1.45;overflow-y:auto}.pm-modal-overlay{z-index:9999;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.pm-modal{background:#f9f9f9;border:1px solid #ccc;border-radius:6px;width:100%;max-width:560px;max-height:90vh;padding:14px;animation:.2s ease-out panelFade;overflow:auto;box-shadow:0 8px 28px #00000047}.pm-modal-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.pm-modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:14px;display:flex}@media (max-width:720px){.pm-actions{white-space:normal}.pm-actions .pm-mini-btn{margin:2px 0;display:inline-block}}
.draft-mode-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050508e6;justify-content:center;align-items:center;width:100%;height:100%;font-family:Trebuchet MS,Lucida Sans Unicode,sans-serif;display:flex;position:absolute;top:0;left:0}.draft-parchment-board{background:#fff url(https://www.transparenttextures.com/patterns/natural-paper.png);border:2px solid #462703;border-radius:4px;flex-direction:column;width:760px;max-width:calc(100% - 16px);height:480px;max-height:calc(100% - 16px);display:flex;position:relative;overflow:hidden;box-shadow:0 0 24px #000,inset 0 0 30px #8b000026}.draft-wood-header{background:linear-gradient(90deg,#cf570c,#cf570c,#cf570c);border-bottom:2px solid #000;flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 14px;display:flex;box-shadow:0 3px 10px #000c}.draft-player-title{color:#fff;text-shadow:0 0 6px #ffffff4d;letter-spacing:1px;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:14px;overflow:hidden}.draft-player-title.blue-team{color:#fff;text-shadow:0 0 8px #4a90e299}.draft-player-title.red-team{color:#fff;text-shadow:0 0 8px #e74c3c99}.draft-timer-box{text-align:center;background:#000000b3;border:1px solid #333;padding:3px 12px;position:relative;box-shadow:inset 0 0 8px #000}.draft-status-text{letter-spacing:1px;text-transform:uppercase;font-size:10px}.draft-status-text.my-turn{color:#f33;text-shadow:0 0 6px #f339;animation:1.5s infinite pulse-text}.draft-status-text.enemy-turn{color:#7f8c8d}.draft-clock{color:#fff;text-shadow:0 0 8px #f006;font-size:20px;font-weight:700;line-height:1.1}.draft-main-layout{flex:1;gap:10px;min-height:0;padding:10px;display:flex}.draft-side-panel{flex-direction:column;flex-shrink:0;width:130px;padding:6px;display:flex}.draft-panel-title{text-align:center;color:#a81a1a;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #444;margin-bottom:8px;padding-bottom:3px;font-size:12px}.draft-panel-title.sub-title{color:#a81a1a;margin-top:auto;font-size:11px}.draft-picks-grid,.draft-bans-grid{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.draft-slot{background:#0009;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative;box-shadow:inset 0 0 8px #000c}.draft-slot.empty{background:repeating-linear-gradient(45deg,#0d0d0d,#0d0d0d 5px,#141414 5px 10px);border:1px solid #333}.draft-slot.filled{background:#000;border:1px solid #555}.draft-slot img{object-fit:cover;filter:contrast(1.1);width:100%;height:100%}.draft-missed-ban{color:red;justify-content:center;align-items:center;height:100%;font-size:18px;font-weight:700;line-height:100%;display:flex}.pick-slot{width:48px;height:48px}.ban-slot{border-radius:50%;width:32px;height:32px}.ban-slot.empty{border-radius:50%}.ban-slot.filled img{filter:grayscale()brightness(.4)contrast(1.5);border-radius:50%}.draft-side-panel .pick-slot.filled{border-color:#8b0000;box-shadow:0 0 8px #8b000080}.enemy-panel .pick-slot.filled{border-color:#4a90e2;box-shadow:0 0 8px #4a90e24d}.draft-center-panel{background:#fff url(https://www.transparenttextures.com/patterns/natural-paper.png);flex-direction:column;flex:1;min-width:0;height:auto;padding:8px;display:flex}.draft-search-container{text-align:center;flex-shrink:0;width:100%;margin-bottom:8px}.draft-search-input{color:#c51818;background:#fff;border:1px solid #a39573;border-radius:4px;outline:none;width:80%;padding:5px 8px;font-family:inherit;font-size:12px}.draft-roster-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));align-content:start;gap:6px;min-height:0;padding:6px;display:grid;overflow-y:auto}.draft-roster-grid::-webkit-scrollbar{width:5px}.draft-roster-grid::-webkit-scrollbar-track{background:#0a0a0a;border-left:1px solid #222}.draft-roster-grid::-webkit-scrollbar-thumb{background:#444}.draft-roster-grid::-webkit-scrollbar-thumb:hover{background:#8b0000}.draft-wanted-poster{cursor:pointer;background:#000;border:1px solid #333;width:44px;height:44px;padding:1px;transition:all .2s cubic-bezier(.25,.8,.25,1);position:relative;box-shadow:1px 1px 5px #000c}.poster-image{background-position:50%;background-size:cover;border:1px solid #111;width:100%;height:100%}.draft-wanted-poster:hover:not(.unavailable){z-index:2;border-color:#fff;transform:scale(1.08)translateY(-1px);box-shadow:0 3px 10px #fff3}.draft-wanted-poster.selected{z-index:3;border-color:red;transform:scale(1.1);box-shadow:0 0 12px #f009}.draft-wanted-poster.unavailable{cursor:default;opacity:.85}.stamp{pointer-events:none;text-align:center;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;background:#000000d9;border:none;padding:2px 4px;font-size:8px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-35deg)}.banned-stamp{color:#ff1a1a;border-left:2px solid #ff1a1a;border-right:2px solid #ff1a1a;box-shadow:0 0 6px #ff1a1a4d}.picked-stamp{color:#4a90e2;border-left:2px solid #4a90e2;border-right:2px solid #4a90e2;box-shadow:0 0 6px #4a90e24d}.draft-lock-wrapper{flex-shrink:0;justify-content:center;margin-top:8px;display:flex}.draft-lock-btn{text-transform:uppercase;letter-spacing:2px;color:#777;background:#0d0d0d;border:1px solid #333;width:180px;padding:7px 0;font-family:Trebuchet MS,sans-serif;font-size:13px;font-weight:700;transition:all .2s;box-shadow:0 3px #000c}.draft-lock-btn.active{color:#fff;cursor:pointer;text-shadow:0 0 5px #000;background:linear-gradient(90deg,#500000,#a00000,#500000);border:1px solid #ff4d4d}.draft-lock-btn.active:hover{background:linear-gradient(90deg,#700000,#d00000,#700000);box-shadow:0 0 12px #f006,0 3px #000c}.draft-lock-btn.active:active{transform:translateY(3px);box-shadow:0 0 4px #f009}.draft-lock-btn.disabled{color:#444;cursor:not-allowed;text-shadow:none;background:#111;box-shadow:0 3px #000}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.55}}
.overlay-currency{background:#000000d9}@keyframes popIn{to{transform:scale(1)}}@keyframes fadeIn{to{opacity:1}}@keyframes epic-reveal{0%{opacity:0;filter:brightness(4);transform:scale(.2)rotate(-15deg)}65%{opacity:.9;filter:brightness(1.6);transform:scale(1.12)rotate(3deg)}to{opacity:1;filter:brightness();transform:scale(1)rotate(0)}}@keyframes text-aurora{0%{text-shadow:0 0 10px #ff7003,0 0 20px #ff7003;color:#fff}50%{text-shadow:0 0 30px #ff7003,0 0 50px #f30;color:#fffde6;transform:scale(1.02)}to{text-shadow:0 0 10px #ff7003,0 0 20px #ff7003;color:#fff}}@keyframes badge-float{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-5px)}}.overlay-result{z-index:2000;background:#000000e0;flex-direction:column;justify-content:center;align-items:center;display:flex}.overlay-result.has-featured{background:radial-gradient(circle,#201300 0%,#000 100%)}.result-title{color:#ff7003;letter-spacing:2px;text-align:center;margin:0 0 35px;font-size:32px;font-weight:900;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards popIn;transform:scale(0)}.result-title.is-epic{animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards popIn,2.5s ease-in-out .5s infinite text-aurora}.result-grid{flex-wrap:wrap;justify-content:center;gap:25px;max-width:90%;padding:20px;display:flex}.result-card{text-align:center;opacity:0;border-radius:2px;flex-direction:column;align-items:center;min-width:75px;height:100px;padding:15px;animation-name:fadeIn;animation-duration:.5s;animation-fill-mode:forwards;display:flex;position:relative;box-shadow:0 4px 15px #0006}.result-card.epic-featured-card{animation:.65s cubic-bezier(.19,1,.22,1) both epic-reveal,2s ease-in-out .65s infinite saiyan-glow}.shine-wrapper{z-index:5;pointer-events:none;border-radius:2px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.featured-tag-badge{color:#000;letter-spacing:1px;z-index:10;background:linear-gradient(90deg,#ff6a00,#ff7003);border:1px solid #fff;border-radius:10px;padding:2px 9px;font-size:9px;font-weight:900;animation:1.6s ease-in-out infinite badge-float;position:absolute;top:-6px;left:50%;transform:translate(-50%);box-shadow:0 0 12px #ff7003}.hologram-shine{pointer-events:none;width:200%;height:100%;position:absolute;top:0;left:0;transform:rotate(45deg)}.result-img-box{border-radius:2px;margin-bottom:8px;position:relative}.result-img-box.is-epic{border:2px solid #ff7003}.box-multi,.box-single{width:75px;height:75px}.result-img-box img{width:75px;height:75px}.result-img-box.is-epic img{filter:drop-shadow(0 0 6px #ff7003)}.tag-new{color:#fff;z-index:6;background:#ff7003;border-bottom-left-radius:6px;padding:2px 6px;font-size:10px;font-weight:900;position:absolute;top:0;right:0}.tag-new.is-epic{color:#000;background:#ff7003}.tag-mission{color:#0aa10a;background:#f5fff5;border-radius:4px;margin-top:6px;padding:2px 4px;font-size:10px;font-weight:700;display:inline-block}.result-name{color:#222;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:90px;margin:12px 0 0;font-size:14px;font-weight:900;overflow:hidden}.result-name.is-epic{color:#ff7003;font-size:16px}.btn-awesome{color:#fff;cursor:pointer;letter-spacing:1px;opacity:0;background:#ff7003;border:none;border-radius:25px;margin-top:40px;padding:12px 40px;font-size:14px;font-weight:900;transition:transform .2s;animation:.5s 1.5s forwards fadeIn;box-shadow:0 5px 20px #0006}.btn-awesome.is-epic{color:#fff;cursor:pointer;letter-spacing:1px;opacity:0;background:#ff7003;border:1px solid #030303;border-radius:2px;margin-top:40px;padding:12px 20px;font-size:14px;font-weight:900;transition:transform .2s;animation:.5s 1.5s forwards fadeIn;box-shadow:0 5px 20px #0006}.btn-awesome:hover{transform:scale(1.06)}.currency-modal{text-align:center;background:#fff;border:1px solid #000;border-radius:10px;width:320px;padding:20px;box-shadow:0 10px 25px #00000080}.currency-title{color:#ff7003;margin:0 0 10px;font-weight:500}.currency-subtitle{color:#000;margin-bottom:20px;font-size:13px;font-weight:500}.currency-btn-group{flex-direction:column;gap:10px;display:flex}.btn-action{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:700;transition:transform .1s;display:flex}.btn-action:active{transform:scale(.95)}.btn-action:hover{filter:brightness(.5)}.btn-action img{width:20px;height:20px}.btn-zeni{color:#856404;background:#fff3cd;border:1px solid #856404}.btn-credits{color:#004085;background:#cce5ff;border:1px solid #004085}.btn-cancel{letter-spacing:.5px;color:#fff;text-transform:uppercase;background:#ff7003;border:1px solid #000;margin-top:12px;font-size:12px;font-weight:600;line-height:2;position:relative;top:0}.btn-cancel:active{transform:scale(.95)}.overlay-view-drop{background:#000c}.view-drop-container{background:#fff;border:1px solid #000;border-radius:10px;flex-direction:column;width:450px;max-height:80%;padding:20px;display:flex}.view-drop-header{border-bottom:2px solid #eee;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;display:flex}.view-drop-title{color:#ff7003;margin:0;font-size:18px;font-weight:900}.btn-close{color:#fff;cursor:pointer;background:#ff7003;border-radius:2px;padding:2px;font-size:20px;transition:transform .1s}.btn-close:active{transform:scale(.9)}.view-drop-grid{flex-wrap:wrap;gap:10px;padding-right:5px;display:flex;overflow-y:auto}.drop-char-box{background:#f9f9f9;border:1px solid #000;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden;box-shadow:0 2px 4px #0000001a}.drop-char-box img{object-fit:cover;width:100%;height:100%}.drop-char-missing{text-align:center;padding:2px;font-size:10px}.overlay-loading{background:#000000d9;flex-direction:column}.loading-spinner{width:60px;height:60px;animation:1s linear infinite spin}.loading-text{color:#fff;letter-spacing:2px;margin-top:20px}@keyframes spin{to{transform:rotate(360deg)}}.overlay-result{z-index:11;background:#000000e6;flex-direction:column}.result-title{color:#ff7003;text-shadow:0 0 20px #000;text-align:center;margin:0 0 20px;font-size:32px;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards popIn;transform:scale(0)}.result-grid{flex-wrap:wrap;justify-content:center;gap:15px;max-width:700px;height:300px;padding:20px;display:flex}.result-card{opacity:0;flex-direction:column;align-items:center;animation-name:fadeIn;animation-duration:.5s;animation-fill-mode:forwards;display:flex}.box-multi,.box-single{width:75px;height:75px}.border-new{border:1px solid #0aa10a;box-shadow:0 0 20px #0aa10a80}.border-dupe{border:2px solid #ff7003;box-shadow:0 0 20px #ffdf0080}.tag-new{color:#fff;background:#0aa10a;border-bottom-left-radius:6px;padding:2px 6px;font-size:10px;font-weight:900;position:absolute;top:0;right:0}.result-name{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:90px;margin:0;overflow:hidden}.name-multi{font-size:12px}.name-single{font-size:16px}.tag-mission{color:#0aa10a;background:#f5fff5;border-radius:4px;margin-top:5px;padding:2px 4px;font-size:10px;font-weight:700}.btn-awesome{color:#fff;cursor:pointer;opacity:0;background:0 0;border:2px solid #fff;border-radius:5px;margin-top:30px;padding:8px 25px;font-weight:700;transition:transform .1s,background .2s;animation:.5s 1.5s forwards fadeIn}.btn-awesome:hover{background:#ffffff1a}.btn-awesome:active{transform:scale(.95)}.banner-container{flex-direction:column;gap:20px;padding:10px;display:flex}.banner-card{color:#fff;border:1px solid #ff7003;border-radius:5px;flex-direction:column;justify-content:flex-end;height:250px;padding:20px;display:flex;position:relative;box-shadow:inset 0 -120px 80px -20px #000,0 4px 10px #0000004d}.banner-type-tag{text-transform:uppercase;letter-spacing:1px;border:1px solid #fff;border-radius:5px;padding:5px 15px;font-size:12px;font-weight:700;position:absolute;top:15px;left:15px;box-shadow:0 2px 4px #00000080}.tag-limited{background:#f50}.tag-standard{background:#ff7003}.banner-info{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#000000a6;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:15px;padding:12px 15px}.banner-title{text-shadow:2px 2px 4px #000;color:#f8f8f8;margin:0 0 5px;font-size:28px;font-style:italic;font-weight:900}.banner-desc-row{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.banner-description{text-shadow:1px 1px 2px #000;color:#fff;max-width:70%;margin:0;font-size:14px}.view-drop-btn{cursor:pointer;color:#fff;text-shadow:1px 1px 2px #0009;background-color:#ff7003;border:1px solid #e66500;border-radius:6px;padding:6px 12px;font-size:11px;font-weight:500;text-decoration:none;transition:all .1s ease-in-out}.view-drop-btn:hover{background-color:#f83;box-shadow:0 2px 5px #ff700366}.view-drop-btn:active{transform:scale(.95)}.featured-pool{flex-wrap:wrap;gap:8px;max-width:70%;display:flex}.char-icon{background:#000000b3;border:1px solid #ff7003;border-radius:2px;width:45px;height:45px;position:relative;overflow:hidden}.char-icon img{object-fit:cover;width:100%;height:100%}.char-unknown{justify-content:center;align-items:center;width:100%;height:100%;font-size:10px;display:flex}.summon-section{justify-content:space-between;align-items:flex-end;display:flex}.pity-info{color:#ddd;background:#0009;border:1px solid #555;border-radius:8px;padding:6px 12px;font-size:12px}.pity-number{color:#ff7003;font-size:14px;font-weight:700}.summon-buttons{gap:10px;display:flex}.btn-summon{cursor:pointer;border-radius:8px;padding:10px 15px;font-size:13px;font-weight:700;transition:transform .1s}.btn-summon:active{transform:scale(.95)}.btn-summon-1x{color:#333;background:#fff;border:2px solid #ccc;font-weight:900}.btn-summon-10x{color:#fff;background:linear-gradient(#ff7003,#ff8629);border:2px solid #fff;font-weight:900;box-shadow:0 4px 10px #f906}.no-banners{text-align:center;color:#777;padding:40px;font-weight:700}
.sp-root{--sp-bg:#f3f7f4;--sp-bg-soft:#e8f3eb;--sp-surface:#fff;--sp-surface-2:#f8fbf9;--sp-ink:#142019;--sp-muted:#5f7266;--sp-line:#14201914;--sp-green:#1f9d55;--sp-green-2:#167a41;--sp-green-soft:#d9f5e4;--sp-accent:#1f9d55;--sp-accent-2:#0f766e;--sp-danger:#d64545;--sp-ok:#1f9d55;--sp-warn:#c98512;--sp-sidebar:#101814;--sp-sidebar-2:#17241c;--sp-radius:18px;--sp-radius-sm:12px;--sp-shadow:0 10px 30px #10241814;--sp-shadow-lg:0 22px 50px #10241824;--sp-font:"DM Sans","Segoe UI",system-ui,sans-serif;--sp-display:"DM Sans","Segoe UI",system-ui,sans-serif;background:radial-gradient(900px 420px at 12% -10%,#1f9d5524,transparent 55%),radial-gradient(700px 360px at 90% 0%,#0f766e1a,transparent 50%),var(--sp-bg);width:100%;min-height:100vh;color:var(--sp-ink);font-family:var(--sp-font);grid-template-columns:220px 1fr;font-size:15px;font-weight:400;line-height:1.45;display:grid}.sp-root *,.sp-root :before,.sp-root :after{box-sizing:border-box}.sp-root h1,.sp-root h2,.sp-root h3,.sp-root h4{font-family:var(--sp-display);letter-spacing:-.02em;color:var(--sp-ink);font-weight:600}.sp-root p,.sp-root span,.sp-root label,.sp-root small,.sp-root input,.sp-root textarea,.sp-root select,.sp-root button{font-family:var(--sp-font)}.sp-sidebar{background:linear-gradient(180deg,#1f9d5524,transparent 36%),linear-gradient(180deg,var(--sp-sidebar),var(--sp-sidebar-2));color:#eef7f1;z-index:20;border-right:1px solid #ffffff0d;flex-direction:column;gap:18px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.sp-sidebar-brand{align-items:center;gap:12px;padding:8px 10px 4px;display:flex}.sp-sidebar-mark{color:#fff;background:linear-gradient(160deg,#2fd171,#167a41);border-radius:14px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 8px 20px #1f9d5559}.sp-sidebar-brand strong{font-size:1rem;font-weight:600;display:block}.sp-sidebar-brand span{color:#ebfff49e;font-size:.78rem;font-weight:400;display:block}.sp-sidebar-nav{flex-direction:column;flex:1;gap:6px;display:flex}.sp-nav-item{appearance:none;color:inherit;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:14px;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:11px 12px;transition:background .15s,border-color .15s,transform .12s;display:grid}.sp-nav-item:hover{background:#ffffff0d}.sp-nav-item.active{background:#1f9d552e;border-color:#7fe8aa47}.sp-nav-icon{color:#b7f0cb;background:#ffffff0f;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.sp-nav-item.active .sp-nav-icon{color:#fff;background:linear-gradient(160deg,#2fd171,#1f9d55)}.sp-nav-copy{flex-direction:column;gap:1px;min-width:0;display:flex}.sp-nav-copy strong{font-size:.92rem;font-weight:600}.sp-nav-copy small{color:#ebfff48c;font-size:.72rem;font-weight:400}.sp-dot{background:#7dffb0;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #7dffb02e}.sp-sidebar-foot{border-top:1px solid #ffffff0f;padding-top:8px}.sp-user-pill{background:#ffffff0a;border-radius:14px;align-items:center;gap:10px;padding:10px;display:flex}.sp-user-avatar{background:var(--sp-green-soft);width:36px;height:36px;color:var(--sp-green-2);border-radius:50%;place-items:center;font-weight:700;display:grid}.sp-user-pill strong{font-size:.86rem;font-weight:600;display:block}.sp-user-pill small{color:#ebfff48c;font-size:.72rem;display:block}.sp-main{flex-direction:column;min-width:0;padding:16px 18px 88px;display:flex}.sp-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.sp-topbar-title{align-items:center;gap:12px;display:flex}.sp-topbar-icon{background:var(--sp-surface);width:44px;height:44px;color:var(--sp-green);box-shadow:var(--sp-shadow);border:1px solid var(--sp-line);border-radius:14px;place-items:center;display:grid}.sp-topbar h1{margin:0;font-size:1.45rem;font-weight:600}.sp-topbar p{color:var(--sp-muted);margin:2px 0 0;font-size:.86rem;font-weight:400}.sp-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sp-save-dest{letter-spacing:.06em;text-transform:uppercase;border:1px solid #0000;border-radius:999px;align-items:center;padding:7px 12px;font-size:.72rem;font-weight:700;display:inline-flex}.sp-save-dest.is-db{color:#0f6b38;background:#1fae5b24;border-color:#1fae5b59}.sp-save-dest.is-gh{color:#3d4f63;background:#3d4f631a;border-color:#3d4f6338}.sp-workspace{background:0 0;width:100%;min-height:520px}.sp-panel{background:0 0;border:none;width:100%;min-height:0;padding:0}.sp-btn{appearance:none;border:1px solid var(--sp-line);background:var(--sp-surface);color:var(--sp-ink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-size:.875rem;font-weight:500;transition:transform .12s,box-shadow .15s,background .15s,border-color .15s;display:inline-flex;box-shadow:inset 0 1px #ffffffb3}.sp-btn:hover:not(:disabled){box-shadow:var(--sp-shadow);border-color:#1f9d5559;transform:translateY(-1px)}.sp-btn:disabled{opacity:.45;cursor:not-allowed}.sp-btn-primary{color:#fff;background:linear-gradient(#2fd171,#1f9d55);border-color:#167a41;box-shadow:0 8px 18px #1f9d5547}.sp-btn-primary:hover:not(:disabled){border-color:#126534}.sp-btn-accent{color:#fff;background:linear-gradient(#14b8a6,#0f766e);border-color:#0f766e}.sp-btn-danger{color:var(--sp-danger);background:#fff5f5;border-color:#d6454559}.sp-spin{animation:.9s linear infinite sp-spin}@keyframes sp-spin{to{transform:rotate(360deg)}}.sp-banner{border-radius:var(--sp-radius-sm);border:1px solid var(--sp-line);box-shadow:var(--sp-shadow);color:var(--sp-ink);background:#fff;align-items:center;gap:10px;margin-bottom:14px;padding:12px 14px;font-size:.9rem;display:flex}.sp-banner.ok{background:var(--sp-green-soft);color:#14532d;border-color:#1f9d5540}.sp-banner.err{color:#7f1d1d;background:#ffe8e8;border-color:#d6454540}.sp-banner.info{color:#0c4a6e;background:#eef8ff;border-color:#0e749033}.sp-sticky-save{z-index:40;border:1px solid var(--sp-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--sp-shadow-lg);background:#ffffffdb;border-radius:999px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding:12px 16px;display:flex;position:sticky;bottom:12px}.sp-status-dirty{color:var(--sp-warn);font-weight:500}.sp-status-ok{color:var(--sp-ok);font-weight:500}.sp-inline-actions{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;display:flex}.sp-guide{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.sp-guide-card{background:var(--sp-surface);border:1px solid var(--sp-line);box-shadow:var(--sp-shadow);border-radius:16px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.sp-guide-card.active{box-shadow:0 0 0 3px #1f9d551a,var(--sp-shadow);border-color:#1f9d5566}.sp-guide-num{background:var(--sp-green-soft);width:28px;height:28px;color:var(--sp-green-2);border-radius:50%;flex-shrink:0;place-items:center;font-size:.82rem;font-weight:700;display:grid}.sp-guide-card strong{font-size:.92rem;font-weight:600;display:block}.sp-guide-card p{color:var(--sp-muted);margin:2px 0 0;font-size:.8rem}.sp-section-title{margin:0 0 12px;font-size:1.1rem;font-weight:600}.sp-muted{color:var(--sp-muted);font-size:.84rem;font-weight:400;line-height:1.4}.sp-empty{color:var(--sp-muted);text-align:center;background:var(--sp-surface);border-radius:var(--sp-radius);border:1px dashed #1f9d5547;padding:36px 24px}.sp-empty p{margin:0 0 12px}.sp-empty-hero{background:linear-gradient(160deg,#1f9d551a,transparent 55%),var(--sp-surface);padding:48px 28px}.sp-empty-hero h3{margin:0 0 6px;font-size:1.25rem}.sp-template-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:14px 0;display:grid}.sp-template-card{appearance:none;border:1px solid var(--sp-line);background:var(--sp-surface);text-align:left;cursor:pointer;box-shadow:var(--sp-shadow);color:inherit;border-radius:18px;flex-direction:column;gap:6px;padding:18px 16px;transition:transform .12s,border-color .15s,box-shadow .15s;display:flex}.sp-template-card:hover{box-shadow:var(--sp-shadow-lg);border-color:#1f9d5566;transform:translateY(-2px)}.sp-template-card strong{font-size:1rem;font-weight:600}.sp-template-card span{color:var(--sp-muted);font-size:.82rem;line-height:1.35}.sp-template-card .sp-template-icon{background:var(--sp-green-soft);width:42px;height:42px;color:var(--sp-green-2);border-radius:14px;place-items:center;margin-bottom:4px;display:grid}.sp-form{flex-direction:column;gap:12px;display:flex}.sp-field{flex-direction:column;gap:5px;display:flex}.sp-field label,.sp-label-block{color:var(--sp-muted);letter-spacing:.01em;text-transform:none;font-size:.78rem;font-weight:500}.sp-field input,.sp-field textarea,.sp-field select,.sp-search,.sp-fake-select,.sp-code{background:var(--sp-surface-2);border:1px solid var(--sp-line);color:var(--sp-ink);font:inherit;border-radius:12px;width:100%;padding:10px 12px;font-weight:400}.sp-field input:focus,.sp-field textarea:focus:not(.sp-code),.sp-field select:focus,.sp-search:focus,.sp-fake-select:focus{background:#fff;border-color:#1f9d5573;outline:none;box-shadow:0 0 0 3px #1f9d551f}.sp-code,.sp-code:focus,.sp-code:focus-visible,textarea.sp-code,textarea.sp-code:focus{caret-color:#7dffb0;-webkit-text-fill-color:#c7ffe0;border-color:#1f9d5573;outline:none;box-shadow:0 0 0 3px #1f9d5526;color:#c7ffe0!important;background:#102018!important}.sp-field textarea{resize:vertical;min-height:90px}.sp-search{margin-bottom:10px}.sp-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.sp-check{color:var(--sp-ink);align-items:center;gap:8px;font-size:.88rem;display:flex}.sp-chips{flex-wrap:wrap;gap:8px;display:flex}.sp-chip{appearance:none;border:1px solid var(--sp-line);background:var(--sp-surface);color:var(--sp-ink);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:.8rem;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.sp-chip:hover{border-color:#1f9d5559}.sp-chip.active{background:var(--sp-green-soft);color:var(--sp-green-2);border-color:#1f9d5566}.sp-chip-img{object-fit:cover;border-radius:5px;width:18px;height:18px}.sp-fake-select{text-align:left;cursor:pointer;align-items:center;gap:6px;min-height:42px;display:flex}.sp-split{grid-template-columns:minmax(260px,320px) 1fr;gap:16px;width:100%;min-height:420px;display:grid}.sp-list{flex-direction:column;gap:8px;max-height:68vh;padding-right:2px;display:flex;overflow:auto}.sp-list-item{appearance:none;border:1px solid var(--sp-line);background:var(--sp-surface);cursor:pointer;text-align:left;width:100%;color:inherit;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .15s,transform .12s,box-shadow .15s;display:flex;box-shadow:0 4px 14px #1024180a}.sp-list-item:hover{border-color:#1f9d554d;transform:translateY(-1px)}.sp-list-item.active{box-shadow:0 0 0 3px #1f9d551a,var(--sp-shadow);background:linear-gradient(180deg,#fff,var(--sp-green-soft));border-color:#1f9d5580}.sp-list-item img{object-fit:cover;background:var(--sp-bg-soft);border-radius:10px;flex-shrink:0;width:40px;height:40px}.sp-list-item .meta{flex-direction:column;gap:2px;min-width:0;display:flex}.sp-list-item .meta strong{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.sp-list-item .meta span{color:var(--sp-muted);font-size:.75rem}.sp-list-pane,.sp-editor-pane{background:var(--sp-surface);border:1px solid var(--sp-line);border-radius:var(--sp-radius);box-shadow:var(--sp-shadow);min-width:0;padding:14px}.sp-editor-pane{padding:18px}.sp-chars-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.sp-chars-toolbar .sp-search{flex:1;min-width:180px;margin-bottom:0}.sp-live-bar{border-radius:var(--sp-radius-sm);border:1px solid var(--sp-line);box-shadow:var(--sp-shadow);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;display:flex}.sp-live-bar.is-live{background:linear-gradient(#f6f2ff,#fff);border-color:#6d4aff59}.sp-live-copy{flex:1;align-items:flex-start;gap:12px;min-width:220px;display:flex}.sp-live-copy strong{font-size:.92rem;display:block}.sp-live-copy p{color:var(--sp-muted);margin:2px 0 0;font-size:.8rem;line-height:1.35}.sp-live-pill{letter-spacing:.04em;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:5px 9px;font-size:.72rem;font-weight:700;display:inline-flex}.sp-live-pill.on{color:#fff;background:#6d4aff}.sp-live-pill.off{color:#4b5563;background:#eef1f6}.sp-live-actions{flex-wrap:wrap;gap:8px;display:flex}.sp-btn-live{color:#fff;background:linear-gradient(#7c5cff,#6d4aff);border-color:#5b3de0;box-shadow:0 8px 18px #6d4aff47}.sp-btn-live:hover:not(:disabled){border-color:#4c2fc4}.sp-chars-layout{grid-template-columns:minmax(480px,1.15fr) minmax(0,1fr);gap:20px;width:100%;display:grid}.sp-chars-roster .sp-char-grid-wrap-full,.sp-char-grid-wrap-full{background:var(--sp-surface);border:1px solid var(--sp-line);border-radius:var(--sp-radius);width:100%;max-height:calc(84vh - 80px);box-shadow:var(--sp-shadow);padding:16px;overflow:auto}.sp-roster-count{color:#148a45;background:#1fae5b1a;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:8px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.sp-editor-toolbar{align-items:center}.sp-editor-toolbar-title{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.sp-editor-toolbar-title img{object-fit:cover;border:1px solid var(--sp-line);border-radius:10px;width:40px;height:40px}.sp-editor-toolbar-title strong{font-size:1rem;line-height:1.15;display:block}.sp-editor-toolbar-title small{color:var(--sp-muted);font-size:.75rem}.sp-char-editor-full{background:var(--sp-surface);border:1px solid var(--sp-line);border-radius:var(--sp-radius);width:100%;min-height:560px;box-shadow:var(--sp-shadow);padding:22px}.sp-char-grid-wrap,.sp-char-editor,.sp-skill-preview-card,.sp-mission-preview-card{background:var(--sp-surface);border:1px solid var(--sp-line);border-radius:var(--sp-radius);box-shadow:var(--sp-shadow)}.sp-char-grid-wrap{max-height:84vh;padding:16px;overflow:auto}.sp-char-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:14px;display:grid}.sp-hero-card{appearance:none;border:1px solid var(--sp-line);background:var(--sp-surface-2);cursor:grab;color:inherit;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:10px 8px;transition:border-color .15s,box-shadow .15s;display:flex;transform:none}.sp-hero-card:hover,.sp-hero-card.active{background:#fff;border-color:#1fae5b;transform:none;box-shadow:0 8px 18px #1fae5b24}.sp-hero-card.active{outline:2px solid #1fae5b47}.sp-hero-card img{object-fit:cover;object-position:center top;background:#dff5e8;border:2px solid #1fae5b;border-radius:12px;flex-shrink:0;width:75px;height:75px;transform:none}.sp-hero-card span{text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:.86rem;font-weight:500;line-height:1.2;display:-webkit-box;overflow:hidden}.sp-hero-card small{color:var(--sp-muted);font-size:.68rem}.sp-char-editor-wrap{width:100%;display:block}.sp-char-editor{min-height:560px;padding:22px}.sp-char-editor-head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.sp-char-editor-head h3{margin:0;font-size:1.3rem;font-weight:600}.sp-char-editor-head p{color:var(--sp-muted);margin:2px 0 0;font-size:.85rem}.sp-char-face{object-fit:cover;border:1px solid var(--sp-line);background:var(--sp-bg-soft);border-radius:16px;width:64px;height:64px}.sp-skill-rail{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin:12px 0 16px;display:grid}.sp-skill-tile{appearance:none;border:1px solid var(--sp-line);background:var(--sp-surface-2);cursor:pointer;text-align:left;color:inherit;border-radius:16px;align-items:center;gap:10px;padding:10px;transition:border-color .15s,transform .12s,background .15s;display:flex}.sp-skill-tile:hover{border-color:#1f9d5559;transform:translateY(-1px)}.sp-skill-tile.active{background:var(--sp-green-soft);border-color:#1f9d5573}.sp-skill-tile img{object-fit:cover;background:#fff;border-radius:12px;flex-shrink:0;width:42px;height:42px}.sp-skill-tile strong{font-size:.84rem;font-weight:600;line-height:1.2;display:block}.sp-skill-tile small{color:var(--sp-muted);font-size:.72rem}.sp-cta-card{background:linear-gradient(120deg,var(--sp-green-soft),#fff 60%);border:1px solid #1f9d5547;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding:14px 16px;display:flex}.sp-cta-card strong{font-size:.95rem;font-weight:600;display:block}.sp-cta-card p{color:var(--sp-muted);margin:2px 0 0;font-size:.8rem}.sp-target-trigger{appearance:none;background:linear-gradient(180deg,#fff,var(--sp-green-soft));cursor:pointer;text-align:left;width:100%;color:inherit;border:1px solid #1f9d554d;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;transition:transform .12s,box-shadow .15s;display:flex}.sp-target-trigger:hover{box-shadow:var(--sp-shadow);transform:translateY(-1px)}.sp-target-trigger span{color:var(--sp-muted);font-size:.84rem}.sp-target-trigger strong{color:var(--sp-green-2);white-space:nowrap;font-weight:600}.sp-skill-preview{flex-direction:column;gap:10px;display:flex;position:sticky;top:12px}.sp-skill-preview-card{padding:14px}.sp-skill-preview-top{align-items:center;gap:10px;margin-bottom:8px;display:flex}.sp-skill-preview-top h4{color:var(--sp-ink);margin:0;font-size:1.05rem;font-weight:600}.sp-skill-preview-char,.sp-skill-preview-meta{color:var(--sp-muted);margin:0;font-size:.75rem}.sp-skill-preview-energy{flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0;display:flex}.sp-chakra-img,.sp-chakra-img-sm{object-fit:contain;width:28px;height:28px}.sp-chakra-img-sm{width:20px;height:20px}.sp-skill-preview-tips{background:var(--sp-surface);border:1px solid var(--sp-line);border-radius:var(--sp-radius);box-shadow:var(--sp-shadow);padding:14px}.sp-skill-preview-tips h5{color:var(--sp-green-2);margin:0 0 8px;font-size:.9rem;font-weight:600}.sp-skill-preview-tips ul{color:var(--sp-muted);margin:0;padding-left:18px;font-size:.82rem}.sp-skill-preview-art{border-radius:14px}.sp-holder-overlay{z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c181273;justify-content:center;align-items:stretch;padding:12px;display:flex;position:fixed;inset:0}.sp-vscode-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000c7}.sp-vscode-holder{color:#e8e8e8;flex-direction:column;display:flex;overflow:hidden;background:#1e1e1e!important;border:1px solid #333!important;border-radius:12px!important;width:min(1100px,94vw)!important;max-width:94vw!important;height:min(860px,92vh)!important;max-height:92vh!important}.sp-vscode-top{background:#252526;border-bottom:1px solid #333}.sp-vscode-top h3{font-family:Consolas,Courier New,monospace;color:#9cdcfe!important;font-size:1rem!important}.sp-vscode-top p{color:#9a9a9a!important}.sp-vscode-body{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex;background:#1e1e1e!important;padding:14px!important}.sp-monaco-wrap{background:#1e1e1e;border:1px solid #333;border-radius:8px;flex:1;min-height:420px;overflow:hidden}.sp-holder{border:1px solid var(--sp-line);background:var(--sp-bg);width:min(1920px,100vw - 24px);height:calc(100vh - 24px);box-shadow:var(--sp-shadow-lg);border-radius:22px;flex-direction:column;animation:.2s sp-pop;display:flex;overflow:hidden}@keyframes sp-pop{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.sp-holder-top{border-bottom:1px solid var(--sp-line);background:linear-gradient(90deg,#1f9d551f,#0000 55%),#fff;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 22px;display:flex}.sp-holder-top h3{margin:0;font-size:1.2rem;font-weight:600}.sp-holder-top p{color:var(--sp-muted);margin:4px 0 0;font-size:.84rem}.sp-holder-body{flex:1;padding:16px 22px 22px;overflow:auto}.sp-holder-grid,.sp-holder-grid-3{grid-template-columns:minmax(280px,340px) 1fr;align-items:start;gap:18px;min-height:100%;display:grid}.sp-fx-palette,.sp-side-block,.sp-recipe-form,.sp-mini-modal{background:var(--sp-surface);border:1px solid var(--sp-line);box-shadow:var(--sp-shadow);border-radius:16px}.sp-fx-palette{max-height:calc(100vh - 160px);padding:14px;position:sticky;top:0;overflow:auto}.sp-fx-palette h4,.sp-recipes h4,.sp-side-block h4{color:var(--sp-green-2);margin:0 0 8px;font-size:.95rem;font-weight:600}.sp-fx-list{flex-direction:column;gap:6px;margin-top:8px;display:flex}.sp-fx-add{appearance:none;border:1px solid var(--sp-line);background:var(--sp-surface-2);color:var(--sp-ink);text-align:left;cursor:pointer;border-radius:12px;padding:9px 11px;font-size:.82rem;font-weight:500;transition:border-color .15s,background .15s}.sp-fx-add:hover{background:var(--sp-green-soft);border-color:#1f9d5566}.sp-recipe-grid{grid-template-columns:1fr 1fr;gap:8px;margin:8px 0;display:grid}.sp-recipe-card{appearance:none;border:1px solid var(--sp-line);background:var(--sp-surface-2);color:inherit;text-align:left;cursor:pointer;border-radius:14px;flex-direction:column;gap:3px;padding:10px 11px;font-size:.75rem;font-weight:400;line-height:1.35;transition:border-color .15s,transform .12s,background .15s;display:flex}.sp-recipe-card strong{color:var(--sp-ink);font-size:.82rem;font-weight:600}.sp-recipe-card:hover,.sp-recipe-card.active{background:var(--sp-green-soft);border-color:#1f9d5573;transform:translateY(-1px)}.sp-recipe-form{background:linear-gradient(180deg,#fff,var(--sp-green-soft));margin-top:10px;padding:12px}.sp-side-block{background:var(--sp-surface);margin-bottom:12px;padding:14px}.sp-side-block h4{justify-content:space-between;align-items:center;gap:8px;display:flex}.sp-effect{border:1px solid var(--sp-line);background:var(--sp-surface-2);border-radius:14px;margin-bottom:10px;padding:12px}.sp-effect-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:.9rem;font-weight:500;display:flex}.sp-effect-actions{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.sp-nested{border-left:3px solid var(--sp-green-soft);flex-direction:column;gap:8px;margin-top:8px;padding-left:12px;display:flex}.sp-preview{white-space:pre-wrap;color:#b8f0cd;background:#102018;border:1px solid #1f9d5540;border-radius:12px;max-height:220px;margin-top:12px;padding:10px;font-family:Consolas,Courier New,monospace;font-size:.75rem;overflow:auto}.sp-code{resize:vertical;color:#c7ffe0;background:#102018;border:1px solid #1f9d5547;border-radius:12px;min-height:90px;padding:12px;font-family:Consolas,Courier New,monospace;font-size:.78rem}.sp-code-lg{min-height:420px}.sp-code-mode{background:#0c1610}.sp-code-mode .sp-muted{color:#8fb89a}.sp-code::selection{color:#fff;background:#1f9d5573}.sp-mode-toggle{background:var(--sp-bg-soft);border:1px solid var(--sp-line);border-radius:999px;gap:4px;padding:3px;display:inline-flex}.sp-mode-toggle .sp-chip{box-shadow:none;border:none}.sp-simple-layout{grid-template-columns:minmax(320px,1.05fr) minmax(280px,.95fr);align-items:start;gap:18px;display:grid}.sp-simple-recipes{max-height:calc(100vh - 160px)}.sp-simple-summary-card{background:var(--sp-surface);border:1px solid var(--sp-line);box-shadow:var(--sp-shadow);border-radius:18px;min-height:360px;padding:18px}.sp-simple-summary-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.sp-simple-summary-head h4{color:var(--sp-green-2);margin:0;font-size:1.05rem}.sp-simple-tips{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sp-simple-tips li{background:var(--sp-surface-2);border:1px solid var(--sp-line);border-radius:14px;flex-direction:column;gap:2px;padding:12px 14px;font-size:.9rem;line-height:1.4;display:flex}.sp-simple-tip-side{color:var(--sp-green-2);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:600}.sp-simple-tweak{border-top:1px solid var(--sp-line);margin-top:16px;padding-top:12px}.sp-simple-tweak-row{margin-bottom:12px}.sp-simple-tweak-row strong{margin-bottom:6px;font-size:.84rem;font-weight:600;display:block}.sp-linkish{appearance:none;color:var(--sp-green-2);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.sp-chars-toolbar-extra{background:var(--sp-surface);border:1px solid var(--sp-line);border-radius:14px;margin-top:-4px;margin-bottom:10px;padding:10px 12px}@media (max-width:900px){.sp-simple-layout{grid-template-columns:1fr}}.sp-mini-modal{width:min(420px,100%);margin:auto;padding:18px}.sp-mini-modal h3{color:var(--sp-green-2);margin:0 0 12px}.sp-energy-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.sp-hr{border:none;border-top:1px solid var(--sp-line);margin:12px 0}.sp-recipes>.sp-muted{margin:0 0 6px}.sp-before-after{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.sp-thumb{object-fit:cover;border:1px solid var(--sp-line);background:var(--sp-bg-soft);border-radius:12px;width:56px;height:56px;margin-top:6px}.sp-mission-preview-card{align-items:center;gap:12px;margin-bottom:4px;padding:12px;display:flex}.sp-mission-preview-card img{object-fit:cover;border-radius:14px;width:56px;height:56px}.sp-mission-preview-card strong{font-weight:600;display:block}.sp-mission-preview-card p{color:var(--sp-muted);margin:2px 0 0;font-size:.8rem}.sp-ann-layout{grid-template-columns:1fr minmax(240px,320px);gap:14px;display:grid}.sp-ann-preview{position:sticky;top:12px}.sp-ann-preview-card{background:var(--sp-surface);border:1px solid var(--sp-line);border-radius:var(--sp-radius);box-shadow:var(--sp-shadow);padding:16px}.sp-ann-preview-card h4{margin:0 0 4px;font-size:1.1rem}.sp-ann-preview-card .sp-muted{margin-bottom:10px;display:block}.sp-ann-body{white-space:pre-wrap;font-family:var(--sp-font);color:var(--sp-ink);background:var(--sp-surface-2);border:1px solid var(--sp-line);border-radius:12px;margin:0;padding:12px;font-size:.88rem;line-height:1.5}.sp-ann-balance{border-top:1px solid var(--sp-line);margin-top:12px;padding-top:12px}.sp-name-picker{position:relative}.sp-picker-list{z-index:30;border:1px solid var(--sp-line);box-shadow:var(--sp-shadow-lg);background:#fff;border-radius:12px;max-height:220px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto}.sp-picker-list button{appearance:none;text-align:left;cursor:pointer;width:100%;color:var(--sp-ink);background:0 0;border:none;border-radius:8px;padding:8px 10px;font-size:.86rem}.sp-picker-list button:hover{background:var(--sp-green-soft)}.sp-multi-picker{flex-direction:column;gap:8px;display:flex}.sp-skill-preview-desc{color:var(--sp-ink);white-space:pre-wrap;margin:10px 0 0;font-size:.86rem;line-height:1.45}.sp-advanced-json{border-top:1px solid var(--sp-line);margin-top:16px;padding-top:12px}.sp-recipe-form h5{color:var(--sp-green-2);margin:0 0 4px;font-size:1rem;font-weight:600}.sp-archetype-modal{width:min(720px,100%);max-height:calc(100vh - 48px);overflow:auto}.sp-checklist-lines{color:var(--sp-ink);margin:0 0 10px;padding-left:18px;font-size:.82rem;line-height:1.45}.sp-check-ok,.sp-check-bad,.sp-check-err,.sp-check-warn{align-items:flex-start;gap:6px;margin:4px 0 0;font-size:.8rem;line-height:1.35;display:flex}.sp-check-ok{color:var(--sp-ok);font-weight:500}.sp-check-bad,.sp-check-err{color:var(--sp-danger);font-weight:500}.sp-check-warn{color:var(--sp-warn)}.sp-mini-modal.sp-archetype-modal .sp-template-grid{margin:14px 0 16px}.sp-import-modal{width:min(640px,100%);max-height:calc(100vh - 48px);overflow:auto}.sp-import-preview{background:var(--sp-green-soft);border:1px solid #1f9d5540;border-radius:14px;margin:10px 0;padding:12px 14px;font-size:.88rem}.sp-import-preview ul{margin:8px 0 0;padding-left:18px}.sp-import-warns{color:var(--sp-warn);margin-top:8px!important}.sp-img-broken{color:#9f1239;background:#ffe8e8;border-radius:8px;margin-top:6px;padding:4px 8px;font-size:.75rem;display:inline-block}.sp-mobile-only{display:none}@media (max-width:1100px){.sp-char-editor-wrap,.sp-ann-layout,.sp-guide{grid-template-columns:1fr}}@media (max-width:900px){.sp-root{grid-template-columns:1fr}.sp-sidebar{flex-flow:wrap;align-items:center;gap:10px;height:auto;padding:12px;position:relative}.sp-sidebar-nav{flex-flow:wrap;width:100%}.sp-nav-item{flex:140px}.sp-sidebar-foot{border-top:none;width:100%;padding-top:0}.sp-chars-layout,.sp-split,.sp-holder-grid-3,.sp-holder-grid{grid-template-columns:1fr}.sp-mobile-only{display:inline-flex}.sp-chars:not(.sp-mobile-editor-open) .sp-char-editor-wrap,.sp-tab-mobile:not(.sp-mobile-editor-open) .sp-split>div:last-child,.sp-chars.sp-mobile-editor-open .sp-char-grid-wrap,.sp-tab-mobile.sp-mobile-editor-open .sp-split>div:first-child{display:none}.sp-sticky-save{border-radius:18px;margin:0;position:fixed;bottom:10px;left:10px;right:10px}.sp-main{padding-bottom:96px}}