.app{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#303030;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app-relative{position:relative}h1{font-size:3rem;margin-bottom:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}button{padding:1rem 2rem;font-size:1.2rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000004d;color:#fff;text-transform:uppercase;letter-spacing:1px}button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0006}button:active{transform:translateY(0)}button.pink{background-color:#ffa6e2}button.pink:hover{background-color:#ff95d9}button.blue{background-color:#96c9ff}button.blue:hover{background-color:#85b8ff}button.purple{background-color:#d7c7ed}button.purple:hover{background-color:#c5b0dd}button.cotton-candy-gradient{background:linear-gradient(to right,#96c9ff,#ffa6e2)}button.cotton-candy-gradient:hover{background:linear-gradient(to right,#85b8ff,#ff95d9)}button.green-purple-gradient{background:linear-gradient(to right,#92ffa6,#d7c7ed)}button.green-purple-gradient:hover{background:linear-gradient(to right,#7ae896,#c5b0dd)}.green-color{color:#92ffa6}.purple-color{color:#d7c7ed}.blue-color{color:#96c9ff}.pink-color{color:#ffa6e2}button.green-button{background-color:#92ffa6;color:#000}button.green-button:hover{background-color:#7ae896}button.purple-button{background-color:#d7c7ed;color:#000}button.purple-button:hover{background-color:#c5b0dd}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.fade-in-start{opacity:0;pointer-events:none}.fade-in{animation:fadeIn .5s ease-in forwards}.fade-in-delayed{animation:fadeIn .5s ease-in .1s forwards}.fade-in-delayed-more{animation:fadeIn .5s ease-in .2s forwards}.top-right-button{position:absolute;top:1rem;right:1rem;padding:.5rem 1rem;font-size:1rem;font-weight:700;border:none;border-radius:6px;cursor:pointer;background-color:#fff3;color:#fff;transition:all .3s ease;box-shadow:0 2px 4px #0003}.top-right-button:hover{background-color:#ffffff4d;transform:translateY(-2px)}.top-right-button:active{transform:translateY(0)}.back-button{position:absolute;top:1rem;left:1rem;padding:.5rem 1rem;font-size:1rem;font-weight:700;border:none;border-radius:6px;cursor:pointer;background-color:#fff3;color:#fff;transition:all .3s ease;box-shadow:0 2px 4px #0003}.back-button:hover{background-color:#ffffff4d;transform:translateY(-2px)}.back-button:active{transform:translateY(0)}.rainbow-svg{filter:hue-rotate(0deg);animation:rainbow-shift 3s linear infinite}.landing-page-container{position:relative}.landing-page-welcome-container{text-align:center;margin-bottom:2rem}.landing-page-welcome-title{font-size:3rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.landing-page-subtitle{font-size:1.5rem;opacity:0;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.landing-page-buttons-wrapper{display:flex;justify-content:center}.landing-page-button-row{display:flex;align-items:center;gap:1rem;justify-content:center}.landing-page-button-column{display:flex;flex-direction:column;align-items:center;gap:0}.landing-page-button-column button{opacity:0}.landing-page-button-spaced{margin-top:2rem}.landing-page-text-column{display:none!important;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;padding-top:0}.landing-page-text-column .landing-page-opinion-text{display:none!important;align-items:center;min-height:3.2rem}.landing-page-opinion-text-spaced{margin-top:2rem}.landing-page-opinion-text{font-size:1.5rem;opacity:0;text-shadow:1px 1px 2px rgba(0,0,0,.3);white-space:nowrap;display:none!important}@media (min-width: 768px){.landing-page-text-column,.landing-page-text-column .landing-page-opinion-text{display:flex!important}.landing-page-opinion-text{display:block!important}}.crown-sign-in-button{position:absolute;top:1rem;right:1rem;background:transparent!important;border:none!important;padding:.5rem!important;cursor:pointer;display:flex;align-items:center;justify-content:center;width:64px;height:64px;box-shadow:none!important;transition:none!important;font-size:0!important;text-transform:none!important;letter-spacing:0!important;color:transparent!important}.crown-sign-in-button:hover{transform:none!important;box-shadow:none!important;background:transparent!important}.crown-sign-in-button:active{transform:none!important}.crown-svg{filter:hue-rotate(0deg);animation:rainbow-shift 3s linear infinite;color:gold}@keyframes rainbow-shift{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.sign-in-page-container{position:relative}.sign-in-page-form{display:flex;flex-direction:column;gap:1rem;width:300px;align-items:stretch}.sign-in-page-label{display:block;margin-bottom:.5rem;font-size:1rem;font-weight:700}.sign-in-page-input{width:100%;padding:.75rem;font-size:1rem;border:2px solid rgba(255,255,255,.3);border-radius:6px;background-color:#ffffff1a;color:#fff;box-sizing:border-box}.sign-in-page-submit-button{margin-top:.5rem}.sign-in-page-submit-button:disabled{opacity:.6;cursor:not-allowed}.sign-in-page-message-text{margin-top:1.5rem;color:#d7c7ed;font-size:.9rem;text-align:center;font-style:italic;width:300px;display:block;visibility:visible;opacity:1}.admin-landing-page-container{position:relative}.admin-landing-page-data-buttons-container{margin-top:2rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.admin-landing-page-data-download-button{padding:.75rem 1.5rem;font-size:1rem;font-weight:700;border:none;border-radius:6px;cursor:pointer;background-color:#28a745;color:#fff;transition:all .3s ease;box-shadow:0 2px 4px #0003}.admin-landing-page-data-download-button:hover{background-color:#218838;transform:translateY(-2px)}.admin-landing-page-data-upload-button{padding:.75rem 1.5rem;font-size:1rem;font-weight:700;border:none;border-radius:6px;cursor:pointer;background-color:#007bff;color:#fff;transition:all .3s ease;box-shadow:0 2px 4px #0003}.admin-landing-page-data-upload-button:hover{background-color:#0056b3;transform:translateY(-2px)}@keyframes fadeOutBottom{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100vh)}}.bottom-svg-fade-out{animation:fadeOutBottom .75s ease-out forwards}@keyframes floatUp{0%{transform:scaleY(1);transform-origin:bottom center}to{transform:scaleY(4);transform-origin:bottom center}}.bottom-svg-float-up{animation:floatUp .75s ease-out forwards;z-index:15!important}@keyframes fadeInSlideDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.energy-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;padding:1rem 2rem;font-size:1.2rem;font-weight:700;border:2px solid #ffd700;border-radius:8px;background:#303030cc;color:gold;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000004d}.energy-button.rainbow-svg{filter:hue-rotate(0deg);animation:rainbow-shift 3s linear infinite}.energy-button:hover{transform:translate(-50%,-50%) translateY(-2px);box-shadow:0 6px 12px #0006}.valoparus-button{position:absolute;padding:1rem 2rem;font-size:1.2rem;font-weight:700;border:2px solid #000000;border-radius:8px;background:transparent;color:#000;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000004d}.valoparus-button:hover{transform:translate(-50%) translateY(-2px);box-shadow:0 6px 12px #0006}.energy-textarea{position:relative;z-index:10;width:90%;max-width:1200px;min-height:auto;padding:1.5rem;margin:2rem auto;font-size:1rem;border:2px solid rgba(200,200,200,.5);border-radius:8px;background:#575757;color:#fff;resize:none;font-family:inherit;animation:fadeInSlideDown .75s ease-out forwards;pointer-events:none;cursor:default;overflow:visible;contain:layout style}.energy-textarea:focus{outline:none;border-color:#c8c8c8cc;background:#575757}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{color:#fff;margin-top:1.5rem;margin-bottom:1rem;font-weight:700}.markdown-content h1{font-size:2rem;border-bottom:2px solid rgba(255,255,255,.3);padding-bottom:.5rem}.markdown-content h2{font-size:1.5rem;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:.3rem}.markdown-content h3{font-size:1.25rem}.markdown-content p{margin-bottom:1rem;line-height:1.6}.markdown-content ul,.markdown-content ol{margin-bottom:1rem;padding-left:2rem}.markdown-content li{margin-bottom:.5rem}.markdown-content code{background:#0000004d;padding:.2rem .4rem;border-radius:3px;font-family:Courier New,monospace;font-size:.9em}.markdown-content pre{background:#0000004d;padding:1rem;border-radius:5px;overflow-x:auto;margin-bottom:1rem}.markdown-content pre code{background:none;padding:0}.markdown-content blockquote{border-left:4px solid rgba(255,255,255,.5);padding-left:1rem;margin-left:0;margin-bottom:1rem;color:#ffffffe6}.markdown-content a{color:#96c9ff;text-decoration:underline}.markdown-content a:hover{color:#85b8ff}.markdown-content strong{font-weight:700}.markdown-content em{font-style:italic}.markdown-content hr{border:none;border-top:1px solid rgba(255,255,255,.3);margin:1.5rem 0}@keyframes slideUpFromBottom{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}.settings-line-svg{animation:slideUpFromBottom .75s ease-out forwards}.ttrpg-library-table{width:90%;max-width:1200px;border-collapse:collapse;background-color:#ffffff1a;border-radius:8px;overflow:hidden}.ttrpg-library-table thead tr{background-color:#0000004d}.ttrpg-library-table th{padding:1rem;text-align:left;border-bottom:2px solid rgba(255,255,255,.3);font-size:1.2rem}.ttrpg-library-table tbody tr{border-bottom:1px solid rgba(255,255,255,.1)}.ttrpg-library-table td{padding:1rem}.ttrpg-library-table td:first-child{font-weight:700}.ttrpg-library-table ul{margin:0;padding-left:0;list-style:none}.ttrpg-library-table li{margin-bottom:.5rem}.ttrpg-library-empty-cell{padding:2rem;text-align:center;font-size:1.1rem}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#303030}html{background:#303030}#root{width:100%;min-height:100vh;background:#303030}