@import "https://fonts.googleapis.com/css2?family=DotGothic16&family=Pixelify+Sans:wght@400..700&family=Silkscreen:wght@400;700&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:"DotGothic16", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-orange-500:oklch(70.5% .213 47.604);--color-gray-600:oklch(44.6% .03 256.802);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-bold:700;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.absolute{position:absolute}.relative{position:relative}.top-1\/2{top:50%}.right-2\.5{right:calc(var(--spacing) * 2.5)}.left-2\.5{left:calc(var(--spacing) * 2.5)}.my-7\.5{margin-block:calc(var(--spacing) * 7.5)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.flex{display:flex}.w-20{width:calc(var(--spacing) * 20)}.w-\[90\%\]{width:90%}.max-w-200{max-width:calc(var(--spacing) * 200)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-5{gap:calc(var(--spacing) * 5)}.rounded-\[5px\]{border-radius:5px}.rounded-\[10px\]{border-radius:10px}.border{border-style:var(--tw-border-style);border-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-gray-600{border-color:var(--color-gray-600)}.bg-\[\#1f1f1f\]{background-color:#1f1f1f}.bg-\[\#e74c3c\]{background-color:#e74c3c}.bg-\[\#f39c12\]{background-color:#f39c12}.bg-\[\#ffd700\]{background-color:gold}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-\[\#bdc3c7\]{color:#bdc3c7}.text-\[\#ffd700\]{color:gold}.text-black{color:var(--color-black)}.text-white{color:var(--color-white)}.underline{text-decoration-line:underline}.shadow-\[0_4px_6px_rgba\(0\,0\,0\,0\.3\)\]{--tw-shadow:0 4px 6px var(--tw-shadow-color,#0000004d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}.\[text-shadow\:2px_2px_4px_rgba\(0\,0\,0\,0\.5\)\]{text-shadow:2px 2px 4px #00000080}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:bg-\[\#c0392b\]:hover{background-color:#c0392b}.hover\:bg-\[\#d68910\]:hover{background-color:#d68910}}.focus\:border-orange-500:focus{border-color:var(--color-orange-500)}@media (hover:hover){.enabled\:hover\:scale-105:enabled:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.enabled\:hover\:bg-\[\#ffea00\]:enabled:hover{background-color:#ffea00}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:grayscale-\[50\%\]:disabled{--tw-grayscale:grayscale(50%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@media (width>=40rem){.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}}input,button,textarea{font-family:inherit}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.auth-container{background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:flex-start;width:100%;min-height:100vh;padding-top:12vh;display:flex}.auth-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#1e2832d9;border:4px solid #f39c12;border-radius:1.5rem;flex-direction:column;align-items:center;min-width:320px;padding:2.5rem 3rem;display:flex;box-shadow:0 8px 32px #00000080}.auth-title{filter:drop-shadow(2px 2px #000);text-align:center;margin-top:0;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.auth-form{flex-direction:column;gap:1rem;width:100%;display:flex}.auth-input{color:#fff;box-sizing:border-box;background-color:#1e1e1e;border:1px solid #444;border-radius:.375rem;outline:none;padding:.625rem;font-size:1rem;transition:border-color .2s,opacity .2s}.auth-input:focus{border-color:#f39c12}.auth-input:disabled{opacity:.5}.auth-submit-btn{color:#fff;cursor:pointer;background-color:#f39c12;border:none;border-radius:.375rem;margin-top:.625rem;padding:.625rem;font-size:1.125rem;font-weight:700;transition:background-color .2s;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.auth-submit-btn:hover{background-color:#d68910}.auth-switch-text{text-align:center;margin-top:1.25rem}.auth-switch-btn{color:#f39c12;cursor:pointer;background-color:#0000;border:none;padding:0;font-size:1rem;text-decoration:underline;transition:color .2s}.auth-switch-btn:hover{color:#d68910}.offline-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#1e2832d9;border-radius:1.5rem;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:28rem;margin:0 auto;padding:1.5rem;display:flex;box-shadow:0 8px 32px #00000080}.offline-title{color:#fb923c;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.offline-subtitle{color:#d1d5db;text-align:center;margin-bottom:1.5rem;font-size:.875rem}.offline-input{color:#fff;box-sizing:border-box;background-color:#1f2937;border:1px solid #374151;border-radius:.375rem;outline:none;width:100%;padding:.75rem 1rem;transition:all .2s}.offline-input:focus{box-shadow:0 0 0 2px #f97316}.offline-row{gap:.75rem;width:100%;display:flex}.offline-col{flex:1}.offline-label{color:#9ca3af;text-transform:uppercase;margin-bottom:.25rem;font-size:.75rem;font-weight:600;display:block}.offline-submit-btn{color:#000;cursor:pointer;background-color:#f97316;border:none;border-radius:.5rem;width:100%;margin-top:.5rem;padding:.75rem 1rem;font-weight:700;transition:background-color .2s;box-shadow:0 0 15px #f39c1266}.offline-submit-btn:hover{background-color:#ea580c}.lobbies-container{color:#f1f1f1;background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;flex-direction:column;width:100%;min-height:100vh;display:flex}.lobbies-header{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-sizing:border-box;background:#1e2832d9;border-bottom:2px solid #f39c12;justify-content:space-between;align-items:center;width:100%;margin-bottom:30px;padding:15px 40px;display:flex}.lobbies-titles h1{color:#f39c12;text-shadow:2px 2px #000;margin:0;font-size:2rem}.lobbies-titles p{color:#ddd;margin:0;font-size:.9rem}.btn-common{text-transform:uppercase;cursor:pointer;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:700;transition:background-color .2s,transform .1s;box-shadow:0 4px 6px #0000004d}.btn-common:active{transform:scale(.98)}.btn-search{background-color:#27ae60}.btn-search:hover{background-color:#2ecc71}.btn-logout{background-color:#c0392b}.btn-logout:hover{background-color:#e74c3c}.header-actions{align-items:center;gap:15px;display:flex}.btn-profile{color:#000;background-color:#f39c12;border:2px solid #d35400}.btn-profile:hover{background-color:#e67e22;transform:translateY(-2px)}.lobbies-search-section{position:relative}.btn-general-search{text-transform:uppercase;cursor:pointer;color:#fff;background-color:#2980b9;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:700;transition:background-color .2s,transform .1s;box-shadow:0 4px 6px #0000004d}.btn-general-search:hover{background-color:#3498db}.btn-general-search:active{transform:scale(.98)}.form-search{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:50;background:#1e2832f2;border:1px solid #f39c12;border-radius:8px;flex-direction:column;gap:12px;min-width:200px;margin-top:15px;padding:15px;display:flex;position:absolute;top:100%;left:0;box-shadow:0 8px 16px #0009}.form-search select,.form-search input{color:#fff;background-color:#1a1a1a;border:1px solid #555;border-radius:5px;outline:none;padding:10px;font-size:15px;transition:border-color .2s}.form-search select:focus,.form-search input:focus{border-color:#f39c12;box-shadow:0 0 5px #f39c1280}.form-search select option{color:#fff;background-color:#1a1a1a}.lobbies-content{box-sizing:border-box;gap:30px;width:100%;max-width:1300px;margin:0 auto;padding:0 20px 40px;display:flex}.lobbies-sidebar{flex:0 0 350px;position:sticky;top:40px}.lobbies-main{flex-direction:column;flex:1;gap:20px;display:flex}.create-lobby-form{box-sizing:border-box;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-align:left;background:#1e2832d9;border-left:5px solid #d35400;border-radius:12px;flex-direction:column;gap:18px;width:100%;margin:0;padding:25px;display:flex;box-shadow:0 8px 16px #0006}.create-lobby-form h3{color:#f39c12;text-transform:uppercase;margin:0;font-size:1.2rem}.create-lobby-form input{color:#fff;background-color:#1a1a1a;border:1px solid #555;border-radius:5px;outline:none;padding:12px;font-size:16px;transition:border-color .2s}.create-lobby-form input:focus{border-color:#f39c12;box-shadow:0 0 5px #f39c1280}.btn-submit-form{cursor:pointer;color:#fff;background-color:#2980b9;border:none;border-radius:8px;padding:10px;font-size:18px;font-weight:700;transition:background-color .2s,transform .1s}.btn-submit-form:hover{background-color:#3498db}.btn-submit-form:active{transform:scale(.98)}.btn-search{justify-content:center;align-items:center;gap:10px;display:flex}.btn-search:disabled{cursor:wait;background-color:#d68910}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.lobbies-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;width:100%;margin:0;padding:0;list-style:none;display:grid}.lobbies-list>p{text-align:center;color:#aaa;grid-column:1/-1;font-size:1.1rem}.lobbies-list>*{text-align:left;background-color:#1e252b;border:1px solid #3a4556;border-radius:12px;padding:20px;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 4px 10px #00000080}.lobbies-list>:hover{border-color:#d35400;transform:translateY(-5px);box-shadow:0 8px 20px #d354004d}.lobby-card h3{color:#f39c12;border-bottom:1px solid #3a4556;margin:0 0 15px;padding-bottom:10px;font-size:1.3rem}.lobby-card p{color:#ccc;margin:8px 0;font-size:.95rem}.lobby-card strong{color:#fff}.btn-join-lobby{text-transform:uppercase;cursor:pointer;color:#fff;background-color:#27ae60;border:none;border-radius:8px;width:100%;margin-top:15px;padding:12px;font-size:1rem;font-weight:700;transition:background-color .2s,transform .1s}.btn-join-lobby:hover{background-color:#2ecc71}.btn-join-lobby:active{transform:scale(.98)}@media (width<=900px){.lobbies-content{flex-direction:column}.lobbies-sidebar{flex:none;width:100%;position:static}}@media (width<=600px){.lobbies-header{flex-direction:column;align-items:flex-start;gap:15px}.header-actions{justify-content:space-between;width:100%}}.profile-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;opacity:0;visibility:hidden;background:#0009;width:100vw;height:100vh;transition:opacity .3s,visibility .3s;position:fixed;top:0;left:0}.profile-overlay.open{opacity:1;visibility:visible}.profile-sidebar{z-index:1001;color:#f1f1f1;background-color:#1e252b;border-left:3px solid #f39c12;flex-direction:column;width:350px;max-width:100vw;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-5px 0 25px #0009}.profile-sidebar.open{transform:translate(0)}.profile-header{border-bottom:1px solid #3a4556;justify-content:space-between;align-items:center;padding:20px;display:flex}.profile-header h2{color:#f39c12;margin:0;font-size:1.5rem}.close-btn{color:#ccc;cursor:pointer;background:0 0;border:none;font-size:1.5rem;font-weight:700;transition:color .2s,transform .1s}.close-btn:hover{color:#e74c3c;transform:scale(1.1)}.profile-content{flex-direction:column;flex:1;align-items:center;padding:30px 20px;display:flex;overflow-y:auto}.profile-avatar{background-color:#2c3e50;border:3px solid #f39c12;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:15px;font-size:3.5rem;display:flex;box-shadow:0 0 15px #f39c1266}.profile-username{color:#fff;text-align:center;margin:0 0 5px;font-size:1.8rem}.profile-email{color:#aaa;text-align:center;margin:0 0 30px;font-size:.95rem}.profile-stats{flex-direction:column;gap:15px;width:100%;display:flex}.stat-box{background-color:#111;border:1px solid #333;border-radius:10px;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.stat-label{color:#ccc;text-transform:uppercase;font-size:.9rem;font-weight:700}.stat-value{color:#2ecc71;font-size:1.2rem;font-weight:700}.profile-change-credentials{flex-direction:column;align-items:center;width:100%;margin-top:25px;display:flex}.profile-change-credentials>button{color:#f39c12;cursor:pointer;background:0 0;border:none;margin-bottom:15px;font-size:.95rem;text-decoration:underline;transition:color .2s}.profile-change-credentials>button:hover{color:#d68910}.form-change-password{flex-direction:column;gap:10px;width:100%;display:flex}.form-change-password input{color:#fff;background-color:#111;border:1px solid #333;border-radius:6px;outline:none;padding:10px 12px;font-size:.9rem;transition:border-color .2s}.form-change-password input:focus{border-color:#f39c12}.btn-change-password{color:#fff;cursor:pointer;background-color:#f39c12;border:none;border-radius:6px;margin-top:5px;padding:10px;font-weight:700;transition:background-color .2s,transform .1s}.btn-change-password:hover{background-color:#d68910}.btn-change-password:active{transform:scale(.98)}.profile-loading{color:#aaa;flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;display:flex}.profile-footer{border-top:1px solid #3a4556;margin-top:auto;padding:20px}.profile-logout-btn{text-transform:uppercase;cursor:pointer;color:#fff;background-color:#c0392b;border:none;border-radius:8px;width:100%;padding:12px 20px;font-size:1rem;font-weight:700;transition:background-color .2s,transform .1s}.profile-logout-btn:hover{background-color:#e74c3c}.profile-logout-btn:active{transform:scale(.98)}.delete-account{flex-direction:column;align-items:center;width:100%;margin-top:25px;display:flex}.delete-account>button{color:#f39c12;cursor:pointer;background:0 0;border:none;margin-bottom:15px;font-size:.95rem;text-decoration:underline;transition:color .2s}.delete-account>button:hover{color:#d68910}.game-room-container{background-color:#1a1a1a;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;overflow:hidden}.poker-table{width:100%;height:100vh;box-shadow:none;z-index:1;background-color:#0000;border-radius:20px;grid-template-rows:1fr 2.5fr 1fr;grid-template-columns:repeat(5,1fr);gap:12px;padding:20px;display:grid;position:relative}.grid-cell{justify-content:center;align-items:center;display:flex}.table-center .pixel-image{width:150px;height:150px}.new-mazzo-message{color:#000;z-index:10;text-align:center;background-color:#fff;border-radius:18px;max-width:250px;padding:12px 18px;font-size:14px;font-weight:700;position:absolute;bottom:45%;left:60%;box-shadow:0 4px 10px #0006}.new-mazzo-message:after{content:"";border:10px solid #0000;border-left-width:0;border-right:12px solid #fff;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.high-center{grid-area:1/2/auto/5;position:relative}.placeholder-box{transition:all .3s;position:relative;overflow:hidden}.placeholder-box.active-turn{box-shadow:inset 0 0 15px #ffd70099;border-color:gold!important}.placeholder-box.active-turn:after{content:"";border-radius:inherit;z-index:1;background:radial-gradient(circle,#ffd70000 60%,#ffd70066 100%);animation:2s ease-in-out infinite pulse-glow-internal;position:absolute;inset:0}.placeholder-box h4,.placeholder-box p{z-index:2;position:relative}@keyframes pulse-glow-internal{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.turn-indicator{z-index:3;top:auto;bottom:2px}.paragraph-coin{align-items:center;margin-top:-15px;display:flex}.grid-cell{color:#fff;text-shadow:1px 1px 2px #000c}.my-turn-alert{color:gold;font-weight:700;animation:1.5s ease-in-out infinite pulse-glow-internal;position:absolute;top:-30px}.rematch-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.rematch-box{text-align:center;color:#fff;background:#141414f2;border:2px solid #d4af37;border-radius:16px;width:90%;max-width:420px;padding:24px 32px;box-shadow:0 10px 30px #0006}.rematch-box h2{margin-bottom:12px}.rematch-box p{color:#ddd;margin:0}.placeholder-box{text-align:center;color:#fff;background-color:#2c2f33;border:2px solid #555;border-radius:10px;width:120px;margin-top:20px;padding:15px;transition:all .3s;position:relative}.hero{border-color:#4caf50;box-shadow:0 0 10px #4caf504d}.active-turn{border-color:#ff9800;transform:scale(1.05);box-shadow:0 0 15px #ff980099}.turn-indicator{color:#fff;white-space:nowrap;z-index:10;background-color:#ff9800;border-radius:8px;padding:4px 12px;font-size:.85rem;font-weight:700;position:absolute;top:-35px;left:50%;transform:translate(-50%);box-shadow:0 4px 8px #0006}.turn-indicator:after{content:"";border:6px solid #0000;border-top-color:#ff9800;border-bottom-width:0;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.player-name{text-overflow:ellipsis;margin:0 0 5px;font-size:1.1rem;overflow:hidden}.player-balance{color:gold;margin:0;font-size:1rem}.seat-eliminato{opacity:.7;filter:grayscale();background-color:#331515;border-color:#f44336}.seat-logout{opacity:.5;border-style:dashed;border-color:#888}.status-badge{border-radius:5px;margin-top:8px;padding:3px 8px;font-size:.75rem;font-weight:700;display:inline-block}.status-badge.waiting{color:#ccc;background-color:#ffffff1a}.status-badge.eliminato{color:#fcc;background-color:#d32f2f}.status-badge.logout{color:#ddd;background-color:#555}.div-container{z-index:100;position:absolute;top:0;right:0}.navbar-toggle{z-index:101;cursor:pointer;background-color:#f39c12;border:none;border-radius:4px;padding:8px 16px;font-weight:700;position:absolute;top:10px;right:20px}.navbar{color:#fff;box-sizing:border-box;background-color:#2c3e50;flex-direction:column;width:300px;height:100vh;padding:60px 15px 15px;transition:transform .3s ease-in-out;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-4px 0 15px #00000080}.navbar.opened{transform:translate(0)}.chat-history{background-color:#34495e;border-radius:8px;flex-direction:column;flex-grow:1;gap:8px;margin:15px 0;padding:10px;display:flex;overflow-y:auto}.chat-message{font-size:.9rem;line-height:1.3}.chat-username{color:#f1c40f;font-weight:700}.logout-btn{color:#fff;cursor:pointer;background-color:#c0392b;border:none;border-radius:4px;margin-top:15px;padding:10px;font-weight:700;transition:background-color .2s}.logout-btn:hover{background-color:#e74c3c}.chat-empty-message{color:#bdc3c7;text-align:center;font-style:italic}.system-message{color:#f39c12;text-align:center;margin:8px 0;font-style:italic}.chat-form{flex-shrink:0;gap:5px;width:100%;margin-top:10px;display:flex}.chat-input{box-sizing:border-box;border:1px solid #95a5a6;border-radius:4px;outline:none;flex-grow:1;min-width:0;padding:8px}.chat-input:focus{box-shadow:0 0 0 2px #f39c12}.chat-submit-btn{cursor:pointer;color:#fff;background-color:#f39c12;border:none;border-radius:4px;padding:8px 12px;font-weight:700;transition:background-color .2s,opacity .2s}.chat-submit-btn:hover:not(:disabled){background-color:#d68910}.chat-submit-btn:disabled{cursor:not-allowed;opacity:.5}.card-perspective{perspective:1000px;width:120px;height:120px;margin:10px;display:inline-block}.card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.card-inner.is-flipped{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;width:100%;height:100%;box-shadow:none;border-radius:8px;position:absolute}.card-face img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;border-radius:8px}.card-front{transform:rotateY(180deg)}.game-room-container.offline-theme{color:#fff;background-color:#1a1a1a;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;font-family:sans-serif;display:flex;overflow:hidden}.offline-header{z-index:100;align-items:center;gap:20px;display:flex;position:absolute;top:20px;left:20px}.btn-leave{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:6px;padding:10px 15px;font-weight:700;transition:transform .2s,opacity .2s}.btn-leave:hover{opacity:.95;transform:translateY(-1px)}.mode-badge{color:#000;background-color:#f39c12;border-radius:20px;padding:5px 15px;font-size:.8rem;font-weight:700;box-shadow:0 0 10px #f39c1280}.poker-table.offline-table{width:100%;height:100vh;box-shadow:none;z-index:1;background-color:#0000;border-radius:20px;grid-template-rows:1fr 2.5fr 1fr;grid-template-columns:repeat(5,1fr);gap:12px;padding:20px;display:grid;position:relative}.table-background-image{object-fit:contain;z-index:-1;width:100%;height:100%;image-rendering:pixelated;position:absolute;top:-10px;left:0}.grid-cell{color:#fff;text-shadow:1px 1px 2px #000c;justify-content:center;align-items:center;display:flex}.table-center{color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;transform:translateY(-80px)}.table-high-center{flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:100%;display:flex;transform:translateY(-15px)}.grid-cell>*{justify-content:center;align-items:center;display:flex}.high-center{grid-area:1/2/auto/5}.mid-center{grid-area:2/2/auto/5}.bottom-center{grid-area:3/2/auto/5;justify-content:center;align-items:center;display:flex;position:relative}.high-left{grid-area:1/1}.high-right{grid-area:1/5}.mid-left{grid-area:2/1}.mid-right{grid-area:2/5}.low-left{grid-area:3/1}.low-right{grid-area:3/5}.pixel-image{width:192px;height:192px;image-rendering:pixelated}.pixel-coins{width:64px;height:64px;image-rendering:pixelated}.card-display{justify-content:center;align-items:center;min-height:80px;display:flex}.paragraph-coin{color:#f1c40f;justify-content:center;align-items:center;gap:6px;margin-top:-15px;font-size:1.1rem;font-weight:700;display:flex}.hero-offline-controls{z-index:20;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:50%;left:calc(100% + 20px);transform:translateY(-50%)}.bet-controls{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;border-radius:10px;align-items:center;gap:6px;padding:6px 8px;display:flex}.bet-controls button{color:#fff;cursor:pointer;background:#34495e;border:none;border-radius:6px;width:32px;height:32px;font-size:1rem;font-weight:700;transition:transform .2s,background-color .2s}.bet-controls button:hover{background:#3f5d78;transform:translateY(-1px)}.bet-input{color:#fff;text-align:center;background:#1f1f1f;border:1px solid #666;border-radius:6px;outline:none;width:80px;height:32px}.bet-input:focus{border-color:#f39c12;box-shadow:0 0 0 2px #f39c1233}.btn-draw{color:#000;cursor:pointer;white-space:nowrap;background:#f39c12;border:none;border-radius:8px;padding:8px 14px;font-weight:700;transition:transform .2s,box-shadow .2s}.btn-draw:hover{transform:translateY(-1px);box-shadow:0 0 12px #f39c1259}.personality-tag{text-transform:uppercase;color:#fff;z-index:10;white-space:nowrap;pointer-events:none;border-radius:999px;padding:3px 8px;font-size:.7rem;font-weight:700;position:absolute;bottom:-14px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #00000059}.personality-tag.aggressivo{background-color:#c0392b}.personality-tag.tirchio{background-color:#7f8c8d}.personality-tag.calcolatore{background-color:#2980b9}.personality-tag.pazzo{background-color:#8e44ad}.personality-tag.calmo{background-color:#27ae60}.seat-wrapper{justify-content:center;align-items:center;display:flex;position:relative}@media (width<=900px){.hero-offline-controls{top:50%;left:calc(100% + 15px);transform:translateY(-50%)scale(.95)}.personality-tag{padding:2px 7px;font-size:.62rem}.pixel-image{width:140px;height:140px}.pixel-coins{width:48px;height:48px}}@media (width<=640px){.game-room-container.offline-theme{padding:12px}.offline-header{flex-wrap:wrap;gap:12px;top:12px;left:12px}.pixel-image{width:100px;height:100px}.pixel-coins{width:32px;height:32px}.paragraph-coin{font-size:.95rem}.hero-offline-controls{gap:6px;top:50%;left:calc(100% + 10px);transform:translateY(-50%)scale(.85)}.bet-controls{gap:4px;padding:5px 6px}.bet-controls button{width:28px;height:28px}.bet-input{width:66px;height:28px}.btn-draw{padding:7px 10px;font-size:.85rem}.personality-tag{bottom:-12px}}