@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-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}}}@layer theme{:root,:host{--font-sans:"DotGothic16", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--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{.visible{visibility:visible}.relative{position:relative}.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-\[90\%\]{width:90%}.max-w-200{max-width:calc(var(--spacing) * 200)}.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\.5{gap:calc(var(--spacing) * 2.5)}.gap-5{gap:calc(var(--spacing) * 5)}.rounded-\[5px\]{border-radius:5px}.border-none{--tw-border-style:none;border-style:none}.bg-\[\#e74c3c\]{background-color:#e74c3c}.bg-\[\#f39c12\]{background-color:#f39c12}.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-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}.\[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}}@media (width>=40rem){.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}}html,body{color:#fff;overscroll-behavior:none;-webkit-overflow-scrolling:touch;background-color:#0b1120;width:100%;height:100%;margin:0;padding:0}#root{background-color:#0b1120;width:100%;min-height:100%}input,button,textarea{font-family:inherit}@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}.auth-container{box-sizing:border-box;background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:100dvh;padding:clamp(1rem,3vh,2.5rem) clamp(.75rem,3vw,1.5rem);display:flex;overflow-y:auto}.auth-box{-webkit-backdrop-filter:blur(10px);color:#fff;box-sizing:border-box;background:#141e2ae0;border:3px solid #f39c12;border-radius:1.5rem;flex-direction:column;align-items:center;width:100%;max-width:440px;margin-bottom:2rem;padding:clamp(1.5rem,4vw,2.5rem) clamp(1.25rem,3.5vw,2.25rem);display:flex;box-shadow:0 12px 40px #000000b3,0 0 25px #f39c1233}.auth-title{filter:drop-shadow(2px 2px #000);text-align:center;color:#fff;margin-top:0;margin-bottom:1.25rem;font-size:clamp(1.35rem,3.5vw,1.75rem);font-weight:700}.auth-form{flex-direction:column;gap:.875rem;width:100%;display:flex}.auth-input{color:#fff;box-sizing:border-box;background-color:#111827;border:1.5px solid #475569;border-radius:.5rem;outline:none;width:100%;min-height:46px;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s,opacity .2s}.auth-input:focus{border-color:#f39c12;box-shadow:0 0 0 3px #f39c1240}.auth-input:disabled{opacity:.5;cursor:not-allowed}.auth-submit-btn{color:#111827;letter-spacing:.5px;cursor:pointer;background-color:#f39c12;border:none;border-radius:.5rem;justify-content:center;align-items:center;width:100%;min-height:48px;margin-top:.5rem;padding:.75rem 1rem;font-size:1.05rem;font-weight:800;transition:background-color .2s,transform .1s,box-shadow .2s;display:flex;box-shadow:0 4px 12px #0000004d,0 0 10px #f39c124d}.auth-submit-btn:hover:not(:disabled){background-color:#d68910;transform:translateY(-1px);box-shadow:0 6px 16px #f39c1266}.auth-submit-btn:active:not(:disabled){transform:scale(.98)}.auth-resend-btn{color:#fff;background-color:#8e44ad;margin-top:.25rem;box-shadow:0 4px 12px #8e44ad4d}.auth-resend-btn:hover:not(:disabled){background-color:#9b59b6}.auth-switch-text{text-align:center;color:#cbd5e1;margin-top:1.15rem;font-size:.9rem}.auth-switch-btn{color:#f1c40f;cursor:pointer;background-color:#0000;border:none;padding:.25rem .5rem;font-size:.95rem;font-weight:700;text-decoration:underline;transition:color .2s}.auth-switch-btn:hover{color:#e67e22}.offline-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;box-sizing:border-box;background:#141e2ae0;border:3px solid #f39c12;border-radius:1.5rem;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:440px;margin:0 auto;padding:clamp(1.25rem,4vw,2rem);display:flex;box-shadow:0 12px 40px #000000b3,0 0 20px #f39c1233}.offline-title{color:#fb923c;text-align:center;margin-bottom:.35rem;font-size:clamp(1.3rem,3.5vw,1.6rem);font-weight:700}.offline-subtitle{color:#d1d5db;text-align:center;margin-bottom:1.25rem;font-size:.875rem;line-height:1.4}.offline-input{color:#fff;box-sizing:border-box;background-color:#111827;border:1.5px solid #475569;border-radius:.5rem;outline:none;width:100%;min-height:46px;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.offline-input:focus{border-color:#f97316;box-shadow:0 0 0 3px #f9731640}.offline-row{gap:.75rem;width:100%;display:flex}.offline-col{flex:1}.offline-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.35rem;font-size:.75rem;font-weight:700;display:block}.offline-submit-btn{color:#111827;cursor:pointer;background-color:#f97316;border:none;border-radius:.5rem;width:100%;min-height:48px;margin-top:.5rem;padding:.75rem 1rem;font-size:1rem;font-weight:800;transition:background-color .2s,transform .1s;box-shadow:0 4px 15px #f9731659}.offline-submit-btn:hover{background-color:#ea580c;transform:translateY(-1px)}.offline-submit-btn:active{transform:scale(.98)}.terms-checkbox-container label{line-height:1.4}.auth-footer{justify-content:center;width:100%;display:flex}@media (width<=380px){.auth-box,.offline-box{border-radius:1rem;padding:1.2rem 1rem}.offline-row{flex-direction:column;gap:.5rem}}.loading-content{justify-content:center;align-items:center;gap:10px;display:flex}.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)}}@media (width<=480px){.loading-content{text-align:center;flex-wrap:wrap}}.lobbies-container{color:#f1f1f1;box-sizing:border-box;background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;flex-direction:column;width:100%;min-height:100dvh;display:flex;position:relative}.lobbies-header{-webkit-backdrop-filter:blur(10px);box-sizing:border-box;z-index:100;background:#121a24e6;border-bottom:2px solid #f39c12;justify-content:space-between;align-items:center;width:100%;margin-bottom:clamp(15px,3vh,30px);padding:clamp(10px,2vh,18px) clamp(15px,4vw,40px);display:flex;position:sticky;top:0;box-shadow:0 4px 20px #00000080}.lobbies-titles h1{color:#f39c12;text-shadow:2px 2px #000;letter-spacing:.5px;margin:0;font-size:clamp(1.4rem,3.5vw,2.2rem);font-weight:800}.lobbies-titles p{color:#cbd5e1;margin:2px 0 0;font-size:clamp(.75rem,1.8vw,.95rem)}.btn-common{text-transform:uppercase;letter-spacing:.5px;cursor:pointer;color:#fff;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:clamp(8px,1.5vh,12px) clamp(12px,2vw,20px);font-size:clamp(.85rem,1.8vw,.95rem);font-weight:700;transition:background-color .2s,transform .1s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 8px #0000004d}.btn-common:active{transform:scale(.97)}.btn-search{background-color:#27ae60}.btn-search:hover:not(:disabled){background-color:#2ecc71;box-shadow:0 4px 12px #2ecc7166}.btn-logout{background-color:#c0392b}.btn-logout:hover{background-color:#e74c3c;box-shadow:0 4px 12px #e74c3c66}.header-actions{align-items:center;gap:clamp(8px,1.5vw,15px);display:flex}.btn-profile{color:#111827;background-color:#f39c12;border:1px solid #d35400;font-weight:800}.btn-profile:hover{color:#000;background-color:#e67e22;box-shadow:0 4px 12px #f39c1266}.btn-rules{color:#fef3c7;background:linear-gradient(135deg,#b45309,#78350f);border:1px solid #d4af37;font-weight:800}.btn-rules:hover{color:#fff;background:linear-gradient(135deg,#d97706,#92400e);box-shadow:0 4px 14px #d9770673}.btn-general-search{text-transform:uppercase;cursor:pointer;color:#fff;background-color:#2980b9;border:none;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:clamp(8px,1.5vh,12px) clamp(12px,2vw,20px);font-size:clamp(.85rem,1.8vw,.95rem);font-weight:700;transition:background-color .2s,transform .1s;display:inline-flex;box-shadow:0 4px 8px #0000004d}.btn-general-search:hover{background-color:#3498db}.btn-general-search:active{transform:scale(.97)}.search-overlay{-webkit-backdrop-filter:blur(6px);z-index:1000;background:#0a0f19bf;width:100vw;height:100dvh;animation:.2s fadeInOverlay;position:fixed;inset:0}.form-search-modal{-webkit-backdrop-filter:blur(14px);z-index:1001;box-sizing:border-box;background:#121a26fa;border:2.5px solid #f39c12;border-radius:16px;flex-direction:column;gap:12px;width:360px;max-width:calc(100vw - 32px);max-height:85dvh;padding:clamp(18px,4vw,24px);animation:.25s cubic-bezier(.16,1,.3,1) forwards modalPopup;display:flex;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 16px 45px #000000d9,0 0 25px #f39c124d}@keyframes modalPopup{0%{opacity:0;transform:translate(-50%,-46%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.form-search-header{border-bottom:1.5px solid #334155;justify-content:space-between;align-items:center;margin-bottom:4px;padding-bottom:10px;display:flex}.form-search-header h4{color:#f39c12;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:1.15rem;font-weight:800}.search-close-btn{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #475569;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;font-weight:700;transition:all .2s;display:flex}.search-close-btn:hover{color:#fff;background:#dc2626;border-color:#ef4444;transform:scale(1.05)}.search-field-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;text-align:left;margin-bottom:-6px;font-size:.78rem;font-weight:700}.search-select,.search-input{color:#fff;box-sizing:border-box;background-color:#0b1120;border:1.5px solid #475569;border-radius:8px;outline:none;width:100%;min-height:44px;padding:10px 14px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.search-select:focus,.search-input:focus{border-color:#f39c12;box-shadow:0 0 0 2px #f39c1259}.btn-search-apply{width:100%;margin-top:6px}.lobbies-content{box-sizing:border-box;flex-direction:row;align-items:flex-start;gap:clamp(15px,2.5vw,30px);width:100%;max-width:1300px;margin:0 auto;padding:0 clamp(12px,2.5vw,24px) 40px;display:flex}.lobbies-sidebar{flex:0 0 340px;position:sticky;top:90px}.lobbies-main{flex-direction:column;flex:1;gap:20px;width:100%;min-width:0;display:flex}.create-lobby-form{box-sizing:border-box;-webkit-backdrop-filter:blur(10px);text-align:left;background:#121a24e6;border:1px solid #f39c124d;border-left:5px solid #f39c12;border-radius:14px;flex-direction:column;gap:15px;width:100%;padding:clamp(18px,3vw,26px);display:flex;box-shadow:0 8px 25px #00000080}.create-lobby-form h3{color:#f39c12;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:1.15rem;font-weight:800}.create-lobby-form input{color:#fff;box-sizing:border-box;background-color:#111827;border:1.5px solid #475569;border-radius:8px;outline:none;min-height:44px;padding:11px 14px;font-size:1rem;transition:border-color .2s}.create-lobby-form input:focus{border-color:#f39c12;box-shadow:0 0 0 2px #f39c124d}.btn-submit-form{cursor:pointer;color:#fff;background-color:#2980b9;border:none;border-radius:8px;justify-content:center;align-self:stretch;align-items:center;min-height:46px;padding:12px 24px;font-size:1rem;font-weight:700;transition:background-color .2s,transform .1s;display:flex}.btn-submit-form:hover{background-color:#3498db}.btn-submit-form:active{transform:scale(.98)}.btn-search{justify-content:center;align-items:center;gap:8px;display:flex}.btn-search:disabled{cursor:wait;background-color:#d68910}.lobbies-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:clamp(14px,2vw,22px);width:100%;margin:0;padding:0;list-style:none;display:grid}.lobbies-list>p{text-align:center;color:#94a3b8;background:#121a2499;border:1px dashed #475569;border-radius:12px;grid-column:1/-1;padding:2rem 0;font-size:1.1rem}.lobbies-list>*{text-align:left;box-sizing:border-box;background-color:#141c28eb;border:1.5px solid #334155;border-radius:14px;padding:18px;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 4px 15px #0006}.lobbies-list>:hover{border-color:#f39c12;transform:translateY(-4px);box-shadow:0 10px 25px #f39c1240}.lobby-card h3{color:#f39c12;word-break:break-word;border-bottom:1px solid #334155;margin:0 0 12px;padding-bottom:8px;font-size:1.25rem;font-weight:800}.lobby-card p{color:#cbd5e1;justify-content:space-between;margin:6px 0;font-size:.925rem;display:flex}.lobby-card strong{color:#fff}.btn-join-lobby{text-transform:uppercase;letter-spacing:.5px;cursor:pointer;color:#fff;background-color:#27ae60;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:44px;margin-top:14px;padding:12px;font-size:.95rem;font-weight:800;transition:background-color .2s,transform .1s;display:flex}.btn-join-lobby:hover{background-color:#2ecc71;box-shadow:0 4px 12px #2ecc7166}.btn-join-lobby:active{transform:scale(.98)}@media (width<=1024px){.lobbies-content{flex-direction:column;align-items:stretch}.lobbies-sidebar{flex:none;width:100%;position:static}.lobbies-main{width:100%}.create-lobby-form{max-width:100%}}@media (width<=680px){.lobbies-header{flex-direction:column;align-items:stretch;gap:12px;padding:12px 16px}.lobbies-titles{text-align:center}.header-actions{flex-wrap:wrap;justify-content:space-between;width:100%}.header-actions>*{flex:auto}.btn-common,.btn-general-search{padding:8px 12px;font-size:.85rem}}.profile-overlay{-webkit-backdrop-filter:blur(5px);z-index:1000;opacity:0;visibility:hidden;background:#0a0f19bf;width:100vw;height:100dvh;transition:opacity .3s,visibility .3s;position:fixed;inset:0}.profile-overlay.open{opacity:1;visibility:visible}.profile-sidebar{z-index:1001;color:#f1f1f1;box-sizing:border-box;background-color:#111827;border-left:3px solid #f39c12;flex-direction:column;width:380px;max-width:100vw;height:100dvh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-8px 0 30px #000c}.profile-sidebar.open{transform:translate(0)}.profile-header{background:#121a26cc;border-bottom:1px solid #334155;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.profile-header h2{color:#f39c12;margin:0;font-size:1.4rem;font-weight:800}.close-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #475569;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;transition:all .2s;display:flex}.close-btn:hover{color:#fff;background:#dc2626;border-color:#ef4444}.profile-content{box-sizing:border-box;flex-direction:column;flex:1;align-items:center;padding:clamp(20px,4vw,30px) clamp(16px,3vw,24px);display:flex;overflow-y:auto}.profile-avatar-wrapper{justify-content:center;align-items:center;margin-bottom:14px;display:flex}.profile-avatar{background-color:#1e293b;border:3px solid #f39c12;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:12px;font-size:3rem;display:flex;box-shadow:0 0 20px #f39c1259}.profile-username{color:#fff;text-align:center;word-break:break-word;margin:0 0 4px;font-size:1.6rem;font-weight:800}.profile-email{color:#94a3b8;text-align:center;word-break:break-all;margin:0 0 24px;font-size:.9rem}.profile-stats{flex-direction:column;gap:12px;width:100%;display:flex}.stat-box{background-color:#0f172a;border:1px solid #334155;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 18px;display:flex;box-shadow:0 4px 10px #0000004d}.stat-label{color:#cbd5e1;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:700}.stat-value{color:#2ecc71;text-shadow:0 0 10px #2ecc7166;font-size:1.25rem;font-weight:800}.profile-change-credentials{flex-direction:column;align-items:center;width:100%;margin-top:20px;display:flex}.profile-change-credentials>button,.delete-account>button{color:#f1c40f;cursor:pointer;background:0 0;border:none;margin-bottom:12px;padding:4px;font-size:.95rem;font-weight:700;text-decoration:underline;transition:color .2s}.profile-change-credentials>button:hover,.delete-account>button:hover{color:#e67e22}.form-change-password{flex-direction:column;gap:10px;width:100%;display:flex}.form-change-password input{color:#fff;box-sizing:border-box;background-color:#0f172a;border:1.5px solid #475569;border-radius:8px;outline:none;min-height:44px;padding:10px 12px;font-size:.95rem;transition:border-color .2s}.form-change-password input:focus{border-color:#f39c12;box-shadow:0 0 0 2px #f39c124d}.btn-change-password{color:#111827;cursor:pointer;background-color:#f39c12;border:none;border-radius:8px;min-height:44px;margin-top:4px;padding:11px;font-size:.95rem;font-weight:800;transition:background-color .2s,transform .1s}.btn-change-password:hover{background-color:#d68910}.btn-change-password:active{transform:scale(.98)}.profile-loading{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.profile-footer{background:#121a26cc;border-top:1px solid #334155;margin-top:auto;padding:16px 20px}.profile-logout-btn{text-transform:uppercase;letter-spacing:.5px;cursor:pointer;color:#fff;background-color:#c0392b;border:none;border-radius:8px;width:100%;min-height:44px;padding:12px 20px;font-size:1rem;font-weight:800;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:20px;display:flex}@media (width<=480px){.profile-sidebar{width:100vw}}.user-avatar{color:#fff;-webkit-user-select:none;user-select:none;border:2px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;line-height:1;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 3px 8px #0006}.user-avatar-xs{border-width:1.5px;width:24px;height:24px;font-size:.65rem}.user-avatar-sm{border-width:1.5px;width:32px;height:32px;font-size:.8rem}.user-avatar-md{border-width:2px;width:44px;height:44px;font-size:1rem}.user-avatar-lg{border-width:3px;width:60px;height:60px;font-size:1.4rem}.user-avatar-xl{border-width:3.5px;border-color:#f39c12;width:86px;height:86px;font-size:2.2rem;box-shadow:0 0 20px #f39c1266}.user-avatar.avatar-hero{border-color:#2ecc71;box-shadow:0 0 10px #2ecc7173}.user-avatar-content{letter-spacing:.5px;justify-content:center;align-items:center;display:flex}.social-links-container{box-sizing:border-box;flex-direction:column;gap:8px;width:100%;display:flex}.social-links-container.variant-banner{border-top:1px solid #ffffff1f;margin-top:10px;padding-top:10px}.social-links-container.variant-footer{background:#121a24d9;border:1px solid #f39c1240;border-radius:14px;max-width:700px;margin:20px auto 0;padding:16px 20px;box-shadow:0 4px 15px #0006}.social-links-title{color:#f1c40f;text-transform:uppercase;letter-spacing:.5px;text-align:center;margin:0;font-size:.8rem;font-weight:700}.social-buttons-grid{flex-wrap:wrap;justify-content:center;gap:6px;width:100%;display:flex}.social-btn{color:#fff;cursor:pointer;border:1px solid #0000;border-radius:8px;flex:auto;justify-content:center;align-items:center;gap:5px;min-width:80px;max-width:120px;min-height:32px;padding:6px 10px;font-family:inherit;font-size:.78rem;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #0000004d}.social-btn:hover{filter:brightness(1.15);transform:translateY(-2px);box-shadow:0 5px 12px #00000080}.social-btn:active{transform:scale(.96)}.social-icon{font-size:.9rem;line-height:1}.social-name{letter-spacing:.3px;font-size:.75rem}.social-btn-discord{background:linear-gradient(135deg,#5865f2,#4752c4);border-color:#7289da}.social-btn-discord:hover{box-shadow:0 4px 14px #5865f280}.social-btn-instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#f77737);border-color:#fd5949}.social-btn-instagram:hover{box-shadow:0 4px 14px #fd1d1d80}.social-btn-telegram{background:linear-gradient(135deg,#2aabee,#229ed9);border-color:#229ed9}.social-btn-telegram:hover{box-shadow:0 4px 14px #229ed980}.social-btn-tiktok{background:linear-gradient(135deg,#000,#1e1e1e);border:1px solid #fe2c55}.social-btn-tiktok:hover{box-shadow:0 4px 14px #fe2c5580}.social-btn-youtube{background:linear-gradient(135deg,red,#c00);border-color:#f33}.social-btn-youtube:hover{box-shadow:0 4px 14px #ff000080}@media (width<=480px){.social-buttons-grid{gap:5px}.social-btn{min-width:70px;padding:5px 8px;font-size:.72rem}.social-name{font-size:.7rem}}.steam-banner-wrapper{-webkit-backdrop-filter:blur(10px);color:#ecf0f1;box-sizing:border-box;z-index:10;background:linear-gradient(135deg,#101c30f2,#1c304af2);border:3px solid #f39c12;border-radius:1.25rem;width:100%;max-width:440px;margin:0 auto 1.25rem;padding:clamp(1rem,3vw,1.35rem);transition:all .3s;box-shadow:0 10px 30px #0009,0 0 20px #f39c1240}.steam-banner-wrapper.collapsed{padding:.65rem 1rem}.steam-banner-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.steam-banner-badge{background:#66c0f426;border:1px solid #66c0f4;border-radius:2rem;align-items:center;gap:.4rem;padding:.25rem .65rem;display:flex}.steam-icon{font-size:1rem}.steam-badge-text{letter-spacing:.8px;color:#66c0f4;text-transform:uppercase;font-size:.7rem;font-weight:800}.steam-collapse-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #fff3;border-radius:.5rem;min-height:32px;padding:.3rem .65rem;font-size:.75rem;font-weight:600;transition:all .2s}.steam-collapse-btn:hover{color:#fff;background:#ffffff26;border-color:#f39c12}.steam-banner-body{text-align:center;flex-direction:column;gap:.65rem;margin-top:.85rem;display:flex}.steam-banner-title{color:#fff;filter:drop-shadow(1px 1px 2px #000c);margin:0;font-size:clamp(1.1rem,3vw,1.3rem);font-weight:800;line-height:1.3}.steam-banner-title span{color:#f1c40f;text-decoration:underline}.steam-banner-desc{color:#d1d5db;margin:0;font-size:.825rem;line-height:1.45}.steam-banner-desc strong{color:#66c0f4}.steam-banner-desc em{color:#f39c12;font-style:normal;font-weight:600}.steam-banner-invite{color:#cbd5e1;text-align:left;background:#66c0f414;border-left:3px solid #66c0f4;border-radius:4px;margin:2px 0 0;padding:6px 10px;font-size:.815rem;line-height:1.4}.steam-banner-invite strong{color:#f1c40f}.steam-actions{flex-direction:column;justify-content:center;gap:.6rem;margin-top:.4rem;display:flex}@media (width>=440px){.steam-actions{flex-direction:row}}.steam-btn{cursor:pointer;border:none;border-radius:.5rem;flex:1;justify-content:center;align-items:center;width:100%;min-height:44px;padding:.65rem .85rem;font-size:.9rem;font-weight:700;transition:transform .15s,box-shadow .2s,background-color .2s;display:flex;box-shadow:0 4px 10px #0006}.steam-btn:disabled{opacity:.6;cursor:not-allowed}.steam-btn-yes{color:#fff;background:linear-gradient(135deg,#27ae60,#2ecc71);border:1px solid #2ecc71}.steam-btn-yes:hover:not(:disabled){background:linear-gradient(135deg,#219653,#27ae60);transform:translateY(-2px);box-shadow:0 6px 15px #2ecc7166}.steam-btn-no{color:#e2e8f0;background:linear-gradient(135deg,#475569,#334155);border:1px solid #64748b}.steam-btn-no:hover:not(:disabled){background:linear-gradient(135deg,#64748b,#475569);transform:translateY(-2px);box-shadow:0 6px 15px #64748b66}.steam-voted-box{background:#0006;border:1px solid #f39c1259;border-radius:.75rem;flex-direction:column;gap:.5rem;padding:.75rem .85rem;display:flex}.steam-voted-badge{color:#2ecc71;font-size:.85rem;font-weight:600}.steam-voted-badge strong{color:#f1c40f}.steam-stats-section{flex-direction:column;gap:.35rem;display:flex}.steam-stats-labels{justify-content:space-between;font-size:.775rem;font-weight:700;display:flex}.steam-stat-fav{color:#66c0f4}.steam-stat-total{color:#94a3b8}.steam-progress-bar-bg{background-color:#111827;border:1px solid #334155;border-radius:6px;width:100%;height:12px;overflow:hidden}.steam-progress-bar-fill{background:linear-gradient(90deg,#66c0f4,#2ecc71);border-radius:6px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #2ecc7180}.steam-thank-you{color:#cbd5e1;margin:0;font-size:.775rem;font-style:italic}.steam-loading{color:#94a3b8;padding:.5rem 0;font-size:.85rem}.rules-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1100;background:#0a0f19d1;width:100vw;height:100dvh;animation:.25s ease-out forwards fadeInRulesOverlay;position:fixed;inset:0}.rules-modal-wrapper{z-index:1101;box-sizing:border-box;flex-direction:column;width:620px;max-width:calc(100vw - 28px);max-height:88dvh;font-family:inherit;animation:.3s cubic-bezier(.16,1,.3,1) forwards bookPagePopup;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes fadeInRulesOverlay{0%{opacity:0}to{opacity:1}}@keyframes bookPagePopup{0%{opacity:0;transform:translate(-50%,-46%)scale(.94)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.book-page-container{color:#2b1d0c;box-sizing:border-box;background:linear-gradient(145deg,#fdfaf3 0%,#f7eed9 45%,#ecddb7 100%);border:4px solid #8b5a2b;border-radius:16px;flex-direction:column;max-height:88dvh;padding:clamp(16px,3.5vw,26px);font-family:inherit;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #000000d9,0 0 25px #daa52040,inset 0 0 40px #8b5a2b2e,inset 0 0 0 2px #d4af37}.book-bookmark{z-index:10;background:linear-gradient(#991b1b 0%,#dc2626 70%,#b91c1c 100%);border-bottom-right-radius:4px;border-bottom-left-radius:4px;width:24px;height:42px;position:absolute;top:0;right:52px;box-shadow:0 4px 10px #0006}.book-bookmark:after{content:"";border-bottom:10px solid #f7eed9;border-left:12px solid #0000;border-right:12px solid #0000;width:0;height:0;position:absolute;bottom:0;left:0}.book-page-header{justify-content:space-between;align-items:flex-start;padding-bottom:8px;display:flex;position:relative}.book-title-group{text-align:center;flex:1;padding:0 10px}.book-ornament{color:#b45309;letter-spacing:4px;filter:drop-shadow(0 1px 1px #00000026);margin-bottom:2px;font-size:.9rem;display:block}.book-title{color:#5c2c0e;text-transform:uppercase;letter-spacing:1px;text-shadow:1px 1px #ffffffb3;margin:0;font-size:clamp(1.3rem,3.5vw,1.75rem);font-weight:900}.book-subtitle{color:#78350f;margin:3px 0 0;font-size:clamp(.78rem,1.8vw,.9rem);font-style:italic;font-weight:600}.book-close-btn{color:#5c2c0e;cursor:pointer;background:#8b5a2b1f;border:1.5px solid #8b5a2b;border-radius:50%;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;margin-top:-4px;margin-right:-4px;font-family:inherit;font-size:1rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 5px #00000026}.book-close-btn:hover{color:#fff;background:#dc2626;border-color:#991b1b;transform:scale(1.08)}.book-divider{opacity:.75;background:linear-gradient(90deg,#0000 0%,#b45309 50%,#0000 100%);height:2px;margin:8px 0 12px}.book-page-content{box-sizing:border-box;flex-direction:column;flex:1;gap:16px;padding-right:8px;display:flex;overflow-y:auto}.book-page-content::-webkit-scrollbar{width:6px}.book-page-content::-webkit-scrollbar-track{background:#8b5a2b1a;border-radius:4px}.book-page-content::-webkit-scrollbar-thumb{background:#b45309;border-radius:4px}.book-page-content::-webkit-scrollbar-thumb:hover{background:#78350f}.rule-section{text-align:left;flex-direction:column;gap:6px;display:flex}.rule-section-title{color:#78350f;border-bottom:1px dashed #78350f4d;align-items:center;gap:6px;margin:0;padding-bottom:4px;font-size:clamp(1rem,2.4vw,1.15rem);font-weight:800;display:flex}.rule-icon{font-size:1.15rem}.rule-text{color:#38240f;margin:0;font-size:clamp(.85rem,2vw,.935rem);line-height:1.5}.rule-text strong{color:#5c2c0e}.rule-text em{color:#b45309;font-style:italic;font-weight:700}.rule-callout{color:#451a03;background:#f59e0b24;border-left:4px solid #d97706;border-radius:6px;margin-top:4px;padding:8px 12px;font-size:.85rem}.rule-callout strong{color:#78350f;margin-bottom:4px;display:block}.rule-callout ul{margin:0;padding-left:18px;line-height:1.4}.rule-strategy-box{color:#38240f;background:#b453091a;border:1.5px solid #d97706;border-radius:8px;flex-direction:column;gap:6px;padding:10px 12px;font-size:.86rem;line-height:1.45;display:flex}.rule-strategy-box p{margin:0}.rule-strategy-box strong{color:#78350f}.cards-outcome-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:6px;display:grid}@media (width<=520px){.cards-outcome-grid{grid-template-columns:1fr}}.outcome-card{box-sizing:border-box;border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.loss-card{background:#ef444414;border:1.5px solid #ef4444}.win-card{background:#10b98117;border:1.5px solid #10b981}.outcome-header{align-items:center;display:flex}.outcome-badge{letter-spacing:.5px;border-radius:12px;padding:3px 8px;font-size:.72rem;font-weight:900}.loss-badge{color:#fff;background:#dc2626}.win-badge{color:#fff;background:#16a34a}.outcome-desc{color:#451a03;margin:2px 0 0;font-size:.825rem;font-weight:700}.outcome-effect{color:#2b1d0c;margin:0;font-size:.8rem;line-height:1.35}.rules-bullets{color:#38240f;flex-direction:column;gap:6px;margin:0;padding-left:18px;font-size:clamp(.82rem,1.9vw,.88rem);line-height:1.45;display:flex}.rules-bullets strong{color:#5c2c0e}.book-page-footer{text-align:center;flex-direction:column;align-items:center;gap:8px;padding-top:4px;display:flex}.book-quote{color:#78350f;margin:0;font-size:.8rem;font-style:italic;font-weight:600}.book-action-btn{color:#fef3c7;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,#b45309 0%,#78350f 100%);border:1.5px solid #d4af37;border-radius:10px;justify-content:center;align-items:center;width:100%;max-width:320px;min-height:40px;padding:10px 20px;font-family:inherit;font-size:clamp(.85rem,2vw,.95rem);font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 12px #5c2c0e59}.book-action-btn:hover{color:#fff;background:linear-gradient(135deg,#d97706 0%,#92400e 100%);transform:translateY(-2px);box-shadow:0 6px 16px #5c2c0e73}.book-action-btn:active{transform:scale(.98)}.game-room-container{overscroll-behavior:none;touch-action:manipulation;box-sizing:border-box;-webkit-user-select:none;user-select:none;background-color:#0b1120;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.poker-table{box-sizing:border-box;z-index:1;overscroll-behavior:none;grid-template-rows:1.2fr 1.5fr 1.3fr;grid-template-columns:repeat(5,1fr);gap:clamp(6px,1.2vw,12px);width:100%;max-width:1400px;height:100%;max-height:900px;padding:clamp(10px,2vw,24px);display:grid;position:relative;overflow:hidden}.table-background-image{object-fit:contain;z-index:-1;width:96%;height:88%;image-rendering:pixelated;pointer-events:none;filter:drop-shadow(0 12px 35px #000000d9);position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.grid-cell{color:#fff;text-shadow:1px 1px 3px #000000e6;justify-content:center;align-items:center;display:flex}.grid-cell>*{justify-content:center;align-items:center;display:flex}.bottom-center{flex-direction:column;grid-area:3/2/auto/5;justify-content:center;align-items:center;gap:6px;display:flex;position:relative;transform:translateY(8px)}.seat-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:relative}.my-turn-alert{color:gold;text-shadow:0 0 10px #ffd700b3,2px 2px #000;letter-spacing:1px;white-space:nowrap;margin-bottom:2px;font-size:clamp(.85rem,1.6vw,1.05rem);font-weight:800;animation:1.5s ease-in-out infinite pulseTurn;position:relative;top:0}@keyframes pulseTurn{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.new-mazzo-message{color:#000;z-index:20;text-align:center;background-color:#fff;border-radius:14px;max-width:220px;padding:10px 16px;font-size:.85rem;font-weight:700;position:absolute;bottom:45%;left:60%;box-shadow:0 6px 16px #00000080}.new-mazzo-message:after{content:"";border:8px solid #0000;border-left-width:0;border-right:10px solid #fff;position:absolute;top:50%;left:-10px;transform:translateY(-50%)}.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}.rematch-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box;background:#0a0f19d9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.rematch-box{text-align:center;color:#fff;box-sizing:border-box;background:#141e2af2;border:3px solid #f39c12;border-radius:1.25rem;width:100%;max-width:440px;padding:clamp(20px,4vw,32px);box-shadow:0 15px 40px #000c,0 0 25px #f39c124d}.rematch-box h2{color:gold;margin:0 0 12px;font-size:clamp(1.3rem,3vw,1.6rem)}.rematch-box p{color:#cbd5e1;margin:0;font-size:.95rem;line-height:1.4}@media (width<=768px){.poker-table{box-sizing:border-box;overscroll-behavior:none;touch-action:manipulation;grid-template-rows:1.15fr 1fr 1.25fr;grid-template-columns:1fr;place-items:center;width:100%;max-width:100vw;height:100%;padding:clamp(48px,6.5vh,60px) clamp(10px,3vw,16px) clamp(8px,1.5vh,14px);display:grid;position:relative;overflow:hidden}.table-background-image{object-fit:contain;z-index:0;pointer-events:none;filter:drop-shadow(0 8px 24px #000000d9);width:98%;height:75%;max-height:480px;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.high-left,.high-right,.mid-left,.mid-right,.low-left,.low-right{display:none!important}.high-center{z-index:10;grid-area:1/1;justify-content:center;align-items:flex-end;width:100%;height:100%;margin:0;padding-bottom:2px;display:flex;position:relative}.table-high-center{flex-direction:row;justify-content:center;align-items:flex-end;gap:clamp(10px,3vw,18px);display:flex;position:relative;transform:none}.croupier-img{width:clamp(110px,28vw,155px);height:clamp(110px,28vw,155px);image-rendering:pixelated;filter:drop-shadow(0 6px 14px #000000bf)}.card-display{z-index:15;justify-content:center;align-items:center;display:flex;position:relative;transform:translateY(-8px)}.mid-center{z-index:10;grid-area:2/1;justify-content:center;align-items:center;width:100%;height:100%;margin:0;display:flex;position:relative}.table-center{color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:relative;transform:translateY(-34px)}.piatto-container{justify-content:center;align-items:center;display:flex!important}.piatto-img{width:clamp(70px,17vw,98px);height:clamp(70px,17vw,98px);image-rendering:pixelated;filter:drop-shadow(0 6px 14px #000000b3)}.pot-container{box-shadow:none;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.paragraph-coin{color:gold;text-shadow:0 0 12px #ffd70080,2px 2px #000;align-items:center;gap:5px;margin:0;font-size:clamp(1.05rem,3.6vw,1.35rem);font-weight:800;display:flex}.pixel-coins{width:clamp(22px,5vw,28px);height:clamp(22px,5vw,28px);image-rendering:pixelated}.bottom-center{z-index:20;flex-direction:column;grid-area:3/1;justify-content:flex-start;align-items:center;gap:4px;width:100%;height:100%;margin:0;padding-top:4px;display:flex;position:relative}.seat-wrapper{flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}.my-turn-alert{margin-bottom:2px;font-size:.8rem;position:relative;top:0}.mobile-turn-banner{z-index:120;color:#fff;white-space:nowrap;text-shadow:0 1px 2px #000c;-webkit-backdrop-filter:blur(10px);pointer-events:none;border-radius:20px;justify-content:center;align-items:center;gap:8px;max-width:90vw;padding:7px 16px;font-size:clamp(.8rem,2.9vw,.92rem);font-weight:800;animation:.22s cubic-bezier(.175,.885,.32,1.275) mobileBannerPop;display:flex;position:fixed;top:52px;left:50%;transform:translate(-50%)}.mobile-turn-banner.banner-win{background:linear-gradient(135deg,#10b981f5,#059669f5);border:1.5px solid #34d399;box-shadow:0 4px 18px #10b98180,0 0 12px #0009}.mobile-turn-banner.banner-lose{background:linear-gradient(135deg,#ef4444f5,#dc2626f5);border:1.5px solid #f87171;box-shadow:0 4px 18px #ef444480,0 0 12px #0009}.banner-icon{font-size:1.05rem}.banner-text{text-overflow:ellipsis;overflow:hidden}.banner-text strong{color:gold}}@keyframes mobileBannerPop{0%{opacity:0;transform:translate(-50%,-18px)scale(.85)}70%{opacity:1;transform:translate(-50%,2px)scale(1.03)}to{opacity:1;transform:translate(-50%)scale(1)}}.placeholder-box{text-align:center;-webkit-backdrop-filter:blur(8px);color:#fff;box-sizing:border-box;background:#1e293bf0;border:2px solid #475569;border-radius:12px;flex-direction:column;align-items:center;gap:3px;width:clamp(100px,13vw,135px);max-width:100%;padding:clamp(6px,1vh,10px) clamp(8px,1.5vw,12px);transition:all .3s;display:flex;position:relative;box-shadow:0 4px 15px #00000080}.hero{border-color:#2ecc71;box-shadow:0 0 15px #2ecc7166}.active-turn{border-color:#f39c12;transform:scale(1.04);box-shadow:0 0 20px #f39c12b3}.turn-indicator{color:#111827;white-space:nowrap;z-index:50;letter-spacing:.5px;background-color:#f39c12;border-radius:6px;padding:3px 8px;font-size:clamp(.68rem,1.2vw,.8rem);font-weight:800;position:absolute;top:clamp(-30px,-4.5vw,-24px);left:50%;transform:translate(-50%);box-shadow:0 3px 10px #0009}.turn-indicator:after{content:"";border:5px solid #0000;border-top-color:#f39c12;border-bottom-width:0;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.turn-outcome-bubble{white-space:nowrap;z-index:60;letter-spacing:.4px;pointer-events:none;border-radius:8px;padding:4px 10px;font-size:clamp(.7rem,1.2vw,.82rem);font-weight:800;animation:3.5s ease-in-out forwards outcomeFloat;position:absolute;top:clamp(-36px,-5vw,-28px);left:50%;transform:translate(-50%);box-shadow:0 4px 14px #000000b3}.turn-outcome-bubble:after{content:"";border-style:solid;border-width:5px 5px 0;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.turn-outcome-bubble.outcome-win{color:#fff;text-shadow:0 1px 2px #000c;background:linear-gradient(135deg,#10b981,#059669);border:1.5px solid #34d399;box-shadow:0 4px 16px #10b9818c}.turn-outcome-bubble.outcome-win:after{border-color:#059669 #0000 #0000}.turn-outcome-bubble.outcome-lose{color:#fff;text-shadow:0 1px 2px #000c;background:linear-gradient(135deg,#ef4444,#dc2626);border:1.5px solid #f87171;box-shadow:0 4px 16px #ef44448c}.turn-outcome-bubble.outcome-lose:after{border-color:#dc2626 #0000 #0000}@keyframes outcomeFloat{0%{opacity:0;transform:translate(-50%,6px)scale(.85)}12%{opacity:1;transform:translate(-50%)scale(1.05)}20%{transform:translate(-50%)scale(1)}80%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-8px)scale(.92)}}.seat-avatar-wrapper{justify-content:center;align-items:center;margin-top:1px;display:flex}.seat-info{flex-direction:column;align-items:center;width:100%;display:flex;overflow:hidden}.player-name{text-overflow:ellipsis;white-space:nowrap;color:#fff;max-width:100%;margin:0;font-size:clamp(.82rem,1.4vw,.98rem);font-weight:800;overflow:hidden}.player-balance{color:gold;text-shadow:0 0 8px #ffd70066;margin:1px 0 0;font-size:clamp(.78rem,1.2vw,.9rem);font-weight:800}.seat-eliminato{opacity:.65;filter:grayscale();background:#450a0ad9;border-color:#ef4444}.seat-logout{opacity:.45;background:#0f172acc;border-style:dashed;border-color:#94a3b8}.status-badge{text-transform:uppercase;border-radius:4px;margin-top:3px;padding:2px 6px;font-size:clamp(.62rem,1vw,.72rem);font-weight:800;display:inline-block}.status-badge.waiting{color:#cbd5e1;background-color:#ffffff1f}.status-badge.eliminato{color:#fecaca;background-color:#dc2626}.status-badge.logout{color:#cbd5e1;background-color:#475569}.div-container{z-index:100;position:absolute;top:0;right:0}.navbar-toggle{z-index:110;color:#111827;cursor:pointer;letter-spacing:.5px;background:linear-gradient(135deg,#f39c12,#e67e22);border:1.5px solid #f1c40f;border-radius:24px;justify-content:center;align-items:center;min-height:44px;padding:10px 22px;font-size:clamp(.92rem,1.2vw,1.05rem);font-weight:800;transition:all .2s;display:flex;position:fixed;top:14px;right:16px;box-shadow:0 4px 18px #00000073}.navbar-toggle:hover{background:#f1c40f;transform:translateY(-1px);box-shadow:0 6px 20px #f39c128c}.navbar-toggle:active{transform:scale(.96)}.toggle-content{align-items:center;gap:6px;display:flex;position:relative}.chat-unread-badge{color:#fff;box-sizing:border-box;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #0b1120;border-radius:12px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 5px;font-size:.75rem;font-weight:900;animation:.3s cubic-bezier(.175,.885,.32,1.275) badgePop;display:flex;position:absolute;top:-12px;right:-18px;box-shadow:0 2px 8px #ef444499}.navbar-toggle.has-unread{border-color:gold;animation:1.8s ease-in-out infinite chatNoticePulse}@keyframes chatNoticePulse{0%,to{transform:scale(1);box-shadow:0 4px 18px #f39c1273}50%{transform:scale(1.05);box-shadow:0 0 22px #f39c12d9,0 0 10px #ef444499}}@keyframes badgePop{0%{transform:scale(0)}to{transform:scale(1)}}.navbar{-webkit-backdrop-filter:blur(14px);color:#fff;box-sizing:border-box;z-index:105;background:#121a26f7;border-left:2.5px solid #f39c12;flex-direction:column;width:clamp(360px,26vw,460px);max-width:100vw;height:100dvh;padding:clamp(55px,7vh,70px) clamp(14px,1.5vw,20px) clamp(14px,1.5vh,20px);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-8px 0 30px #000000bf}.navbar.opened{transform:translate(0)}@media (width>=1440px){.navbar{width:clamp(430px,28vw,520px)}}.chat-history{box-sizing:border-box;background:#0a0f18d9;border:1px solid #334155;border-radius:14px;flex-direction:column;flex-grow:1;gap:12px;margin:12px 0;padding:clamp(10px,1.5vw,16px);display:flex;overflow-y:auto}.chat-message-row{align-items:flex-start;gap:10px;width:100%;display:flex}.chat-avatar{margin-top:2px}.chat-bubble{word-break:break-word;background:#1e293be0;border:1px solid #475569;border-radius:12px;flex-direction:column;max-width:calc(100% - 40px);padding:clamp(7px,1vh,10px) clamp(10px,1.2vw,14px);display:flex;box-shadow:0 3px 8px #00000059}.chat-username{color:gold;letter-spacing:.3px;margin-bottom:2px;font-size:clamp(.78rem,1vw,.88rem);font-weight:800}.chat-text{color:#f1f5f9;font-size:clamp(.88rem,1vw,.98rem);line-height:1.4}.logout-btn{color:#fff;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;background-color:#c0392b;border:none;border-radius:8px;min-height:42px;padding:10px 16px;font-size:clamp(.88rem,1vw,.96rem);font-weight:800;transition:background-color .2s,transform .1s}.logout-btn:hover{background-color:#e74c3c;transform:translateY(-1px)}.logout-btn:active{transform:scale(.98)}.chat-empty-message{color:#94a3b8;text-align:center;margin:auto 0;font-size:clamp(.85rem,1vw,.95rem);font-style:italic}.system-message{color:#f1c40f;text-align:center;background:#f39c121a;border:1px dashed #f39c124d;border-radius:8px;padding:8px 12px;font-size:clamp(.82rem,1vw,.9rem);font-style:italic}.chat-form{flex-shrink:0;gap:8px;width:100%;margin-top:6px;display:flex}.chat-input{color:#fff;box-sizing:border-box;background-color:#0b1120;border:1.5px solid #475569;border-radius:10px;outline:none;flex-grow:1;min-width:0;min-height:46px;padding:clamp(10px,1.2vh,13px) clamp(12px,1.2vw,16px);font-size:clamp(.92rem,1vw,1.02rem)}.chat-input:focus{border-color:#f39c12;box-shadow:0 0 0 2px #f39c124d}.chat-submit-btn{cursor:pointer;color:#111827;background-color:#f39c12;border:none;border-radius:10px;min-height:46px;padding:8px clamp(16px,2vw,22px);font-size:clamp(.9rem,1vw,1rem);font-weight:800;transition:background-color .2s,opacity .2s}.chat-submit-btn:hover:not(:disabled){background-color:#d68910}.chat-submit-btn:disabled{cursor:not-allowed;opacity:.5}@media (width<=480px){.navbar-toggle{min-height:42px;padding:8px 18px;font-size:.94rem;top:10px;right:12px}.navbar{width:100vw;padding:55px 12px 12px}}.hero-controls{z-index:20;flex-flow:wrap;justify-content:center;align-items:center;gap:clamp(6px,1.5vw,12px);max-width:100%;display:flex}.hero-controls-group{-webkit-backdrop-filter:blur(8px);background:#0f172ad9;border:1.5px solid #475569;border-radius:12px;align-items:center;gap:clamp(4px,1vw,8px);padding:4px 8px;display:flex;box-shadow:0 4px 12px #0006}.btn-hero{color:#111827;letter-spacing:.5px;cursor:pointer;white-space:nowrap;background-color:gold;border:none;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:clamp(6px,1.2vh,10px) clamp(10px,2vw,16px);font-size:clamp(.8rem,2vw,.95rem);font-weight:800;transition:background-color .15s,transform .1s,box-shadow .2s;display:inline-flex;box-shadow:0 3px 8px #0000004d}.btn-hero:hover:not(:disabled){background-color:#ffea00;transform:translateY(-1px);box-shadow:0 5px 12px #ffd70066}.btn-hero:active:not(:disabled){transform:scale(.97)}.btn-hero:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(60%)}.hero-bet-input{color:gold;text-align:center;box-sizing:border-box;background-color:#0b1120;border:1.5px solid #475569;border-radius:6px;outline:none;width:clamp(55px,14vw,75px);height:40px;padding:4px 6px;font-size:1rem;font-weight:800}.hero-bet-input:focus{border-color:#f39c12;box-shadow:0 0 0 2px #f39c124d}.hero-bet-input:disabled{opacity:.5;cursor:not-allowed}@media (width<=600px){.hero-controls{gap:6px}.hero-controls-group{border-radius:10px;padding:3px 6px}.btn-hero{min-height:38px;padding:6px 10px;font-size:.8rem}.hero-bet-input{width:55px;height:36px;font-size:.9rem}}.card-perspective{aspect-ratio:1;perspective:1000px;filter:drop-shadow(0 6px 16px #000000a6);background:0 0;width:clamp(110px,12vw,160px);height:clamp(110px,12vw,160px);margin:clamp(2px,1vw,6px);display:inline-block}@media (width<=768px){.card-perspective{width:clamp(85px,20vw,120px);height:clamp(85px,20vw,120px);margin:2px}}@media (width<=380px){.card-perspective{width:clamp(75px,18vw,95px);height:clamp(75px,18vw,95px)}}.card-inner{width:100%;height:100%;transform-style:preserve-3d;background:0 0;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.card-inner.is-flipped{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;background:0 0;border-radius:6px;width:100%;height:100%;position:absolute;overflow:hidden}.card-face img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;background:0 0;border-radius:6px;display:block}.card-front{transform:rotateY(180deg)}.game-room-container.offline-theme{overscroll-behavior:none;touch-action:manipulation;color:#fff;box-sizing:border-box;-webkit-user-select:none;user-select:none;background-color:#0b1120;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.offline-header{z-index:100;align-items:center;gap:10px;display:flex;position:absolute;top:12px;left:12px}.btn-leave{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:8px;justify-content:center;align-items:center;min-height:36px;padding:6px 14px;font-size:.85rem;font-weight:800;transition:transform .2s,background-color .2s;display:flex;box-shadow:0 4px 12px #e74c3c66}.btn-leave:hover{background:#c0392b;transform:translateY(-1px)}.mode-badge{color:#111827;letter-spacing:.5px;text-transform:uppercase;background-color:#f39c12;border-radius:20px;padding:5px 12px;font-size:.72rem;font-weight:800;box-shadow:0 0 15px #f39c1280}.mode-badge-full{display:inline}.mode-badge-short{display:none}.poker-table.offline-table{box-sizing:border-box;z-index:1;overscroll-behavior:none;grid-template-rows:1.2fr 1.5fr 1.3fr;grid-template-columns:repeat(5,1fr);gap:clamp(6px,1.2vw,12px);width:100%;max-width:1400px;height:100%;max-height:900px;padding:clamp(10px,2vw,24px);display:grid;position:relative;overflow:hidden}.high-center{grid-area:1/2/auto/5;position:relative}.table-high-center{flex-direction:row;justify-content:center;align-items:center;gap:20px;width:100%;height:100%;display:flex;position:relative;transform:translateY(-5px)}.croupier-img{width:clamp(125px,15vw,180px);height:clamp(125px,15vw,180px);image-rendering:pixelated;filter:drop-shadow(0 6px 14px #000000b3)}.card-display{justify-content:center;align-items:center;display:flex}.mid-center{grid-area:2/2/auto/5;justify-content:center;align-items:center;display:flex}.table-center{color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:relative;transform:translateY(-24px)}.piatto-container{justify-content:center;align-items:center;display:flex}.piatto-img{width:clamp(100px,13vw,150px);height:clamp(100px,13vw,150px);image-rendering:pixelated;filter:drop-shadow(0 6px 14px #000000b3)}.pot-container{justify-content:center;align-items:center;display:flex}.paragraph-coin{color:gold;text-shadow:0 0 12px #ffd70080,2px 2px #000;justify-content:center;align-items:center;gap:6px;margin:0;font-size:clamp(1.15rem,2vw,1.45rem);font-weight:800;display:flex}.pixel-coins{width:clamp(32px,5vw,50px);height:clamp(32px,5vw,50px);image-rendering:pixelated}.hero-offline-controls{z-index:20;box-sizing:border-box;flex-flow:row;justify-content:center;align-items:center;gap:8px;margin-top:6px;display:flex;position:relative}.bet-controls{-webkit-backdrop-filter:blur(8px);background:#0f172ad9;border:1.5px solid #475569;border-radius:12px;align-items:center;gap:6px;padding:4px 8px;display:flex;box-shadow:0 4px 12px #0006}.bet-controls button{color:#fff;cursor:pointer;background:#334155;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.1rem;font-weight:800;transition:transform .15s,background-color .2s;display:flex}.bet-controls button:hover:not(:disabled){background:#475569;transform:translateY(-1px)}.bet-input{color:gold;text-align:center;box-sizing:border-box;background:#0b1120;border:1.5px solid #475569;border-radius:6px;outline:none;width:55px;height:34px;font-size:1rem;font-weight:800}.bet-input:focus{border-color:#f39c12;box-shadow:0 0 0 2px #f39c124d}.btn-draw{color:#111827;letter-spacing:.5px;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#f39c12,#e67e22);border:none;border-radius:8px;min-height:38px;padding:8px 14px;font-size:.9rem;font-weight:800;transition:transform .15s,background-color .2s;box-shadow:0 4px 12px #f39c1259}.btn-draw:hover:not(:disabled){background:#f1c40f;transform:translateY(-1px)}.personality-tag{text-transform:uppercase;letter-spacing:.5px;color:#fff;z-index:10;white-space:nowrap;pointer-events:none;border-radius:20px;padding:2px 7px;font-size:.65rem;font-weight:800;position:absolute;bottom:-12px;left:50%;transform:translate(-50%);box-shadow:0 3px 8px #0006}.personality-tag.aggressivo{background-color:#ef4444}.personality-tag.tirchio{background-color:#64748b}.personality-tag.calcolatore{background-color:#3b82f6}.personality-tag.pazzo{background-color:#a855f7}.personality-tag.calmo{background-color:#10b981}.seat-wrapper{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.mobile-turn-banner{display:none}@media (width<=768px){.poker-table.offline-table{box-sizing:border-box;overscroll-behavior:none;touch-action:manipulation;grid-template-rows:1.15fr 1fr 1.25fr;grid-template-columns:1fr;place-items:center;width:100%;max-width:100vw;height:100%;padding:clamp(48px,6.5vh,60px) clamp(10px,3vw,16px) clamp(8px,1.5vh,14px);display:grid;position:relative;overflow:hidden}.table-background-image{object-fit:contain;z-index:0;pointer-events:none;filter:drop-shadow(0 8px 24px #000000d9);width:98%;height:75%;max-height:480px;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.high-left,.high-right,.mid-left,.mid-right,.low-left,.low-right{display:none!important}.offline-header{z-index:110;gap:8px;max-width:calc(100vw - 20px);top:10px;left:10px}.btn-leave{min-height:32px;padding:5px 10px;font-size:.8rem}.mode-badge{white-space:nowrap;text-overflow:ellipsis;padding:4px 8px;font-size:.65rem;overflow:hidden}.mode-badge-full{display:none}.mode-badge-short{display:inline}.high-center{z-index:10;grid-area:1/1;justify-content:center;align-items:flex-end;width:100%;height:100%;margin:0;padding-bottom:2px;display:flex;position:relative}.table-high-center{flex-direction:row;justify-content:center;align-items:flex-end;gap:clamp(10px,3vw,18px);display:flex;position:relative;transform:none}.croupier-img{width:clamp(110px,28vw,155px);height:clamp(110px,28vw,155px);image-rendering:pixelated;filter:drop-shadow(0 6px 14px #000000bf)}.card-display{z-index:15;justify-content:center;align-items:center;display:flex;position:relative;transform:translateY(-8px)}.mid-center{z-index:10;grid-area:2/1;justify-content:center;align-items:center;width:100%;height:100%;margin:0;display:flex;position:relative}.table-center{color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:relative;transform:translateY(-34px)}.piatto-container{justify-content:center;align-items:center;display:flex!important}.piatto-img{width:clamp(70px,17vw,98px);height:clamp(70px,17vw,98px);image-rendering:pixelated;filter:drop-shadow(0 6px 14px #000000b3)}.pot-container{box-shadow:none;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.paragraph-coin{color:gold;text-shadow:0 0 12px #ffd70080,2px 2px #000;align-items:center;gap:5px;margin:0;font-size:clamp(1.05rem,3.6vw,1.35rem);font-weight:800;display:flex}.pixel-coins{width:clamp(22px,5vw,28px);height:clamp(22px,5vw,28px);image-rendering:pixelated}.bottom-center{z-index:20;box-sizing:border-box;flex-direction:column;grid-area:3/1;justify-content:flex-start;align-items:center;gap:4px;width:100%;height:100%;margin:0;padding:4px 8px 0;display:flex;position:relative}.seat-wrapper{flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}.hero-offline-controls{box-sizing:border-box;flex-flow:row;justify-content:center;align-items:center;gap:6px;width:100%;max-width:100%;margin-top:2px;display:flex;position:relative;top:auto;left:auto;transform:none}.bet-controls{flex-shrink:0;gap:4px;padding:3px 6px}.bet-controls button{width:30px;height:30px;font-size:.95rem}.bet-input{width:48px;height:30px;font-size:.9rem}.btn-draw{flex-shrink:0;min-height:34px;padding:6px 12px;font-size:.82rem}.mobile-turn-banner{z-index:120;color:#fff;white-space:nowrap;text-shadow:0 1px 2px #000c;-webkit-backdrop-filter:blur(10px);pointer-events:none;border-radius:20px;justify-content:center;align-items:center;gap:8px;max-width:90vw;padding:7px 16px;font-size:clamp(.8rem,2.9vw,.92rem);font-weight:800;animation:.22s cubic-bezier(.175,.885,.32,1.275) mobileBannerPop;display:flex;position:fixed;top:52px;left:50%;transform:translate(-50%)}.mobile-turn-banner.banner-win{background:linear-gradient(135deg,#10b981f5,#059669f5);border:1.5px solid #34d399;box-shadow:0 4px 18px #10b98180,0 0 12px #0009}.mobile-turn-banner.banner-lose{background:linear-gradient(135deg,#ef4444f5,#dc2626f5);border:1.5px solid #f87171;box-shadow:0 4px 18px #ef444480,0 0 12px #0009}.banner-icon{font-size:1.05rem}.banner-text{text-overflow:ellipsis;overflow:hidden}.banner-text strong{color:gold}}