@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap";.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#141428f2;color:#e0e0e0;z-index:9999;text-align:center}.loading-spinner{border:8px solid #f3f3f3;border-top:8px solid #8b4513;border-radius:50%;width:60px;height:60px;animation:spin 1.5s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-screen p{font-size:1.2em;font-family:Arial,sans-serif}body{margin:0;font-family:"Poppins",var(--font-family-sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--game-primary-bg);color:var(--game-primary-text)}.App{text-align:center;display:flex;flex-direction:column;min-height:100vh}.app-header{background-color:var(--game-secondary-bg);padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 4);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--game-border-color);box-shadow:var(--box-shadow-lg);z-index:10}.app-header h2{margin:0;color:var(--game-accent-color);font-weight:700;letter-spacing:1px}.app-content{flex-grow:1;padding:calc(var(--spacing-unit) * 4);display:flex;flex-direction:column;align-items:center;position:relative}.app-footer{padding:calc(var(--spacing-unit) * 2);font-size:var(--font-size-sm);color:var(--game-secondary-text);border-top:1px solid var(--game-border-color)}a,.profile-link{color:var(--game-accent-color);text-decoration:none;transition:color .15s ease-in-out,transform .15s ease-in-out;font-weight:600}a:hover,.profile-link:hover{color:var(--game-accent-hover);transform:translateY(-2px)}button,.button-base{display:inline-flex;align-items:center;justify-content:center;padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 3);font-size:var(--font-size-base);font-weight:500;line-height:var(--line-height-base);color:var(--text-color-light);background-color:var(--game-accent-color);border:1px solid transparent;border-radius:var(--border-radius);box-shadow:var(--box-shadow);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,transform .1s ease-in-out;margin:0 calc(var(--spacing-unit) * .5);cursor:pointer;-webkit-user-select:none;user-select:none}button:hover:not(:disabled){background-color:var(--game-accent-hover);box-shadow:var(--box-shadow-lg);transform:translateY(-2px)}button:active:not(:disabled),.button-base:active:not(:disabled){transform:scale(.97) translateY(-1px);background-color:color-mix(in srgb,var(--game-accent-color) 80%,black);box-shadow:inset 0 1px 2px #00000020}button:disabled,button.disabled{background-color:var(--game-secondary-bg);color:var(--game-secondary-text);opacity:var(--disabled-opacity);cursor:not-allowed;box-shadow:none;transform:none}button.secondary,.logout-button{background-color:var(--game-secondary-bg);color:var(--game-primary-text);border:1px solid var(--game-accent-color);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,transform .1s ease-in-out}button.secondary:hover:not(:disabled),.logout-button:hover:not(:disabled){background-color:color-mix(in srgb,var(--game-secondary-bg) 80%,#000);border-color:var(--game-accent-hover)}button.secondary:active:not(:disabled),.logout-button:active:not(:disabled){transform:scale(.97);background-color:color-mix(in srgb,var(--game-secondary-bg) 70%,black);box-shadow:inset 0 1px 2px #00000020}.delete-button{background-color:var(--error-color);color:var(--text-color-light);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,transform .1s ease-in-out}.delete-button:hover:not(:disabled){background-color:color-mix(in srgb,var(--error-color) 80%,black);box-shadow:var(--box-shadow-lg)}.delete-button:active:not(:disabled){transform:scale(.97);background-color:color-mix(in srgb,var(--error-color) 70%,black);box-shadow:inset 0 1px 2px #00000020}.login-container,.profile-container,.lobby-container{background-color:var(--game-card-bg);padding:calc(var(--spacing-unit) * 4) calc(var(--spacing-unit) * 6);border-radius:var(--border-radius-lg);width:100%;max-width:500px;box-shadow:var(--box-shadow-lg);border-top:3px solid var(--game-accent-color)}.form-group{margin-bottom:calc(var(--spacing-unit) * 3);text-align:left}.form-group label{display:block;margin-bottom:var(--spacing-unit);color:var(--game-secondary-text);font-weight:600}.form-group input{width:100%;padding:calc(var(--spacing-unit) * 1.5);border-radius:var(--border-radius);border:1px solid var(--game-border-color);background-color:var(--game-secondary-bg);color:var(--game-primary-text);box-sizing:border-box;font-size:var(--font-size-base);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-group input:focus{outline:none;border-color:var(--game-accent-color);box-shadow:0 0 0 calc(var(--spacing-unit) * .5) color-mix(in srgb,var(--game-accent-color) 30%,transparent)}.form-actions{display:flex;justify-content:space-around;margin-top:calc(var(--spacing-unit) * 3)}.error-message{color:var(--error-color);background-color:color-mix(in srgb,var(--error-color) 10%,transparent);padding:calc(var(--spacing-unit) * 2);border-radius:var(--border-radius);margin-top:calc(var(--spacing-unit) * 2);border-left:3px solid var(--error-color)}.user-info{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 3)}.user-info p{margin:0;color:var(--game-secondary-text)}.game-list{margin-top:calc(var(--spacing-unit) * 4);width:100%}.game-list ul{list-style:none;padding:0}.game-item{display:flex;justify-content:space-between;align-items:center;background-color:var(--game-secondary-bg);padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 3);border-radius:var(--border-radius);margin-bottom:calc(var(--spacing-unit) * 2);border-left:4px solid var(--game-accent-color);transition:transform .15s ease-in-out,box-shadow .15s ease-in-out,border-color .15s ease-in-out}.game-item:hover{transform:translate(5px);box-shadow:var(--box-shadow);border-left-color:var(--game-accent-hover)}.game-item-actions{display:flex;gap:calc(var(--spacing-unit) * 2)}.player-hud{width:100%;background-color:var(--game-secondary-bg);padding:calc(var(--spacing-unit) * 2);border-radius:var(--border-radius);margin-bottom:calc(var(--spacing-unit) * 4);display:flex;justify-content:space-around;align-items:center;border:1px solid var(--game-border-color)}.hud-item{color:var(--game-primary-text)}.mana-bar-container{display:flex;flex-direction:column;align-items:flex-start}.mana-bar{width:150px;height:20px;background-color:var(--game-primary-bg);border-radius:var(--border-radius-lg);border:1px solid var(--game-border-color);position:relative;overflow:hidden;margin-top:var(--spacing-unit)}.mana-bar-fill{height:100%;background-image:linear-gradient(45deg,var(--primary-color),color-mix(in srgb,var(--primary-color) 80%,black));border-radius:var(--border-radius-lg);transition:width .5s ease-in-out}.mana-bar span{position:absolute;width:100%;text-align:center;line-height:20px;font-size:var(--font-size-sm);color:var(--text-color-light);text-shadow:1px 1px 2px black}.fragments-container{display:flex;flex-direction:column;align-items:flex-start}.fragments{display:flex;gap:var(--spacing-unit);margin-top:var(--spacing-unit)}.fragments span{display:flex;align-items:center;gap:var(--spacing-unit);font-size:var(--font-size-base);background-color:var(--game-primary-bg);padding:var(--spacing-unit) calc(var(--spacing-unit) * 1.5);border-radius:var(--border-radius)}.game-page-layout{display:flex;flex-direction:row;width:100%;max-width:1600px;gap:calc(var(--spacing-unit) * 4);margin:0 auto;align-items:flex-start}.left-panel{flex:1;max-width:350px;display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 4);position:sticky;top:calc(var(--spacing-unit) * 4)}.main-panel{flex:3;display:flex;flex-direction:column}.quest-tracker{background-color:var(--game-card-bg);padding:calc(var(--spacing-unit) * 3);border-radius:var(--border-radius-lg);border-left:4px solid var(--success-color);text-align:left}.quest-tracker h4{margin-top:0;color:var(--game-accent-color)}.quest-tracker.completed{border-left-color:var(--game-accent-hover)}.game-container{padding:0}.quest-steps-list{list-style:none;padding-left:0}.quest-steps-list li{margin-bottom:var(--spacing-unit);transition:color .15s ease-in-out}.quest-steps-list li.completed{text-decoration:line-through;color:var(--game-secondary-text);opacity:.7}.game-board-layout{display:flex;flex-direction:column;height:calc(100vh - 120px);max-height:800px;width:100%}.game-status-bar{flex-shrink:0;padding-bottom:1rem;display:flex;justify-content:space-between}.phaser-game-container{flex-grow:1;position:relative;min-height:0}#phaser-container{position:absolute;top:0;left:0;width:100%;height:100%}.game-controls{flex-shrink:0;padding-top:1rem;min-height:80px}.fade-enter{opacity:0;transform:scale(.95)}.fade-enter-active{opacity:1;transform:scale(1);transition:opacity .3s ease-out,transform .3s ease-out}.fade-exit{opacity:1;transform:scale(1)}.fade-exit-active{opacity:0;transform:scale(.95);transition:opacity .3s ease-in,transform .3s ease-in}.player-controls-transition-enter{opacity:0;transform:translateY(20px)}.player-controls-transition-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease-out,transform .3s ease-out}.player-controls-transition-exit{opacity:1;transform:translateY(0)}.player-controls-transition-exit-active{opacity:0;transform:translateY(20px);transition:opacity .3s ease-in,transform .3s ease-in}.opponent-indicator-transition-enter{opacity:0;transform:translateY(20px)}.opponent-indicator-transition-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease-out,transform .3s ease-out}.opponent-indicator-transition-exit{opacity:1;transform:translateY(0)}.opponent-indicator-transition-exit-active{opacity:0;transform:translateY(20px);transition:opacity .3s ease-in,transform .3s ease-in}.success-message{color:var(--success-color);background-color:color-mix(in srgb,var(--success-color) 10%,transparent);padding:calc(var(--spacing-unit) * 2);border-radius:var(--border-radius);margin-top:calc(var(--spacing-unit) * 2);border-left:3px solid var(--success-color)}.styled-table{width:100%;border-collapse:collapse;margin-top:calc(var(--spacing-unit) * 2);font-size:var(--font-size-sm)}.styled-table th,.styled-table td{border:1px solid var(--game-border-color);padding:calc(var(--spacing-unit) * 1.5) var(--spacing-unit);text-align:left;color:var(--game-primary-text)}.styled-table thead th{background-color:var(--game-secondary-bg);color:var(--game-accent-color);font-weight:600}.styled-table tbody tr:nth-child(2n){background-color:color-mix(in srgb,var(--game-secondary-bg) 50%,var(--game-primary-bg))}.styled-table tbody tr:hover{background-color:color-mix(in srgb,var(--game-accent-color) 20%,var(--game-secondary-bg))}.styled-table td button{margin:0;padding:var(--spacing-unit) calc(var(--spacing-unit) * 1.5);font-size:var(--font-size-sm)}.hub-page-container,#phaser-hub-container{width:100%;height:100%;margin:0;padding:0;overflow:hidden}.toast-container{position:fixed;top:calc(var(--spacing-unit) * 4);right:calc(var(--spacing-unit) * 4);z-index:1050;display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 2);max-width:350px}.toast{padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 3);border-radius:var(--border-radius);color:var(--text-color-light);box-shadow:var(--box-shadow-lg);display:flex;justify-content:space-between;align-items:center;opacity:.95;animation:fadeIn .3s ease-out forwards;min-width:250px;position:relative;pointer-events:all}@keyframes fadeIn{0%{opacity:0;transform:translate(100%)}to{opacity:.95;transform:translate(0)}}@keyframes fadeOut{0%{opacity:.95;transform:translate(0)}to{opacity:0;transform:translate(100%);height:0;padding-top:0;padding-bottom:0;margin-bottom:0}}.toast-message{flex-grow:1;padding-right:calc(var(--spacing-unit) * 2);word-break:break-word}.toast-close-btn{background:none;border:none;color:inherit;font-size:1.5em;font-weight:700;line-height:1;cursor:pointer;padding:0;margin-left:calc(var(--spacing-unit) * 2);opacity:.7;transition:opacity .15s ease-in-out}.toast-close-btn:hover{opacity:1}.toast-info{background-color:var(--primary-color)}.toast-success{background-color:var(--success-color)}.toast-error{background-color:var(--error-color)}.toast-warning{background-color:var(--accent-color);color:var(--text-color)}.toast-warning .toast-close-btn{color:var(--text-color)}html,body{height:100%;margin:0;padding:0;overflow:hidden}:root{--primary-color: #007bff;--secondary-color: #6c757d;--accent-color: #ffc107;--success-color: #28a745;--error-color: #dc3545;--light-bg-color: #f8f9fa;--dark-bg-color: #343a40;--text-color: #212529;--text-color-light: #f8f9fa;--disabled-opacity: .65;--border-color: #dee2e6;--game-primary-bg: #121212;--game-secondary-bg: #1e1e1e;--game-card-bg: #2a2a2a;--game-primary-text: #e0e0e0;--game-secondary-text: #a0a0a0;--game-accent-color: #9b59b6;--game-accent-hover: #8e44ad;--game-border-color: #333;--font-family-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-size-base: 1rem;--font-size-sm: .875rem;--font-size-lg: 1.25rem;--line-height-base: 1.5;--border-radius: .25rem;--border-radius-lg: .5rem;--spacing-unit: .5rem;--box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);--box-shadow-lg: 0 .5rem 1rem rgba(0, 0, 0, .15)}body{margin:0;min-height:100vh;font-family:var(--font-family-sans-serif);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--text-color);background-color:var(--light-bg-color)}#root{height:100%}a{color:var(--primary-color);text-decoration:none}a:hover{color:color-mix(in srgb,var(--primary-color) 80%,black);text-decoration:underline}button{font-family:inherit;font-size:inherit;cursor:pointer}