@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:-3px;left:-25px;transform:scale(.6)}.toggle-checkbox{opacity:0;width:0;height:0;position:absolute}.toggle-label{cursor:pointer;width:100px;height:34px;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;top:10px;left:70px;overflow:hidden}.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:98px;left:117px}.close-btn{z-index:10;color:#fff;cursor:pointer;text-transform:uppercase;background-color:#c22f0d;border:1px solid #000;width: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;position:absolute;top:-25px;right:80px}.close-btn:hover{background-color:#9e2609;transform:scale(1.05)}.chat-container{box-sizing:border-box;background-image:url(https://i.imgur.com/yQhPbg0.png);background-position:50%;background-size:cover;flex-direction:column;justify-content:space-between;width:600px;height:322px;padding:40px 20px 20px;display:flex;position:relative}.emoji-panel{z-index:100;background-color:#f9f2d6;border:1px solid #000;border-radius:0;width:400px;padding:10px;position:absolute;top:40%;left:55%;transform:translate(-50%,-50%);box-shadow:0 4px 8px #0003}.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:#0000001a;border-radius:0}.emoji-close-btn{color:#fff;cursor:pointer;text-align:center;background-color:#c22f0d;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}.emoji-close-btn:hover{background-color:#9e2609;transform:scale(1.05)}.messages-container{scrollbar-width:thin;scrollbar-color:#c22f0d transparent;flex:1;width:500px;max-height:220px;margin-bottom:10px;overflow:hidden auto}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:0 0}.messages-container::-webkit-scrollbar-thumb{background-color:#c22f0d;border-radius:3px}.message{align-items:flex-start;width:100%;margin-bottom:20px;font-family:FranklinBold;animation:.3s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.left-message{justify-content:flex-start;margin-left:55px}.right-message{justify-content:flex-end;margin-left:-10px}.chat-avatar{flex-shrink:0;width:36px;height:36px}.chat-avatar img{object-fit:cover;border:1px solid #000;width:100%;height:100%}.message-content{max-width:70%;padding:0 10px}.message-header{margin-bottom:5px}.timestamp{color:maroon;font-size:17px;font-weight:400}.chat-username{color:#000;text-transform:uppercase;font-size:16px;font-weight:400}.message-text{color:#000;font-family:Merriweather,serif;font-size:15px;font-weight:400}.right-message .message-header,.right-message .message-text{text-align:right}.chat-input-area{width:88%;margin-left:55px;padding-bottom:17px;font-family:Franklin Gothic Medium,Franklin Gothic,ITC Franklin Gothic,Arial,sans-serif;display:flex}.chat-input{background-color:#f9f2d6;border:1px solid #000;border-radius:0;flex-grow:1;width:250px;height:14px;padding:8px 12px;font-size:14px;position:absolute}.chat-buttons{display:flex;position:relative;left:285px}.chat-buttons button{cursor:pointer;border:none;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:#9e2609;transform:scale(1.05)}.send-btn{color:#fff;background-color:#c22f0d;font-size:12px;font-weight:400;width:54px!important}.emoji-btn{color:#fff;background-color:#c22f0d}.cancel-btn{color:#fff;background-color:#c22f0d;font-size:12px;font-weight:400;width:54px!important}.no-message-alert{color:#c22f0d;font-family:Merriweather,serif;font-size:19px;position:relative;top:95px;left:16px}.speech-bubble{text-align:center;z-index:5;opacity:0;will-change:transform,opacity;pointer-events:none;word-wrap:break-word;background:#f5e4c7;border:3px solid #7f1217;border-radius:10px;width:fit-content;min-width:20px;max-width:180px;padding:11px;font-family:Merriweather,serif;transition:all .3s;position:relative;top:68px;left:145px;transform:translateY(-10px);box-shadow:0 2px 10px #0000001a}.speech-bubble:before{content:"";pointer-events:none;border-bottom:10px solid #7f1217;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 #f5e4c7;border-left:6px solid #0000;border-right:6px solid #0000;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.notification-text{color:#dc3c34;font-family:FranklinBold}.notification-badge{color:#fff;background-color:#dc3c34;border-radius:50%;justify-content:center;align-items:center;width:13px;height:13px;font-size:8px;font-weight:700;display:flex;position:relative;top:-14px;left:60px;transform:scale(1.3)}@media (min-width:1223px) and (min-height:661px){.chat-wrapper{display:inline-block;position:absolute;top:138px;left:380px}.close-btn{z-index:10;color:#fff;cursor:pointer;text-transform:uppercase;background-color:#c22f0d;border:1px solid #000;width: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;position:absolute;top:-25px;right:80px}.close-btn:hover{background-color:#9e2609;transform:scale(1.05)}.chat-container{box-sizing:border-box;background-image:url(https://i.imgur.com/yQhPbg0.png);background-position:50%;background-size:cover;flex-direction:column;justify-content:space-between;width:600px;height:322px;padding:40px 20px 20px;display:flex;position:relative}.emoji-panel{z-index:100;background-color:#f9f2d6;border:1px solid #000;border-radius:0;width:400px;padding:10px;position:absolute;top:40%;left:55%;transform:translate(-50%,-50%);box-shadow:0 4px 8px #0003}.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:#0000001a;border-radius:0}.emoji-close-btn{color:#fff;cursor:pointer;text-align:center;background-color:#c22f0d;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}.emoji-close-btn:hover{background-color:#9e2609;transform:scale(1.05)}.messages-container{scrollbar-width:thin;scrollbar-color:#c22f0d transparent;flex:1;width:500px;max-height:220px;margin-bottom:10px;overflow:hidden auto}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:0 0}.messages-container::-webkit-scrollbar-thumb{background-color:#c22f0d;border-radius:3px}.message{align-items:flex-start;width:100%;margin-bottom:20px;font-family:FranklinBold;animation:.3s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.left-message{justify-content:flex-start;margin-left:55px}.right-message{justify-content:flex-end;margin-left:-10px}.chat-avatar{flex-shrink:0;width:36px;height:36px}.chat-avatar img{object-fit:cover;border:1px solid #000;width:100%;height:100%}.message-content{max-width:70%;padding:0 10px}.message-header{margin-bottom:5px}.timestamp{color:maroon;font-size:17px;font-weight:400}.chat-username{color:#000;text-transform:uppercase;font-size:16px;font-weight:400}.message-text{color:#000;font-family:Merriweather,serif;font-size:15px;font-weight:400}.right-message .message-header,.right-message .message-text{text-align:right}.chat-input-area{width:88%;margin-left:55px;padding-bottom:17px;font-family:Franklin Gothic Medium,Franklin Gothic,ITC Franklin Gothic,Arial,sans-serif;display:flex}.chat-input{background-color:#f9f2d6;border:1px solid #000;border-radius:0;flex-grow:1;width:250px;height:14px;padding:8px 12px;font-size:14px;position:absolute}.chat-buttons{display:flex;position:relative;left:285px}.chat-buttons button{cursor:pointer;border:none;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:#9e2609;transform:scale(1.05)}.send-btn{color:#fff;background-color:#c22f0d;font-size:12px;font-weight:400;width:54px!important}.emoji-btn{color:#fff;background-color:#c22f0d}.cancel-btn{color:#fff;background-color:#c22f0d;font-size:12px;font-weight:400;width:54px!important}.no-message-alert{color:#c22f0d;font-size:19px;position:relative;top:95px;left:16px}.speech-bubble{text-align:center;z-index:5;opacity:0;will-change:transform,opacity;pointer-events:none;word-wrap:break-word;background:#f5e4c7;border:3px solid #7f1217;border-radius:10px;width:fit-content;min-width:20px;max-width:180px;padding:11px;font-family:Merriweather,serif;transition:all .3s;position:relative;top:68px;left:445px;transform:translateY(-10px);box-shadow:0 2px 10px #0000001a}.speech-bubble:before{content:"";pointer-events:none;border-bottom:10px solid #7f1217;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 #f5e4c7;border-left:6px solid #0000;border-right:6px solid #0000;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.notification-text{color:#dc3c34;font-family:FranklinBold}.notification-badge{color:#fff;background-color:#dc3c34;border-radius:50%;justify-content:center;align-items:center;width:13px;height:13px;font-size:8px;font-weight:700;display:flex;position:relative;top:-14px;left:60px;transform:scale(1.3)}}@media screen and (max-width:800px){.close-btn{right:1px!important}.chat-wrapper{top:30px!important;left:155px!important}.chat-container{background-color:#e1cca8;border:1px solid #000;width:500px!important}.messages-container{width:520px!important;position:relative!important;left:-60px!important}.chat-input-area{margin-left:-5px!important}.chat-buttons{left:310px!important}}@media screen and (max-width:950px) and (orientation:landscape){.close-btn{right:1px!important}.chat-wrapper{top:30px!important;left:155px!important}.chat-container{background-color:#e1cca8;border:1px solid #000;width:500px!important}.messages-container{width:520px!important;position:relative!important;left:-60px!important}.chat-input-area{margin-left:-5px!important}.chat-buttons{left:310px!important}}


.draft-mode-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;font-family:Merriweather,serif;display:flex;position:absolute;top:0;left:0}.draft-parchment-board{background:linear-gradient(135deg,#d7333200,#fff 50%,#d6323100);border:1px solid #d73332;flex-direction:column;width:1100px;height:600px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 30px #000c,inset 0 0 50px #643c1480}.draft-wood-header{background:linear-gradient(#d73332,#d73332);justify-content:space-between;align-items:center;padding:10px 30px;display:flex;box-shadow:0 4px 10px #00000080}.draft-player-title{color:#fff;text-shadow:2px 2px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;letter-spacing:2px;font-size:24px}.draft-player-title.blue-team,.draft-player-title.red-team{color:#fff}.draft-timer-box{text-align:center;background:#0006;padding:5px 20px;position:relative}.draft-status-text{letter-spacing:1px;font-size:14px}.draft-status-text.my-turn{color:#58d68d;animation:1.5s infinite pulse-text}.draft-status-text.enemy-turn{color:#f39c12}.draft-clock{color:#fff;text-shadow:0 0 10px #ffffff80;font-size:32px}.draft-main-layout{flex:1;gap:20px;padding:20px;display:flex}.draft-side-panel{background:#0000001a;border:1px solid #d73332;flex-direction:column;width:200px;padding:15px;display:flex}.draft-panel-title{text-align:center;color:#fff;text-shadow:1px 1px #fff6;border-bottom:2px solid #0e0e0e;margin-bottom:15px;padding-bottom:5px;font-size:20px}.draft-panel-title.sub-title{margin-top:auto;font-size:16px}.draft-picks-grid,.draft-bans-grid{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.draft-slot{background:#0003;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 10px #00000080}.draft-slot.empty{border:1px solid #d73332}.draft-slot.filled{background:#222;border:1px solid #d73332}.draft-slot img{object-fit:cover;width:100%;height:100%}.pick-slot{width:70px;height:70px}.ban-slot{width:45px;height:45px}.ban-slot.filled img{filter:grayscale()brightness(.7)}.draft-side-panel .pick-slot.filled,.enemy-panel .pick-slot.filled{border-color:#fff;box-shadow:0 0 8px #fff}.draft-center-panel{background:#ffffff1a;border:1px solid #4a2f1d33;border-radius:8px;flex-direction:column;flex:1;height:440px;padding:15px;display:flex}.draft-roster-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(65px,1fr));align-content:start;gap:12px;height:30px;padding:10px;display:grid;overflow-y:scroll}.draft-roster-grid::-webkit-scrollbar{width:8px}.draft-roster-grid::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.draft-roster-grid::-webkit-scrollbar-thumb{background:#d73332;border-radius:4px}.draft-wanted-poster{cursor:pointer;background:#fdf5e6;border:1px solid #d73332;border-radius:2px;width:65px;height:65px;padding:2px;transition:all .2s ease-in-out;position:relative;box-shadow:2px 2px 5px #0000004d}.poster-image{background-size:cover;border:1px solid #d73332;width:67px;height:67px;margin-top:-2px;margin-left:-2px}.draft-wanted-poster:hover:not(.unavailable){z-index:2;z-index:2;border-color:#fff;transform:scale(1.1);box-shadow:0 0 15px #ddd}.draft-wanted-poster.selected{z-index:3;border-color:#d73332;transform:scale(1.15);box-shadow:0 0 20px #d73332}.stamp{pointer-events:none;text-align:center;letter-spacing:1px;background:#00000080;border:2px solid;border-radius:4px;padding:2px 4px;font-size:12px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-15deg)}.banned-stamp{color:#ff4d4d;text-shadow:1px 1px #000;border-color:#ff4d4d}.picked-stamp{color:#3498db;text-shadow:1px 1px #000;border-color:#3498db}.draft-lock-wrapper{justify-content:center;margin-top:20px;display:flex}.draft-lock-btn{text-transform:uppercase;color:#fff;text-shadow:1px 1px 2px #000;border:1px solid #000;width:250px;padding:15px 0;font-family:Merriweather,serif;font-size:22px;transition:all .2s;box-shadow:0 6px #0006}.draft-lock-btn.active{cursor:pointer;background:linear-gradient(#ff4d4d,#ff4d4d)}.draft-lock-btn.active:hover{background:linear-gradient(#ff4d4d,#ff4d4d);transform:translateY(2px);box-shadow:0 4px #0006}.draft-lock-btn.active:active{transform:translateY(6px);box-shadow:0 0 #0006}.draft-lock-btn.disabled{color:#bdc3c7;cursor:not-allowed;text-shadow:none;background:linear-gradient(#7f8c8d,#34495e);box-shadow:0 6px #0003}
.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:fixed;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}
.announcement-wrapper{perspective:1000px;animation:.8s ease-out forwards pirateEntry;display:inline-block}.dark-banner-header{color:#fff;background:linear-gradient(90deg,#d73332,#d73332);justify-content:space-between;align-items:center;width:536px;margin-top:-25px;margin-left:-25px;padding:8px 12px;display:flex}.banner-title{text-transform:uppercase;letter-spacing:.5px;align-items:center;font-size:14px;font-style:italic;font-weight:700;display:flex}.banner-nav{align-items:center;gap:12px;display:flex}.banner-nav .nav-counter{color:#e0e0e0;font-size:12px;font-weight:700}.banner-nav .nav-btn{color:#fff;cursor:pointer;background:#0000004d;border:1px solid #444;border-radius:3px;padding:3px 8px;font-size:12px;transition:all .2s}.banner-nav .nav-btn:hover:not(:disabled){background:#fff;border-color:#a71d1d}.banner-nav .nav-btn:disabled{color:#666;cursor:not-allowed;background:0 0;border-color:#0000}.announcement-metadata-bar{color:#555;background-color:#f4f4f4;border-bottom:1px solid #e0e0e0;gap:10px;padding:6px 12px;font-size:11px;display:flex}.announcement-body{padding:15px}.announcement-container-pirate{color:#3e2723;cursor:default;background-color:#ffffffc9;border:1px solid #000;width:510px;margin:20px 0;padding:25px;font-family:Merriweather,serif;transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s,border-color .3s;position:relative;top:-16px;left:-80px}.announcement-container-pirate:hover{border-color:#d73332;transform:translate(2px,2px);box-shadow:3px 3px #d73332}@keyframes pirateEntry{0%{opacity:0;transform:rotateX(-30deg)translateY(30px)}to{opacity:1;transform:rotateX(0)translateY(0)}}.announcement-header{text-align:left;margin-bottom:15px}.announcement-title{color:#a71d1d;text-transform:uppercase;letter-spacing:1px;text-shadow:1px 1px #ffffff80;margin:0 0 10px;font-family:Merriweather,serif;font-size:16px}.announcement-metadata{color:#5d4037;opacity:.9;align-items:center;gap:15px;font-family:Merriweather,serif;font-size:12px;font-weight:700;display:flex}.announcement-metadata i{color:#8d6e63;margin-right:5px}.metadata-separator{color:#d7ccc8}.announcement-divider{opacity:.3;background:linear-gradient(90deg,#0000,#5d4037,#0000);height:2px;margin:15px 0 20px}.announcement-body{color:#4e342e;font-size:15px;line-height:1.6}.announcement-text{color:#4e342e;margin-bottom:25px;font-family:Merriweather,serif;font-size:15px;line-height:1.7}.balance-subtitle{color:#a71d1d;text-transform:uppercase;border-bottom:1px dashed #5d4037;margin-top:20px;padding-bottom:5px;font-family:Merriweather,serif;font-size:18px}.balance-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;margin-top:15px;display:grid}.balance-card{background:#5d40370d;border:1px solid #5d403733;border-radius:6px;padding:12px;transition:transform .2s}.balance-card:hover{background:#5d403714;transform:translateY(-3px)}.balance-card-header{border-bottom:1px solid #5d40371a;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:5px;display:flex}.char-name{color:#2e1f1c;font-family:Merriweather,serif;font-size:14px;font-weight:700}.change-type{text-transform:uppercase;border-radius:3px;padding:2px 6px;font-family:Merriweather,serif;font-size:10px;font-weight:900}.change-type.boosts,.change-type.buff{color:#fff;background:#2e7d32}.change-type.nerfs,.change-type.nerf{color:#fff;background:#c62828}.balance-details{color:#6d4c41;font-size:12px;font-style:italic}.balance-summary-box{background:#5d403714;border-left:4px solid #5d4037;border-radius:0 4px 4px 0;margin-bottom:25px;padding:15px}.summary-line{margin:5px 0;font-size:14px;line-height:1.4}.summary-label{text-transform:uppercase;border-radius:3px;margin-right:5px;padding:2px 5px;font-size:12px}.summary-label.boost,.summary-label.nerf,.summary-label.rework,.summary-label.tweak{color:#a71d1d}.summary-names{color:#3e2723;font-weight:500}.balance-card-complex{background:#5d403714;margin-bottom:20px;padding:15px;box-shadow:2px 2px 10px #0000000d}.balance-card-main-info{border-bottom:2px solid #5d403733;align-items:center;gap:15px;margin-bottom:12px;padding-bottom:12px;display:flex}.char-balance-img{object-fit:cover;background:#333;border:2px solid #744942;border-radius:2px;width:60px;height:60px}.char-name-display{color:#5d4037;text-transform:uppercase;margin:0;font-size:18px}.change-badge{text-transform:uppercase;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:900}.change-badge.boost{color:#fff;background:#2e7d32}.change-badge.nerf{color:#fff;background:#c62828}.change-badge.tweak{color:#fff;background:#28c6b1}.skills-changes-container{flex-direction:column;gap:12px;display:flex}.skill-change-item{background:#5d40370d;border-radius:4px;padding:8px}.skill-change-item:hover{transform:translate(-2px)}.skill-header{align-items:center;gap:8px;margin-bottom:5px;display:flex}.skill-icon-small{border:1px solid #5d4037;border-radius:1px;width:50px;height:50px}.skill-name-label{color:#3e2723;font-size:13px;font-weight:700}.skill-text-list{margin:0;padding-left:5px;list-style:none}.skill-description-line{color:#4e342e;gap:6px;margin-bottom:3px;font-size:12px;line-height:1.5;display:flex}.skill-description-line i{color:#a71d1d;margin-top:3px}.featured-characters-section{margin-bottom:30px}.featured-grid{grid-template-columns:1fr;gap:15px;margin-top:15px;display:grid}.featured-char-card{background:#5d40370d;border:1px solid #5d40374d;border-radius:6px;align-items:center;padding:12px;transition:transform .2s,background .2s;display:flex}.featured-char-card:hover{background:#5d40371a;border-color:#5d4037;transform:translate(5px)}.featured-char-image-container{flex-shrink:0}.featured-char-img{object-fit:cover;background:#222;border:2px solid #5d4037;border-radius:4px;width:70px;height:70px;display:block}.featured-char-info{flex-direction:column;flex:1;margin-left:15px;display:flex}.featured-char-name{color:#a71d1d;text-transform:uppercase;margin:0 0 4px;font-family:Merriweather,serif;font-size:16px;font-weight:700}.featured-char-desc{color:#4e342e;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-family:Merriweather,serif;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.view-profile-btn{color:#8d6e63;text-transform:uppercase;letter-spacing:.5px;align-self:flex-start;font-size:11px;font-weight:700;text-decoration:none}.view-profile-btn:hover{color:#a71d1d;text-decoration:underline}.balance-subtitle i{opacity:.8;margin-right:8px}.balance-notes-container{background-color:#00000014;border-radius:4px;grid-template-columns:1fr;gap:10px;margin-top:15px;font-family:Merriweather,serif;position:relative;box-sizing:border-box!important;width:100%!important;height:auto!important;padding:15px!important;display:grid!important}.balance-notes-title{color:#4e342e;text-transform:uppercase;letter-spacing:1px;border:none;justify-content:flex-start;align-items:center;width:100%;font-family:Merriweather,serif;font-size:10px;font-weight:800;display:flex;margin:0!important}.balance-notes-list{width:100%!important;margin:0!important;padding:0!important;list-style:none!important;display:block!important}.balance-note-line{color:#4e342e;margin-bottom:8px;font-size:12px;line-height:1.5;text-align:left!important;word-break:break-word!important;overflow-wrap:anywhere!important;white-space:normal!important;align-items:flex-start!important;width:100%!important;margin-top:1px!important;display:flex!important}.balance-note-line i{color:#4e342e;flex-shrink:0;margin-top:4px;margin-right:10px;font-size:11px}.skill-name-wrapper{flex-direction:column;justify-content:center;display:flex}.skill-new-attributes{align-items:center;gap:8px;margin-top:4px;display:flex}.new-flag{color:#fff;text-transform:uppercase;letter-spacing:.5px;background-color:#c62828;border:1px solid #fffc;border-radius:3px;padding:2px 5px;font-family:Merriweather,serif;font-size:9px;font-weight:900;box-shadow:1px 1px 3px #0000004d}.skill-cooldown-badge{color:#5d4037;background:#5d403726;border:1px solid #5d40374d;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:700}.skill-cost-container{align-items:center;gap:3px;display:flex}.chakra-square{border:1px solid #3e2723;width:12px;height:12px;display:inline-block;box-shadow:inset 1px 1px 2px #ffffff4d,1px 1px 2px #0003}.chakra-square.chakra-type-random{background-color:#1a1a1a}.chakra-square.chakra-type-nin{background-color:#4193f0}.chakra-square.chakra-type-tai{background-color:#4bce51}.chakra-square.chakra-type-gen{background-color:#be1bc4}.chakra-square.chakra-type-blood{background-color:#9b1e1e}.skill-description-line.is-description{color:#8d6e63;font-style:italic;font-weight:500}.skill-description-line.is-description i{color:#8d6e63;opacity:.8}.text-red{color:#c62828;font-weight:700}.skill-description-line .chakra-square{vertical-align:middle;margin:0 3px}.announcement-nav-buttons .nav-btn{color:#b71c1c;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:16px;transition:all .2s;display:flex}.announcement-nav-buttons .nav-btn:hover:not(:disabled){color:#c44b4b}.announcement-nav-buttons .nav-btn:disabled{color:#555;cursor:not-allowed;background:0 0;border-color:#222}.announcement-comments-section{margin-top:20px}.comments-toggle-bar{cursor:pointer;text-align:center;color:#c44b4b;border-top:1px solid #c44b4b;border-bottom:1px solid #c44b4b;padding:10px;font-weight:700;transition:background .2s}.comments-toggle-bar:hover{background:#c2a1711a}.comments-container{padding:15px}.comments-list{max-height:300px;margin-bottom:15px;padding-right:10px;overflow-y:auto}.comments-list::-webkit-scrollbar{width:6px}.comments-list::-webkit-scrollbar-thumb{background:#c2a171;border-radius:10px}.comment-item{border-bottom:1px solid #c2a1714d;gap:15px;margin-bottom:15px;padding-bottom:10px;display:flex}.comment-avatar-wrapper{flex-shrink:0;width:45px;height:45px;position:relative}.comment-avatar-border{z-index:2;width:55px;height:55px;position:absolute;top:-5px;left:-5px}.comment-avatar-img{object-fit:cover;border:1px solid #c44b4b;width:45px;height:45px}.has-custom-border .comment-avatar-img{border:none}.comment-content{flex-grow:1}.comment-author{color:#b71c1c;margin-bottom:4px;font-size:14px;font-weight:700}.comment-date{color:#777;margin-left:10px;font-size:10px;font-weight:400}.comment-text{color:#0f0f0f;font-size:13px;line-height:1.4}.no-comments-msg{text-align:center;color:#777;padding:20px 0;font-style:italic}.comment-input-area{flex-direction:column;gap:10px;width:100%;margin-top:20px;display:flex}.comment-textarea{color:#fff;resize:vertical;background:#1a1a1a;border:1px solid #b71c1c;border-radius:4px;outline:none;width:100%;min-height:100px;padding:12px;font-family:inherit}.comment-login-required{text-align:center;color:#c2a171;background:#0000004d;border:1px solid #c2a17166;padding:10px}.comment-input-area .pirate-button{align-self:flex-end;min-width:120px;height:35px}.change-btn-comment{color:#fff;cursor:pointer;background-color:#d73332;border:none;border-radius:2px;height:30px;padding:.5rem 1.5rem;font-weight:600}.change-btn-comment:hover{filter:opacity(70%);background-color:#d73332}@media screen and (max-width:768px){.right-sidebar{flex-shrink:0;width:350px;height:400px;margin-top:48px;margin-left:830px;position:absolute}div.nav{color:#fff;margin-left:30px;padding:10px;font-family:Trebuchet MS,verdana,sans-serif}.dark-banner-header{color:#fff;background:linear-gradient(90deg,#d73332,#d73332);justify-content:space-between;align-items:center;width:474px;margin-top:-25px;margin-left:-25px;padding:8px 12px;display:flex}.announcement-container-pirate{color:#3e2723;cursor:default;background-color:#ffffffc9;border:1px solid #000;width:448px;margin:20px 0;padding:25px;font-family:Merriweather,serif;transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s,border-color .3s;position:relative;top:-16px;left:19px}}