@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap";:root{--primary-key: RoyalBlue;--primary-light: MediumTurquoise;--primary-dark: SteelBlue;--secondary-key: #1F7F1F;--secondary-light: LightGreen;--secondary-dark: DarkGreen;--neutral-key-1: PapayaWhip;--neutral-light-1: Wheat;--neutral-key-2: WhiteSmoke;--semantic-key: Crimson;--semantic-light: DarkOrange;--semantic-dark: DarkOrchid;--shadow: rgba(0, 0, 0, .5);-webkit-user-select:none;user-select:none;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Verdana,sans-serif}html,body{padding:0;margin:0}#ui{position:relative;box-sizing:border-box;margin:0;padding:0 10px;background-image:url(/assets/ui/UI_BG.svg);background-position:center;background-size:cover}#ui-bg{position:absolute;box-sizing:border-box;left:-10px;top:-10px;width:calc(100%+10px);height:calc(100%+10px);z-index:-2}#history{display:flex;flex-direction:column;gap:5px;height:40%;padding:0 5px;overflow-y:scroll;font-size:10pt;-webkit-overflow-scrolling:touch;-webkit-transform:translateZ(0);transform:translateZ(0)}.chat-avatar{min-width:60px;width:18%;filter:drop-shadow(2px 4px var(--shadow))}.chat-message{position:relative;font-size:1rem;color:var(--neutral-key-2);backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.chat-contents{display:flex;justify-content:flex-start;align-items:center;background-size:cover;filter:drop-shadow(2px 4px var(--shadow))}.chat-contents.bg1{background-image:url(/assets/ui/UI_Textbox.svg)}.chat-contents.bg2{background-image:url(/assets/ui/UI_Textbox_Secondary.svg)}.chat-message.incoming{max-width:85%;margin-left:0;margin-right:auto}.chat-message.outgoing{max-width:85%;margin-right:0;margin-left:auto}.chat-message.incoming .chat-contents{flex-direction:row}.chat-message.outgoing .chat-contents{flex-direction:row-reverse}.chat-background{position:absolute;width:100%;height:100%;z-index:-1}.chat-text{max-width:82%;padding:10px 25px;box-sizing:border-box}.ui-divider{background-image:url(/assets/ui/UI_Divider.svg);background-size:cover;background-position:center;width:100%;height:10px;margin:5px 0}#interactive-ui{display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto;overflow-x:hidden;height:calc(60% - 20px)}.choices-form{display:flex;flex-direction:column}.choices-form div{filter:drop-shadow(2px 4px var(--shadow));margin:5px 3%}.choices-form input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;width:0;height:0}.choices-form label{padding:5px 15px;display:block;text-align:center;background:var(--neutral-key-1);-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:center;mask-position:center}.choices-form>div:has(label>input[type=checkbox]:focus-visible){filter:drop-shadow(2px 0px 0px black) drop-shadow(-2px 0px 0px black) drop-shadow(0px 2px 0px black) drop-shadow(0px -2px 0px black)}.multiple-input-form div:has(>button:focus-visible){filter:drop-shadow(2px 0px 0px black) drop-shadow(-2px 0px 0px black) drop-shadow(0px 2px 0px black) drop-shadow(0px -2px 0px black)}.choices-form>div>label>input:focus-visible{outline:none}.choices-form label.mask-1{-webkit-mask-image:url(/assets/ui/UI_Button_Generic.svg);mask-image:url(/assets/ui/UI_Button_Generic.svg)}.choices-form label.mask-2{-webkit-mask-image:url(/assets/ui/UI_Button_Generic_2.svg);mask-image:url(/assets/ui/UI_Button_Generic_2.svg)}.choices-form label.mask-3{-webkit-mask-image:url(/assets/ui/UI_Button_Generic_3.svg);mask-image:url(/assets/ui/UI_Button_Generic_3.svg)}.choices-form label.mask-4{-webkit-mask-image:url(/assets/ui/UI_Button_Generic_4.svg);mask-image:url(/assets/ui/UI_Button_Generic_4.svg)}.choices-form label:has(input:checked){background:var(--secondary-key);color:var(--neutral-key-2)}.choices-form label:hover{transform:scale(1.05);background:var(--neutral-light-1);color:#000}.choices-form label:active{transform:scale(.97);background:var(--secondary-dark);color:var(--neutral-key-2)}.dropdown-form{display:flex;flex-direction:column;font-size:1rem}.dropdown-form select{padding:.7rem;margin:0 3%}.select-container{margin-left:10%;width:80%;display:flex;background-color:var(--secondary-dark);padding:5px;clip-path:polygon(3% 3%,97% 0%,100% 100%,1% 100%);filter:drop-shadow(100% 50% var(--shadow))}.select-container:hover{transform:scale(1.05);color:#000}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:none;background-color:transparent;color:#fff;padding:10px 20px;width:calc(100% + 40px);cursor:pointer;justify-content:center;text-align:center}.select-container:after{content:"▼";color:#fff;position:absolute;right:20px;top:50%;transform:translateY(-50%);pointer-events:none}.select-container:before{content:"▼";color:#fff;position:absolute;right:20px;top:50%;transform:translateY(-50%);pointer-events:none}.select-container option{background-color:var(--neutral-key-1);color:#000;border-color:none;padding:2px}.text-area-form{display:flex;flex-direction:column}.text-area-form textarea{padding:.7rem;margin:0 3%}.multiple-input-form{display:flex;flex-direction:column}.multiple-input-form>div{filter:drop-shadow(2px 4px var(--shadow));margin:5px 3%}.multiple-input-form button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0 0 10px;padding:5px 15px;display:block;text-align:center;background:var(--neutral-key-1);-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:center;mask-position:center;border:none;width:100%;font-size:1rem}.multiple-input-form button.mask{-webkit-mask-image:url(/assets/ui/UI_Button_Generic_3.svg);mask-image:url(/assets/ui/UI_Button_Generic_3.svg)}.multiple-input-form button#done.mask{-webkit-mask-image:url(/assets/ui/UI_Button_Generic_2.svg);mask-image:url(/assets/ui/UI_Button_Generic_2.svg)}.multiple-input-form button:hover:not(:disabled){transform:scale(1.05);background:var(--secondary-key);color:var(--neutral-key-2)}.multiple-input-form button:active:not(:disabled){transform:scale(.97);background:var(--secondary-dark);color:var(--neutral-key-2)}.multiple-input-form button.active:not(:disabled){transform:scale(.97);background:var(--secondary-dark);color:var(--neutral-key-2)}.navigation{padding:5px;display:flex;align-items:flex-end;justify-content:space-between;filter:drop-shadow(2px 4px var(--shadow))}.outline-div:has(:focus-visible){filter:drop-shadow(2px 0px 0px black) drop-shadow(-2px 0px 0px black) drop-shadow(0px 2px 0px black) drop-shadow(0px -2px 0px black)}form{border-radius:1rem;margin:1rem}.choices-form:has(:focus-visible:not(input[type=checkbox])){outline:black 2px solid}.navigation .back-button{-webkit-mask-image:url(/assets/ui/UI_Button_Arrow.svg);mask-image:url(/assets/ui/UI_Button_Arrow.svg)}.navigation .next-button{mask:url(/assets/ui/UI_Button_Arrow_Right.svg)}.navigation #left-button{-webkit-mask-image:url(/assets/ui/UI_Button_Arrow.svg);mask-image:url(/assets/ui/UI_Button_Arrow.svg)}.navigation #right-button{mask:url(/assets/ui/UI_Button_Arrow_Right.svg)}.navigation button{border:0;max-width:60px;max-height:60px;height:60px;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:center;mask-position:center;aspect-ratio:1;background:var(--primary-key);display:block}.navigation button:disabled{background:var(--neutral-key-1)}[aria-hidden=true]{visibility:hidden}.navigation button:not([disabled]):hover{transform:scale(1.1);background:var(--primary-light)}.navigation button:not([disabled]):active{transform:scale(.9);background:var(--primary-dark)}.primary-button{width:100%;display:flex;justify-content:center;padding:auto}.primary-button button{-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:center;mask-position:center;margin:5px;border:0;width:60%;-webkit-mask-image:url(/assets/ui/UI_Button_Generic_2.svg);mask-image:url(/assets/ui/UI_Button_Generic_2.svg);background:var(--primary-key)}.primary-button button:not([disabled]){background:var(--primary-key)}.primary-button button:disabled{background:var(--neutral-key-1)}.primary-button button:not([disabled]):hover{transform:scale(1.1);background:var(--primary-light)}.primary-button button:not([disabled]):active{transform:scale(.9)}#selected-items{list-style:none;padding:0;max-width:90%;align-items:c}#selected-items li{background-color:var(--secondary-key);color:var(--neutral-key-2);padding:10px 15px;margin:10px 0;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 6px #0000001a;transition:background-color .3s,box-shadow .3s}#selected-items li:hover{box-shadow:0 6px 10px #00000026}#selected-items button{color:var(--neutral-key-2);background-color:var(--secondary-key);width:30px;align-content:center;height:30px;border:none;border-radius:50%;cursor:pointer}#selected-items button:hover{font-size:1.2rem}.start-form{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;gap:20px}.start-form h2{font-size:2rem;text-align:center}.start-form input{padding:10px;width:80%;max-width:300px;border:2px solid var(--primary-key);border-radius:5px;font-size:1rem;box-sizing:border-box}.start-form button{padding:10px 20px;border:none;border-radius:5px;background:var(--primary-key);color:var(--neutral-key-2);font-size:1.3rem;font-weight:700;cursor:pointer;transition:transform .2s,background .2s;-webkit-mask-image:url(/assets/ui/UI_Button_Generic_2.svg);mask-image:url(/assets/ui/UI_Button_Generic_2.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;width:100%}.start-form button:hover{transform:scale(1.05);background:var(--primary-light)}.start-form button:active{transform:scale(.95);background:var(--primary-dark)}#character-ui{position:relative;box-sizing:border-box;border-radius:20px;padding:10px 30px;background-image:url(/assets/ui/UI_BG.svg);background-position:center;background-size:cover;width:80%;max-width:600px;margin:30px;height:100%;overflow-y:auto;display:flex;flex-direction:column;justify-content:space-between}.carousel{display:flex;align-items:center}.carousel-slides{border-radius:40%;overflow:hidden;display:flex}.slide{min-width:100%;transition:transform .5s ease;display:flex;flex-direction:column;align-items:center}.character{width:100%;height:100%;object-fit:cover;filter:drop-shadow(3px 6px var(--shadow))}.character-select{padding:5px;filter:drop-shadow(2px 4px var(--shadow));display:flex;flex-direction:column;align-items:center;justify-content:center}.character-select button:not([disabled]):hover{transform:scale(1.1);background:var(--primary-light);color:#000}.character-select button:not([disabled]):active{transform:scale(.9)}.character-select button{margin:5px;border:0;height:40px;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:center;mask-position:center;aspect-ratio:4;background:var(--primary-key);display:block;font-size:1rem}.character-select button:disabled{background:var(--neutral-key-1)}.character-select>div:has(#select-character){width:60%}.character-select .select-button{margin:0 auto;color:var(--neutral-key-2);-webkit-mask-image:url(/assets/ui/UI_Button_Generic_2.svg);mask-image:url(/assets/ui/UI_Button_Generic_2.svg);background:var(--primary-key)}.character-select .select-button-random{color:var(--neutral-key-2);-webkit-mask-image:url(/assets/ui/UI_Button_Generic_3.svg);mask-image:url(/assets/ui/UI_Button_Generic_3.svg);background:var(--secondary-key)}.character-select #random{display:flex;flex-direction:row;align-items:center;gap:20px}.character-select #dice{height:80px}