@import"https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&family=Lato:wght@300;400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";:root{--ion-color-primary: #0054e9;--ion-color-primary-rgb: 0, 84, 233;--ion-color-primary-contrast: #fff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #004acd;--ion-color-primary-tint: #1a65eb;--ion-color-secondary: #0163aa;--ion-color-secondary-rgb: 1, 99, 170;--ion-color-secondary-contrast: #fff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #015796;--ion-color-secondary-tint: #1a73b3;--ion-color-tertiary: #6030ff;--ion-color-tertiary-rgb: 96, 48, 255;--ion-color-tertiary-contrast: #fff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #542ae0;--ion-color-tertiary-tint: #7045ff;--ion-color-success: #2dd55b;--ion-color-success-rgb: 45, 213, 91;--ion-color-success-contrast: #000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28bb50;--ion-color-success-tint: #42d96b;--ion-color-warning: #ffc409;--ion-color-warning-rgb: 255, 196, 9;--ion-color-warning-contrast: #000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0ac08;--ion-color-warning-tint: #ffca22;--ion-color-danger: #c5000f;--ion-color-danger-rgb: 197, 0, 15;--ion-color-danger-contrast: #fff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #ad000d;--ion-color-danger-tint: #cb1a27;--ion-color-light: #f4f5f8;--ion-color-light-rgb: 244, 245, 248;--ion-color-light-contrast: #000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: #d7d8da;--ion-color-light-tint: #f5f6f9;--ion-color-medium: #636469;--ion-color-medium-rgb: 99, 100, 105;--ion-color-medium-contrast: #fff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #57585c;--ion-color-medium-tint: #737478;--ion-color-dark: #222428;--ion-color-dark-rgb: 34, 36, 40;--ion-color-dark-contrast: #fff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #1e2023;--ion-color-dark-tint: #383a3e}html.ios{--ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif}html.md{--ion-default-font: "Roboto", "Helvetica Neue", sans-serif}html{--ion-dynamic-font: -apple-system-body;--ion-font-family: var(--ion-default-font)}body{background:var(--ion-background-color);color:var(--ion-text-color)}body.backdrop-no-scroll{overflow:hidden}html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,html.ios ion-modal ion-footer ion-toolbar:first-of-type,html.ios ion-footer.modal-footer-moving ion-toolbar:first-of-type{padding-top:6px}html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type{padding-bottom:6px}html.ios ion-modal ion-toolbar,html.ios .modal-footer-moving ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (min-width: 768px){html.ios ion-modal.modal-card:first-of-type{--backdrop-opacity: .18}}ion-modal.modal-default.show-modal~ion-modal.modal-default{--backdrop-opacity: 0;--box-shadow: none}html.ios ion-modal.modal-card .ion-page{border-top-left-radius:var(--border-radius)}.ion-color-primary{--ion-color-base: var(--ion-color-primary, #0054e9) !important;--ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !important;--ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-primary-shade, #004acd) !important;--ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important}.ion-color-secondary{--ion-color-base: var(--ion-color-secondary, #0163aa) !important;--ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !important;--ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-secondary-shade, #015796) !important;--ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important}.ion-color-tertiary{--ion-color-base: var(--ion-color-tertiary, #6030ff) !important;--ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 255) !important;--ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-tertiary-shade, #542ae0) !important;--ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important}.ion-color-success{--ion-color-base: var(--ion-color-success, #2dd55b) !important;--ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important;--ion-color-contrast: var(--ion-color-success-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-success-shade, #28bb50) !important;--ion-color-tint: var(--ion-color-success-tint, #42d96b) !important}.ion-color-warning{--ion-color-base: var(--ion-color-warning, #ffc409) !important;--ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;--ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;--ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important}.ion-color-danger{--ion-color-base: var(--ion-color-danger, #c5000f) !important;--ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !important;--ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-danger-shade, #ad000d) !important;--ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !important}.ion-color-light{--ion-color-base: var(--ion-color-light, #f4f5f8) !important;--ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;--ion-color-contrast: var(--ion-color-light-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;--ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important}.ion-color-medium{--ion-color-base: var(--ion-color-medium, #636469) !important;--ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !important;--ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-medium-shade, #57585c) !important;--ion-color-tint: var(--ion-color-medium-tint, #737478) !important}.ion-color-dark{--ion-color-base: var(--ion-color-dark, #222428) !important;--ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;--ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;--ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important}.ion-page{left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:column;justify-content:space-between;contain:layout size style;z-index:0}.ion-page.ion-page-overlay-passthrough{pointer-events:none}ion-modal>.ion-page{position:relative;contain:layout style;height:100%}.split-pane-visible>.ion-page.split-pane-main{position:relative}ion-route,ion-route-redirect,ion-router,ion-select-option,ion-nav-controller,ion-menu-controller,ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-modal-controller,ion-picker-controller,ion-popover-controller,ion-toast-controller,.ion-page-hidden{display:none!important}.ion-page-invisible{opacity:0}.can-go-back>ion-header ion-back-button{display:block}html.plt-ios.plt-hybrid,html.plt-ios.plt-pwa{--ion-statusbar-padding: 20px}@supports (padding-top: 20px){html{--ion-safe-area-top: var(--ion-statusbar-padding)}}@supports (padding-top: env(safe-area-inset-top)){html{--ion-safe-area-top: var(--safe-area-inset-top, env(safe-area-inset-top));--ion-safe-area-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom));--ion-safe-area-left: var(--safe-area-inset-left, env(safe-area-inset-left));--ion-safe-area-right: var(--safe-area-inset-right, env(safe-area-inset-right))}}ion-card.ion-color .ion-inherit-color,ion-card-header.ion-color .ion-inherit-color{color:inherit}.menu-content{transform:translateZ(0)}.menu-content-open{cursor:pointer;touch-action:manipulation;pointer-events:none;overflow-y:hidden}.menu-content-open ion-content{--overflow: hidden}.menu-content-open .ion-content-scroll-host{overflow:hidden}.ios .menu-content-reveal{box-shadow:-8px 0 42px rgba(0,0,0,.08)}[dir=rtl].ios .menu-content-reveal{box-shadow:8px 0 42px rgba(0,0,0,.08)}.md .menu-content-reveal,.md .menu-content-push{box-shadow:4px 0 16px rgba(0,0,0,.18)}ion-accordion-group.accordion-group-expand-inset>ion-accordion:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}ion-accordion-group.accordion-group-expand-inset>ion-accordion:last-of-type{border-bottom-left-radius:8px;border-bottom-right-radius:8px}ion-accordion-group>ion-accordion:last-of-type ion-item[slot=header]{--border-width: 0px}ion-accordion.accordion-animated>[slot=header] .ion-accordion-toggle-icon{transition:.3s transform cubic-bezier(.25,.8,.5,1)}@media (prefers-reduced-motion: reduce){ion-accordion .ion-accordion-toggle-icon{transition:none!important}}ion-accordion.accordion-expanding>[slot=header] .ion-accordion-toggle-icon,ion-accordion.accordion-expanded>[slot=header] .ion-accordion-toggle-icon{transform:rotate(180deg)}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-previous ion-item[slot=header]{--border-width: 0px;--inner-border-width: 0px}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanded:first-of-type{margin-top:0}ion-input input::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay{--width: fit-content;--height: fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}[ion-last-focus],header[tabindex="-1"]:focus,[role=banner][tabindex="-1"]:focus,main[tabindex="-1"]:focus,[role=main][tabindex="-1"]:focus,h1[tabindex="-1"]:focus,[role=heading][aria-level="1"][tabindex="-1"]:focus{outline:none}.popover-viewport:has(>ion-content){overflow:hidden}@supports not selector(:has(> ion-content)){.popover-viewport{overflow:hidden}}audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}b,strong{font-weight:700}img{max-width:100%}hr{height:1px;border-width:0;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}label,input,select,textarea{font-family:inherit;line-height:normal}textarea{overflow:auto;height:auto;font:inherit;color:inherit}textarea::placeholder{padding-left:2px}form,input,optgroup,select{margin:0;font:inherit;color:inherit}html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}a,a div,a span,a ion-icon,a ion-label,button,button div,button span,button ion-icon,button ion-label,.ion-tappable,[tappable],[tappable] div,[tappable] span,[tappable] ion-icon,[tappable] ion-label,input,textarea{touch-action:manipulation}a ion-label,button ion-label{pointer-events:none}button{padding:0;border:0;border-radius:0;font-family:inherit;font-style:inherit;font-variant:inherit;line-height:1;text-transform:none;cursor:pointer;-webkit-appearance:button}[tappable]{cursor:pointer}a[disabled],button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{width:100%;height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}html.ion-ce body{display:block}html.plt-pwa{height:100vh}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:0;padding:0;position:fixed;width:100%;max-width:100%;height:100%;max-height:100%;transform:translateZ(0);text-rendering:optimizeLegibility;overflow:hidden;touch-action:manipulation;-webkit-user-drag:none;-ms-content-zooming:none;word-wrap:break-word;overscroll-behavior-y:none;-webkit-text-size-adjust:none;text-size-adjust:none}html{font-family:var(--ion-font-family)}@supports (-webkit-touch-callout: none){html{font:var(--ion-dynamic-font, 16px var(--ion-font-family))}}a{background-color:transparent;color:var(--ion-color-primary, #0054e9)}h1,h2,h3,h4,h5,h6{margin-top:16px;margin-bottom:10px;font-weight:500;line-height:1.2}h1{margin-top:20px;font-size:1.625rem}h2{margin-top:18px;font-size:1.5rem}h3{font-size:1.375rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}small{font-size:75%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}.ion-no-padding{--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0;padding:0}.ion-padding{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-top{--padding-top: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px)}.ion-padding-start{--padding-start: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px)}.ion-padding-end{--padding-end: var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-padding-bottom{--padding-bottom: var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-vertical{--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-horizontal{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-no-margin{--margin-start: 0;--margin-end: 0;--margin-top: 0;--margin-bottom: 0;margin:0}.ion-margin{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-top{--margin-top: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px)}.ion-margin-start{--margin-start: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px)}.ion-margin-end{--margin-end: var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}.ion-margin-bottom{--margin-bottom: var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-vertical{--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-horizontal{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}:root{--gold: #C9973A;--gold-light: #F0C060;--gold-dim: #7A5A20;--deep: #0A0810;--midnight: #110D1E;--indigo: #1A1535;--sand: #F5E6C8;--ruby: #8B1A2E;--teal: #0D5C63;--text-dim: #8A7A60;--ion-background-color: #0A0810;--ion-text-color: #F5E6C8;--ion-font-family: "Lato", sans-serif;--ion-color-primary: #C9973A;--ion-color-primary-rgb: 201,151,58;--ion-color-primary-contrast: #0A0810;--ion-color-primary-contrast-rgb: 10,8,16;--ion-color-primary-shade: #7A5A20;--ion-color-primary-tint: #F0C060;--ion-tab-bar-background: rgba(10,8,16,.98);--ion-tab-bar-border-color: rgba(201,151,58,.15);--ion-tab-bar-color: rgba(201,151,58,.4);--ion-tab-bar-color-selected: #C9973A;--ion-toolbar-background: transparent;--ion-toolbar-color: #C9973A}*{-webkit-tap-highlight-color:transparent}ion-page{background:#0a0810}.home-wrap{min-height:100%;background:var(--deep);position:relative;display:flex;flex-direction:column;padding-bottom:20px}.stars-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.star-dot{position:absolute;background:#fff;border-radius:50%;animation:twinkle var(--dur, 3s) ease-in-out infinite alternate;opacity:.1}.lantern-home{position:absolute;right:24px;top:60px;z-index:3;animation:sway 4s ease-in-out infinite;transform-origin:top center}.lantern-home svg{width:32px;height:44px}.home-screen{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;padding:20px;gap:20px}.home-header{text-align:center;padding-top:14px;width:100%}.ornament{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:6px}.app-title{font-family:Cinzel Decorative,serif;font-size:28px;font-weight:900;background:linear-gradient(135deg,var(--gold-light),var(--gold),var(--gold-dim));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.05em;line-height:1}.app-subtitle{font-size:10px;color:var(--text-dim);letter-spacing:.3em;text-transform:uppercase;margin-top:4px}.join-card{width:100%;max-width:400px;background:linear-gradient(145deg,rgba(26,21,53,.95),rgba(10,8,16,.98));border:1px solid rgba(201,151,58,.25);border-radius:20px;padding:24px 20px;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:18px}.join-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.join-section-title{text-align:center;font-family:Cinzel Decorative,serif;font-size:12px;color:var(--gold);letter-spacing:.15em;display:flex;align-items:center;justify-content:center;gap:10px}.join-ornament{font-size:10px;opacity:.7}.avatar-section{display:flex;align-items:center;gap:16px}.avatar-selected{width:64px;height:64px;border-radius:50%;background:rgba(201,151,58,.1);border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 20px rgba(201,151,58,.2)}.avatar-selected-emoji{font-size:30px}.avatars-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;flex:1}.avatar-btn{width:100%;aspect-ratio:1;border-radius:10px;background:rgba(26,21,53,.6);border:1px solid rgba(201,151,58,.1);font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;padding:0}.avatar-btn.active{background:rgba(201,151,58,.15);border-color:var(--gold);box-shadow:0 0 12px rgba(201,151,58,.2);transform:scale(1.08)}.rihla-input{width:100%;padding:14px 16px;background:rgba(26,21,53,.6);border:1px solid rgba(201,151,58,.2);border-radius:12px;color:var(--sand);font-family:Lato,sans-serif;font-size:15px;outline:none;transition:border-color .2s;box-sizing:border-box}.rihla-input-code{font-family:Cinzel Decorative,serif;font-size:20px;letter-spacing:.3em;text-align:center;text-transform:uppercase}.cta-join{width:100%;padding:16px;background:linear-gradient(135deg,var(--gold),#a0742a);border:none;border-radius:16px;font-family:Cinzel Decorative,serif;font-size:13px;font-weight:700;color:var(--deep);letter-spacing:.08em;cursor:pointer;box-shadow:0 8px 30px rgba(201,151,58,.25);position:relative;overflow:hidden;transition:opacity .2s}.cta-join:active{transform:scale(.98)}.cta-join.loading{opacity:.7}.joining-text{font-style:italic}.home-footer{display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:4px}.footer-arabic{font-size:18px;color:rgba(201,151,58,.3)}.footer-text{font-size:10px;color:var(--text-dim);letter-spacing:.1em}.genre-selector{display:grid;grid-template-columns:1fr 1fr;gap:10px}.genre-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:rgba(26,21,53,.6);border:1px solid rgba(201,151,58,.15);border-radius:12px;color:var(--text-dim);font-family:Lato,sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}.genre-btn.active{background:rgba(201,151,58,.12);border-color:var(--gold);color:var(--gold-light)}.genre-icon{font-size:18px}.avatar-selected{position:relative}.avatar-genre-badge{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;border:2px solid var(--midnight)}.avatar-genre-badge.homme{background:#2a6bb5;color:#fff}.avatar-genre-badge.femme{background:#b52a6b;color:#fff}.admin-link{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;color:rgba(201,151,58,.5);font-size:12px;font-family:Lato,sans-serif;letter-spacing:.1em;cursor:pointer;border:1px dashed rgba(201,151,58,.15);border-radius:10px;transition:all .2s}.admin-link:active{color:var(--gold);border-color:rgba(201,151,58,.4)}.admin-arrow{font-size:16px}.join-account-info{display:flex;align-items:center;gap:14px;padding:14px 16px;background:rgba(201,151,58,.06);border:1px solid rgba(201,151,58,.2);border-radius:14px;margin-bottom:4px}.join-account-ava{font-size:36px}.join-account-name{font-family:Lato,sans-serif;font-size:15px;font-weight:700;color:#e8d5a0}.join-account-sub{font-size:11px;color:rgba(201,151,58,.6);font-family:Lato,sans-serif;margin-top:2px}.join-sessions-block{margin-top:8px}.join-sessions-title{display:flex;align-items:center;gap:8px;font-family:Cinzel,serif;font-size:11px;letter-spacing:.12em;color:rgba(201,151,58,.7);text-transform:uppercase;margin-bottom:12px}.join-sessions-count{font-family:monospace;font-size:11px;background:rgba(76,255,145,.12);color:#4cff91;border:1px solid rgba(76,255,145,.3);border-radius:99px;padding:1px 7px;margin-left:auto}.join-sessions-list{display:flex;flex-direction:column;gap:10px}.join-session-row{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;background:rgba(201,151,58,.06);border:1px solid rgba(201,151,58,.2);cursor:pointer;transition:background .18s,border-color .18s}.join-session-row:active{background:rgba(201,151,58,.12);border-color:rgba(201,151,58,.4)}.js-avatar{width:48px;height:48px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 0 8px rgba(201,151,58,.35))}.js-info{flex:1;min-width:0}.js-title{font-family:Lato,sans-serif;font-size:15px;font-weight:700;color:#e8d5a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.js-meta{font-size:11px;color:rgba(201,151,58,.6);margin-top:3px;font-family:Lato,sans-serif}.js-right{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex-shrink:0}.js-code{font-family:Courier New,monospace;font-size:13px;font-weight:700;color:#c9973a;letter-spacing:.12em}.js-status{font-family:Lato,sans-serif;font-size:10px;font-weight:700;padding:2px 8px;border-radius:99px;text-transform:uppercase;letter-spacing:.06em}.js-status.waiting{background:rgba(255,200,80,.12);color:#ffc850;border:1px solid rgba(255,200,80,.3)}.js-status.question{background:rgba(76,255,145,.12);color:#4cff91;border:1px solid rgba(76,255,145,.3)}.js-status.reveal{background:rgba(180,120,255,.12);color:#c87fff;border:1px solid rgba(180,120,255,.3)}.js-status.results{background:rgba(100,150,255,.12);color:#8af;border:1px solid rgba(100,150,255,.3)}.js-status.countdown{background:rgba(255,100,100,.12);color:#f88;border:1px solid rgba(255,100,100,.3)}.js-force-end{background:rgba(255,60,60,.1);border:1px solid rgba(255,60,60,.3);color:#ff6b6b;border-radius:6px;padding:3px 7px;font-size:13px;cursor:pointer;transition:background .15s}.js-force-end:hover{background:rgba(255,60,60,.25)}.admin-secret-zone{display:flex;justify-content:center;padding:8px 0 4px}.admin-secret-trigger{background:none;border:none;color:rgba(255,255,255,.08);font-size:18px;cursor:default;padding:6px 16px;user-select:none}.admin-secret-form{display:flex;justify-content:center}.admin-secret-input{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:8px;color:rgba(255,255,255,.5);font-size:14px;padding:6px 12px;width:120px;text-align:center;outline:none;letter-spacing:.2em}.avatar-img{border-radius:50%;object-fit:cover;display:block;image-rendering:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);will-change:transform}.avatar-emoji{display:inline-block;line-height:1;user-select:none}.quiz-wrap{min-height:100%;background:var(--deep);position:relative;display:flex;flex-direction:column}.stars-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.star-dot{position:absolute;background:#fff;border-radius:50%;animation:twinkle var(--dur, 3s) ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.1}to{opacity:var(--max, .7)}}.arch-bg{position:absolute;top:0;left:0;right:0;height:340px;z-index:1;pointer-events:none}.arch-bg svg{width:100%;height:100%}.lantern-quiz{position:absolute;right:24px;top:60px;z-index:3;animation:sway 4s ease-in-out infinite;transform-origin:top center}.lantern-quiz svg{width:32px;height:44px}@keyframes sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.quiz-screen{position:relative;z-index:2;display:flex;flex-direction:column;padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}.status-bar-quiz{display:flex;justify-content:space-between;align-items:center;padding:14px 24px 0;color:var(--sand);font-size:12px;font-weight:700}.status-live{display:flex;align-items:center;gap:6px;color:var(--gold);font-family:Lato,sans-serif;font-size:11px}.quiz-header{padding:8px 24px 0;text-align:center}.ornament{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:4px}.app-title{font-family:Cinzel Decorative,serif;font-size:22px;font-weight:900;background:linear-gradient(135deg,var(--gold-light),var(--gold),var(--gold-dim));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.05em;line-height:1}.app-subtitle{font-size:9px;color:var(--text-dim);letter-spacing:.3em;text-transform:uppercase;margin-top:2px}.stats-row{display:flex;justify-content:center;gap:8px;padding:10px 24px 0}.stat-pill{display:flex;align-items:center;gap:6px;background:rgba(201,151,58,.08);border:1px solid rgba(201,151,58,.2);border-radius:20px;padding:6px 12px}.stat-icon{font-size:14px}.stat-value{font-size:12px;font-weight:700;color:var(--gold-light)}.stat-label{font-size:9px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em}.question-card{margin:12px 20px 0;background:linear-gradient(145deg,rgba(26,21,53,.95),rgba(10,8,16,.98));border:1px solid rgba(201,151,58,.25);border-radius:20px;padding:18px;position:relative;overflow:hidden}.question-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.arabic-mark{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:40px;color:rgba(201,151,58,.06);pointer-events:none;line-height:1}.question-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.question-badge{font-size:10px;color:var(--gold);letter-spacing:.2em;text-transform:uppercase;font-weight:700}.progress-bar{width:80px;height:3px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--gold-dim),var(--gold));border-radius:2px;transition:width .5s ease}.category-tag{display:inline-flex;align-items:center;gap:5px;background:rgba(139,26,46,.2);border:1px solid rgba(139,26,46,.5);border-radius:8px;padding:3px 10px;font-size:10px;color:#ff6b8a;letter-spacing:.15em;text-transform:uppercase;margin-bottom:10px}.question-text{font-size:15px;color:var(--sand);line-height:1.6;font-weight:300}.question-text strong{color:var(--gold-light);font-weight:700}.timer-section{padding:10px 20px 8px;display:flex;align-items:center;gap:10px}.timer-ring{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .3s}.timer-inner{width:28px;height:28px;border-radius:50%;background:var(--midnight);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;transition:color .3s}.timer-bar{flex:1;height:4px;background:rgba(255,255,255,.06);border-radius:2px;overflow:hidden}.timer-fill{height:100%;background:linear-gradient(90deg,var(--gold-dim),var(--gold));border-radius:2px}.answers{padding:0 20px;display:flex;flex-direction:column;gap:8px;flex:1;overflow:hidden}.answer-btn{display:flex;align-items:center;gap:14px;background:rgba(26,21,53,.6);border:1px solid rgba(201,151,58,.15);border-radius:14px;padding:12px 16px;cursor:pointer;transition:all .25s;position:relative;overflow:hidden}.answer-btn.selected{background:rgba(201,151,58,.12);border-color:var(--gold);box-shadow:0 0 20px rgba(201,151,58,.1)}.answer-btn.correct{background:rgba(13,92,99,.3);border-color:#2aabb5}.answer-btn.wrong{background:rgba(139,26,46,.2);border-color:var(--ruby)}.answer-letter{width:30px;height:30px;border-radius:50%;background:rgba(201,151,58,.1);border:1px solid rgba(201,151,58,.3);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--gold);flex-shrink:0;font-family:Cinzel Decorative,serif}.answer-btn.selected .answer-letter{background:var(--gold);color:var(--deep)}.answer-btn.correct .answer-letter{background:#2aabb5;border-color:#2aabb5;color:#fff}.answer-btn.wrong .answer-letter{background:var(--ruby);border-color:var(--ruby);color:#fff}.answer-text{font-size:13px;color:var(--sand);font-weight:400;line-height:1.4;flex:1}.answer-result{font-size:16px;font-weight:700;flex-shrink:0}.correct-icon{color:#2aabb5}.wrong-icon{color:#ff6b8a}.cta-section{padding:8px 20px 16px}.cta-btn{width:100%;padding:15px;background:linear-gradient(135deg,var(--gold),#a0742a);border:none;border-radius:16px;font-family:Cinzel Decorative,serif;font-size:13px;font-weight:700;color:var(--deep);letter-spacing:.08em;cursor:pointer;box-shadow:0 8px 30px rgba(201,151,58,.25);position:relative;overflow:hidden;transition:opacity .2s,transform .1s;display:block;text-align:center;text-decoration:none}.result-screen{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:30px 24px;gap:16px;text-align:center}.result-ornament-top{width:100%}.result-arabic{font-family:Cinzel Decorative,serif;font-size:24px;background:linear-gradient(135deg,var(--gold-light),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.result-title{font-family:Lato,sans-serif;font-size:12px;color:var(--text-dim);letter-spacing:.3em;text-transform:uppercase}.result-circle{width:140px;height:140px;border-radius:50%;border:2px solid rgba(201,151,58,.4);background:radial-gradient(circle,rgba(26,21,53,.9),rgba(10,8,16,.99));display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 40px rgba(201,151,58,.15)}.result-score-num{font-family:Cinzel Decorative,serif;font-size:40px;color:var(--gold-light);line-height:1}.result-score-label{font-size:9px;color:var(--text-dim);letter-spacing:.3em;text-transform:uppercase;margin-top:4px}.result-msg{font-family:Lato,sans-serif;color:var(--sand);font-size:15px}.result-stats{display:flex;align-items:center;gap:24px;padding:16px 24px;background:rgba(26,21,53,.6);border:1px solid rgba(201,151,58,.15);border-radius:16px;width:100%}.result-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.result-stat span:first-child{font-family:Cinzel Decorative,serif;font-size:22px;color:var(--gold-light)}.result-stat span:last-child{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em}.result-stat-div{color:rgba(201,151,58,.3);font-size:18px}.cta-btn-result{width:100%;padding:15px;background:linear-gradient(135deg,var(--gold),#a0742a);border-radius:16px;font-family:Cinzel Decorative,serif;font-size:13px;font-weight:700;color:var(--deep);letter-spacing:.08em;cursor:pointer;box-shadow:0 8px 30px rgba(201,151,58,.25);position:relative;overflow:hidden;display:block;text-align:center;text-decoration:none}.waiting-screen{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:24px;gap:12px;text-align:center}.waiting-card{width:100%;max-width:340px;background:linear-gradient(145deg,rgba(26,21,53,.95),rgba(10,8,16,.98));border:1px solid rgba(201,151,58,.25);border-radius:20px;padding:28px 20px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:14px}.waiting-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.waiting-avatar{font-size:48px}.waiting-pseudo{font-family:Cinzel Decorative,serif;font-size:16px;color:var(--gold-light)}.waiting-session{display:flex;flex-direction:column;align-items:center;gap:2px}.waiting-code-label{font-size:9px;color:var(--text-dim);letter-spacing:.2em;text-transform:uppercase}.waiting-code{font-family:Cinzel Decorative,serif;font-size:22px;color:var(--gold);letter-spacing:.3em}.waiting-pulse{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.pulse-ring{position:absolute;border:2px solid rgba(201,151,58,.4);border-radius:50%;width:40px;height:40px;animation:pulse-out 2s ease-out infinite}.pulse-ring.delay1{animation-delay:.5s}.pulse-ring.delay2{animation-delay:1s}@keyframes pulse-out{0%{transform:scale(.5);opacity:1}to{transform:scale(2.5);opacity:0}}.waiting-msg{font-size:12px;color:var(--text-dim);letter-spacing:.1em;font-style:italic}.waiting-players{display:flex;align-items:center;gap:6px;font-size:11px;color:#4cff91}.live-dot{width:6px;height:6px;background:#4cff91;border-radius:50%;animation:blink 1.5s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.status-player{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--sand)}.player-ava{font-size:18px}.player-nm{font-family:Lato,sans-serif;font-weight:700;font-size:12px}.question-img{width:100%;border-radius:10px;margin-bottom:10px;max-height:120px;object-fit:cover;border:1px solid rgba(201,151,58,.2)}.result-podium{display:flex;align-items:flex-end;justify-content:center;gap:8px;width:100%;padding:0 16px}.podium-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.podium-avatar{font-size:28px}.podium-name{font-size:11px;color:var(--sand);font-weight:700;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-score{font-family:Cinzel Decorative,serif;font-size:13px;color:var(--gold-light)}.podium-bar{width:100%;border-radius:4px 4px 0 0;background:rgba(201,151,58,.2);border:1px solid rgba(201,151,58,.3)}.podium-bar.h1{height:60px;background:rgba(201,151,58,.3)}.podium-bar.h2{height:44px}.podium-bar.h3{height:30px}.result-my-rank{font-family:Lato,sans-serif;font-size:13px;color:var(--sand);text-align:center}.lobby-screen{position:relative;z-index:2;display:flex;flex-direction:column;height:100%;padding:20px;gap:14px;overflow:hidden}.lobby-scroll-wrap{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding-right:2px;mask-image:linear-gradient(to bottom,black 85%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 85%,transparent 100%)}.lobby-scroll-wrap::-webkit-scrollbar{width:3px}.lobby-scroll-wrap::-webkit-scrollbar-track{background:rgba(255,255,255,.03);border-radius:2px}.lobby-scroll-wrap::-webkit-scrollbar-thumb{background:rgba(201,151,58,.3);border-radius:2px}.lobby-scroll-top{position:absolute;bottom:80px;right:20px;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--gold),#a0742a);border:none;color:var(--deep);font-size:18px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(201,151,58,.35);z-index:10;transition:transform .15s,opacity .2s}.lobby-scroll-top:active{transform:scale(.92)}.lobby-header{text-align:center;padding-top:10px}.lobby-session-info{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:rgba(201,151,58,.06);border:1px solid rgba(201,151,58,.15);border-radius:14px}.lobby-code-block{display:flex;flex-direction:column;gap:1px}.lobby-code-label{font-size:8px;color:var(--text-dim);letter-spacing:.2em;text-transform:uppercase}.lobby-code{font-family:Cinzel Decorative,serif;font-size:20px;color:var(--gold-light);letter-spacing:.3em}.lobby-live-count{display:flex;align-items:center;gap:6px;font-size:13px;color:#4cff91;font-weight:700}.lobby-title-row{display:flex;flex-direction:column;align-items:center;gap:2px}.lobby-vs{font-family:Cinzel Decorative,serif;font-size:14px;color:var(--gold);letter-spacing:.15em}.lobby-subtitle{font-size:10px;color:var(--text-dim);letter-spacing:.1em;font-style:italic}.lobby-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-content:start;padding-bottom:12px}.lobby-player-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;background:linear-gradient(145deg,rgba(26,21,53,.9),rgba(10,8,16,.95));border:1px solid rgba(201,151,58,.15);border-radius:12px;position:relative;animation:card-enter .4s ease both}@keyframes card-enter{0%{opacity:0;transform:scale(.7) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.lobby-player-card.me{border-color:var(--gold);background:linear-gradient(145deg,rgba(201,151,58,.12),rgba(10,8,16,.95));box-shadow:0 0 16px rgba(201,151,58,.15)}.lobby-player-card.empty{border-color:rgba(255,255,255,.04);background:rgba(255,255,255,.02)}.lobby-player-ava{font-size:24px;line-height:1}.lobby-player-name{font-size:9px;color:var(--sand);font-weight:700;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;letter-spacing:.03em}.lobby-player-genre{font-size:11px}.lobby-me-badge{position:absolute;top:-6px;left:50%;transform:translate(-50%);background:var(--gold);color:var(--deep);font-size:7px;font-weight:900;letter-spacing:.1em;padding:2px 6px;border-radius:4px;font-family:Lato,sans-serif}.lobby-empty-slot{font-size:20px;color:rgba(255,255,255,.06);font-family:Cinzel Decorative,serif}.lobby-waiting-msg{display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;color:var(--text-dim);font-style:italic;padding-bottom:8px}.pulse-dots{display:flex;gap:4px;align-items:center}.pulse-dots span{width:5px;height:5px;border-radius:50%;background:var(--gold);animation:dot-pulse 1.4s ease-in-out infinite}.pulse-dots span:nth-child(2){animation-delay:.2s}.pulse-dots span:nth-child(3){animation-delay:.4s}@keyframes dot-pulse{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.new-player-toast{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:10px;padding:10px 18px;background:linear-gradient(135deg,rgba(26,21,53,.98),rgba(10,8,16,.98));border:1px solid var(--gold);border-radius:30px;box-shadow:0 0 30px rgba(201,151,58,.3);animation:toast-in .4s ease,toast-out .4s ease 2.6s both;white-space:nowrap}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toast-out{0%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-10px)}}.new-player-ava{font-size:22px}.new-player-info{display:flex;flex-direction:column;gap:1px}.new-player-name{font-family:Lato,sans-serif;font-size:13px;color:var(--sand);font-weight:700}.new-player-joined{font-size:10px;color:var(--gold)}.countdown-screen{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:20px}.countdown-bg-glow{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(201,151,58,.12) 0%,transparent 70%);pointer-events:none}.countdown-title{font-family:Cinzel Decorative,serif;font-size:28px;letter-spacing:.2em;color:var(--sand);line-height:1}.countdown-title2{font-family:Cinzel Decorative,serif;font-size:18px;letter-spacing:.4em;color:var(--gold);margin-top:-12px}.countdown-number{font-family:Cinzel Decorative,serif;font-size:120px;line-height:1;background:linear-gradient(135deg,var(--gold-light),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;animation:countdown-pop .5s cubic-bezier(.34,1.56,.64,1) both;filter:drop-shadow(0 0 30px rgba(201,151,58,.4))}.countdown-number.urgent{background:linear-gradient(135deg,#ff6b8a,#f35);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 30px rgba(255,51,85,.4))}@keyframes countdown-pop{0%{transform:scale(1.6);opacity:0}to{transform:scale(1);opacity:1}}.countdown-bar{width:200px;height:4px;background:rgba(255,255,255,.06);border-radius:2px;overflow:hidden}.countdown-bar-fill{height:100%;background:linear-gradient(90deg,var(--gold-dim),var(--gold));border-radius:2px;transition:width 1s linear}.countdown-players{display:flex;align-items:center;gap:8px}.countdown-ava{font-size:28px}.countdown-more{font-size:14px;color:var(--text-dim);font-family:Lato,sans-serif}.lobby-player-card.offline{opacity:.45;filter:grayscale(.6)}.lobby-online-dot{width:7px;height:7px;border-radius:50%;position:absolute;top:7px;right:7px;border:1.5px solid rgba(10,8,16,.8);transition:background .5s}.lobby-offline-badge{font-size:7px;color:#888;text-transform:uppercase;letter-spacing:.05em;font-family:Lato,sans-serif}.waiting-answer-msg{display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;color:var(--text-dim);font-style:italic;padding:12px 0}.answer-btn.dimmed{opacity:.3}.reveal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:rgba(5,4,12,.92);backdrop-filter:blur(8px);animation:fade-in .3s ease}.reveal-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 32px;text-align:center}.reveal-result{width:90px;height:90px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;animation:reveal-pop .5s cubic-bezier(.34,1.56,.64,1)}.reveal-result.correct{background:rgba(76,255,145,.15);border:2px solid #4cff91;color:#4cff91}.reveal-result.wrong{background:rgba(255,107,138,.15);border:2px solid #ff6b8a;color:#ff6b8a}@keyframes reveal-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.reveal-label{font-family:Cinzel Decorative,serif;font-size:18px;color:var(--sand)}.reveal-answer{font-size:15px;color:var(--gold-light);font-family:Lato,sans-serif;padding:10px 20px;background:rgba(201,151,58,.08);border:1px solid rgba(201,151,58,.2);border-radius:12px}.reveal-points{font-family:Cinzel Decorative,serif;font-size:22px;color:#4cff91;animation:reveal-pop .4s .2s both}.ranking-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:18;display:flex;flex-direction:column;background:linear-gradient(180deg,#0a0810,#12102a);padding:24px 20px 20px;overflow:hidden;animation:slide-up .4s cubic-bezier(.22,1,.36,1)}@keyframes slide-up{0%{transform:translateY(60px);opacity:0}to{transform:translateY(0);opacity:1}}.ranking-title{text-align:center;margin-bottom:16px}.ranking-title>span{font-size:13px;color:var(--gold);font-family:Lato,sans-serif;letter-spacing:.1em}.ranking-subtitle{font-family:Cinzel Decorative,serif;font-size:20px;color:var(--sand);margin-top:4px}.ranking-list{display:flex;flex-direction:column;gap:8px;flex:1;overflow-y:auto}.ranking-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:rgba(255,255,255,.03);border:1px solid rgba(201,151,58,.1);border-radius:12px;animation:row-enter .4s ease both;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}@keyframes row-enter{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.ranking-row.me{border-color:var(--gold);background:rgba(201,151,58,.08)}.ranking-row.up{animation:row-enter .4s ease both,row-rise .6s .4s ease}.ranking-row.down{opacity:.7}@keyframes row-rise{0%{transform:translateY(8px)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}.ranking-pos{font-size:18px;width:32px;text-align:center;flex-shrink:0}.ranking-ava{font-size:22px;flex-shrink:0}.ranking-name{flex:1;font-family:Lato,sans-serif;font-size:14px;font-weight:700;color:var(--sand);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-move{font-size:11px;font-weight:900;flex-shrink:0}.ranking-move.up{color:#4cff91}.ranking-move.down{color:#ff6b8a}.ranking-score{font-family:Cinzel Decorative,serif;font-size:14px;color:var(--gold-light);flex-shrink:0}.ranking-waiting{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:var(--text-dim);font-style:italic;padding-top:12px;border-top:1px solid rgba(255,255,255,.04);margin-top:8px}.question-top-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.diff-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:10px;font-weight:700;font-family:Lato,sans-serif;letter-spacing:.05em;text-transform:capitalize}.diff-badge.facile{background:rgba(76,255,145,.1);color:#4cff91;border:1px solid rgba(76,255,145,.25)}.diff-badge.moyen{background:rgba(255,200,80,.1);color:#ffc850;border:1px solid rgba(255,200,80,.25)}.diff-badge.difficile{background:rgba(255,107,138,.1);color:#ff6b8a;border:1px solid rgba(255,107,138,.25)}.diff-badge.challenger{background:rgba(180,50,255,.1);color:#b432ff;border:1px solid rgba(180,50,255,.3)}.max-pts-badge{display:inline-flex;align-items:center;gap:3px;padding:3px 10px;border-radius:20px;font-size:10px;font-weight:700;font-family:Lato,sans-serif;background:rgba(201,151,58,.1);color:var(--gold-light);border:1px solid rgba(201,151,58,.2);margin-left:auto}.ranking-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:rgba(255,255,255,.03);border:1px solid rgba(201,151,58,.1);border-radius:12px;animation:row-enter .5s ease both;position:relative;transition:background .3s}.ranking-row.up{animation:row-climb .7s cubic-bezier(.22,1,.36,1) both;border-color:rgba(76,255,145,.3);background:rgba(76,255,145,.05);z-index:2}.ranking-row.down{animation:row-enter .5s ease both;opacity:.6}@keyframes row-climb{0%{transform:translateY(calc(var(--slots, 1) * 58px));opacity:.4;box-shadow:none}40%{opacity:1;box-shadow:0 0 20px rgba(76,255,145,.2)}to{transform:translateY(0);box-shadow:0 0 8px rgba(76,255,145,.1)}}.ranking-right{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.end-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#0a0810,#12102a 60%,#0a0810);overflow:hidden;padding:24px 20px}.confetti-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;top:-10%;animation:confetti-fall linear both;transform-origin:center}@keyframes confetti-fall{0%{transform:translateY(0) translate(0) rotate(0);opacity:1}80%{opacity:1}to{transform:translateY(110vh) translate(var(--drift, 40px)) rotate(720deg);opacity:0}}.end-arabic{font-family:Lato,sans-serif;font-size:13px;color:var(--gold);letter-spacing:.15em;text-align:center;margin-bottom:4px}.end-thanks{font-family:Lato,sans-serif;font-size:18px;color:var(--sand);letter-spacing:.1em;text-align:center;margin-bottom:2px}.end-thanks-sub{font-size:12px;color:var(--text-dim);text-align:center;font-style:italic;margin-bottom:24px}.winner-phase{display:flex;flex-direction:column;align-items:center;gap:6px;animation:fade-in .6s ease}.winner-crown{font-size:48px;animation:crown-bounce .8s cubic-bezier(.34,1.56,.64,1) .3s both}@keyframes crown-bounce{0%{transform:scale(0) translateY(-30px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.winner-reveal{display:flex;flex-direction:column;align-items:center;gap:8px}.winner-ava-wrap{position:relative;margin:8px 0}.winner-glow{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;border-radius:50%;background:radial-gradient(circle,rgba(201,151,58,.35) 0%,transparent 70%);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.15);opacity:1}}.winner-ava{font-size:80px;line-height:1;animation:winner-pop .7s cubic-bezier(.34,1.56,.64,1) .5s both;position:relative;z-index:1}.winner-label{font-size:10px;text-transform:uppercase;letter-spacing:.3em;color:var(--gold);font-family:Lato,sans-serif;font-weight:700}.winner-name{font-family:Cinzel Decorative,serif;font-size:22px;color:var(--sand);text-align:center;animation:fade-in .5s 1s both}.winner-score{font-family:Cinzel Decorative,serif;font-size:28px;background:linear-gradient(135deg,var(--gold-light),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fade-in .5s 1.2s both}.winner-you-msg{margin-top:12px;font-size:16px;color:#4cff91;font-family:Lato,sans-serif;font-weight:700;animation:reveal-pop .6s 1.5s both}.podium-phase{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;animation:slide-up .5s ease}.podium-title{font-family:Cinzel Decorative,serif;font-size:18px;color:var(--sand);letter-spacing:.1em}.final-podium{display:flex;align-items:flex-end;justify-content:center;gap:8px;width:100%;padding:0 8px}.podium-slot{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.podium-slot.empty{opacity:0}.podium-ava{font-size:32px;animation:winner-pop .6s cubic-bezier(.34,1.56,.64,1) both}.podium-slot.rank-1 .podium-ava{font-size:42px;animation-delay:.1s}.podium-slot.rank-2 .podium-ava{animation-delay:.2s}.podium-slot.rank-3 .podium-ava{animation-delay:.3s}.podium-slot.is-me .podium-pseudo{color:var(--gold-light)}.podium-pseudo{font-family:Lato,sans-serif;font-size:11px;font-weight:700;color:var(--sand);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.podium-pts{font-size:10px;color:var(--gold);font-weight:700}.podium-stand{width:100%;display:flex;align-items:center;justify-content:center;border-radius:8px 8px 0 0;padding:8px 0;background:rgba(201,151,58,.08);border:1px solid rgba(201,151,58,.15);border-bottom:none}.podium-slot.rank-1 .podium-stand{height:80px;background:rgba(201,151,58,.15);border-color:rgba(201,151,58,.4)}.podium-slot.rank-2 .podium-stand{height:55px}.podium-slot.rank-3 .podium-stand{height:38px}.podium-medal{font-size:22px}.podium-slot.rank-1 .podium-medal{font-size:28px}.my-final-rank{width:100%;padding:12px 16px;background:rgba(201,151,58,.06);border:1px solid rgba(201,151,58,.15);border-radius:14px;animation:fade-in .5s .3s both}.my-rank-row{display:flex;align-items:center;gap:12px}.my-rank-ava{font-size:28px}.my-rank-info{display:flex;flex-direction:column;gap:2px}.my-rank-pseudo{font-family:Lato,sans-serif;font-size:14px;font-weight:700;color:var(--sand)}.my-rank-pos{font-size:12px;color:var(--gold);font-weight:700}.end-leave-section{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:28px;padding-bottom:32px}.end-leave-btn{padding:12px 32px;border-radius:12px;border:1px solid rgba(201,151,58,.4);background:rgba(201,151,58,.12);color:#e8c97a;font-family:monospace;font-size:14px;letter-spacing:.05em;cursor:pointer;transition:background .2s,transform .1s}.end-leave-btn:hover{background:rgba(201,151,58,.25);transform:translateY(-1px)}.end-leave-btn:active{transform:translateY(0)}.end-leave-countdown{font-family:monospace;font-size:12px;color:#555;letter-spacing:.04em}.end-leave-countdown strong{color:#888}.answer-btn.locked{border-color:rgba(201,151,58,.6)!important;background:rgba(201,151,58,.12)!important;opacity:.9;cursor:not-allowed;pointer-events:none}.nb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.75);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;animation:nb-fade-in .15s ease}@keyframes nb-fade-in{0%{opacity:0}to{opacity:1}}.nb-modal{background:#1a1530;border:1px solid rgba(201,151,58,.3);border-radius:16px;padding:28px 24px 20px;width:100%;max-width:340px;box-shadow:0 0 0 1px rgba(201,151,58,.08),0 24px 48px rgba(0,0,0,.6);animation:nb-slide-up .2s cubic-bezier(.34,1.56,.64,1)}@keyframes nb-slide-up{0%{transform:translateY(20px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.nb-title{font-family:Lato,sans-serif;font-size:18px;font-weight:800;color:#fff;text-align:center;margin-bottom:12px;letter-spacing:.02em}.nb-message{font-family:Lato,sans-serif;font-size:14px;color:rgba(255,255,255,.7);text-align:center;line-height:1.5;margin-bottom:24px}.nb-actions{display:flex;gap:10px}.nb-btn-cancel{flex:1;padding:12px;border-radius:10px;border:1px solid rgba(201,151,58,.35);background:transparent;color:#c9973a;font-family:Lato,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s}.nb-btn-cancel:active{background:rgba(201,151,58,.1)}.nb-btn-confirm{flex:1;padding:12px;border-radius:10px;border:none;background:rgba(255,80,80,.15);color:#ff6b6b;font-family:Lato,sans-serif;font-size:14px;font-weight:700;cursor:pointer;border:1px solid rgba(255,80,80,.3);transition:background .15s}.nb-btn-confirm:active{background:rgba(255,80,80,.25)}.admin-wrap{min-height:100%;background:var(--deep);position:relative}.admin-arch{position:absolute;top:0;left:0;right:0;height:200px;background:radial-gradient(ellipse at 50% 0%,#1a1535 0%,transparent 100%);pointer-events:none}.admin-screen{position:relative;z-index:2;padding:20px 20px 32px;display:flex;flex-direction:column;gap:16px}.admin-header{display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:14px}.back-btn{align-self:flex-start;background:none;border:none;color:var(--gold);font-family:Lato,sans-serif;font-size:13px;cursor:pointer;padding:0;letter-spacing:.05em}.ornament{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:2px}.ornament-line{height:1px;width:60px;background:linear-gradient(90deg,transparent,var(--gold))}.ornament-line.right{background:linear-gradient(90deg,var(--gold),transparent)}.ornament-diamond{width:6px;height:6px;background:var(--gold);transform:rotate(45deg)}.app-title{font-family:Cinzel Decorative,serif;font-size:26px;font-weight:900;background:linear-gradient(135deg,var(--gold-light),var(--gold),var(--gold-dim));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.05em;line-height:1}.app-subtitle{font-size:10px;color:var(--text-dim);letter-spacing:.2em;text-transform:uppercase;margin-top:2px}.session-badge{display:flex;align-items:center;gap:10px;margin-top:4px}.session-code-val{font-family:Cinzel Decorative,serif;font-size:18px;color:var(--gold-light);letter-spacing:.3em}.status-tag{padding:3px 10px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.status-tag.waiting{background:rgba(201,151,58,.15);color:var(--gold);border:1px solid rgba(201,151,58,.3)}.status-tag.question{background:rgba(42,171,181,.15);color:#2aabb5;border:1px solid rgba(42,171,181,.3)}.status-tag.results{background:rgba(139,26,46,.15);color:#ff6b8a;border:1px solid rgba(139,26,46,.3)}.status-tag.ended{background:rgba(100,100,100,.15);color:#666;border:1px solid rgba(100,100,100,.3)}.admin-card{background:linear-gradient(145deg,rgba(26,21,53,.95),rgba(10,8,16,.98));border:1px solid rgba(201,151,58,.25);border-radius:20px;padding:20px;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:14px}.admin-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.glow-gold{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(201,151,58,.06) 0%,transparent 70%);top:-60px;left:-60px;pointer-events:none}.admin-card-title{font-family:Cinzel Decorative,serif;font-size:12px;color:var(--gold);letter-spacing:.15em;display:flex;align-items:center;gap:8px}.input-group{display:flex;flex-direction:column;gap:8px}.input-label{font-size:10px;color:var(--gold);letter-spacing:.2em;text-transform:uppercase;font-weight:700}.rihla-input{width:100%;padding:13px 16px;background:rgba(26,21,53,.6);border:1px solid rgba(201,151,58,.2);border-radius:12px;color:var(--sand);font-family:Lato,sans-serif;font-size:14px;outline:none;transition:border-color .2s;box-sizing:border-box}.rihla-input::placeholder{color:rgba(245,230,200,.3)}.rihla-input:focus{border-color:var(--gold)}.rihla-textarea{width:100%;padding:13px 16px;background:rgba(26,21,53,.6);border:1px solid rgba(201,151,58,.2);border-radius:12px;color:var(--sand);font-family:Lato,sans-serif;font-size:14px;outline:none;resize:none;transition:border-color .2s;box-sizing:border-box;line-height:1.5}.rihla-textarea:focus{border-color:var(--gold)}.rihla-textarea::placeholder{color:rgba(245,230,200,.3)}.rihla-input-code{font-family:Cinzel Decorative,serif;font-size:18px;letter-spacing:.3em;text-align:center;text-transform:uppercase}.rihla-range{width:100%;accent-color:var(--gold);height:4px}.cta-btn{width:100%;padding:15px;background:linear-gradient(135deg,var(--gold),#a0742a);border:none;border-radius:14px;font-family:Cinzel Decorative,serif;font-size:13px;font-weight:700;color:var(--deep);letter-spacing:.08em;cursor:pointer;box-shadow:0 6px 24px rgba(201,151,58,.2);position:relative;overflow:hidden;transition:opacity .2s}.cta-btn.disabled{opacity:.4;cursor:not-allowed}.cta-btn:active:not(.disabled){transform:scale(.99)}.shimmer{position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%{left:-100%}to{left:200%}}.cta-btn-outline{padding:12px 20px;background:transparent;border:1px solid rgba(201,151,58,.4);border-radius:12px;color:var(--gold);font-family:Lato,sans-serif;font-size:13px;cursor:pointer;transition:all .2s}.cta-btn-outline:active{background:rgba(201,151,58,.08)}.join-error{font-size:12px;color:#ff6b8a;text-align:center;padding:8px;background:rgba(139,26,46,.15);border:1px solid rgba(139,26,46,.3);border-radius:8px}.admin-divider{display:flex;align-items:center;gap:10px;color:var(--text-dim);font-size:11px}.admin-divider:before,.admin-divider:after{content:"";flex:1;height:1px;background:rgba(201,151,58,.1)}.admin-stats{display:flex;align-items:center;justify-content:center;gap:20px;padding:14px 20px;background:rgba(26,21,53,.6);border:1px solid rgba(201,151,58,.15);border-radius:14px}.admin-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.admin-stat span:first-child{font-family:Cinzel Decorative,serif;font-size:22px;color:var(--gold-light)}.admin-stat span:last-child{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em}.admin-stat-div{color:rgba(201,151,58,.3);font-size:16px}.admin-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ctrl-btn{padding:12px;border-radius:12px;border:none;font-family:Lato,sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}.ctrl-btn:disabled{opacity:.3;cursor:not-allowed}.ctrl-btn.results{background:rgba(42,171,181,.15);border:1px solid rgba(42,171,181,.3);color:#2aabb5}.ctrl-btn.end{background:rgba(139,26,46,.15);border:1px solid rgba(139,26,46,.3);color:#ff6b8a}.section-title{display:flex;align-items:center;justify-content:space-between;font-family:Cinzel Decorative,serif;font-size:13px;color:var(--gold);letter-spacing:.1em}.add-q-btn{padding:6px 14px;background:rgba(201,151,58,.1);border:1px solid rgba(201,151,58,.3);border-radius:20px;color:var(--gold);font-size:12px;cursor:pointer;font-family:Lato,sans-serif;font-weight:700}.q-form-card{background:linear-gradient(145deg,rgba(26,21,53,.98),rgba(10,8,16,.99));border:1px solid rgba(201,151,58,.35);border-radius:16px;padding:20px;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:14px}.q-form-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.q-form-title{font-family:Cinzel Decorative,serif;font-size:12px;color:var(--gold);letter-spacing:.1em;text-align:center}.option-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.option-correct-btn{width:34px;height:34px;border-radius:50%;background:rgba(201,151,58,.1);border:1px solid rgba(201,151,58,.3);color:var(--gold);font-family:Cinzel Decorative,serif;font-size:12px;cursor:pointer;flex-shrink:0;transition:all .2s}.option-correct-btn.active{background:var(--gold);color:var(--deep);border-color:var(--gold)}.option-input{flex:1;margin-bottom:0!important}.q-form-actions{display:flex;gap:10px}.questions-list{display:flex;flex-direction:column;gap:10px}.empty-msg{text-align:center;color:var(--text-dim);font-size:13px;font-style:italic;padding:20px;border:1px dashed rgba(201,151,58,.1);border-radius:12px}.q-card{background:rgba(26,21,53,.6);border:1px solid rgba(201,151,58,.1);border-radius:14px;padding:14px;display:flex;gap:12px;align-items:flex-start}.q-card.active-q{border-color:rgba(42,171,181,.5);background:rgba(42,171,181,.05)}.q-num{width:28px;height:28px;border-radius:50%;background:rgba(201,151,58,.1);border:1px solid rgba(201,151,58,.3);display:flex;align-items:center;justify-content:center;color:var(--gold);font-family:Cinzel Decorative,serif;font-size:11px;flex-shrink:0}.q-body{flex:1;display:flex;flex-direction:column;gap:4px}.q-cat{font-size:9px;color:#ff6b8a;text-transform:uppercase;letter-spacing:.15em}.q-text{font-size:13px;color:var(--sand);line-height:1.5}.q-options-preview{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.q-opt{font-size:10px;color:var(--text-dim);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:4px;padding:2px 7px}.q-opt.correct{color:#4cff91;background:rgba(76,255,145,.06);border-color:rgba(76,255,145,.2);font-weight:700}.q-meta-row{display:flex;gap:8px;margin-top:4px}.q-time{font-size:10px;color:var(--text-dim)}.q-img-tag{font-size:10px;color:var(--gold)}.q-actions{display:flex;flex-direction:column;gap:6px}.q-launch-btn,.q-edit-btn,.q-del-btn{width:30px;height:30px;border-radius:8px;border:none;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;transition:all .2s}.q-launch-btn{background:rgba(42,171,181,.15);color:#2aabb5}.q-launch-btn:disabled{opacity:.3;cursor:not-allowed}.q-edit-btn{background:rgba(201,151,58,.12);color:var(--gold)}.q-del-btn{background:rgba(139,26,46,.15);color:#ff6b8a}.players-section{display:flex;flex-direction:column;gap:10px}.players-list{display:flex;flex-direction:column;gap:6px}.player-mini{display:flex;align-items:center;gap:10px;padding:10px 14px;background:rgba(26,21,53,.5);border:1px solid rgba(201,151,58,.08);border-radius:10px}.player-mini-rank{font-size:11px;color:var(--text-dim);width:20px}.player-mini-ava{font-size:18px}.player-mini-name{flex:1;font-size:13px;color:var(--sand);font-weight:700}.player-mini-genre{font-size:14px}.player-mini-score{font-family:Cinzel Decorative,serif;font-size:12px;color:var(--gold-light)}.players-more{text-align:center;font-size:11px;color:var(--text-dim);padding:8px}.ctrl-btn-start{width:100%;padding:18px;background:linear-gradient(135deg,#2aabb5,#1a7a82);border:none;border-radius:16px;font-family:Cinzel Decorative,serif;font-size:15px;font-weight:700;color:#fff;letter-spacing:.08em;cursor:pointer;box-shadow:0 8px 30px rgba(42,171,181,.3);position:relative;overflow:hidden;transition:transform .1s}.ctrl-btn-start:active{transform:scale(.99)}.ctrl-countdown-msg{text-align:center;padding:14px;background:rgba(201,151,58,.08);border:1px solid rgba(201,151,58,.2);border-radius:12px;font-size:13px;color:var(--gold);font-family:Lato,sans-serif;letter-spacing:.05em}.player-mini-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;border:1.5px solid rgba(10,8,16,.6);margin-left:auto}.players-list{max-height:320px;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:6px;padding-right:2px}.players-list::-webkit-scrollbar{width:3px}.players-list::-webkit-scrollbar-track{background:rgba(255,255,255,.03);border-radius:2px}.players-list::-webkit-scrollbar-thumb{background:rgba(201,151,58,.3);border-radius:2px}.kick-btn{padding:5px 12px;background:rgba(139,26,46,.15);border:1px solid rgba(139,26,46,.3);border-radius:20px;color:#ff6b8a;font-size:11px;cursor:pointer;font-family:Lato,sans-serif;font-weight:700;transition:all .2s}.kick-btn:active{background:rgba(139,26,46,.3)}.kick-msg{text-align:center;font-size:11px;color:#4cff91;padding:6px 12px;background:rgba(76,255,145,.06);border:1px solid rgba(76,255,145,.15);border-radius:8px;animation:fade-in-out 3s ease forwards}@keyframes fade-in-out{0%{opacity:0}10%{opacity:1}80%{opacity:1}to{opacity:0}}.ctrl-nav-block{background:rgba(201,151,58,.06);border:1px solid rgba(201,151,58,.2);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px}.ctrl-nav-info{display:flex;align-items:center;justify-content:space-between}.ctrl-nav-label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em}.ctrl-nav-current{font-family:Cinzel Decorative,serif;font-size:18px;color:var(--gold-light)}.ctrl-nav-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ctrl-nav-btn{padding:14px;border-radius:12px;border:none;font-family:Lato,sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s}.ctrl-nav-btn.prev{background:rgba(255,255,255,.05);color:var(--text-dim);border:1px solid rgba(255,255,255,.08)}.ctrl-nav-btn.prev:disabled{opacity:.3;cursor:default}.ctrl-nav-btn.next{background:linear-gradient(135deg,var(--gold),#a0742a);color:var(--deep);font-weight:900}.ctrl-nav-btn:active{transform:scale(.97)}.diff-selector{display:grid;grid-template-columns:1fr 1fr;gap:8px}.diff-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:var(--text-dim);font-size:12px;font-family:Lato,sans-serif;font-weight:700;cursor:pointer;transition:all .2s}.diff-btn.facile.active{background:rgba(76,255,145,.1);color:#4cff91;border-color:rgba(76,255,145,.3)}.diff-btn.moyen.active{background:rgba(255,200,80,.1);color:#ffc850;border-color:rgba(255,200,80,.3)}.diff-btn.difficile.active{background:rgba(255,107,138,.1);color:#ff6b8a;border-color:rgba(255,107,138,.3)}.diff-btn.challenger.active{background:rgba(180,50,255,.1);color:#b432ff;border-color:rgba(180,50,255,.3)}.points-presets{display:flex;gap:8px;margin-top:8px}.points-preset-btn{flex:1;padding:7px;border-radius:8px;border:1px solid rgba(201,151,58,.15);background:rgba(201,151,58,.05);color:var(--text-dim);font-size:11px;font-weight:700;cursor:pointer;font-family:Lato,sans-serif;transition:all .15s}.points-preset-btn.active{background:rgba(201,151,58,.15);color:var(--gold-light);border-color:var(--gold)}.q-diff{font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;text-transform:capitalize}.q-diff.facile{background:rgba(76,255,145,.1);color:#4cff91}.q-diff.moyen{background:rgba(255,200,80,.1);color:#ffc850}.q-diff.difficile{background:rgba(255,107,138,.1);color:#ff6b8a}.q-diff.challenger{background:rgba(180,50,255,.1);color:#b432ff}.q-pts{font-size:10px;color:var(--gold);font-weight:700}.import-json-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:8px;border:1px solid rgba(201,151,58,.35);background:rgba(201,151,58,.08);color:var(--gold-light, #e8c97a);font-size:12px;font-family:monospace;letter-spacing:.04em;cursor:pointer;transition:background .2s,border-color .2s}.import-json-btn:hover{background:rgba(201,151,58,.18);border-color:rgba(201,151,58,.6)}.import-msg{margin:6px 0 10px;padding:8px 14px;border-radius:8px;font-size:13px;font-family:monospace;animation:badge-appear .2s ease}.import-msg.ok{background:rgba(76,255,145,.1);color:#4cff91;border:1px solid rgba(76,255,145,.25)}.import-msg.err{background:rgba(255,68,68,.1);color:#ff6b6b;border:1px solid rgba(255,68,68,.25)}.players-section{padding-bottom:80px}.ctrl-nav-answers{font-family:monospace;font-size:13px;color:#4cff91;margin-top:4px;letter-spacing:.03em}.ctrl-nav-timer{font-family:monospace;font-size:22px;font-weight:700;color:#4cff91;margin-top:8px;letter-spacing:.05em;transition:color .3s ease}.ctrl-nav-timer.warning{color:#ffb800;animation:timer-pulse .8s ease-in-out infinite}.ctrl-nav-timer.danger{color:#ff4757;animation:timer-pulse .4s ease-in-out infinite}@keyframes timer-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.08)}}.ctrl-reveal-btn{width:100%;padding:14px;border-radius:12px;font-family:monospace;font-size:15px;font-weight:700;letter-spacing:.05em;cursor:pointer;transition:all .2s;margin-top:10px}.ctrl-reveal-btn.ready{background:rgba(76,255,145,.15);border:1.5px solid rgba(76,255,145,.6);color:#4cff91;box-shadow:0 0 16px rgba(76,255,145,.2)}.ctrl-reveal-btn.ready:hover{background:rgba(76,255,145,.25);box-shadow:0 0 24px rgba(76,255,145,.35)}.ctrl-reveal-btn.waiting{background:rgba(255,255,255,.04);border:1.5px solid rgba(255,255,255,.12);color:#666;cursor:default}.active-sessions-block{margin-top:8px}.active-sessions-count{font-family:monospace;font-size:12px;background:rgba(76,255,145,.12);color:#4cff91;border:1px solid rgba(76,255,145,.3);border-radius:99px;padding:2px 8px}.active-sessions-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.active-session-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:background .15s;gap:12px}.active-session-row:hover{background:rgba(201,151,58,.07);border-color:rgba(201,151,58,.25)}.as-info{flex:1;min-width:0}.as-title{font-family:Cinzel,serif;font-size:13px;color:#e8c97a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.as-meta{font-size:11px;color:#555;margin-top:2px;font-family:monospace}.as-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.as-code{font-family:monospace;font-size:13px;font-weight:700;color:#aaa;letter-spacing:.08em}.as-status{font-family:monospace;font-size:10px;padding:2px 7px;border-radius:99px;text-transform:uppercase;letter-spacing:.05em}.as-status.waiting{background:rgba(255,200,80,.12);color:#ffc850;border:1px solid rgba(255,200,80,.3)}.as-status.question{background:rgba(76,255,145,.12);color:#4cff91;border:1px solid rgba(76,255,145,.3)}.as-status.reveal{background:rgba(180,120,255,.12);color:#c87fff;border:1px solid rgba(180,120,255,.3)}.as-status.results{background:rgba(100,150,255,.12);color:#8af;border:1px solid rgba(100,150,255,.3)}.as-status.countdown{background:rgba(255,100,100,.12);color:#f88;border:1px solid rgba(255,100,100,.3)}.as-force-end{background:rgba(255,60,60,.1);border:1px solid rgba(255,60,60,.3);color:#ff6b6b;border-radius:6px;padding:3px 7px;font-size:13px;cursor:pointer;transition:background .15s;margin-top:2px}.as-force-end:hover{background:rgba(255,60,60,.25);border-color:rgba(255,60,60,.6)}.ctrl-question-actions{display:flex;flex-direction:column;gap:8px;margin-top:10px}.ctrl-nav-btn.skip{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12);color:#666;font-size:13px}.ctrl-nav-btn.skip:hover{background:rgba(255,255,255,.08);color:#999}.ctrl-ranking-pause-btn{width:100%;padding:10px;border-radius:10px;border:1px solid rgba(201,151,58,.3);background:rgba(201,151,58,.06);color:#c9973a;font-family:Lato,sans-serif;font-size:13px;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:background .15s}.ctrl-ranking-pause-btn:active{background:rgba(201,151,58,.14)}.ctrl-ranking-panel{background:rgba(26,21,48,.98);border:1px solid rgba(201,151,58,.25);border-radius:14px;overflow:hidden;animation:slide-in-panel .2s cubic-bezier(.34,1.4,.64,1)}@keyframes slide-in-panel{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ctrl-ranking-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid rgba(201,151,58,.12)}.ctrl-ranking-title{font-family:Lato,sans-serif;font-size:15px;font-weight:800;color:#c9973a;letter-spacing:.05em}.ctrl-ranking-close{background:none;border:none;color:rgba(255,255,255,.4);font-size:16px;cursor:pointer;padding:2px 6px;border-radius:6px;transition:color .15s}.ctrl-ranking-close:active{color:#fff}.ctrl-ranking-q-info{font-family:Lato,sans-serif;font-size:11px;color:rgba(255,255,255,.35);padding:6px 16px 0;letter-spacing:.04em}.ctrl-ranking-list{padding:8px 12px 12px;display:flex;flex-direction:column;gap:4px}.ctrl-ranking-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;background:rgba(255,255,255,.03)}.ctrl-ranking-row.gold{background:rgba(255,215,0,.07)}.ctrl-ranking-row.silver{background:rgba(192,192,192,.06)}.ctrl-ranking-row.bronze{background:rgba(205,127,50,.06)}.ctrl-ranking-pos{font-size:16px;min-width:28px;text-align:center}.ctrl-ranking-pseudo{flex:1;font-family:Lato,sans-serif;font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ctrl-ranking-score{font-family:Lato,sans-serif;font-size:13px;font-weight:800;color:#c9973a;white-space:nowrap}.ctrl-ranking-empty{font-family:Lato,sans-serif;font-size:13px;color:rgba(255,255,255,.3);text-align:center;padding:16px 0}.auth-wrap{min-height:100vh;background:#0a0810;display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.auth-star{position:absolute;border-radius:50%;background:rgba(201,151,58,.6);animation:twinkle ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.15}50%{opacity:.8}}.auth-arch-glow{position:absolute;top:-100px;left:50%;transform:translate(-50%);width:300px;height:300px;background:radial-gradient(ellipse,rgba(201,151,58,.08) 0%,transparent 70%)}.auth-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;padding:60px 24px 40px;min-height:100vh;gap:32px}.auth-logo-section{display:flex;flex-direction:column;align-items:center;gap:4px}.auth-lantern{font-size:48px;animation:lantern-sway 3s ease-in-out infinite}@keyframes lantern-sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.auth-title{font-family:Cinzel Decorative,serif;font-size:36px;background:linear-gradient(135deg,#f0c060,#c9973a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.15em}.auth-title-ar{font-size:22px;color:rgba(201,151,58,.5);font-family:Lato,sans-serif;letter-spacing:.2em}.auth-tagline{font-size:12px;color:rgba(255,255,255,.3);font-family:Lato,sans-serif;letter-spacing:.1em;margin-top:4px}.auth-landing{display:flex;flex-direction:column;gap:14px;width:100%;max-width:360px}.auth-btn-primary,.auth-btn-legend{width:100%;display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:18px;border:none;cursor:pointer;text-align:left;position:relative;overflow:hidden;transition:transform .15s}.auth-btn-primary{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}.auth-btn-legend{background:linear-gradient(135deg,rgba(201,151,58,.15),rgba(201,151,58,.05));border:1px solid rgba(201,151,58,.4);box-shadow:0 0 30px rgba(201,151,58,.1)}.auth-btn-primary:active,.auth-btn-legend:active{transform:scale(.98)}.auth-btn-icon{font-size:28px;flex-shrink:0}.auth-btn-title{font-family:Lato,sans-serif;font-size:15px;font-weight:700;color:#e8d5a0;margin-bottom:2px}.auth-btn-sub{font-size:11px;color:rgba(255,255,255,.35);font-family:Lato,sans-serif}.auth-btn-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.06) 50%,transparent 60%);animation:shimmer-slide 3s ease infinite;background-size:200% 100%}.auth-divider{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.2);font-size:12px;font-family:Lato,sans-serif}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:rgba(255,255,255,.08)}.auth-form-card{background:rgba(26,21,53,.8);border:1px solid rgba(201,151,58,.15);border-radius:20px;padding:24px;width:100%;max-width:360px;display:flex;flex-direction:column;gap:12px}.auth-form-title{font-family:Cinzel Decorative,serif;font-size:14px;color:var(--gold, #C9973A);text-align:center;margin-bottom:4px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0;background:rgba(255,255,255,.04);border-radius:10px;padding:3px;margin-bottom:4px}.auth-tabs button{padding:8px;border:none;border-radius:8px;background:transparent;color:rgba(255,255,255,.4);font-family:Lato,sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}.auth-tabs button.active{background:rgba(201,151,58,.2);color:#e8d5a0}.auth-social-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.auth-social{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:rgba(255,255,255,.7);font-size:13px;font-weight:600;font-family:Lato,sans-serif;cursor:pointer;transition:all .2s}.auth-social:active{transform:scale(.97)}.auth-or{display:flex;align-items:center;gap:10px;font-size:11px;color:rgba(255,255,255,.2);font-family:Lato,sans-serif}.auth-or:before,.auth-or:after{content:"";flex:1;height:1px;background:rgba(255,255,255,.06)}.auth-input{width:100%;padding:12px 16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#e8d5a0;font-family:Lato,sans-serif;font-size:14px;outline:none;box-sizing:border-box;transition:border-color .2s}.auth-input:focus{border-color:rgba(201,151,58,.4)}.auth-input::placeholder{color:rgba(255,255,255,.2)}.auth-error{font-size:12px;color:#ff6b8a;font-family:Lato,sans-serif;text-align:center}.auth-submit{padding:14px;background:linear-gradient(135deg,#c9973a,#a07828);border:none;border-radius:12px;color:#0a0810;font-family:Cinzel Decorative,serif;font-size:13px;font-weight:700;cursor:pointer;transition:transform .1s;margin-top:4px}.auth-submit:active{transform:scale(.98)}.auth-submit:disabled{opacity:.5}.auth-back{background:none;border:none;color:rgba(255,255,255,.3);font-size:12px;font-family:Lato,sans-serif;cursor:pointer;text-align:center;padding:4px}.avatar-upload-zone{width:90px;height:90px;border-radius:50%;border:2px dashed rgba(201,151,58,.35);cursor:pointer;display:flex;align-items:center;justify-content:center;align-self:center;overflow:hidden;transition:border-color .2s,transform .15s;background:rgba(201,151,58,.04)}.avatar-upload-zone:active{transform:scale(.96)}.avatar-upload-zone:hover{border-color:rgba(201,151,58,.6)}.avatar-preview{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:4px;color:rgba(255,255,255,.25);font-size:11px;font-family:Lato,sans-serif;text-align:center;padding:8px}.avatar-upload-icon{font-size:22px}.auth-social.full-width{width:100%;justify-content:center;padding:12px;font-size:14px}.themes-wrap{min-height:100%;background:#0a0810;padding-bottom:120px}.themes-header{text-align:center;padding:16px 0 24px}.themes-title{font-family:Cinzel Decorative,serif;font-size:22px;color:#e8d5a0;display:flex;align-items:center;justify-content:center;gap:10px}.themes-title-ar{font-size:24px;color:rgba(201,151,58,.6)}.themes-subtitle{font-size:12px;color:rgba(255,255,255,.3);font-family:Lato,sans-serif;margin-top:4px}.themes-list{display:flex;flex-direction:column;padding:0 16px 32px}.themes-row-block{display:flex;flex-direction:column}.themes-grid-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.theme-card-empty{visibility:hidden}.theme-card{position:relative;overflow:hidden;padding:16px 12px;border-radius:16px;background:rgba(26,21,53,.8);border:1px solid rgba(255,255,255,.07);cursor:pointer;display:flex;flex-direction:column;gap:4px;transition:border-color .2s,transform .15s}.theme-card.selected{border-color:var(--theme-color, #c9973a);box-shadow:0 0 20px color-mix(in srgb,var(--theme-color, #c9973a) 20%,transparent)}.theme-card:active{transform:scale(.97)}.theme-glow{position:absolute;top:-20px;right:-20px;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--theme-color, #c9973a) 15%,transparent) 0%,transparent 70%);pointer-events:none}.theme-emoji{font-size:28px}.theme-name{font-family:Cinzel Decorative,serif;font-size:13px;color:#e8d5a0}.theme-desc{font-size:10px;color:rgba(255,255,255,.3);font-family:Lato,sans-serif}.theme-level{margin-top:6px;display:flex;flex-direction:column;gap:3px}.theme-level-bar{height:3px;background:rgba(255,255,255,.08);border-radius:2px;overflow:hidden}.theme-level-fill{height:100%;background:var(--theme-color, #c9973a);border-radius:2px;transition:width .6s ease}.theme-level-name{font-size:9px;font-weight:700;font-family:Lato,sans-serif;text-transform:uppercase;letter-spacing:.08em}.theme-detail{scroll-margin-top:70px;background:rgba(26,21,53,.9);border:1px solid rgba(201,151,58,.2);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:16px;animation:slide-up .3s ease}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.theme-detail-header{display:flex;align-items:center;gap:10px}.theme-detail-name{font-family:Cinzel Decorative,serif;font-size:18px;color:#e8d5a0}.theme-detail-lb{display:flex;flex-direction:column;gap:8px}.lb-title{font-size:11px;color:rgba(201,151,58,.7);text-transform:uppercase;letter-spacing:.15em;font-family:Lato,sans-serif;font-weight:700}.lb-empty{font-size:12px;color:rgba(255,255,255,.25);font-style:italic;font-family:Lato,sans-serif;text-align:center;padding:8px 0}.lb-row{display:flex;align-items:center;gap:10px;padding:8px 12px;background:rgba(255,255,255,.03);border-radius:10px}.lb-medal{font-size:16px}.lb-ava{font-size:18px}.lb-pseudo{flex:1;font-size:13px;color:#e8d5a0;font-family:Lato,sans-serif;font-weight:700}.lb-xp{font-size:12px;color:#c9973a;font-weight:700;font-family:Lato,sans-serif}.theme-duel-btn{position:relative;overflow:hidden;padding:16px;background:linear-gradient(135deg,rgba(201,151,58,.2),rgba(201,151,58,.08));border:1px solid rgba(201,151,58,.5);border-radius:14px;color:#e8d5a0;font-family:Cinzel Decorative,serif;font-size:13px;cursor:pointer;transition:transform .1s;letter-spacing:.05em}.theme-duel-btn:active{transform:scale(.98)}.theme-duel-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.07) 50%,transparent 60%);animation:shimmer-slide 3s ease infinite;background-size:200%}@keyframes shimmer-slide{0%{background-position:-200% 0}to{background-position:200% 0}}.theme-login-msg{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.theme-login-msg span{font-size:12px;color:rgba(255,255,255,.3);font-family:Lato,sans-serif}.theme-login-msg button{background:none;border:none;color:#c9973a;font-size:13px;font-weight:700;font-family:Lato,sans-serif;cursor:pointer}@keyframes detail-drop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.theme-queue-badge{display:inline-flex;align-items:center;gap:5px;margin-top:6px;padding:3px 9px;border-radius:99px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);font-size:11px;font-family:monospace;color:#a0ffb8;letter-spacing:.03em;animation:badge-appear .25s ease}.theme-queue-dot{width:6px;height:6px;border-radius:50%;background:#4cff91;box-shadow:0 0 6px #4cff91;animation:dot-pulse 1.4s ease-in-out infinite;flex-shrink:0}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}@keyframes badge-appear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.play-wrap{min-height:100vh;background:#0a0810;padding:0 0 120px}.play-header{display:flex;flex-direction:column;align-items:center;padding:28px 20px 24px;border-bottom:1px solid rgba(201,151,58,.12)}.play-header-icon{font-size:48px;filter:drop-shadow(0 0 20px rgba(201,151,58,.5));margin-bottom:8px;animation:sword-pulse 3s ease-in-out infinite}@keyframes sword-pulse{0%,to{filter:drop-shadow(0 0 16px rgba(201,151,58,.45))}50%{filter:drop-shadow(0 0 28px rgba(201,151,58,.8))}}.play-header-title{font-family:Cinzel Decorative,serif;font-size:18px;letter-spacing:.2em;color:#e8d5a0;text-shadow:0 0 20px rgba(201,151,58,.4)}.play-header-sub{margin-top:6px;font-family:Lato,sans-serif;font-size:12px;color:rgba(201,151,58,.5);letter-spacing:.15em;text-transform:uppercase}.play-section{margin:24px 16px 0}.play-section-title{display:flex;align-items:center;gap:8px;font-family:Cinzel Decorative,serif;font-size:11px;letter-spacing:.15em;color:rgba(232,213,160,.6);text-transform:uppercase;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06)}.play-cards{display:flex;flex-direction:column;gap:14px}.play-card{display:flex;align-items:center;gap:16px;width:100%;padding:20px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);cursor:pointer;text-align:left;transition:transform .15s ease,background .15s ease,border-color .15s ease;position:relative;overflow:hidden}.play-card:active{transform:scale(.97)}.play-card-icon{font-size:2rem;flex-shrink:0;width:44px;text-align:center}.play-card-body{flex:1;min-width:0}.play-card-title{font-size:1rem;font-weight:700;color:#fff;letter-spacing:.02em;margin-bottom:3px}.play-card-desc{font-size:.78rem;color:rgba(255,255,255,.45);line-height:1.3}.play-card-arrow{font-size:1.2rem;color:rgba(255,255,255,.3);flex-shrink:0}.play-card--quick{border-color:rgba(255,210,60,.25);background:linear-gradient(135deg,rgba(255,210,60,.08),rgba(255,140,0,.06))}.play-card--quick .play-card-title,.play-card--quick .play-card-arrow{color:#ffd23c}.play-card--quick:active{background:rgba(255,210,60,.15)}.play-card--theme{border-color:rgba(80,160,255,.25);background:linear-gradient(135deg,rgba(80,160,255,.08),rgba(40,100,220,.06))}.play-card--theme .play-card-title,.play-card--theme .play-card-arrow{color:#7ec0ff}.play-card--theme:active{background:rgba(80,160,255,.15)}.play-card--disabled{opacity:.4;cursor:not-allowed;border-color:rgba(255,255,255,.05);background:rgba(255,255,255,.02)}.play-card--disabled:active{transform:none}.play-card-badge{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.5);font-size:.65rem;font-weight:700;letter-spacing:.1em;padding:3px 8px;border-radius:20px;flex-shrink:0}.play-card--searching{animation:searching-pulse 1.2s ease-in-out infinite}@keyframes searching-pulse{0%,to{border-color:rgba(255,210,60,.25)}50%{border-color:rgba(255,210,60,.7);box-shadow:0 0 14px rgba(255,210,60,.2)}}.mm-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;flex-shrink:0;border-bottom:1px solid rgba(201,151,58,.1)}.mm-back{background:rgba(255,255,255,.06);border:none;color:#fff;width:36px;height:36px;border-radius:50%;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.mm-theme{display:flex;align-items:center;gap:8px;font-family:Cinzel Decorative,serif;font-size:14px;color:#c9973a}.mm-searching-text{display:flex;align-items:center;gap:10px;font-family:Lato,sans-serif;font-size:14px;color:rgba(255,255,255,.6);letter-spacing:.05em}.mm-dots{display:flex;gap:4px}.mm-dots span{width:6px;height:6px;border-radius:50%;background:#c9973a;animation:mm-bounce 1.2s infinite}.mm-dots span:nth-child(2){animation-delay:.2s}.mm-dots span:nth-child(3){animation-delay:.4s}@keyframes mm-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.mm-timer{font-family:Lato,sans-serif;font-size:12px;color:rgba(255,255,255,.25)}.mm-cancel-btn{width:100%;max-width:320px;padding:14px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.5);font-family:Lato,sans-serif;font-size:14px;font-weight:700;cursor:pointer;letter-spacing:.04em;margin-bottom:100px}.mm-found{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:32px 24px}.mm-found-title{font-family:Cinzel Decorative,serif;font-size:20px;color:#c9973a}.mm-found-avatars{display:flex;align-items:center;gap:20px}.mm-found-player{display:flex;flex-direction:column;align-items:center;gap:8px}.mm-found-name{font-family:Lato,sans-serif;font-size:13px;color:rgba(255,255,255,.7)}.mm-vs-badge{font-family:Cinzel Decorative,serif;font-size:22px;color:#e8d5a0;padding:0 8px}.mm-launching{font-family:Lato,sans-serif;font-size:13px;color:rgba(255,255,255,.35);letter-spacing:.08em}.mm-timeout{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:32px 24px}.mm-timeout-icon{font-size:48px}.mm-timeout-title{font-family:Cinzel Decorative,serif;font-size:18px;color:#e8d5a0}.mm-timeout-msg{font-family:Lato,sans-serif;font-size:14px;color:rgba(255,255,255,.4);text-align:center;line-height:1.6;max-width:280px}.mm-retry-btn{width:100%;max-width:280px;padding:14px;border-radius:14px;background:linear-gradient(135deg,#c9973a,#f0d878);border:none;color:#0a0810;font-family:Lato,sans-serif;font-size:14px;font-weight:900;cursor:pointer}.mm-back-btn{width:100%;max-width:280px;padding:14px;border-radius:14px;background:transparent;border:1px solid rgba(201,151,58,.3);color:rgba(201,151,58,.7);font-family:Lato,sans-serif;font-size:14px;font-weight:700;cursor:pointer}.mm-page ion-content,ion-page.mm-page>ion-content{--overflow: auto;--background: #020510}.mm-wrap{height:100%;background:#020510;display:flex;flex-direction:column}.mm-searching-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 0;position:relative}.mm-globe-container{width:calc(100% - 56px);aspect-ratio:1 / 1;max-width:400px;margin:0 auto;border-radius:50%;overflow:hidden}.mm-status{flex-shrink:0;width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 24px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(to top,rgba(10,8,16,.98) 80%,transparent);position:absolute;bottom:0;left:0;right:0}.mm-quickplay-theme{font-family:Lato,sans-serif;font-size:13px;color:rgba(255,255,255,.5);margin-top:-4px;margin-bottom:4px;letter-spacing:.05em}.versus-wrap{width:100%;height:100vh;height:100dvh;background:#000;position:relative;overflow:hidden}.versus-tri{position:absolute;left:0;right:0;width:100%;overflow:hidden;opacity:0;transition:opacity .4s ease,transform .5s cubic-bezier(.22,1,.36,1)}.versus-tri.top{top:0;height:100%;clip-path:polygon(0 0,100% 0,100% 42%,0 58%);transform:translateY(-10px)}.versus-tri.bottom{top:0;height:100%;clip-path:polygon(0 58%,100% 42%,100% 100%,0 100%);transform:translateY(10px)}.versus-tri.show{opacity:1;transform:translateY(0)}.versus-tri-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.versus-tri-bg-default{position:absolute;top:0;right:0;bottom:0;left:0}.versus-tri-bg-default.top{background:linear-gradient(160deg,#0a1628,#1a3a6e)}.versus-tri-bg-default.bottom{background:linear-gradient(340deg,#1a0a0a,#6e1a1a)}.versus-tri-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.versus-tri-overlay.top{background:linear-gradient(to bottom,rgba(10,8,22,.1),rgba(10,8,22,.72))}.versus-tri-overlay.bottom{background:linear-gradient(to top,rgba(10,8,22,.1),rgba(10,8,22,.72))}.versus-slash{position:absolute;left:-10%;right:-10%;top:50%;height:3px;background:linear-gradient(90deg,transparent,#ffd700 30%,#ffd700 70%,transparent);box-shadow:0 0 14px 4px rgba(255,215,0,.65);z-index:15;transform:scaleX(0) rotate(-8deg);transform-origin:center;transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.versus-slash.show{transform:scaleX(1) rotate(-8deg)}.versus-fighter{position:absolute;z-index:20;display:flex;align-items:center;gap:14px;opacity:0;transition:opacity .4s ease,transform .5s cubic-bezier(.34,1.56,.64,1)}.versus-fighter.top{top:12%;left:28px;flex-direction:row;transform:translate(-24px)}.versus-fighter.bottom{bottom:calc(12% + env(safe-area-inset-bottom));right:28px;flex-direction:row-reverse;transform:translate(24px)}.versus-fighter.show{opacity:1;transform:translate(0)}.versus-fighter-avatar{border-radius:50%;padding:3px;flex-shrink:0}.versus-fighter-avatar.top{border:3px solid #4caaff;box-shadow:0 0 20px rgba(76,170,255,.55),0 0 40px rgba(76,170,255,.2)}.versus-fighter-avatar.bottom{border:3px solid #ff6a4c;box-shadow:0 0 20px rgba(255,106,76,.55),0 0 40px rgba(255,106,76,.2)}.versus-ava-img{border-radius:50%;display:block}.versus-fighter-name{font-family:Cinzel Decorative,serif;font-size:15px;text-shadow:0 2px 12px rgba(0,0,0,.95);letter-spacing:.04em;max-width:200px;word-break:break-word;line-height:1.3}.versus-fighter-name.top{color:#7dc8ff;text-align:left}.versus-fighter-name.bottom{color:#ff9a7c;text-align:right}.versus-vs-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);z-index:30;opacity:0;transition:transform .45s cubic-bezier(.34,1.56,.64,1),opacity .2s ease}.versus-vs-center.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.versus-vs-text{font-family:Cinzel Decorative,serif;font-size:52px;line-height:1;background:linear-gradient(135deg,gold,orange,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 18px rgba(255,215,0,.9))}.versus-fight-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:35;font-family:Cinzel Decorative,serif;font-size:26px;color:#f44;letter-spacing:.25em;filter:drop-shadow(0 0 16px rgba(255,68,68,.9));animation:fight-burst .35s cubic-bezier(.34,1.56,.64,1) both;white-space:nowrap}@keyframes fight-burst{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.versus-lightning{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:25;width:120px;height:40px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .1s}.versus-lightning.show{opacity:1;animation:lightning-flicker .12s ease 0s 5}@keyframes lightning-flicker{0%,to{opacity:1}50%{opacity:.15}}.versus-bolt-svg{width:120px;height:40px;transform:rotate(-90deg);filter:drop-shadow(0 0 6px #ffd700) drop-shadow(0 0 18px #ffd700)}.versus-lightning-glow{position:absolute;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(255,215,0,.35) 0%,transparent 70%);animation:glow-pulse .25s ease-in-out infinite alternate}@keyframes glow-pulse{0%{transform:scale(.8);opacity:.5}to{transform:scale(1.4);opacity:1}}.versus-sparks{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;z-index:26;pointer-events:none}.versus-spark{position:absolute;width:5px;height:5px;border-radius:50%;background:gold;animation:spark-fly .65s ease-out both;animation-delay:calc(var(--i) * .04s);--angle: calc(var(--i) * 30deg)}@keyframes spark-fly{0%{transform:rotate(var(--angle)) translate(0) scale(1);opacity:1}to{transform:rotate(var(--angle)) translate(70px) scale(0);opacity:0}}.versus-theme-label{position:absolute;top:50%;right:20px;transform:translateY(-50%) rotate(90deg);font-family:Cinzel Decorative,serif;font-size:9px;letter-spacing:.5em;color:rgba(255,215,0,.4);z-index:30;white-space:nowrap;text-shadow:0 2px 8px rgba(0,0,0,.8)}.versus-qs-label{position:absolute;bottom:calc(22px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);font-size:11px;color:rgba(255,255,255,.14);font-family:Lato,sans-serif;white-space:nowrap;z-index:30}.versus-waiting{height:100vh;background:#0a0810;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.versus-waiting-spinner{width:48px;height:48px;border:3px solid rgba(201,151,58,.2);border-top-color:#c9973a;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.versus-waiting-text{font-family:Lato,sans-serif;font-size:15px;color:rgba(255,255,255,.4);letter-spacing:.05em}.versus-disconnected{height:100vh;background:#0a0810;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px}.versus-dc-icon{font-size:52px}.versus-dc-title{font-family:Cinzel Decorative,serif;font-size:18px;color:#e8d5a0;text-align:center}.versus-dc-msg{font-family:Lato,sans-serif;font-size:14px;color:rgba(255,255,255,.4);text-align:center;line-height:1.6;max-width:280px}.versus-dc-btn{margin-top:8px;width:100%;max-width:280px;padding:14px;border-radius:14px;background:linear-gradient(135deg,#c9973a,#f0d878);border:none;color:#0a0810;font-family:Lato,sans-serif;font-size:14px;font-weight:900;letter-spacing:.05em;cursor:pointer}.versus-dc-btn-secondary{width:100%;max-width:280px;padding:14px;border-radius:14px;background:transparent;border:1px solid rgba(201,151,58,.3);color:rgba(201,151,58,.7);font-family:Lato,sans-serif;font-size:14px;font-weight:700;cursor:pointer}.xp-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:flex;flex-direction:column;font-family:VT323,Courier New,monospace;z-index:200;overflow:hidden;padding:0}.xp-crt{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px);animation:crt-scroll 8s linear infinite}@keyframes crt-scroll{0%{background-position-y:0}to{background-position-y:100px}}.xp-pixel-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#0d1a2e,#000 40%,#1a0d0d);z-index:0}.xp-banner{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:3px solid;background:rgba(0,0,0,.6);animation:ff7-slide-down .4s ease both}@keyframes ff7-slide-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.xp-banner-left{display:flex;align-items:center;gap:14px}.xp-theme-emoji{font-size:36px}.xp-theme-name{font-size:22px;color:#aac8ff;letter-spacing:.15em}.xp-outcome-label{font-size:18px;letter-spacing:.1em}.xp-scores-small{display:flex;align-items:center;gap:8px;font-size:28px}.xp-score-me{color:#4cff91}.xp-score-sep{color:#555}.xp-score-opp{color:#ff6b8a}.xp-gain-row{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;background:rgba(10,20,40,.8);border-bottom:1px solid rgba(170,200,255,.1);animation:ff7-slide-right .5s .3s ease both}@keyframes ff7-slide-right{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}.xp-gain-label{color:#aac8ff;font-size:20px;letter-spacing:.05em;display:flex;align-items:center;gap:8px}.xp-diamond{color:gold;font-size:14px}.xp-gain-val{font-size:32px;letter-spacing:.1em;text-shadow:0 0 12px currentColor;animation:ff7-val-pop .5s .9s cubic-bezier(.34,1.56,.64,1) both}@keyframes ff7-val-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.xp-level-section{position:relative;z-index:10;padding:24px 20px 20px;display:flex;flex-direction:column;gap:12px;animation:ff7-slide-right .5s .6s ease both}.xp-level-header{display:flex;align-items:center;justify-content:space-between}.xp-level-left{display:flex;align-items:baseline;gap:10px}.xp-level-label{font-size:20px;color:#888}.xp-level-num{font-size:42px;line-height:1;text-shadow:0 0 16px currentColor}.xp-level-title{font-size:22px;color:#e8d5a0;letter-spacing:.05em}.xp-to-next{font-size:16px;color:#555}.xp-bar-track{position:relative;height:22px;background:#0a0a0a;border:2px solid #333;border-radius:2px;overflow:visible}.xp-bar-fill{height:100%;border-radius:0;position:relative;min-width:2px}.xp-bar-glow{position:absolute;top:50%;transform:translate(-50%,-50%);width:4px;height:30px;background:currentColor;filter:blur(4px);opacity:.8;pointer-events:none}.xp-bar-nums{display:flex;justify-content:space-between;font-size:16px;color:#555;padding:0 2px}.xp-levelup-burst{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:rgba(0,0,0,.85);animation:ff7-burst-in .2s ease;overflow:hidden}@keyframes ff7-burst-in{0%{opacity:0}to{opacity:1}}.xp-levelup-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;animation:ff7-flash .25s ease forwards;pointer-events:none}@keyframes ff7-flash{0%{opacity:.9}to{opacity:0}}.xp-levelup-text{font-size:32px;letter-spacing:.6em;color:#aac8ff;animation:ff7-txt-in .4s .1s ease both;text-shadow:0 0 20px #aac8ff}.xp-levelup-num{font-size:96px;line-height:1;text-shadow:0 0 40px currentColor,0 0 80px currentColor;animation:ff7-num-in .5s .2s cubic-bezier(.34,1.56,.64,1) both}.xp-levelup-title{font-size:28px;color:gold;letter-spacing:.2em;text-shadow:0 0 16px #FFD700;animation:ff7-txt-in .4s .4s ease both}.xp-levelup-sub{font-size:20px;color:#888;animation:ff7-txt-in .4s .6s ease both}@keyframes ff7-txt-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ff7-num-in{0%{transform:scale(.3) rotate(-10deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.xp-particle{position:absolute;width:6px;height:6px;border-radius:1px;animation:particle-explode 1.2s ease-out both}@keyframes particle-explode{0%{transform:scale(1) translate(0);opacity:1}to{transform:scale(0) translate(var(--tx,20px),var(--ty,-40px));opacity:0}}.xp-continue-wrap{position:relative;z-index:10;margin-top:auto;padding:0 20px 40px;animation:ff7-slide-right .3s ease both}.xp-continue-btn{width:100%;padding:16px 24px;background:rgba(170,200,255,.08);border:2px solid rgba(170,200,255,.25);color:#aac8ff;font-family:VT323,monospace;font-size:24px;letter-spacing:.15em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:background .15s,border-color .15s;text-transform:uppercase}.xp-continue-btn:hover{background:rgba(170,200,255,.14);border-color:rgba(170,200,255,.5)}.xp-continue-btn:active{transform:scale(.98)}.xp-btn-arrow{font-size:20px;transition:opacity 0s}.xp-bottom-bar{position:absolute;bottom:0;left:0;right:0;height:4px;z-index:10;opacity:.6}.winner-wrap{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(5,3,12,.97);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;z-index:999;opacity:0;transform:scale(.92);transition:opacity .35s ease,transform .35s ease}.winner-visible{opacity:1;transform:scale(1)}.winner-bg-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 50% at 50% 50%,rgba(201,151,58,.12) 0%,transparent 70%);pointer-events:none}.winner-crown{font-size:52px;animation:winner-bounce .6s ease infinite alternate;filter:drop-shadow(0 0 16px rgba(201,151,58,.8))}@keyframes winner-bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.winner-avatar-ring{width:96px;height:96px;border-radius:50%;border:3px solid #c9973a;box-shadow:0 0 0 4px rgba(201,151,58,.2),0 0 32px rgba(201,151,58,.5);overflow:hidden;display:flex;align-items:center;justify-content:center;background:#0a0810;animation:winner-glow 1.2s ease-in-out infinite alternate}@keyframes winner-glow{0%{box-shadow:0 0 0 4px rgba(201,151,58,.2),0 0 20px rgba(201,151,58,.4)}to{box-shadow:0 0 0 6px rgba(201,151,58,.35),0 0 44px rgba(201,151,58,.7)}}.winner-avatar-img{width:100%;height:100%;object-fit:cover}.winner-avatar-emoji{font-size:44px}.winner-pseudo{font-family:Cinzel Decorative,serif;font-size:20px;color:#e8d5a0;text-shadow:0 0 20px rgba(201,151,58,.6);text-align:center;padding:0 24px;margin-top:4px}.winner-title{font-family:Cinzel Decorative,serif;font-size:48px;font-weight:900;color:#c9973a;text-shadow:0 0 30px rgba(201,151,58,.8),0 4px 0 rgba(0,0,0,.5);letter-spacing:.15em;animation:winner-pulse .9s ease-in-out infinite alternate}.winner-title.tie{font-size:34px;color:#aac8ff;text-shadow:0 0 30px rgba(100,180,255,.6);animation:none}@keyframes winner-pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.winner-tie-icon{font-size:64px;margin-bottom:8px}.winner-subtitle{font-family:Lato,sans-serif;font-size:12px;color:rgba(255,255,255,.3);letter-spacing:.15em;text-transform:uppercase}.winner-theme-row{display:flex;align-items:center;gap:12px;margin-top:14px;padding:10px 18px;background:rgba(255,255,255,.04);border:1px solid rgba(201,151,58,.2);border-radius:16px;max-width:calc(100vw - 48px);transform:translate(120%);opacity:0;transition:transform .55s cubic-bezier(.22,1.4,.36,1),opacity .4s ease}.winner-theme-row.slid-in{transform:translate(0);opacity:1}.winner-theme-icon{width:52px;height:52px;object-fit:contain;flex-shrink:0;animation:icon-pop .4s cubic-bezier(.22,1.4,.36,1) .55s both}@keyframes icon-pop{0%{transform:scale(.7) rotate(-8deg)}60%{transform:scale(1.15) rotate(4deg)}to{transform:scale(1) rotate(0)}}.winner-theme-quote{font-family:Lato,sans-serif;font-size:13px;font-style:italic;color:rgba(232,213,160,.85);line-height:1.4;flex:1}.winner-bar{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(90deg,transparent,#c9973a,transparent);animation:winner-bar-anim 5s linear forwards;width:0%}@keyframes winner-bar-anim{0%{width:0%}to{width:100%}}.winner-skip-btn{position:absolute;bottom:24px;right:20px;padding:8px 16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:20px;color:rgba(255,255,255,.4);font-family:Lato,sans-serif;font-size:12px;font-weight:700;letter-spacing:.05em;cursor:pointer;transition:background .15s,color .15s,border-color .15s;z-index:10}.winner-skip-btn:hover,.winner-skip-btn:active{background:rgba(201,151,58,.15);border-color:rgba(201,151,58,.4);color:#c9973a}.battle-wrap{width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;position:relative;overflow:hidden;padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box}.battle-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.battle-bg-split.left{position:absolute;top:0;bottom:0;left:0;width:50%;background:linear-gradient(135deg,#0d1a2e,#0a0810)}.battle-bg-split.right{position:absolute;top:0;bottom:0;right:0;width:50%;background:linear-gradient(225deg,#2e0d0d,#0a0810)}.battle-bg-center-glow{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:2px;background:linear-gradient(180deg,transparent,rgba(201,151,58,.5),transparent);box-shadow:0 0 20px rgba(201,151,58,.25)}.battle-main{position:relative;z-index:10;flex:1;display:flex;flex-direction:row;align-items:stretch;overflow:hidden}.battle-side{width:52px;display:flex;flex-direction:column;align-items:center;padding:12px 0 calc(16px + env(safe-area-inset-bottom));gap:6px;flex-shrink:0}.battle-side-avatar img,.battle-side-avatar span{border-radius:50%}.battle-side-pseudo{font-family:Lato,sans-serif;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:rgba(255,255,255,.4);text-align:center;max-width:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-side-bar-track{flex:1;width:18px;background:rgba(255,255,255,.06);border-radius:9px;position:relative;overflow:hidden;display:flex;align-items:flex-end}.battle-side-bar-fill{width:100%;border-radius:9px;transition:height .6s cubic-bezier(.34,1.56,.64,1);min-height:4px}.battle-side-bar-fill.left{background:linear-gradient(180deg,#4caaff,#1a6bff);box-shadow:0 0 12px rgba(76,170,255,.5)}.battle-side-bar-fill.right{background:linear-gradient(180deg,#ff6a4c,#ff1a1a);box-shadow:0 0 12px rgba(255,26,26,.5)}.battle-side-bar-fill.score-pop{animation:bar-pop .4s ease}@keyframes bar-pop{0%{filter:brightness(1)}50%{filter:brightness(2)}to{filter:brightness(1)}}.battle-side-score{font-family:Cinzel Decorative,serif;font-size:11px;color:rgba(255,255,255,.6);text-align:center;position:relative;transition:color .3s}.battle-side-score.score-bump{animation:score-bump .4s cubic-bezier(.34,1.56,.64,1);color:gold}@keyframes score-bump{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}.battle-side-plus{display:block;font-size:10px;color:#4cff91;animation:plus-float .7s ease forwards}@keyframes plus-float{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-16px)}}.battle-center{flex:1;display:flex;flex-direction:column;padding:8px 8px 12px;gap:8px;min-width:0;overflow:hidden}.battle-timer-bar{position:relative;height:7px;background:rgba(255,255,255,.06);border-radius:4px;overflow:hidden;flex-shrink:0}.battle-timer-fill{height:100%;border-radius:4px}.battle-timer-num{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:8px;font-family:Cinzel Decorative,serif;color:rgba(255,255,255,.5);line-height:1}.battle-q-indicator{text-align:center;font-family:Cinzel Decorative,serif;font-size:11px;color:rgba(201,151,58,.6);flex-shrink:0}.battle-q-card{background:rgba(10,8,22,.9);border:1px solid rgba(201,151,58,.18);border-radius:14px;padding:12px 14px;flex-shrink:0}.battle-q-cat{font-size:9px;color:rgba(201,151,58,.6);text-transform:uppercase;letter-spacing:.15em;font-family:Lato,sans-serif;font-weight:700;margin-bottom:5px}.battle-q-text{font-family:Lato,sans-serif;font-size:14px;font-weight:700;color:#e8d5a0;line-height:1.4}.battle-options{display:grid;grid-template-columns:1fr 1fr;gap:7px;flex-shrink:0}.battle-opt{padding:10px 8px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:12px;display:flex;align-items:center;gap:7px;cursor:pointer;text-align:left;transition:all .15s;-webkit-tap-highlight-color:transparent}.battle-opt:active:not(:disabled){transform:scale(.97)}.battle-opt:disabled{cursor:default}.battle-opt.selected{border-color:rgba(201,151,58,.6);background:rgba(201,151,58,.1)}.battle-opt.correct{border-color:#4cff91;background:rgba(76,255,145,.12)}.battle-opt.wrong{border-color:#f44;background:rgba(255,68,68,.1)}.battle-opt.dim{opacity:.3}.battle-opt-letter{width:20px;height:20px;border-radius:6px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;color:rgba(255,255,255,.5);font-family:Lato,sans-serif;flex-shrink:0}.battle-opt-text{font-size:11px;color:#e8d5a0;font-family:Lato,sans-serif;line-height:1.3}.battle-opt-check{margin-left:auto;color:#4cff91;font-weight:900;flex-shrink:0;font-size:13px}.battle-waiting{display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;color:rgba(255,255,255,.3);font-style:italic;font-family:Lato,sans-serif}.bw-dot{width:5px;height:5px;border-radius:50%;background:rgba(201,151,58,.5);animation:bw-bounce 1.2s ease-in-out infinite}.bw-dot:nth-child(2){animation-delay:.2s}.bw-dot:nth-child(3){animation-delay:.4s}@keyframes bw-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.battle-reveal{text-align:center;font-family:Cinzel Decorative,serif;font-size:15px;animation:reveal-pop .4s cubic-bezier(.34,1.56,.64,1)}.battle-reveal.correct{color:#4cff91}.battle-reveal.wrong{color:#ff6b8a}@keyframes reveal-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.battle-result-screen{position:relative;z-index:10;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:40px 24px;animation:fade-in .5s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.br-icon{font-size:60px;animation:winner-pop .6s cubic-bezier(.34,1.56,.64,1)}@keyframes winner-pop{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.br-title{font-family:Cinzel Decorative,serif;font-size:26px;letter-spacing:.15em}.br-title.win{color:#4cff91;text-shadow:0 0 20px rgba(76,255,145,.4)}.br-title.lose{color:#ff6b8a}.br-title.tie{color:#c9973a}.br-scores{display:flex;align-items:center;gap:14px;width:100%}.br-score-box{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px}.br-score-box.winner{border-color:rgba(201,151,58,.4);background:rgba(201,151,58,.06)}.br-score-name{font-size:12px;font-family:Lato,sans-serif;font-weight:700;color:rgba(255,255,255,.6);text-align:center}.br-score-pts{font-family:Cinzel Decorative,serif;font-size:17px;color:#c9973a}.br-vs{font-family:Cinzel Decorative,serif;font-size:16px;color:rgba(201,151,58,.4);flex-shrink:0}.br-home-btn{padding:14px 32px;background:linear-gradient(135deg,rgba(201,151,58,.2),rgba(201,151,58,.05));border:1px solid rgba(201,151,58,.4);border-radius:14px;color:#e8d5a0;font-family:Cinzel Decorative,serif;font-size:13px;cursor:pointer;transition:transform .1s}.br-home-btn:active{transform:scale(.97)}.battle-transition{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:rgba(10,8,22,.92);animation:transition-in .25s ease both}@keyframes transition-in{0%{opacity:0}to{opacity:1}}.battle-transition-inner{display:flex;flex-direction:column;align-items:center;gap:6px;animation:transition-pop .35s .1s cubic-bezier(.34,1.56,.64,1) both}@keyframes transition-pop{0%{transform:scale(.6) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.battle-transition-label{font-family:Lato,sans-serif;font-size:12px;font-weight:900;letter-spacing:.6em;color:rgba(201,151,58,.6);text-transform:uppercase}.battle-transition-num{font-family:Cinzel Decorative,serif;font-size:72px;line-height:1;color:#e8d5a0;text-shadow:0 0 40px rgba(201,151,58,.4)}.battle-transition-bar{width:80px;height:3px;background:linear-gradient(90deg,transparent,#C9973A,transparent);animation:bar-grow 1.1s .2s ease both}@keyframes bar-grow{0%{width:0;opacity:0}to{width:80px;opacity:1}}.battle-main-hidden{opacity:0;pointer-events:none;transition:opacity .2s}.profil-wrap{min-height:100vh;background:#0a0810;padding-bottom:80px}.profil-hero{position:relative;display:flex;flex-direction:column;align-items:center;padding:28px 24px 24px;gap:8px;overflow:hidden;min-height:320px}.profil-hero-bg-img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.profil-bg-img{width:100%;height:100%;object-fit:cover;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);image-rendering:auto}.profil-bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(10,8,22,.3),rgba(10,8,22,.55) 45%,rgba(10,8,22,.93))}.profil-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.profil-avatar-zone{position:relative;z-index:2;margin-bottom:4px}.profil-avatar-ring{width:88px;height:88px;border-radius:50%;border:3px solid;position:relative;display:flex;align-items:center;justify-content:center;overflow:visible}.profil-avatar-img{width:88px;height:88px;border-radius:50%;object-fit:cover;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);image-rendering:auto}.profil-avatar-initial{font-family:Cinzel Decorative,serif;font-size:32px;color:#c9973a}.profil-avatar-glow{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:50%;pointer-events:none}.profil-avatar-edit{position:absolute;bottom:-2px;right:-2px;width:28px;height:28px;border-radius:50%;background:rgba(18,14,36,.95);border:1.5px solid rgba(201,151,58,.5);display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;z-index:3}.profil-pseudo{position:relative;z-index:2;font-family:Cinzel Decorative,serif;font-size:18px;color:#e8d5a0;text-align:center;text-shadow:0 2px 12px rgba(0,0,0,.9)}.profil-email{position:relative;z-index:2;font-size:12px;color:rgba(255,255,255,.3);font-family:Lato,sans-serif;text-shadow:0 1px 6px rgba(0,0,0,.8)}.profil-status-badge{position:relative;z-index:2;padding:4px 14px;border-radius:20px;border:1px solid;font-size:12px;font-family:Lato,sans-serif;font-weight:700;letter-spacing:.05em;margin-top:2px}.profil-xp-section{position:relative;z-index:2;width:100%;display:flex;flex-direction:column;gap:6px;margin-top:6px}.profil-xp-nums{display:flex;justify-content:space-between;align-items:center;font-family:Lato,sans-serif;font-size:13px}.profil-xp-next{color:rgba(255,255,255,.25);font-size:11px}.profil-xp-bar{height:6px;background:rgba(255,255,255,.07);border-radius:3px;overflow:hidden}.profil-xp-fill{height:100%;border-radius:3px;transition:width .8s cubic-bezier(.34,1.56,.64,1)}.profil-stats-row{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:0;padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.04)}.profil-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.profil-stat-val{font-family:Cinzel Decorative,serif;font-size:22px;color:#e8d5a0}.profil-stat-label{font-size:10px;color:rgba(255,255,255,.25);font-family:Lato,sans-serif;text-transform:uppercase;letter-spacing:.1em;text-align:center}.profil-stat-sep{color:rgba(201,151,58,.25);font-size:18px;padding:0 8px}.profil-themes{padding:16px 20px;display:flex;flex-direction:column;gap:12px}.profil-themes-title{font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:rgba(201,151,58,.5);font-family:Lato,sans-serif;font-weight:700;margin-bottom:4px}.profil-theme-row{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.024);border-radius:14px;border:1px solid rgba(255,255,255,.05);padding:12px 14px}.profil-theme-emoji{font-size:22px;flex-shrink:0}.profil-theme-info{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0}.profil-theme-top{display:flex;justify-content:space-between;align-items:center}.profil-theme-name{font-family:Lato,sans-serif;font-size:13px;font-weight:700;color:rgba(255,255,255,.75)}.profil-theme-level{font-family:Lato,sans-serif;font-size:11px;font-weight:700}.profil-theme-bar{height:4px;background:rgba(255,255,255,.06);border-radius:2px;overflow:hidden}.profil-theme-fill{height:100%;border-radius:2px;transition:width .6s ease}.profil-theme-xp{font-size:10px;color:rgba(255,255,255,.2);font-family:Lato,sans-serif}.badge-img-wrap{position:relative;width:36px;height:36px}.badge-img{width:36px;height:36px;object-fit:contain;border-radius:8px;transition:transform .15s ease}.badge-unlocked .badge-img{filter:drop-shadow(0 0 8px rgba(201,151,58,.5))}.badge-locked .badge-img{filter:grayscale(1) brightness(.3)}.badge-lock-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:22px;pointer-events:none}.badge-name{font-family:Lato,sans-serif;font-size:9px;font-weight:700;text-align:center;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.4);line-height:1.3}.badge-popup-img-wrap{position:relative;width:96px;height:96px;margin-bottom:4px}.badge-locked-wrap .badge-popup-img{filter:grayscale(1) brightness(.25)}.badge-popup-lock{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:36px}.badge-popup-close{margin-top:8px;background:rgba(201,151,58,.12);border:1px solid rgba(201,151,58,.3);color:#c9973a;font-family:Lato,sans-serif;font-size:13px;font-weight:700;padding:10px 28px;border-radius:20px;cursor:pointer;letter-spacing:.05em}.badge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 20px 32px}.badge-cell{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;-webkit-tap-highlight-color:transparent}.badge-img-wrap{width:36px;height:36px}.badge-img{width:36px;height:36px;object-fit:contain;border-radius:8px;transition:transform .15s ease,filter .15s ease}.badge-unlocked .badge-img{filter:drop-shadow(0 0 6px rgba(201,151,58,.45))}.badge-locked .badge-img{filter:grayscale(.7) brightness(.55) opacity(.6)}.badge-name{font-family:Lato,sans-serif;font-size:9px;font-weight:700;text-align:center;letter-spacing:.04em;text-transform:uppercase;line-height:1.3;color:rgba(255,255,255,.3)}.badge-unlocked .badge-name{color:rgba(201,151,58,.85)}.badge-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.75);z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(4px)}.badge-popup{background:#13101f;border:1px solid rgba(201,151,58,.25);border-radius:20px;padding:28px 24px;max-width:300px;width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:0 20px 60px rgba(0,0,0,.8)}.badge-popup-img-wrap{width:96px;height:96px;margin-bottom:4px}.badge-popup-img{width:96px;height:96px;object-fit:contain;border-radius:18px}.badge-popup-locked .badge-popup-img{filter:grayscale(.7) brightness(.45) opacity(.5)}.badge-popup-name{font-family:Cinzel Decorative,serif;font-size:15px;color:#e8d5a0;text-align:center}.badge-popup-status{font-family:Lato,sans-serif;font-size:12px;font-weight:700}.badge-popup-desc{font-family:Lato,sans-serif;font-size:13px;color:rgba(255,255,255,.5);text-align:center;line-height:1.6}.badge-popup-unlock{background:linear-gradient(135deg,#c9973a,#f0d878);border:none;color:#0a0810;font-family:Lato,sans-serif;font-size:13px;font-weight:900;padding:10px 24px;border-radius:20px;cursor:pointer;letter-spacing:.05em;width:100%}.badge-popup-unlock:disabled{opacity:.5}.badge-popup-success{font-family:Lato,sans-serif;font-size:13px;color:#2ab58a;font-weight:700}.badge-popup-close{background:rgba(201,151,58,.08);border:1px solid rgba(201,151,58,.2);color:rgba(201,151,58,.7);font-family:Lato,sans-serif;font-size:13px;font-weight:700;padding:10px 28px;border-radius:20px;cursor:pointer;letter-spacing:.05em;width:100%}.profil-edit-btn{margin-top:10px;padding:8px 20px;border-radius:20px;border:1px solid rgba(201,151,58,.35);background:rgba(201,151,58,.08);color:#c9973a;font-family:monospace;font-size:13px;letter-spacing:.04em;cursor:pointer;transition:background .15s,border-color .15s}.profil-edit-btn:hover{background:rgba(201,151,58,.18);border-color:rgba(201,151,58,.6)}.settings-wrap{min-height:100vh;background:#0a0810;padding-bottom:100px}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 16px;border-bottom:1px solid rgba(201,151,58,.1)}.settings-back{background:none;border:none;color:rgba(255,255,255,.35);font-size:13px;font-family:Lato,sans-serif;cursor:pointer;padding:4px 0}.settings-title{font-family:Cinzel Decorative,serif;font-size:15px;color:#e8d5a0}.settings-section{padding:20px 20px 0;display:flex;flex-direction:column;gap:12px;margin-bottom:8px}.settings-section-label{font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:rgba(201,151,58,.55);font-family:Lato,sans-serif;font-weight:700}.settings-profile-card{position:relative;width:100%;height:200px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:16px;border:1px solid rgba(201,151,58,.15)}.settings-card-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.settings-card-bg-img{width:100%;height:100%;object-fit:cover;display:block}.settings-card-bg-empty{width:100%;height:100%;background:linear-gradient(135deg,#1a1535,#0d1a2e);display:flex;align-items:center;justify-content:center;font-family:Lato,sans-serif;font-size:12px;color:rgba(255,255,255,.12)}.settings-card-bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(0,0,0,.1),rgba(0,0,0,.15) 40%,rgba(10,8,22,.85))}.settings-change-bg-btn{position:absolute;top:12px;right:12px;z-index:10;padding:6px 12px;background:rgba(10,8,22,.75);border:1px solid rgba(255,255,255,.18);border-radius:20px;color:rgba(255,255,255,.7);font-size:12px;font-family:Lato,sans-serif;font-weight:700;cursor:pointer;backdrop-filter:blur(8px);transition:background .15s;display:flex;align-items:center;gap:5px}.settings-change-bg-btn:hover{background:rgba(10,8,22,.9);color:#fff}.settings-change-bg-btn:disabled{opacity:.5}.settings-card-avatar-zone{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center}.settings-card-avatar-ring{width:76px;height:76px;border-radius:50%;border:3px solid rgba(201,151,58,.8);box-shadow:0 0 0 3px rgba(10,8,22,.6),0 4px 20px rgba(0,0,0,.5);overflow:hidden;position:relative;background:rgba(10,8,22,.8);display:flex;align-items:center;justify-content:center}.settings-card-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.settings-card-avatar-initial{font-family:Cinzel Decorative,serif;font-size:28px;color:#c9973a}.settings-card-avatar-uploading{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;font-size:20px;border-radius:50%}.settings-change-avatar-btn{position:absolute;bottom:-4px;right:-4px;width:28px;height:28px;border-radius:50%;background:rgba(18,14,36,.95);border:1.5px solid rgba(201,151,58,.5);font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:transform .15s;line-height:1}.settings-change-avatar-btn:hover{transform:scale(1.1)}.settings-change-avatar-btn:disabled{opacity:.4}.settings-card-name{position:relative;z-index:10;font-family:Cinzel Decorative,serif;font-size:13px;color:#e8d5a0;margin-top:6px;text-shadow:0 2px 8px rgba(0,0,0,.8)}.settings-input-row{display:flex;gap:10px}.settings-input{flex:1;padding:12px 14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#e8d5a0;font-family:Lato,sans-serif;font-size:14px;outline:none;transition:border-color .2s}.settings-input:focus{border-color:rgba(201,151,58,.4)}.settings-input::placeholder{color:rgba(255,255,255,.2)}.settings-save-btn{padding:12px 18px;background:linear-gradient(135deg,#c9973a,#a07828);border:none;border-radius:12px;color:#0a0810;font-family:Lato,sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:transform .1s;flex-shrink:0}.settings-save-btn:active{transform:scale(.97)}.settings-save-btn:disabled{opacity:.4}.settings-save-btn.saved{background:linear-gradient(135deg,#4cff91,#2ab58a)}.settings-hint{font-size:11px;color:rgba(255,255,255,.18);font-family:Lato,sans-serif;font-style:italic}.settings-info-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:rgba(255,255,255,.02);border-radius:12px;border:1px solid rgba(255,255,255,.04)}.settings-info-label{font-size:12px;color:rgba(255,255,255,.3);font-family:Lato,sans-serif}.settings-info-val{font-size:13px;color:rgba(255,255,255,.55);font-family:Lato,sans-serif;font-weight:600}.victory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.victory-cell{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;padding:10px 4px 8px;border-radius:14px;border:1.5px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02);transition:border-color .15s,background .15s;-webkit-tap-highlight-color:transparent}.victory-cell:hover{background:rgba(201,151,58,.06);border-color:rgba(201,151,58,.2)}.victory-selected{border-color:rgba(201,151,58,.7)!important;background:rgba(201,151,58,.1)!important}.victory-icon-wrap{position:relative;width:52px;height:52px;border-radius:12px;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center}.victory-icon-img{width:40px;height:40px;object-fit:contain;border-radius:8px}.victory-selected .victory-icon-wrap{background:rgba(201,151,58,.15);box-shadow:0 0 12px rgba(201,151,58,.3)}.victory-check{position:absolute;top:-5px;right:-5px;width:16px;height:16px;border-radius:50%;background:#c9973a;color:#0a0810;font-size:9px;font-weight:900;display:flex;align-items:center;justify-content:center}.victory-label{font-family:Lato,sans-serif;font-size:10px;font-weight:700;color:rgba(255,255,255,.55);text-align:center;letter-spacing:.02em;line-height:1.2}.victory-selected .victory-label{color:#c9973a}.victory-play-btn{width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:rgba(255,255,255,.5);font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,border-color .15s;flex-shrink:0}.victory-play-btn:hover{background:rgba(201,151,58,.2);border-color:rgba(201,151,58,.5);color:#c9973a}.victory-play-btn.playing{background:rgba(201,151,58,.25);border-color:#c9973a;color:#c9973a;animation:pulse-play 1s infinite}@keyframes pulse-play{0%,to{box-shadow:0 0 rgba(201,151,58,.4)}50%{box-shadow:0 0 0 4px rgba(201,151,58,0)}}.victory-save-btn{width:100%;margin-top:4px}.volume-row{display:flex;align-items:center;gap:10px;padding:4px 0}.volume-icon{font-size:16px;flex-shrink:0}.volume-slider{flex:1;-webkit-appearance:none;appearance:none;height:4px;border-radius:4px;background:rgba(255,255,255,.1);outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#c9973a;cursor:pointer;box-shadow:0 0 8px rgba(201,151,58,.5);border:2px solid rgba(10,8,16,.8)}.volume-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#c9973a;cursor:pointer;box-shadow:0 0 8px rgba(201,151,58,.5);border:2px solid rgba(10,8,16,.8)}.volume-pct{font-family:Lato,sans-serif;font-size:12px;font-weight:700;color:rgba(201,151,58,.7);min-width:36px;text-align:right;flex-shrink:0}.topbar{position:fixed;top:0;left:0;right:0;z-index:100;height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:rgba(10,8,22,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(201,151,58,.12)}.topbar-left{display:flex;align-items:center;gap:10px;cursor:pointer;flex:1;min-width:0}.topbar-avatar-ring{width:38px;height:38px;border-radius:50%;border:2px solid;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center;overflow:visible}.topbar-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);image-rendering:auto}.topbar-avatar-initial{width:100%;height:100%;border-radius:50%;background:rgba(201,151,58,.15);display:flex;align-items:center;justify-content:center;font-family:Cinzel Decorative,serif;font-size:15px;color:#c9973a}.topbar-avatar-glow{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;pointer-events:none;animation:topbar-glow-pulse 2.5s ease-in-out infinite}@keyframes topbar-glow-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.topbar-info{min-width:0;display:flex;flex-direction:column;gap:1px}.topbar-pseudo{font-family:Lato,sans-serif;font-size:13px;font-weight:700;color:#e8d5a0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-status{display:flex;align-items:center;gap:4px;font-size:10px;font-family:Lato,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.topbar-status-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.topbar-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.topbar-xp{font-family:Cinzel Decorative,serif;font-size:11px;color:rgba(201,151,58,.7)}.topbar-gear{background:none;border:none;color:rgba(255,255,255,.4);font-size:20px;cursor:pointer;padding:4px;transition:color .2s,transform .3s;line-height:1}.topbar-gear:hover{color:#c9973a;transform:rotate(60deg)}.topbar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;pointer-events:auto}.topbar-menu{position:fixed;top:66px;right:12px;z-index:120;width:240px;background:rgba(18,14,36,.98);border:1px solid rgba(201,151,58,.2);border-radius:16px;padding:8px;box-shadow:0 20px 60px rgba(0,0,0,.6);animation:menu-drop .2s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(20px)}@keyframes menu-drop{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.topbar-menu-user{display:flex;align-items:center;gap:10px;padding:10px 12px}.topbar-menu-ava{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;background:rgba(201,151,58,.15);display:flex;align-items:center;justify-content:center}.topbar-menu-name{font-family:Lato,sans-serif;font-size:14px;font-weight:700;color:#e8d5a0}.topbar-menu-email{font-size:11px;color:rgba(255,255,255,.3);font-family:Lato,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.topbar-menu-divider{height:1px;background:rgba(255,255,255,.06);margin:4px 0}.topbar-menu-item{width:100%;padding:11px 14px;background:none;border:none;border-radius:10px;color:rgba(255,255,255,.7);font-family:Lato,sans-serif;font-size:13px;font-weight:600;cursor:pointer;text-align:left;transition:background .15s,color .15s;display:flex;align-items:center;gap:10px}.topbar-menu-item:hover{background:rgba(255,255,255,.06);color:#e8d5a0}.topbar-menu-item.danger{color:#ff6b8a}.topbar-menu-item.danger:hover{background:rgba(255,107,138,.08)}.topbar-spacer{height:58px;flex-shrink:0}.lobby-wrap{min-height:100vh;background:#0a0810;padding:0 0 120px}.lobby-header{display:flex;flex-direction:column;align-items:center;padding:28px 20px 24px;border-bottom:1px solid rgba(201,151,58,.12);position:relative}.lobby-globe{font-size:48px;filter:drop-shadow(0 0 20px rgba(201,151,58,.5));animation:globe-spin 8s linear infinite;margin-bottom:8px}@keyframes globe-spin{0%{filter:drop-shadow(0 0 20px rgba(201,151,58,.5)) hue-rotate(0deg)}to{filter:drop-shadow(0 0 20px rgba(201,151,58,.5)) hue-rotate(30deg)}}.lobby-title{font-family:Cinzel Decorative,serif;font-size:18px;letter-spacing:.2em;color:#e8d5a0;text-shadow:0 0 20px rgba(201,151,58,.4)}.lobby-subtitle{margin-top:6px;font-family:Lato,sans-serif;font-size:12px;color:rgba(201,151,58,.5);letter-spacing:.15em;text-transform:uppercase}.lobby-section{margin:24px 16px 0}.lobby-section-title{display:flex;align-items:center;gap:8px;font-family:Cinzel Decorative,serif;font-size:11px;letter-spacing:.15em;color:rgba(232,213,160,.6);text-transform:uppercase;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06)}.lobby-section-icon{font-size:14px}.lobby-count{margin-left:auto;background:rgba(201,151,58,.15);border:1px solid rgba(201,151,58,.25);border-radius:20px;padding:2px 10px;font-size:10px;color:#c9973a;font-family:Lato,sans-serif;font-weight:700}.lobby-list{display:flex;flex-direction:column;gap:8px}.lobby-empty{font-family:Lato,sans-serif;font-size:13px;color:rgba(255,255,255,.2);text-align:center;padding:20px 0;font-style:italic}.lobby-row{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:10px 14px;transition:background .2s}.lobby-row-me{background:rgba(201,151,58,.07);border-color:rgba(201,151,58,.25)}.lobby-row-guest{opacity:.65}.lobby-rank{font-family:Cinzel Decorative,serif;font-size:11px;color:rgba(201,151,58,.4);width:22px;text-align:center;flex-shrink:0}.lobby-avatar{position:relative;flex-shrink:0}.lobby-online-dot{position:absolute;bottom:1px;right:1px;width:10px;height:10px;border-radius:50%;background:#4cff91;border:2px solid #0a0810;box-shadow:0 0 6px rgba(76,255,145,.6);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.lobby-info{flex:1;min-width:0}.lobby-pseudo{font-family:Lato,sans-serif;font-size:14px;font-weight:700;color:#e8d5a0;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lobby-me-badge{font-size:9px;font-weight:900;letter-spacing:.1em;color:#c9973a;background:rgba(201,151,58,.15);border:1px solid rgba(201,151,58,.3);border-radius:4px;padding:1px 5px;text-transform:uppercase;flex-shrink:0}.lobby-level{font-family:Lato,sans-serif;font-size:11px;color:rgba(255,255,255,.3);margin-top:2px}.lobby-xp{font-family:Cinzel Decorative,serif;font-size:10px;color:rgba(201,151,58,.5);flex-shrink:0;white-space:nowrap}.lobby-row-offline{opacity:.5}.lobby-offline-dot{position:absolute;bottom:1px;right:1px;width:10px;height:10px;border-radius:50%;background:#555;border:2px solid #0a0810}