.card-wrapper{display:flex;flex-direction:column;background-color:#242528;width:300px;min-width:300px;justify-content:space-between;border-radius:10px;border:2px solid #242528;color:#f7f4ed;margin-right:10px;margin-top:10px}.card-wrapper .card-title,.card-wrapper .card-type{width:100%;margin-top:5px;text-align:center;text-transform:capitalize}.card-wrapper .card-title{font-size:24px;font-weight:700;font-family:Rokkitt}.card-wrapper .card-description{background-color:#f7f4ed;color:#242528;margin:15px 5px;padding:5px;border-radius:3px;flex-grow:1}.card-wrapper .card-actions{display:flex;flex-direction:row}.card-wrapper .card-actions .action{border:2px solid #f7f4ed;border-radius:3px;padding:5px;flex-grow:1;text-align:center;margin:5px}.card-wrapper .card-actions .action:active{color:#242528;background-color:#f7f4ed}#in-the-cards{width:100vw;height:100vh;font-family:Roboto;background-color:#f7f4ed;overflow-y:scroll}#in-the-cards header{background-color:#f7f4ed;height:60px;padding:5px;display:flex;color:#fafafa;z-index:3}#in-the-cards header #menu-icon{margin:10px 25px 10px 10px}#in-the-cards header #menu-icon svg{fill:#051326}#in-the-cards header #in-the-cards-banner{margin-top:7px}#in-the-cards header #in-the-cards-banner img{width:400px}#in-the-cards #itc-menu-container{background-color:#f7f4ed;padding:0 10px;position:absolute;top:60px;height:calc(100vh - 60px);z-index:10}#in-the-cards #itc-menu-container .itc-menu,#in-the-cards #itc-menu-container .itc-rules-submenu{list-style:none;padding-left:10px;color:#051326}#in-the-cards #itc-menu-container .itc-menu .itc-menu-item,#in-the-cards #itc-menu-container .itc-rules-submenu .itc-menu-item{font-family:Rokkitt;font-size:26px;margin-bottom:10px;margin-right:10px}#in-the-cards #itc-menu-container .itc-menu .itc-submenu-item,#in-the-cards #itc-menu-container .itc-rules-submenu .itc-submenu-item{font-size:18px;padding:5px 0}#in-the-cards #itc-menu-container .itc-menu a,#in-the-cards #itc-menu-container .itc-rules-submenu a{color:unset;text-decoration:none;cursor:pointer}#in-the-cards .itc-container .card-options-menu{display:flex;flex-direction:row;height:40px}#in-the-cards .itc-container .card-options-menu .card-option{flex-grow:1;text-align:center;border:2px solid #242528;border-radius:3px;margin:3px;padding-top:6px;font-weight:700;text-transform:capitalize}#in-the-cards .itc-container .card-options-menu .card-option.selected{background-color:#051326;color:#f7f4ed}#in-the-cards .itc-container .card-display{display:flex;justify-content:center;padding:0 20px;margin:20px 0;flex-direction:row;flex-wrap:wrap}#in-the-cards .itc-container .reset-hand{position:fixed;bottom:10px;right:10px;width:60px;cursor:pointer;padding:20px 10px;border:2px solid #fafafa;color:#fafafa;font-weight:700;text-align:center;border-radius:10px;background:#670000}#in-the-cards .itc-container .new-scene{position:fixed;bottom:10px;right:100px;width:60px;cursor:pointer;padding:20px 10px;border:2px solid #fafafa;color:#fafafa;font-weight:700;text-align:center;border-radius:10px;background:#051326}#in-the-cards .cover{z-index:2;background:#000;width:100%;height:calc(100vh - 70px);opacity:30%;position:absolute}#in-the-cards .blur{z-index:1;filter:blur(3px)}@media only screen and (max-width: 600px){#in-the-cards header{position:fixed;top:0;width:100vw}#in-the-cards header #in-the-cards-banner{margin-top:10px}#in-the-cards header #in-the-cards-banner img{width:300px}#in-the-cards .itc-container,#in-the-cards .cover{margin-top:70px}#in-the-cards .itc-container .card-display,#in-the-cards .cover .card-display{display:flex;justify-content:center;padding:0 20px;margin-top:20px;margin-bottom:100px;flex-direction:row;flex-wrap:wrap}#in-the-cards #itc-menu-container{top:70px;position:fixed}}.custom-card-form{padding:20px;background:#1a1a1a;border-radius:8px;margin:20px;display:flex;flex-direction:column;gap:15px}.custom-card-form input,.custom-card-form select,.custom-card-form textarea{padding:10px;border:1px solid #333;border-radius:4px;background:#2a2a2a;color:#fff;font-size:16px;width:100%}.custom-card-form input:focus,.custom-card-form select:focus,.custom-card-form textarea:focus{outline:none;border-color:#666}.custom-card-form textarea{min-height:100px;resize:vertical}.custom-card-form .create-card-button{background:#444;color:#fff;padding:10px 20px;border-radius:4px;text-align:center;cursor:pointer;transition:background .2s}.custom-card-form .create-card-button:hover{background:#555}.add-custom-card{background:#444;color:#fff;padding:10px 20px;border-radius:4px;text-align:center;cursor:pointer;transition:background .2s}.add-custom-card:hover{background:#555}.content-wrapper{display:flex;background-color:#242528;z-index:2;max-width:700px;height:calc(100vh - 70px);color:#fafafa;flex-direction:column;margin:auto;overflow-y:scroll}.content-wrapper .modal-title{display:flex}.content-wrapper .modal-title h2{margin-left:20px}.content-wrapper .modal-title .close-button{position:absolute;right:20px;padding-top:20px;font-size:25px}.content-wrapper .modal-title .close-button:hover{cursor:pointer}.content-wrapper::-webkit-scrollbar{width:10px}.content-wrapper::-webkit-scrollbar-track{background:#242528}.content-wrapper::-webkit-scrollbar-thumb{background:#fafafa}.modal-body{margin-left:20px;margin-right:20px;min-height:400px}.modal-body .modal-option{margin-bottom:10px;display:flex}.modal-body .modal-option.hide{display:none}.modal-body .modal-option .modal-input{display:flex;flex-grow:1;justify-content:flex-end;color:#242528}.modal-body .modal-option .modal-input div[class*=container]{min-width:200px}.modal-body .horizontal-buttons{display:flex;flex-direction:row;margin-bottom:10px;position:relative;bottom:0}.modal-body .horizontal-buttons.bottom{position:absolute;bottom:10px}.modal-body .horizontal-buttons .button{margin-right:10px;text-align:center;min-width:60px;padding:5px;border:2px solid #fafafa;border-radius:5px;background:#242528;color:#fafafa}.modal-body .horizontal-buttons .button:active{background-color:#fafafa;color:#242528}.hide{display:none}.load-deck-wrapper{background:#fafafa;color:#242528;border-radius:5px;margin-bottom:15px}.load-deck-wrapper .load-deck{padding:7px}.load-deck-wrapper .load-deck h3{display:inline}.load-deck-wrapper .load-deck .button{display:inline;background:#242528;color:#fafafa;padding:5px 10px;border-radius:3px;margin-left:5px;cursor:pointer}.load-deck-wrapper .load-deck .button.delete{background-color:#670000}body{margin:0;padding:0;font-family:sans-serif;background:#fafafa}