.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 bottom,#96c9ff,#ffa6e2)}button.cotton-candy-gradient:hover{background:linear-gradient(to bottom,#85b8ff,#ff95d9)}button.pink-green-gradient{background:linear-gradient(to bottom,#ffa6e2,#d7c7ed)}button.pink-green-gradient:hover{background:linear-gradient(to bottom,#ff95d9,#c5b0dd)}button.green-purple-gradient{background:linear-gradient(to bottom,#d7c7ed,#92ffa6)}button.green-purple-gradient:hover{background:linear-gradient(to bottom,#c5b0dd,#7ae896)}.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}.green-invert{color:#ff6b6b}.purple-invert{color:#b4ff6b}.blue-invert{color:#ffb347}.pink-invert{color:#00ffd5}@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}.showroom-markdown h1,.showroom-markdown h2,.showroom-markdown h3{margin-top:.5em;margin-bottom:.5em}.showroom-markdown p{margin:.5em 0;line-height:1.6}.showroom-markdown ul,.showroom-markdown ol{margin:.5em 0;padding-left:1.5em}.showroom-markdown code{background:#fff3;padding:.2em .4em;border-radius:4px;font-size:.9em}.showroom-markdown pre{background:#0000004d;padding:1rem;border-radius:6px;overflow-x:auto;margin:.5em 0}.showroom-markdown pre code{background:none;padding:0}.showroom-markdown blockquote{border-left:4px solid rgba(255,255,255,.5);margin:.5em 0;padding-left:1em;opacity:.9}.showroom-markdown a{color:#96c9ff;text-decoration:underline}.showroom-markdown a:hover{color:#85b8ff}.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)}.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}.showroom-title-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem;align-items:center}.showroom-title-button{min-width:200px}.showroom-empty{margin-top:1rem;font-size:1.1rem;opacity:.9}.showroom-selected-title{margin-bottom:1rem;text-align:center}.showroom-content-layer h1{text-align:center}.showroom-contents{max-width:800px;width:100%;padding:1.5rem;background:#0000004d;border-radius:8px;text-align:center;margin-top:.5rem}@keyframes showroomFadeIn{0%{opacity:0}to{opacity:1}}@keyframes showroomFadeOut{0%{opacity:1}to{opacity:0}}.showroom-fade-in{animation:showroomFadeIn .75s ease-in-out forwards}.showroom-fade-out{animation:showroomFadeOut .75s ease-in-out forwards}.showroom-bg-svg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.showroom-container{position:relative}.showroom-content-layer{position:relative;z-index:1}.showroom-container .back-button{position:fixed;top:1rem;left:1rem}.admin-showroom-list{margin-top:2rem;width:100%;max-width:600px}.admin-showroom-list h2{font-size:1.5rem;margin-bottom:1rem}.admin-showroom-titles{list-style:none;padding:0;margin:0}.admin-showroom-title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;margin-bottom:.5rem;background:#ffffff1a;border-radius:8px}.admin-showroom-title-text{flex:1;text-align:left;font-size:1rem}.admin-showroom-actions{display:flex;gap:.5rem}.admin-showroom-edit,.admin-showroom-delete{padding:.4rem .8rem;font-size:.85rem;text-transform:none}.admin-showroom-editor{align-items:center;justify-content:center}.admin-showroom-title-input{width:100%;max-width:800px;padding:.5rem 1rem;background:#0003;border:2px solid rgba(255,255,255,.4);border-radius:8px;color:#fff;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.admin-showroom-title-input::placeholder{color:#ffffffb3}.admin-showroom-contents-editable{resize:vertical;min-height:200px;cursor:text;font-family:inherit;font-size:1rem;color:#fff;border:2px solid rgba(255,255,255,.4)}.admin-showroom-contents-editable::placeholder{color:#fff9}.admin-showroom-style-section{margin-top:1.5rem;width:100%;max-width:800px;display:flex;flex-direction:column;gap:1rem}.admin-showroom-style-box{padding:1rem 1.5rem;background:#0000004d;border-radius:8px;cursor:pointer;position:relative;border:2px solid rgba(255,255,255,.3);transition:background .2s,border-color .2s}.admin-showroom-style-box:hover{background:#0006;border-color:#ffffff80}.admin-showroom-style-picker{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.admin-showroom-style-option{padding:.5rem 1rem!important;font-size:.9rem!important;text-transform:none!important;background:#fff3!important}.admin-showroom-style-option.selected{background:#ffffff80!important}.admin-showroom-editor-buttons{display:flex;gap:1rem}.admin-showroom-editor-buttons button{flex:1}*{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}