@font-face{font-family:Roboto;src:url(../assets/fonts/roboto-regular.ttf) format("truetype")}@font-face{font-family:Roboto;src:url(../assets/fonts/roboto-regular.ttf) format("truetype")}html{font-family:Roboto,sans-serif;background-color:#545454;height:100%}body{height:100%;margin:0}#app{height:100%;max-width:100vw}*,*:before,*:after{box-sizing:border-box}:root{--qp-primary: #FFD21E;--qp-primary-light: rgba(255, 210, 30, .2);--qp-primary-border: rgba(255, 210, 30, .5);--qp-primary-hover: rgba(255, 210, 30, .3);--qp-primary-shadow: rgba(255, 210, 30, .6);--qp-secondary: #3498db;--qp-secondary-light: rgba(52, 152, 219, .2);--qp-secondary-border: rgba(52, 152, 219, .5);--qp-background-dark: #091d3e;--qp-background-medium: #1a3a6b;--qp-surface-dark: rgba(30, 41, 59, .95);--qp-text-light: #ffffff;--qp-text-muted: rgba(255, 255, 255, .7);--qp-overlay-light: rgba(255, 255, 255, .1);--qp-overlay-medium: rgba(255, 255, 255, .2);--qp-border-light: rgba(255, 255, 255, .1);--qp-border-medium: rgba(255, 255, 255, .2);--qp-success: #2ecc71;--qp-warning: #f39c12;--qp-error: #e74c3c;--qp-info: #3498db;--qp-spacing-xs: 5px;--qp-spacing-sm: 10px;--qp-spacing-md: 15px;--qp-spacing-lg: 20px;--qp-spacing-xl: 30px;--qp-spacing-xxl: 50px;--qp-radius-sm: 5px;--qp-radius-md: 10px;--qp-radius-lg: 15px;--qp-radius-xl: 30px;--qp-radius-circle: 50%;--qp-shadow-sm: 0 4px 15px rgba(0, 0, 0, .2);--qp-shadow-md: 0 7px 20px rgba(0, 0, 0, .3);--qp-shadow-lg: 0 10px 25px rgba(0, 0, 0, .3);--qp-transition-fast: .2s ease;--qp-transition-medium: .3s ease;--qp-transition-slow: .5s ease;--qp-font-size-xs: .75rem;--qp-font-size-sm: .875rem;--qp-font-size-md: 1rem;--qp-font-size-lg: 1.25rem;--qp-font-size-xl: 1.5rem;--qp-font-size-xxl: 2rem;--qp-font-size-hero: 3rem}.qp-bg-gradient{background:linear-gradient(135deg,var(--qp-background-dark) 0%,var(--qp-background-medium) 100%)}.qp-bg-overlay{background-color:var(--qp-overlay-light);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid var(--qp-border-medium)}.qp-bg-surface{background-color:var(--qp-surface-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--qp-border-light)}.qp-bg-primary{background-color:var(--qp-primary)}.qp-bg-secondary{background-color:var(--qp-secondary)}.qp-bg-primary-light{background-color:var(--qp-primary-light)}.qp-bg-success{background-color:var(--qp-success)}.qp-bg-warning{background-color:var(--qp-warning)}.qp-bg-error{background-color:var(--qp-error)}.qp-bg-info{background-color:var(--qp-info)}.qp-button{width:100%;display:flex;justify-content:center;align-items:center;padding:var(--qp-spacing-sm) var(--qp-spacing-xl);border-radius:var(--qp-radius-md);font-size:1.2rem;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:1px;transition:all var(--qp-transition-medium);cursor:pointer;box-shadow:var(--qp-shadow-sm);border:none;position:relative;overflow:hidden}.qp-button:hover{transform:translateY(-5px);box-shadow:var(--qp-shadow-md)}.qp-button:active{transform:translateY(0);box-shadow:var(--qp-shadow-sm)}.qp-button-primary{background-color:var(--qp-primary);color:#000}.qp-button-secondary{background-color:var(--qp-secondary);color:var(--qp-text-light)}.qp-button-outline{background-color:transparent;border:1px solid var(--qp-primary-border);color:var(--qp-primary)}.qp-button-success{background-color:var(--qp-success);color:var(--qp-text-light)}.qp-button-warning{background-color:var(--qp-warning);color:var(--qp-text-light)}.qp-button-error{background-color:var(--qp-error);color:var(--qp-text-light)}.qp-button-sm{padding:var(--qp-spacing-xs) var(--qp-spacing-md);font-size:var(--qp-font-size-sm)}.qp-button-lg{padding:var(--qp-spacing-md) var(--qp-spacing-xl);font-size:var(--qp-font-size-lg)}.qp-button-icon{width:auto;padding:var(--qp-spacing-sm);border-radius:var(--qp-radius-circle)}.qp-button-auto-width{width:auto}.qp-button-accent{background-color:#3cb4e5;color:#fff;border:2px solid rgba(60,180,229,.5);box-shadow:0 0 15px #3cb4e566}.qp-input{width:100%;padding:var(--qp-spacing-sm);border-radius:var(--qp-radius-md);border:2px solid var(--qp-border-medium);background-color:#ffffff1a;color:var(--qp-text-light);font-size:var(--qp-font-size-md);transition:all var(--qp-transition-fast)}.qp-input:focus{outline:none;border-color:var(--qp-primary);box-shadow:0 0 8px var(--qp-primary-shadow)}.qp-input::placeholder{color:var(--qp-text-muted)}.qp-input-error{border-color:var(--qp-error);box-shadow:0 0 8px #e74c3c80}.qp-input-success{border-color:var(--qp-success);box-shadow:0 0 8px #2ecc7180}.qp-form-group{width:100%;margin-bottom:var(--qp-spacing-md)}.qp-label{display:block;margin-bottom:var(--qp-spacing-xs);font-weight:700;color:var(--qp-text-light)}.qp-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='%23ffffff'%3E%3Cpath d='M6 9L2 5h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--qp-spacing-md) center;padding-right:var(--qp-spacing-xl)}.qp-avatar{border-radius:var(--qp-radius-circle);border:2px solid var(--qp-primary);object-fit:cover}.qp-avatar-sm{width:36px;height:36px}.qp-avatar-md{width:50px;height:50px}.qp-avatar-lg{width:80px;height:80px}.qp-avatar-placeholder{display:flex;justify-content:center;align-items:center;background-color:var(--qp-secondary);color:var(--qp-text-light);font-weight:700}.qp-container{border-radius:var(--qp-radius-md);padding:var(--qp-spacing-md);background-color:var(--qp-surface-dark);box-shadow:var(--qp-shadow-md)}.qp-card{border-radius:var(--qp-radius-lg);padding:var(--qp-spacing-lg);background-color:var(--qp-surface-dark);box-shadow:var(--qp-shadow-md);border:1px solid var(--qp-border-light);transition:transform var(--qp-transition-medium),box-shadow var(--qp-transition-medium)}.qp-card:hover{transform:translateY(-5px);box-shadow:var(--qp-shadow-lg)}.qp-card-header{margin-bottom:var(--qp-spacing-md);padding-bottom:var(--qp-spacing-sm);border-bottom:1px solid var(--qp-border-medium)}.qp-card-footer{margin-top:var(--qp-spacing-md);padding-top:var(--qp-spacing-sm);border-top:1px solid var(--qp-border-medium)}.qp-panel{background-color:#ffffff0d;border-radius:var(--qp-radius-md);padding:var(--qp-spacing-md);border:1px solid var(--qp-border-light)}.qp-flex{display:flex}.qp-flex-col{display:flex;flex-direction:column}.qp-flex-row{display:flex;flex-direction:row}.qp-flex-wrap{flex-wrap:wrap}.qp-justify-start{justify-content:flex-start}.qp-justify-center{justify-content:center}.qp-justify-end{justify-content:flex-end}.qp-justify-between{justify-content:space-between}.qp-justify-around{justify-content:space-around}.qp-items-start{align-items:flex-start}.qp-items-center{align-items:center}.qp-items-end{align-items:flex-end}.qp-grid{display:grid}.qp-grid-cols-2{grid-template-columns:repeat(2,1fr)}.qp-grid-cols-3{grid-template-columns:repeat(3,1fr)}.qp-grid-cols-4{grid-template-columns:repeat(4,1fr)}.qp-grid-gap{gap:var(--qp-spacing-md)}.qp-m-xs{margin:var(--qp-spacing-xs)}.qp-m-sm{margin:var(--qp-spacing-sm)}.qp-m-md{margin:var(--qp-spacing-md)}.qp-m-lg{margin:var(--qp-spacing-lg)}.qp-m-xl{margin:var(--qp-spacing-xl)}.qp-mx-auto{margin-left:auto;margin-right:auto}.qp-my-auto{margin-top:auto;margin-bottom:auto}.qp-mt-xs{margin-top:var(--qp-spacing-xs)}.qp-mt-sm{margin-top:var(--qp-spacing-sm)}.qp-mt-md{margin-top:var(--qp-spacing-md)}.qp-mt-lg{margin-top:var(--qp-spacing-lg)}.qp-mt-xl{margin-top:var(--qp-spacing-xl)}.qp-mb-xs{margin-bottom:var(--qp-spacing-xs)}.qp-mb-sm{margin-bottom:var(--qp-spacing-sm)}.qp-mb-md{margin-bottom:var(--qp-spacing-md)}.qp-mb-lg{margin-bottom:var(--qp-spacing-lg)}.qp-mb-xl{margin-bottom:var(--qp-spacing-xl)}.qp-p-xs{padding:var(--qp-spacing-xs)}.qp-p-sm{padding:var(--qp-spacing-sm)}.qp-p-md{padding:var(--qp-spacing-md)}.qp-p-lg{padding:var(--qp-spacing-lg)}.qp-p-xl{padding:var(--qp-spacing-xl)}.qp-w-full{width:100%}.qp-w-auto{width:auto}.qp-w-50{width:50%}.qp-w-75{width:75%}.qp-w-25{width:25%}.qp-h-full{height:100%}.qp-h-auto{height:auto}.qp-h-screen{height:100vh}@keyframes qp-float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes qp-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes qp-shimmer{0%{left:-100%}to{left:100%}}@keyframes qp-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes qp-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes qp-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.qp-float{animation:qp-float 4s ease-in-out infinite}.qp-fade-in{animation:qp-fade-in var(--qp-transition-fast) ease-out}.qp-pulse{animation:qp-pulse 2s ease-in-out infinite}.qp-rotate{animation:qp-rotate 2s linear infinite}.qp-bounce{animation:qp-bounce 1s ease-in-out infinite}.qp-shimmer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:var(--qp-transition-slow)}.qp-shimmer:hover:before{left:100%}.qp-text-primary{color:var(--qp-primary)}.qp-text-secondary{color:var(--qp-secondary)}.qp-text-light{color:var(--qp-text-light)}.qp-text-muted{color:var(--qp-text-muted)}.qp-text-success{color:var(--qp-success)}.qp-text-warning{color:var(--qp-warning)}.qp-text-error{color:var(--qp-error)}.qp-text-info{color:var(--qp-info)}.qp-text-xs{font-size:var(--qp-font-size-xs)}.qp-text-sm{font-size:var(--qp-font-size-sm)}.qp-text-md{font-size:var(--qp-font-size-md)}.qp-text-lg{font-size:var(--qp-font-size-lg)}.qp-text-xl{font-size:var(--qp-font-size-xl)}.qp-text-xxl{font-size:var(--qp-font-size-xxl)}.qp-text-hero{font-size:var(--qp-font-size-hero)}.qp-text-center{text-align:center}.qp-text-left{text-align:left}.qp-text-right{text-align:right}.qp-text-bold{font-weight:700}.qp-text-normal{font-weight:400}.qp-text-uppercase{text-transform:uppercase}.qp-text-capitalize{text-transform:capitalize}.qp-text-nowrap{white-space:nowrap}.qp-text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qp-border{border:1px solid var(--qp-border-light)}.qp-border-md{border:2px solid var(--qp-border-medium)}.qp-border-primary{border-color:var(--qp-primary-border)}.qp-border-secondary{border-color:var(--qp-secondary-border)}.qp-border-success{border-color:var(--qp-success)}.qp-border-warning{border-color:var(--qp-warning)}.qp-border-error{border-color:var(--qp-error)}.qp-rounded-sm{border-radius:var(--qp-radius-sm)}.qp-rounded-md{border-radius:var(--qp-radius-md)}.qp-rounded-lg{border-radius:var(--qp-radius-lg)}.qp-rounded-xl{border-radius:var(--qp-radius-xl)}.qp-rounded-full{border-radius:var(--qp-radius-circle)}.qp-badge{display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;border-radius:var(--qp-radius-md);font-size:var(--qp-font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.qp-badge-primary{background-color:var(--qp-primary);color:#000}.qp-badge-secondary{background-color:var(--qp-secondary);color:var(--qp-text-light)}.qp-badge-success{background-color:var(--qp-success);color:var(--qp-text-light)}.qp-badge-warning{background-color:var(--qp-warning);color:var(--qp-text-light)}.qp-badge-error{background-color:var(--qp-error);color:var(--qp-text-light)}.qp-badge-outline{background-color:transparent;border:1px solid var(--qp-border-medium)}.qp-badge-pill{border-radius:var(--qp-radius-xl)}.qp-card-hand{display:flex;flex-wrap:nowrap;justify-content:center;gap:var(--qp-spacing-xs)}.qp-playing-card{position:relative;width:90px;height:125px;background-color:#fff;border-radius:var(--qp-radius-sm);box-shadow:var(--qp-shadow-md);display:flex;flex-direction:column;justify-content:center;align-items:center;transition:transform var(--qp-transition-medium)}.qp-playing-card:hover{transform:translateY(-15px)}.qp-chip{width:50px;height:50px;border-radius:var(--qp-radius-circle);display:flex;justify-content:center;align-items:center;font-weight:700;box-shadow:var(--qp-shadow-sm);border:2px dashed var(--qp-border-medium)}.qp-stack{position:relative}.qp-stack>*{position:absolute;top:0;left:0}.qp-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}.qp-icon-sm{width:16px;height:16px}.qp-icon-lg{width:32px;height:32px}.qp-icon-circle{border-radius:var(--qp-radius-circle);background-color:var(--qp-overlay-light);padding:var(--qp-spacing-xs)}.qp-block{display:block}.qp-inline{display:inline}.qp-inline-block{display:inline-block}.qp-hidden{display:none}.qp-relative{position:relative}.qp-absolute{position:absolute}.qp-fixed{position:fixed}.qp-sticky{position:sticky}.qp-overflow-hidden{overflow:hidden}.qp-overflow-auto{overflow:auto}.qp-pointer{cursor:pointer}@media (min-width: 768px){.qp-flex-row-md{flex-direction:row!important}.qp-grid-cols-md-2{grid-template-columns:repeat(2,1fr)}.qp-grid-cols-md-3{grid-template-columns:repeat(3,1fr)}.qp-grid-cols-md-4{grid-template-columns:repeat(4,1fr)}.qp-hidden-md{display:none}.qp-block-md{display:block}}@media (min-width: 1024px){.qp-flex-row-lg{flex-direction:row!important}.qp-grid-cols-lg-3{grid-template-columns:repeat(3,1fr)}.qp-grid-cols-lg-4{grid-template-columns:repeat(4,1fr)}.qp-hidden-lg{display:none}.qp-block-lg{display:block}}:root{--qp-primary: #ffd21e;--qp-secondary: #1b2738;--qp-accent: #ff4081;--qp-text-light: #ffffff;--qp-text-dark: #000000;--qp-background: #0a1020;--qp-card-bg: rgba(27, 39, 56, .95);--qp-shadow: 0 15px 40px rgba(0, 0, 0, .5);--qp-glow: 0 0 20px rgba(255, 210, 30, .2);--qp-border-light: rgba(255, 255, 255, .1);--qp-border-primary: rgba(255, 210, 30, .2)}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-fade-enter-active{transition:all .3s ease-out}.slide-fade-leave-active{transition:all .3s cubic-bezier(1,.5,.8,1)}.slide-fade-enter-from,.slide-fade-leave-to{transform:translateY(10px);opacity:0}.qp-button{background-color:var(--qp-primary);color:var(--qp-text-dark);border:none;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.qp-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 5px 15px #ffd21e66}.qp-button:disabled{background-color:#fff3;color:#fff6;cursor:not-allowed}.qp-button-secondary{background-color:#ffffff1a;color:var(--qp-text-light)}.qp-button-secondary:hover:not(:disabled){background-color:#fff3}.dark{--md-sys-color-primary: rgb(255 255 255);--md-sys-color-surface-tint: rgb(229 197 36);--md-sys-color-on-primary: rgb(58 48 0);--md-sys-color-primary-container: rgb(243 211 52);--md-sys-color-on-primary-container: rgb(75 63 0);--md-sys-color-secondary: rgb(224 198 66);--md-sys-color-on-secondary: rgb(57 48 0);--md-sys-color-secondary-container: rgb(135 116 0);--md-sys-color-on-secondary-container: rgb(255 255 255);--md-sys-color-tertiary: rgb(91 222 148);--md-sys-color-on-tertiary: rgb(0 57 30);--md-sys-color-tertiary-container: rgb(0 134 78);--md-sys-color-on-tertiary-container: rgb(255 255 255);--md-sys-color-error: rgb(255 180 171);--md-sys-color-on-error: rgb(105 0 5);--md-sys-color-error-container: rgb(147 0 10);--md-sys-color-on-error-container: rgb(255 218 214);--md-sys-color-background: rgb(22 19 10);--md-sys-color-on-background: rgb(233 226 209);--md-sys-color-surface: rgb(22 19 10);--md-sys-color-on-surface: rgb(233 226 209);--md-sys-color-surface-variant: rgb(76 71 51);--md-sys-color-on-surface-variant: rgb(207 198 173);--md-sys-color-outline: rgb(152 144 121);--md-sys-color-outline-variant: rgb(76 71 51);--md-sys-color-shadow: rgb(0 0 0);--md-sys-color-scrim: rgb(0 0 0);--md-sys-color-inverse-surface: rgb(233 226 209);--md-sys-color-inverse-on-surface: rgb(52 48 37);--md-sys-color-inverse-primary: rgb(110 93 0);--md-sys-color-primary-fixed: rgb(255 226 94);--md-sys-color-on-primary-fixed: rgb(34 27 0);--md-sys-color-primary-fixed-dim: rgb(229 197 36);--md-sys-color-on-primary-fixed-variant: rgb(83 70 0);--md-sys-color-secondary-fixed: rgb(254 226 92);--md-sys-color-on-secondary-fixed: rgb(33 27 0);--md-sys-color-secondary-fixed-dim: rgb(224 198 66);--md-sys-color-on-secondary-fixed-variant: rgb(83 70 0);--md-sys-color-tertiary-fixed: rgb(121 251 174);--md-sys-color-on-tertiary-fixed: rgb(0 33 15);--md-sys-color-tertiary-fixed-dim: rgb(91 222 148);--md-sys-color-on-tertiary-fixed-variant: rgb(0 82 46);--md-sys-color-surface-dim: rgb(22 19 10);--md-sys-color-surface-bright: rgb(61 57 46);--md-sys-color-surface-container-lowest: rgb(16 14 6);--md-sys-color-surface-container-low: rgb(30 27 17);--md-sys-color-surface-container: rgb(34 32 21);--md-sys-color-surface-container-high: rgb(45 42 31);--md-sys-color-surface-container-highest: rgb(56 53 41)}