@import url(https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600&family=Uncial+Antiqua&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-header{height:60px;position:absolute;width:100%}.body-data{background-color:#212121;height:100vh;justify-content:center}.body-data,.header-bar{align-items:center;display:flex}.header-bar{background-color:#333;color:#fff;height:60px;position:absolute;text-align:center;top:0;width:100%}.logo{height:100px;margin:60px auto 0;width:100px}.room-id{cursor:pointer;position:absolute;right:10px}.room-id:hover{text-decoration:underline}.copy-icon{width:13px}.class-name{align-items:center;display:flex;height:60px;left:10px;position:absolute}.class-name img{width:50px}.class-name p{margin-left:10px}.room-join{flex-direction:column;width:100%}.options-data,.room-join{display:flex;justify-content:center}.options-data{flex-direction:row}.alert{color:#fff}.options-area{align-items:center;border:1px solid #757575;border-radius:6px;color:#fff;cursor:pointer;display:flex;float:left;height:80px;justify-content:center;margin:10px;max-width:120px;padding-left:10px;padding-right:10px}.options-area:hover{background-color:#757575}.modal-area{align-items:center;background-color:#e0e0e0;border-radius:10px;justify-content:center;max-height:80vh;padding:50px;position:absolute;top:40px;width:65%}.content{max-height:65vh;overflow-y:auto}.button-area{background-color:#4c4c4c;border:none;border-radius:4px;box-shadow:0 3px 1px -2px #0003,0 2px 2px 0 #00000024,0 1px 5px 0 #0000001f;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease}.button-area:hover{background-color:#3a3a3a}.text-area{border:none;border-bottom:2px solid #ccc;box-sizing:border-box;font-size:16px;margin:0 0 20px;padding:10px 0;transition:border-color .3s;width:100%;&:focus{border-bottom-color:#3f51b5;outline:none}}.select-class{display:flex;justify-content:center;width:100%}.class-category{margin:10px;width:200px}.body-class{color:#fff}.content{vertical-align:top}.table-data{width:100%}.start-battle,.your-turn{color:#fff}.start-battle a{color:#fff;text-decoration:none}.start-battle a:hover{color:#fff;text-decoration:underline}.lifebar{bottom:10px;position:absolute}.bar-red{background-color:red;height:15px;top:48px}.bar-blue,.bar-red{left:78px;position:absolute}.bar-blue{background-color:blue;height:5px;top:63px}:root{--medieval-bg:#1a1612;--medieval-paper:#f4f1e8;--medieval-brown:#8b4513;--medieval-gold:#d4af37;--medieval-darkgold:#b8941f;--medieval-red:#8b0000;--medieval-green:#228b22;--medieval-blue:#191970;--medieval-gray:#696969;--color-success:var(--medieval-green);--color-error:var(--medieval-red);--color-warning:var(--medieval-gold);--color-info:var(--medieval-blue);--color-default:var(--medieval-paper)}.animated-text-container{background:#1a1612;background:var(--medieval-bg);background-image:radial-gradient(circle at 30% 20%,#d4af371a 0,#0000 50%),radial-gradient(circle at 70% 80%,#8b45131a 0,#0000 50%);font-family:Cinzel,serif;height:100vh;overflow:hidden;position:relative;width:100%}.animated-text-content{align-items:center;display:flex;height:100%;justify-content:center}.animated-text-center{background:#f4f1e8;background:var(--medieval-paper);border:3px solid #8b4513;border:3px solid var(--medieval-brown);border-radius:8px;box-shadow:0 8px 16px #0000004d,inset 0 1px 0 #fff3;padding:2.5rem;text-align:center}.animated-text-title{color:#8b4513;color:var(--medieval-brown);font-family:Uncial Antiqua,serif;font-size:2rem;font-weight:400;letter-spacing:1px;line-height:1.4;margin-bottom:2rem;text-shadow:1px 1px 2px #0000001a}.animated-text-floating{align-items:center;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;right:0;z-index:1000}.animated-text-message{background:#f4f1e8;background:var(--medieval-paper);border:3px solid;border-radius:12px;box-shadow:0 8px 20px #0006,inset 0 1px 0 #ffffff4d;font-family:Uncial Antiqua,serif;font-size:1rem;font-weight:400;letter-spacing:1.5px;padding:1rem 2rem;text-align:center}.animated-text-message.success{border-color:#228b22;border-color:var(--color-success);color:#228b22;color:var(--color-success);text-shadow:1px 1px 2px #228b224d}.animated-text-message.error{border-color:#8b0000;border-color:var(--color-error);color:#8b0000;color:var(--color-error);text-shadow:1px 1px 2px #8b00004d}.animated-text-message.warning{border-color:#d4af37;border-color:var(--color-warning);color:#d4af37;color:var(--color-warning);text-shadow:1px 1px 2px #d4af374d}.animated-text-message.info{border-color:#191970;border-color:var(--color-info);color:#191970;color:var(--color-info);text-shadow:1px 1px 2px #1919704d}.animated-text-message.default{border-color:#8b4513;border-color:var(--medieval-brown);color:#8b4513;color:var(--medieval-brown);text-shadow:1px 1px 2px #8b45134d}@keyframes float-up-gentle{0%{opacity:1;transform:translateY(0) scale(1)}30%{opacity:.9;transform:translateY(-30vh) scale(1.05)}60%{opacity:.6;transform:translateY(-60vh) scale(1)}to{opacity:0;transform:translateY(-100vh) scale(.95)}}@keyframes shimmer{0%,to{text-shadow:1px 1px 2px #0000004d}50%{text-shadow:1px 1px 2px #0000004d,0 0 10px currentColor}}.animate-float-up{animation:float-up-gentle 3s ease-out forwards;animation:float-up-gentle var(--animation-duration,3s) ease-out forwards}.animate-shimmer{animation:shimmer 1s ease-in-out}.animated-text-controls{display:flex;flex-direction:column;gap:1rem;position:absolute;right:1.5rem;top:1.5rem}.animated-text-control-button{background:#f4f1e8;background:var(--medieval-paper);border:2px solid #8b4513;border:2px solid var(--medieval-brown);border-radius:6px;box-shadow:0 3px 6px #0003;color:#8b4513;color:var(--medieval-brown);cursor:pointer;display:block;font-family:Cinzel,serif;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:.75rem 1.25rem;transition:all .3s ease}.animated-text-control-button:hover{background:#8b4513;background:var(--medieval-brown);box-shadow:0 5px 10px #0000004d;color:#f4f1e8;color:var(--medieval-paper);transform:translateY(-2px)}.animated-text-control-button:active{box-shadow:0 2px 4px #0003;transform:translateY(0)}.animated-text-counter{background:#f4f1e8;background:var(--medieval-paper);border:2px solid #d4af37;border:2px solid var(--medieval-gold);border-radius:6px;box-shadow:0 3px 6px #0003;color:#d4af37;color:var(--medieval-gold);font-family:Cinzel,serif;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:.75rem;text-align:center}
/*# sourceMappingURL=main.c2935ee2.css.map*/