@charset "UTF-8";*{box-sizing:border-box;margin:0;padding:0;z-index:0;position:relative}.pageBody{display:flex;flex-direction:column;align-items:center;background-color:#343837;z-index:-1;position:relative;overflow-x:hidden;height:100%}h1{font-family:Adirek,sans-serif;color:#fff;margin:0}.space{height:7vh}@font-face{font-family:Adirek;src:url(/rpg-chainsaw-man-react/assets/AdirekSans-BcaR0fcv.woff2) format("woff2");font-weight:bolder;font-style:normal}header{height:10vh;display:flex;background-color:#b52c2f;color:#fff;text-align:center;align-items:center;justify-content:center;width:100%}header img{position:relative;left:0;height:100%}header h1{display:flex;justify-content:center;align-items:center;font-family:Adirek,sans-serif;margin:0;font-size:2rem}@media (max-width: 600px){header{height:auto;flex-direction:column}header img{height:60px;margin:10px 0;left:unset}header h1{font-size:1.5rem;padding:5px 10px}}.buttonsAndAmount{display:flex;height:7.5vh;gap:1%;justify-content:center;align-items:center;width:100%}@media (max-width: 600px){.buttonsAndAmount{height:50vh;flex-direction:column;gap:7.5%}}.buttonsAndAmountShortened{display:flex;height:7.5vh;gap:1%;justify-content:center;align-items:center;width:100%}@media (max-width: 600px){.buttonsAndAmountShortened{height:31vh;flex-direction:column;gap:12.2%}}.brutalist-container{position:relative;display:flex;align-items:center;justify-content:center;height:100%;font-family:monospace}.brutalist-input{width:100%;height:90%;padding:15px;font-size:18px;font-weight:700;color:#fff;background-color:#1c1c1c;border:4px solid #b52c2f;position:relative;overflow:hidden;border-radius:0;outline:none;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:5px 5px #000,10px 10px #3a3a3a}.brutalist-input:focus{animation:focus-pulse 4s cubic-bezier(.25,.8,.25,1) infinite,glitch .3s cubic-bezier(.25,.8,.25,1) infinite}.brutalist-input:focus:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:#1c1c1c;z-index:-1}.brutalist-input:focus:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#b52c2f;z-index:-2;clip-path:inset(0 100% 0 0);animation:glitch-slice 4s steps(2,end) infinite}.brutalist-label{position:absolute;left:3px;top:-28px;font-size:14px;font-weight:700;color:#fff;background-color:#b52c2f;padding:5px 10px;transform:rotate(-1deg);z-index:1;transition:all .3s cubic-bezier(.25,.8,.25,1)}.brutalist-input:focus+.brutalist-label{transform:rotate(0) scale(1.05);background-color:#e10600}.brutalist-input::placeholder{color:#aaa;transition:color .3s ease}.brutalist-input:focus::placeholder{color:transparent}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes glitch-slice{0%{clip-path:inset(0 100% 0 0)}10%{clip-path:inset(0 5% 0 0)}20%{clip-path:inset(0 80% 0 0)}30%{clip-path:inset(0 10% 0 0)}40%{clip-path:inset(0 50% 0 0)}50%{clip-path:inset(0 30% 0 0)}60%{clip-path:inset(0 70% 0 0)}70%{clip-path:inset(0 15% 0 0)}80%{clip-path:inset(0 90% 0 0)}90%{clip-path:inset(0 5% 0 0)}to{clip-path:inset(0 100% 0 0)}}.smooth-type{position:relative;overflow:hidden}.smooth-type:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#b52c2f,#b52c2f00);z-index:1;opacity:0;transition:opacity .3s ease}.smooth-type:focus:before{opacity:1;animation:type-gradient 2s linear infinite}@keyframes type-gradient{0%{background-position:300px 0}to{background-position:0 0}}@keyframes focus-pulse{0%,to{border-color:#b52c2f}50%{border-color:#e10600}}button{border:none;display:block;position:relative;padding:.7em 2.4em;font-size:18px;background:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;color:#b52c2f;z-index:1;font-family:inherit;font-weight:500}button span{position:absolute;left:0;top:0;width:100%;height:100%;background:transparent;z-index:-1;border:4px solid #b52c2f}button span:before{content:"";display:block;position:absolute;width:8%;height:500%;background:var(--lightgray);top:50%;left:50%;transform:translate(-50%,-50%) rotate(-60deg);transition:all .3s}button:hover span:before{transform:translate(-50%,-50%) rotate(-90deg);width:100%;background:#b52c2f}button:hover{color:#fff}button:active span:before{background:#8f3e3a}@font-face{font-family:Pixelated;src:url(/rpg-chainsaw-man-react/assets/VCR_OSD_MONO_1.001-Ceif2qmb-Ceif2qmb.ttf) format("truetype")}.card{font-family:Pixelated,monospace;color:#fff;width:95%;height:40vh;margin:0 auto;background:linear-gradient(0deg,#000,#272727);border-radius:8px;z-index:1}.card__content{font-family:Pixelated,monospace;padding-left:10px;padding-right:10px}.card__content pre{font-size:small;font-family:Pixelated,monospace}.tools{display:flex;align-items:center;padding:9px}.circle{padding:0 4px}.box{display:inline-block;align-items:center;width:10px;height:10px;padding:1px;border-radius:50%}.red{background-color:#ff605c}.yellow{background-color:#ffbd44}.green{background-color:#00ca4e}.login-container{min-height:100vh;display:flex;background-image:url(/rpg-chainsaw-man-react/assets/chainsawbg-O0oLsk7N.jpeg);background-size:cover;background-repeat:no-repeat;background-attachment:fixed;align-items:center;justify-content:flex-end;padding:1rem 1.5rem 1rem 1rem}.login-form{background:#fff;border-radius:20px;box-shadow:0 8px 16px #0000001a;width:100%;max-width:400px;display:flex;flex-direction:column}.login-form .login-form-img{width:100%;margin-bottom:1rem}.login-form main{border-radius:20px;background:#fff;box-shadow:0 8px 16px #0000001a;width:100%;max-width:400px;padding-left:2rem;padding-right:2rem;padding-bottom:2rem;display:flex;flex-direction:column}.login-form main .title-and-logo{display:flex;justify-content:space-between;align-items:center}.login-form main .title-and-logo h1{font-size:1.75rem;z-index:1;color:#040406;margin-top:2rem;margin-bottom:2rem}.login-form main .title-and-logo img{height:4rem;position:relative;z-index:0;top:1px;right:1px}.login-form main h2{font-size:1.75rem;color:#9d5ca2;margin-bottom:2rem}.login-form main label{font-weight:600;font-size:.95rem;color:#686570}.login-form main input{padding:.6rem .75rem;color:#686570;border:1px solid #ccc;border-radius:.5rem;font-size:1rem;transition:border-color .3s;margin-bottom:1rem}.login-form main input:focus{border-color:#b45eba;outline:none}.login-form main button{background:#834d87;color:#fff;padding:.75rem;font-weight:700;border:none;border-radius:.5rem;cursor:pointer;transition:background .3s}.login-form main button:hover{background:#653b68}.login-form .error-msg{background:#ffe6e6;color:#b91c1c;padding:.5rem;border-radius:.5rem;font-size:.9rem}.adm-page{padding:20px;background:#f5f5f5;font-family:Arial,sans-serif;min-height:100vh}.adm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.adm-header h1{font-size:1.5rem}.adm-header .logout-btn{background:#f66;border:none;padding:8px 16px;color:#fff;border-radius:6px;cursor:pointer}.editor-container{background:#fff;border-radius:8px;padding:16px;border:1px solid #ddd}.node-editor{margin-bottom:10px;border-left:2px solid #ccc;padding-left:10px}.node-header{display:flex;align-items:center;gap:10px}.node-header .node-path{font-weight:700}.node-header .node-input{flex:1;padding:4px;border:1px solid #ccc;border-radius:4px}.node-header .toggle-btn{background:#eee;border:none;padding:4px 8px;border-radius:4px;cursor:pointer}.empty{font-style:italic;color:#777}.save-btn{margin-top:20px;padding:10px 20px;background:#0078d4;color:#fff;border:none;border-radius:6px;cursor:pointer}.login-warning{padding:20px;text-align:center;color:#333}