*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#fff;font-family:Inter,Segoe UI,Roboto,sans-serif;margin:0;min-height:100%;min-height:100dvh;overflow-x:hidden;padding:0}#root{min-height:100vh;min-height:100dvh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#c81e1e4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#c81e1e80}::selection{background:#c81e1e66;color:#fff}.mafia-input{font-family:Inter,Segoe UI,Roboto,sans-serif;margin:.8em 0;position:relative;width:100%}.mafia-input input{background-color:#000;border:2px solid #c81e1e66;border-radius:20px;box-sizing:border-box;color:#fff;font-size:16px;outline:none;padding:.85em 3em .85em 1em;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.mafia-input input:-webkit-autofill,.mafia-input input:-webkit-autofill:active,.mafia-input input:-webkit-autofill:focus,.mafia-input input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #000!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.mafia-input input::placeholder{color:#0000}.mafia-input input:focus{border-color:#c81e1e;box-shadow:0 0 15px #c81e1e33}.mafia-input input:-webkit-autofill~.mafia-input__label,.mafia-input input:focus~.mafia-input__label,.mafia-input input:not(:placeholder-shown)~.mafia-input__label{background-color:#000;border-radius:4px;color:#c81e1e;margin:0 0 0 1.1em;padding:.2em .6em;transform:translateY(-50%) scale(.85)}.mafia-input input:focus~.mafia-input__label{color:#f33}.mafia-input__label{color:#ffffff80;font-size:16px;left:0;margin-left:.2em;padding:.85em 1em;pointer-events:none;position:absolute;top:0;transition:all .3s ease}.mafia-input__toggle{align-items:center;background:none;border:none;color:#fff6;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s ease}.mafia-input__toggle:hover{color:#c81e1e}.mafia-input__toggle svg{height:20px;width:20px}.mafia-input__error{color:#f44;font-size:12px;margin-top:4px;padding-left:1em}.mafia-btn{background:#0a0a0a;border:none;border-radius:20px;box-shadow:0 4px 20px #c81e1e26;color:#fff;cursor:pointer;display:inline-block;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:600;overflow:hidden;padding:0;position:relative;transition:all .3s ease-in-out;width:100%}.mafia-btn:hover{box-shadow:0 6px 30px #c81e1e4d;transform:scale(1.03)}.mafia-btn:active{transform:scale(.97)}.mafia-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.mafia-btn__glow{background:linear-gradient(135deg,#c81e1e,#8b0000,#f33,#c81e1e);background-size:300% 300%;border-radius:20px;inset:0;opacity:0;padding:2px;position:absolute;transition:opacity .5s ease;z-index:0}.mafia-btn:hover .mafia-btn__glow{animation:mafia-btn-glow 3s ease infinite;opacity:1}.mafia-btn__content{align-items:center;background:#0a0a0a;border-radius:20px;display:flex;gap:10px;justify-content:center;padding:.85em 2em;position:relative;transition:all .3s ease;z-index:1}.mafia-btn:hover .mafia-btn__content{background:#111}.mafia-btn__text{transition:all .5s ease}.mafia-btn:hover .mafia-btn__text{color:#f44;transform:translateX(3px)}.mafia-btn__icon{height:22px;transition:all .5s ease;width:22px}.mafia-btn__icon svg{height:100%;width:100%}.mafia-btn:hover .mafia-btn__icon{color:#f44;transform:translateX(3px)}.mafia-btn--loading .mafia-btn__content{gap:12px}.mafia-btn__spinner{animation:mafia-spin .6s linear infinite;border:2px solid #fff3;border-radius:50%;border-top-color:#c81e1e;height:18px;width:18px}@keyframes mafia-btn-glow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes mafia-spin{to{transform:rotate(1turn)}}.mafia-link-btn{background:none;border:none;color:#ffffff80;cursor:pointer;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:14px;padding:8px 0;text-decoration:none;transition:color .3s ease}.mafia-link-btn:hover{color:#f44}.mafia-link-btn span{color:#c81e1e;font-weight:600;margin-left:4px;transition:color .3s ease}.mafia-link-btn:hover span{color:#f55}.alert{border-radius:12px;font-size:13px;line-height:1.4;padding:12px 16px;text-align:center;transition:opacity .3s ease}.alert--compact{border-radius:10px;padding:8px 12px}.alert--dismissible{cursor:pointer}.alert--dismissible:hover{opacity:.75}.alert--error{background:#c81e1e1a;border:1px solid #c81e1e40;color:#f66}.alert--success{background:#22c55e14;border:1px solid #22c55e33;color:#22c55e}.alert--info{background:#ffffff0a;border:1px solid #ffffff1a;color:#ffffffa6}.alert--warning{background:#ffb43214;border:1px solid #ffb43233;color:#ffb432e6}.jp-matrix-container{background-color:#000;height:100%;left:0;mask-image:linear-gradient(90deg,#000 0,#000 10%,#0000 20%,#0000 80%,#000 90%,#000);-webkit-mask-image:linear-gradient(90deg,#000 0,#000 10%,#0000 20%,#0000 80%,#000 90%,#000);overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}@media(max-width:1023px){.jp-matrix-container{display:none}}.jp-matrix{align-content:center;color:#c81e1e66;display:grid;font-family:Courier New,Courier,monospace;font-size:32px;grid-auto-rows:40px;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));height:100%;justify-content:center;left:50%;min-height:1080px;min-width:1920px;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.jp-matrix>span{line-height:1;text-align:center;text-shadow:0 0 5px #c81e1e80;transition:color .5s,text-shadow .5s;-webkit-user-select:none;user-select:none}.jp-matrix>span:nth-child(19n+2){animation:mafia-pulse 3.5s ease-in-out .2s infinite}.jp-matrix>span:nth-child(29n+1){animation:mafia-pulse 4.1s ease-in-out .7s infinite}.jp-matrix>span:nth-child(11n){animation:mafia-pulse 2.9s ease-in-out 1.1s infinite;color:#ff3333b3}.jp-matrix>span:nth-child(37n+10){animation:mafia-pulse 5.3s ease-in-out 1.5s infinite}.jp-matrix>span:nth-child(41n+1){animation:mafia-pulse 3.9s ease-in-out .4s infinite}.jp-matrix>span:nth-child(17n+9){animation:mafia-pulse 2.8s ease-in-out .9s infinite}.jp-matrix>span:nth-child(23n+18){animation:mafia-pulse 4.3s ease-in-out 1.3s infinite}.jp-matrix>span:nth-child(31n+4){animation:mafia-pulse 5.6s ease-in-out .1s infinite}.jp-matrix>span:nth-child(43n+20){animation:mafia-pulse 3.6s ease-in-out 1.8s infinite}.jp-matrix>span:nth-child(13n+6){animation:mafia-pulse 3.2s ease-in-out 1.2s infinite}.jp-matrix>span:nth-child(53n+5){animation:mafia-pulse 4.9s ease-in-out .5s infinite}.jp-matrix>span:nth-child(47n+15){animation:mafia-pulse 5.9s ease-in-out 1s infinite}@keyframes mafia-pulse{0%,to{color:#c81e1e66;text-shadow:0 0 5px #c81e1e80}30%{color:#f33c;text-shadow:0 0 10px #f33c,0 0 15px #f33c}50%{color:#fff;text-shadow:0 0 10px #fff,0 0 15px #fff}70%{color:#8b0000cc;text-shadow:0 0 10px #8b0000cc,0 0 15px #8b0000cc,0 0 20px #8b0000cc}}.auth-page{-webkit-overflow-scrolling:touch;background-color:#000;min-height:100vh;min-height:100dvh;overflow-y:auto}.auth-page,.auth-page__content{align-items:center;display:flex;flex-direction:column;position:relative}.auth-page__content{background-color:#0000;max-width:600px;min-height:100vh;width:100%;z-index:1}.auth-page__hero{align-items:center;display:flex;flex-direction:column;flex-shrink:0;width:100%}.auth-page__hero-image{display:block;height:auto;object-fit:cover;width:100%}.auth-form-container{box-sizing:border-box;margin-top:20px;max-width:480px;padding:0 28px 40px;position:relative;width:100%;z-index:2}.auth-form{align-items:center;display:flex;flex-direction:column;width:100%}.auth-form__subtitle{color:#ffffff59;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:12px;font-style:italic;line-height:1.4;margin:12px 0 0;text-align:center}.auth-form__error{animation:auth-error-shake .4s ease;background:#c81e1e1a;border:1px solid #c81e1e4d;border-radius:12px;box-sizing:border-box;color:#f44;font-size:13px;margin-bottom:12px;padding:10px 16px;text-align:center;width:100%}.auth-form__actions{margin-top:8px;width:100%}.auth-form__toggle{margin-top:16px;text-align:center}@keyframes auth-error-shake{0%,to{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}.auth-form-enter{animation:auth-fade-in .35s ease forwards}@keyframes auth-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{align-items:flex-end;animation:modal-fade-in .25s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;display:flex;inset:0;justify-content:center;padding:0;position:fixed;z-index:1000}@media(min-width:600px){.modal-overlay{align-items:center;padding:20px}}.modal-content{animation:modal-slide-up .3s ease;background:#0b0c10;border:1px solid #c81e1e26;border-radius:24px 24px 0 0;box-shadow:0 -10px 40px #00000080;max-height:85vh;max-width:480px;overflow-y:auto;width:100%}@media(min-width:600px){.modal-content{animation:modal-scale-in .25s ease;border-radius:24px;box-shadow:0 20px 60px #00000080}}.modal-header{align-items:center;display:flex;justify-content:space-between;padding:20px 24px 0}.modal-title{color:#fff;font-size:18px;font-weight:600;margin:0}.modal-close{align-items:center;background:#ffffff0f;border:none;border-radius:50%;color:#ffffff80;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.modal-close:hover{background:#c81e1e33;color:#f44}.modal-close svg{height:18px;width:18px}.modal-body{padding:20px 24px 28px}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.mafia-slider{margin:8px 0;width:100%}.mafia-slider__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.mafia-slider__label{color:#ffffffb3;font-size:13px}.mafia-slider__value{font-feature-settings:"tnum";color:#c81e1e;font-size:13px;font-variant-numeric:tabular-nums;font-weight:600}.mafia-slider input[type=range]{appearance:none;background:linear-gradient(90deg,#c81e1e 0,#c81e1e 0,#ffffff1a 0,#ffffff1a);background:linear-gradient(to right,#c81e1e 0,#c81e1e var(--progress,0),#ffffff1a var(--progress,0),#ffffff1a 100%);border-radius:2px;cursor:pointer;height:4px;outline:none;width:100%}.mafia-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;box-shadow:0 0 8px #c81e1e66;cursor:pointer;height:20px;-webkit-transition:transform .15s ease;transition:transform .15s ease;width:20px}.mafia-slider input[type=range]::-webkit-slider-thumb:active{transform:scale(1.2)}.mafia-slider input[type=range]::-moz-range-thumb{background:#fff;border:none;border-radius:50%;box-shadow:0 0 8px #c81e1e66;cursor:pointer;height:20px;width:20px}.mafia-slider--disabled{opacity:.4;pointer-events:none}.mafia-stepper{align-items:center;display:flex;justify-content:space-between;width:100%}.mafia-stepper__label{color:#ffffffb3;font-size:14px}.mafia-stepper__controls{align-items:center;display:flex;gap:12px}.mafia-stepper__btn{align-items:center;background:#c81e1e14;border:1px solid #c81e1e4d;border-radius:50%;color:#c81e1e;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:all .25s ease;width:36px}.mafia-stepper__btn:hover:not(:disabled){background:#c81e1e33;border-color:#c81e1e;transform:scale(1.1)}.mafia-stepper__btn:active:not(:disabled){transform:scale(.95)}.mafia-stepper__btn:disabled{cursor:not-allowed;opacity:.3}.mafia-stepper__btn svg{height:16px;width:16px}.mafia-stepper__value{font-feature-settings:"tnum";color:#fff;font-size:18px;font-variant-numeric:tabular-nums;font-weight:700;min-width:32px;text-align:center}.mafia-stepper--disabled{opacity:.4;pointer-events:none}.settings-form{display:flex;flex-direction:column;gap:28px}.settings-form__section{display:flex;flex-direction:column;gap:16px}.settings-form__section-title{color:#ffffff80;font-size:14px;font-weight:600;letter-spacing:1px;margin:0 0 4px;text-transform:uppercase}.settings-form__civilians{align-items:center;background:#c81e1e0a;border:1px dashed #c81e1e26;border-radius:14px;display:flex;justify-content:space-between;margin-top:4px;padding:14px 16px}.settings-form__civilians-label{color:#ffffffb3;font-size:14px;font-weight:500}.settings-form__civilians-count{font-feature-settings:"tnum";color:#c81e1e;font-size:22px;font-variant-numeric:tabular-nums;font-weight:800;min-width:32px;text-align:center}.settings-form__hint{color:#c81e1e80;font-size:12px;font-style:italic;line-height:1.4;margin:0}.settings-form__roles-summary{display:flex;flex-wrap:wrap;gap:8px 16px;padding:8px 0 0}.settings-form__roles-summary span{color:#ffffff59;font-size:12px}.settings-form__roles-warning{color:#f44!important;font-weight:600;width:100%}.home-page{background-color:#000;flex-direction:column;margin:0 auto;max-width:600px;min-height:100vh;min-height:100dvh;position:relative}.home-header,.home-page{align-items:center;display:flex}.home-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;justify-content:space-between;padding:16px 20px;position:sticky;top:0;width:100%;z-index:10}.home-header__left{align-items:center;display:flex;gap:10px}.home-header__logo-btn{background:#0000;border:none;border-radius:10px;cursor:pointer;padding:0;transition:transform .2s ease,filter .2s ease}.home-header__logo-btn:hover{filter:drop-shadow(0 0 12px rgba(200,30,30,.5));transform:scale(1.05)}.home-header__logo-btn:active{transform:scale(.96)}.home-header__logo{border-radius:10px;display:block;height:40px;object-fit:contain;width:40px}.home-header__profile{align-items:center;background:#c81e1e0f;border:1.5px solid #c81e1e4d;border-radius:50%;color:#fff9;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:all .3s ease;width:40px}.home-header__profile:hover{background:#c81e1e26;border-color:#c81e1e;color:#f44}.home-header__profile svg{height:22px;width:22px}.home-main{display:flex;flex:1 1;flex-direction:column;padding:0 20px 40px;width:100%}.home-hero{border-radius:16px;margin-bottom:16px;overflow:hidden;position:relative;width:100%}.home-hero:after{background:linear-gradient(0deg,#000,#0000);bottom:0;height:80px}.home-hero:after,.home-hero:before{content:"";left:0;pointer-events:none;position:absolute;right:0}.home-hero:before{background:linear-gradient(180deg,#0006,#0000);height:40px;top:0;z-index:1}.home-hero__image{border-radius:16px;display:block;height:100%;object-fit:cover;width:100%}.home-actions{display:flex;flex-direction:column;gap:0;width:100%}.home-actions__spacer{height:12px}.home-test-lobby{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#140606d9;border:1px solid #c81e1e59;border-radius:50%;bottom:18px;box-shadow:0 4px 16px #00000080;color:#fff9;cursor:pointer;display:flex;height:44px;justify-content:center;padding:0;position:fixed;right:18px;transition:all .25s ease;width:44px;z-index:20}.home-test-lobby:hover:not(:disabled){border-color:#c81e1e;box-shadow:0 6px 22px #c81e1e59;color:#f66;transform:scale(1.08)}.home-test-lobby:active:not(:disabled){transform:scale(.94)}.home-test-lobby:disabled{cursor:progress;opacity:.6}.home-test-lobby svg{height:18px;width:18px}.home-test-lobby__spinner{animation:home-test-lobby-spin .8s linear infinite;border:2px solid #fff3;border-radius:50%;border-top-color:#f66;height:16px;width:16px}@keyframes home-test-lobby-spin{to{transform:rotate(1turn)}}.home-join-btn{background:#0a0a0a;border:none;border-radius:20px;box-shadow:0 4px 20px #ffffff0d;color:#fff;cursor:pointer;display:inline-block;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:600;overflow:hidden;padding:0;position:relative;transition:all .3s ease-in-out;width:100%}.home-join-btn:hover{box-shadow:0 6px 30px #ffffff1a;transform:scale(1.03)}.home-join-btn:active{transform:scale(.97)}.home-join-btn__glow{background:linear-gradient(135deg,#ffffff26,#c81e1e33,#ffffff1a);background-size:300% 300%;border-radius:20px;inset:0;opacity:0;padding:2px;position:absolute;transition:opacity .5s ease;z-index:0}.home-join-btn:hover .home-join-btn__glow{animation:join-btn-glow 3s ease infinite;opacity:1}.home-join-btn__content{align-items:center;background:#0a0a0a;border:1px solid #ffffff14;border-radius:20px;display:flex;gap:10px;justify-content:center;padding:.85em 2em;position:relative;transition:all .3s ease;z-index:1}.home-join-btn:hover .home-join-btn__content{background:#111;border-color:#ffffff26}.home-join-btn__text{transition:all .5s ease}.home-join-btn:hover .home-join-btn__text{color:#ffffffe6}@keyframes join-btn-glow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.join-modal__hint{color:#ffffff80;font-size:14px;line-height:1.4;margin:0 0 16px}.join-modal__field{margin-bottom:8px}.join-modal__actions{margin-top:16px}.create-modal{display:flex;flex-direction:column;gap:28px}.create-modal__section{display:flex;flex-direction:column;gap:16px}.create-modal__section-title{color:#ffffff80;font-size:14px;font-weight:600;letter-spacing:1px;margin:0 0 4px;text-transform:uppercase}.create-modal__civilians{align-items:center;background:#c81e1e0a;border:1px dashed #c81e1e26;border-radius:14px;display:flex;justify-content:space-between;margin-top:4px;padding:14px 16px}.create-modal__civilians-label{color:#ffffffb3;font-size:14px;font-weight:500}.create-modal__civilians-count{font-feature-settings:"tnum";color:#c81e1e;font-size:22px;font-variant-numeric:tabular-nums;font-weight:800;min-width:32px;text-align:center}.create-modal__error{background:#ff44441a;border-radius:8px;color:#f44;font-size:14px;padding:10px;text-align:center}.create-modal__actions{margin-top:8px}.pro-modal{gap:20px}.pro-modal,.pro-modal__benefits{display:flex;flex-direction:column}.pro-modal__benefits{background:#ffffff08;border-radius:12px;gap:12px;padding:16px}.pro-modal__benefit{align-items:center;display:flex;gap:12px}.pro-modal__benefit-icon{font-size:20px}.pro-modal__benefit-text{color:#fffc;font-size:15px;font-weight:500}.pro-modal__benefit--highlight .pro-modal__benefit-text{color:#f44;font-weight:600}.pro-modal__warning{background:#ffc8001a;border:1px solid #ffc8004d;border-radius:12px;padding:12px 16px}.pro-modal__warning p{color:#fd5;font-size:13px;line-height:1.4;margin:0;text-align:center}.pro-modal__error{background:#ff44441a;border-radius:8px;color:#f44;font-size:14px;padding:10px;text-align:center}.pro-modal__actions{display:flex;gap:12px;margin-top:8px}.pro-modal__actions button{flex:1 1}.curved-loop-jacket{align-items:center;display:flex;justify-content:center;overflow:hidden;position:relative;touch-action:pan-y;-webkit-user-select:none;user-select:none;width:100%}.curved-loop-jacket.curved-loop-jacket--tape{background:linear-gradient(180deg,#7a0d0d,#c81e1e 50%,#7a0d0d);box-shadow:0 0 30px #c81e1e73,inset 0 0 0 2px #00000059,inset 0 1px 0 #ff505080,inset 0 -1px 0 #0009;transform:rotate(-2deg)}.curved-loop-jacket.curved-loop-jacket--tape:before{background-image:repeating-linear-gradient(135deg,#0000,#0000 24px,#0000002e 0,#0000002e 26px);content:"";inset:0;pointer-events:none;position:absolute}.curved-loop-jacket.curved-loop-jacket--tape:after{background:linear-gradient(90deg,#000000d9,#0000 8%,#0000 92%,#000000d9);content:"";inset:0;pointer-events:none;position:absolute}.curved-loop-jacket.curved-loop-jacket--tape-alt{transform:rotate(2deg)}.curved-loop-svg{display:block;height:120px;overflow:visible;width:100%}.curved-loop-text{fill:#0a0000;stroke:#00000040;stroke-width:1px;font-size:56px;letter-spacing:.18em;paint-order:stroke fill}.curved-loop-text,.curved-loop-text--outline{font-family:Inter,Segoe UI,Roboto,sans-serif;font-weight:900;text-transform:uppercase}.curved-loop-text--outline{fill:#0000;stroke:#ff33338c;stroke-width:1.2px;font-size:88px;letter-spacing:.14em}.curved-loop-text--bold{fill:#0a0000;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:64px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.landing{-webkit-font-smoothing:antialiased;background:#060606;color:#fff;font-family:Onest,Manrope,Inter,Segoe UI,system-ui,sans-serif;min-height:100vh;overflow-x:hidden;position:relative;scroll-behavior:smooth}.landing *,.landing :after,.landing :before{box-sizing:border-box}.landing .landing-section{margin:0 auto;max-width:1280px;padding:120px 24px;position:relative}@media(max-width:768px){.landing .landing-section{padding:80px 20px}}.landing .landing-section__head{margin:0 auto 64px;max-width:760px;text-align:center}@media(max-width:768px){.landing .landing-section__head{margin-bottom:40px}}.landing .landing-section__head--split{grid-gap:40px;align-items:center;display:grid;gap:40px;grid-template-columns:1fr 1.25fr;max-width:1320px;text-align:left}@media(max-width:900px){.landing .landing-section__head--split{gap:32px;grid-template-columns:1fr}}.landing .landing-section__head--text-right.landing-section__head--split{grid-template-columns:1.25fr 1fr}@media(max-width:900px){.landing .landing-section__head--text-right.landing-section__head--split{grid-template-columns:1fr}}.landing .landing-section__head--text-left .landing-section__head-copy{text-align:left}.landing .landing-section__head--text-right .landing-section__head-copy{text-align:right}@media(max-width:900px){.landing .landing-section__head--text-right .landing-section__media{order:2}.landing .landing-section__head--text-right .landing-section__head-copy{order:1;text-align:left}}.landing .landing-section__head-copy .landing-section__sub{max-width:none}.landing .landing-section__media{aspect-ratio:3/4;overflow:visible;pointer-events:none;position:relative;width:100%}.landing .landing-section__media img{filter:none;height:100%;inset:0;-webkit-mask-image:radial-gradient(ellipse 65% 75% at 50% 50%,#000 0,#000 38%,#0009 65%,#0000 92%);mask-image:radial-gradient(ellipse 65% 75% at 50% 50%,#000 0,#000 38%,#0009 65%,#0000 92%);mix-blend-mode:lighten;object-fit:contain;position:absolute;transform:scale(1.18);transform-origin:center;width:100%}.landing .landing-section__media:not(:has(img)){aspect-ratio:4/3;background:radial-gradient(circle at 30% 30%,#ff333338 0,#0000 55%),radial-gradient(circle at 70% 70%,#8b00004d 0,#0000 60%),radial-gradient(circle at 50% 50%,#c81e1e1a 0,#0000 70%);-webkit-mask-image:radial-gradient(ellipse at center,#000 45%,#0000 92%);mask-image:radial-gradient(ellipse at center,#000 45%,#0000 92%);overflow:hidden}.landing .landing-section__media--compact{aspect-ratio:1/1;margin-left:auto;max-width:540px}.landing .landing-section__media--compact img{transform:scale(1.05)}@media(max-width:900px){.landing .landing-section__media{aspect-ratio:4/5;margin:0 auto;max-width:460px}.landing .landing-section__media img{transform:scale(1.05)}}.landing-accent--red{color:#f33}.landing-accent--gradient{background:linear-gradient(90deg,#fff,#f33);-webkit-background-clip:text;background-clip:text;color:#0000}.landing-accent--red-deep{background:linear-gradient(135deg,#f33,#8b0000 80%);-webkit-background-clip:text;background-clip:text;color:#0000}.landing-section__kicker{background:none;border:none;color:#fff;display:block;font-family:Onest,Manrope,Inter,Segoe UI,system-ui,sans-serif;font-size:clamp(56px,7.4vw,108px);font-weight:600;letter-spacing:-.035em;line-height:1.02;margin:0 0 24px;padding:0;text-shadow:none;text-transform:none}.landing-section__kicker--left{text-align:left}.landing-section__kicker--red{background:linear-gradient(120deg,#fff,#fff 45%,#f33);-webkit-background-clip:text;background-clip:text;color:#0000}.landing-section__title{-webkit-text-stroke:0;background:none;color:#ffffffd1;font-family:Onest,Manrope,Inter,Segoe UI,system-ui,sans-serif;font-size:clamp(24px,2.6vw,36px);font-weight:400;letter-spacing:-.005em;line-height:1.3;margin:0 0 14px;text-shadow:none;text-transform:none}.landing-section__title--left{text-align:left}.landing-section__title--center{text-align:center}.landing-section__title--gradient span{background:linear-gradient(90deg,#fff,#f33);-webkit-background-clip:text;background-clip:text;color:#0000}.landing-section__sub{color:#ffffff9e;font-size:clamp(17px,1.5vw,20px);font-weight:300;line-height:1.55;margin:0;max-width:640px}.landing-section__head .landing-section__sub{margin-left:auto;margin-right:auto}.landing-btn{align-items:center;border:none;border-radius:999px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:15px;font-weight:700;gap:10px;letter-spacing:.01em;padding:14px 26px;position:relative;text-decoration:none;transition:transform .25s ease,box-shadow .35s ease,background .3s ease,color .3s ease,border-color .3s ease;white-space:nowrap}.landing-btn svg{height:16px;transition:transform .3s ease;width:16px}.landing-btn:hover{transform:translateY(-2px)}.landing-btn:hover svg{transform:translateX(4px)}.landing-btn--primary{backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);background:#c81e1e8c;border:1px solid #ff5a5a59;box-shadow:0 6px 18px #c81e1e33,inset 0 1px 0 #ffffff24,inset 0 -1px 0 #ff33331a;color:#fff}.landing-btn--primary:hover{background:#d92828a6;border-color:#ff787880;box-shadow:0 8px 22px #c81e1e4d,inset 0 1px 0 #fff3,inset 0 -1px 0 #ff33332e}.landing-btn--primary:active{background:#a51616b3;transform:translateY(0)}.landing-btn--ghost{backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);background:#0e08088c;border:1px solid #ffffff14;box-shadow:0 6px 18px #00000040,inset 0 1px 0 #ffffff0f;color:#fff}.landing-btn--ghost:hover{background:#140e0eb3;border-color:#ffffff29}.landing-btn--large{font-size:17px;padding:18px 34px}.landing-btn--small{font-size:13.5px;padding:10px 18px}.landing-nav{margin:16px auto 0;max-width:1312px;padding:0 16px;position:relative;width:100%;z-index:5}.landing-nav--glass .landing-nav__inner{backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);background:#0e08088c;border:1px solid #ffffff14;box-shadow:0 8px 30px #00000073,inset 0 1px 0 #ffffff0f,inset 0 -1px 0 #ff333314}.landing-nav__inner{align-items:center;border-radius:999px;display:flex;gap:32px;padding:12px 18px 12px 22px}@media(max-width:768px){.landing-nav__inner{gap:12px;padding:10px 12px 10px 16px}}.landing-nav__logo{align-items:center;color:#fff;display:inline-flex;flex-shrink:0;font-size:17px;font-weight:800;gap:10px;letter-spacing:-.01em;text-decoration:none}.landing-nav__logo-img{background:#ffffffeb;border-radius:50%;box-shadow:0 0 14px #ff333373;height:28px;object-fit:contain;padding:2px;width:28px}@media(max-width:480px){.landing-nav__logo-text{display:none}}.landing-nav__logo-dot{animation:ml-pulse 2.4s ease-in-out infinite;background:#f33;border-radius:50%;box-shadow:0 0 14px #f33;height:10px;width:10px}.landing-nav__links{align-items:center;display:flex;flex:1 1;gap:26px;justify-content:center}.landing-nav__links a,.landing-nav__links button{background:none;border:none;color:#ffffff9e;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:6px 2px;text-decoration:none;transition:color .2s ease}.landing-nav__links a:hover,.landing-nav__links button:hover{color:#fff}@media(max-width:900px){.landing-nav__links{display:none}}.landing-nav__actions{align-items:center;display:flex;gap:10px;margin-left:auto}.landing-hero{align-items:center;display:flex;min-height:calc(100vh - 100px);overflow:hidden;padding:60px 24px 80px;position:relative}.landing-hero__bg{inset:0;pointer-events:none;position:absolute;z-index:0}.landing-hero__grid{background-image:linear-gradient(#ffffff0a 1px,#0000 0),linear-gradient(90deg,#ffffff0a 1px,#0000 0);background-size:56px 56px;inset:0;mask-image:radial-gradient(ellipse at 50% 30%,#000 35%,#0000 75%);-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 35%,#0000 75%);position:absolute}.landing-hero__noise{background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%27200%27 height=%27200%27><filter id=%27n%27><feTurbulence type=%27fractalNoise%27 baseFrequency=%270.9%27 numOctaves=%272%27/></filter><rect width=%27100%25%27 height=%27100%25%27 filter=%27url%28%23n%29%27 opacity=%270.5%27/></svg>");inset:0;mix-blend-mode:overlay;opacity:.04;position:absolute}.landing-hero__orb{border-radius:50%;filter:blur(80px);position:absolute}.landing-hero__orb--red{background:radial-gradient(circle,#c81e1e 0,#0000 70%);height:520px;left:-120px;opacity:.55;top:8%;width:520px}.landing-hero__orb--dark{background:radial-gradient(circle,#8b0000 0,#0000 70%);bottom:-10%;height:620px;opacity:.6;right:-160px;width:620px}.landing-hero__inner{margin:0 auto;max-width:1280px;position:relative;width:100%;z-index:1}.landing-hero__eyebrow{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff24;border-radius:999px;color:#ffffff9e;display:inline-flex;font-size:13px;font-weight:500;gap:10px;letter-spacing:.04em;margin-bottom:28px;padding:8px 16px}.landing-hero__pulse{animation:ml-pulse 1.8s ease-in-out infinite;background:#f33;border-radius:50%;box-shadow:0 0 12px #f33;height:8px;width:8px}.landing-hero__title{font-size:clamp(56px,10vw,150px);font-weight:600;letter-spacing:-.045em;line-height:.96;margin:0 0 32px}.landing-hero__title span{display:block}.landing-hero__title-line--accent{background:linear-gradient(135deg,#f33,#8b0000 80%);-webkit-background-clip:text;background-clip:text;color:#0000}.landing-hero__lead{color:#ffffff9e;font-size:clamp(18px,1.7vw,22px);font-weight:300;line-height:1.55;margin:0 0 40px;max-width:660px}.landing-hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:80px}@media(max-width:768px){.landing-hero__cta{margin-bottom:60px}}.landing-hero__stats{display:flex;flex-wrap:wrap;gap:56px}@media(max-width:768px){.landing-hero__stats{gap:28px}}.landing-hero__stat{display:flex;flex-direction:column;gap:4px}.landing-hero__stat-value{background:linear-gradient(135deg,#fff 30%,#fff6);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:clamp(28px,3.6vw,44px);font-weight:800;line-height:1}.landing-hero__stat-label{color:#ffffff6b;font-size:13px;letter-spacing:.02em}.landing-hero__scroll-hint{border:1.5px solid #ffffff40;border-radius:12px;bottom:28px;height:36px;left:50%;position:absolute;transform:translateX(-50%);width:22px;z-index:1}.landing-hero__scroll-hint span{animation:ml-scroll-hint 1.6s ease-in-out infinite;background:#f33;border-radius:2px;height:8px;left:50%;position:absolute;top:6px;transform:translateX(-50%);width:3px}@media(max-width:768px){.landing-hero__scroll-hint{display:none}}.landing-features__grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}@media(max-width:1024px){.landing-features__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.landing-features__grid{grid-template-columns:1fr}}.landing-feature{background:linear-gradient(180deg,#111,#161616);border:1px solid #ffffff14;border-radius:24px;overflow:hidden;padding:36px 28px;position:relative;transition:transform .4s ease,border-color .4s ease,background .4s ease}.landing-feature:before{background:linear-gradient(90deg,#0000,#ff333373,#0000);content:"";height:1px;left:30px;opacity:0;position:absolute;right:30px;top:-1px;transition:opacity .4s ease}.landing-feature:hover{background:linear-gradient(180deg,#111,#1a1010);border-color:#ff333340;transform:translateY(-6px)}.landing-feature:hover:before{opacity:1}.landing-feature:hover .landing-feature__icon{border-color:#f336;box-shadow:0 0 30px #ff333340;color:#f33}.landing-feature__icon{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;color:#fff;display:flex;height:52px;justify-content:center;margin-bottom:22px;transition:all .4s ease;width:52px}.landing-feature__icon svg{height:26px;width:26px}.landing-feature__title{font-size:20px;font-weight:700;letter-spacing:-.01em;margin:0 0 10px}.landing-feature__text{color:#ffffff9e;font-size:14px;line-height:1.6;margin:0}.landing-narrator__inner{grid-gap:64px;align-items:center;display:grid;gap:64px;grid-template-columns:1fr 1fr}@media(max-width:960px){.landing-narrator__inner{gap:40px;grid-template-columns:1fr}}.landing-narrator__lead{color:#ffffff9e;font-size:clamp(17px,1.4vw,19px);font-weight:300;line-height:1.65;margin:0 0 28px;max-width:520px}.landing-narrator__list{display:flex;flex-direction:column;gap:14px;list-style:none;margin:0;padding:0}.landing-narrator__list li{align-items:flex-start;color:#fff;display:flex;font-size:15px;gap:12px;line-height:1.5}.landing-narrator__dot{background:#f33;border-radius:50%;box-shadow:0 0 10px #f33;flex-shrink:0;height:7px;margin-top:8px;width:7px}.landing-narrator__visual{position:relative}.landing-narrator__panel{background:linear-gradient(160deg,#111,#0a0a0a);border:1px solid #ffffff24;border-radius:24px;box-shadow:0 30px 80px #0009,0 0 0 1px #ff33330d,0 0 60px -10px #ff333340;overflow:hidden;padding:28px;position:relative}.landing-narrator__panel:before{background:linear-gradient(90deg,#0000,#f339,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.landing-narrator__panel-head{align-items:center;color:#ffffff9e;display:flex;font-size:13px;gap:10px;letter-spacing:.04em;margin-bottom:24px}.landing-narrator__panel-dot{animation:ml-pulse 1.8s ease-in-out infinite;background:#f33;border-radius:50%;box-shadow:0 0 8px #f33;height:8px;width:8px}.landing-narrator__panel-foot{align-items:center;display:flex;justify-content:space-between;margin-top:24px}.landing-narrator__panel-time{color:#ffffff6b;font-family:JetBrains Mono,monospace;font-size:13px;letter-spacing:.04em}.landing-narrator__quote{color:#fff;font-size:clamp(20px,2.4vw,26px);font-style:italic;font-weight:500;letter-spacing:-.01em;line-height:1.4}.landing-narrator__wave{align-items:flex-end;display:flex;gap:3px;height:28px}.landing-narrator__wave span{animation:ml-wave 1.2s ease-in-out infinite;background:#f33;border-radius:2px;display:inline-block;width:3px}.landing-scenarios__grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.landing-scenarios__grid{grid-template-columns:1fr}}.landing-scenario{--accent:#c81e1e;background:linear-gradient(160deg,#111,#0a0a0a);border:1px solid #ffffff14;border-radius:24px;min-height:220px;overflow:hidden;padding:36px 32px 40px;position:relative;transition:transform .4s ease,border-color .4s ease}.landing-scenario:hover{border-color:color-mix(in srgb,var(--accent),#fff 0);transform:translateY(-6px)}.landing-scenario:hover .landing-scenario__glow{opacity:.85}.landing-scenario__tag{background:color-mix(in srgb,var(--accent) 12%,#0000);border:1px solid color-mix(in srgb,var(--accent) 35%,#0000);border-radius:999px;color:var(--accent);display:inline-block;font-size:11px;font-weight:700;letter-spacing:.12em;margin-bottom:16px;padding:4px 12px;text-transform:uppercase}.landing-scenario__title{font-size:26px;font-weight:800;letter-spacing:-.01em;margin:0 0 12px;position:relative;z-index:1}.landing-scenario__text{color:#ffffff9e;font-size:15px;line-height:1.6;margin:0;position:relative;z-index:1}.landing-scenario__glow{background:radial-gradient(circle,var(--accent) 0,#0000 70%);border-radius:50%;bottom:-120px;filter:blur(60px);height:280px;opacity:.35;pointer-events:none;position:absolute;right:-80px;transition:opacity .5s ease;width:280px}.landing-how__steps{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);position:relative}@media(max-width:900px){.landing-how__steps{grid-template-columns:1fr}}.landing-step{background:linear-gradient(180deg,#111,#0a0a0a);border:1px solid #ffffff14;border-radius:24px;padding:40px 28px;position:relative;transition:border-color .4s ease,transform .4s ease}.landing-step:hover{border-color:#f333;transform:translateY(-4px)}.landing-step__num{background:linear-gradient(135deg,#f33,#8b0000);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:64px;font-weight:900;letter-spacing:-.04em;line-height:1;margin-bottom:16px}.landing-step__title{font-size:22px;font-weight:700;letter-spacing:-.01em;margin:0 0 10px}.landing-step__text{color:#ffffff9e;font-size:15px;line-height:1.6;margin:0}.landing-pricing-teaser{padding-bottom:50px}.landing-pricing-teaser .landing-section__sub{margin-bottom:36px}.landing-pricing-teaser__cta{display:inline-flex}@media(max-width:900px){.landing-pricing-teaser .landing-section__sub{margin-bottom:28px}}.landing-faq{padding-top:50px!important}.landing-faq__list{display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:820px}.landing-faq__item{background:#111;border:1px solid #ffffff14;border-radius:16px;overflow:hidden;transition:border-color .3s ease,background .3s ease}.landing-faq__item--open{background:linear-gradient(180deg,#111,#1a0e0e);border-color:#ff333340}.landing-faq__q{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:17px;font-weight:600;gap:16px;justify-content:space-between;padding:22px 24px;text-align:left;transition:color .2s ease;width:100%}.landing-faq__q:hover{color:#f33}.landing-faq__plus{flex-shrink:0;height:16px;position:relative;width:16px}.landing-faq__plus span{background:currentColor;border-radius:2px;height:2px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .3s ease;width:14px}.landing-faq__plus span:nth-child(2){transform:translate(-50%,-50%) rotate(90deg)}.landing-faq__item--open .landing-faq__plus span:nth-child(2){transform:translate(-50%,-50%) rotate(0deg)}.landing-faq__a-wrap{max-height:0;overflow:hidden;transition:max-height .4s ease}.landing-faq__item--open .landing-faq__a-wrap{max-height:400px}.landing-faq__a{color:#ffffff9e;font-size:15px;line-height:1.65;margin:0;padding:0 24px 24px}.landing-cta{overflow:hidden;position:relative}.landing-cta__bg{background:linear-gradient(135deg,#18090a,#0a0a0a 50%,#1a0606);border:1px solid #ff33332e;border-radius:24px;inset:24px;overflow:hidden;position:absolute}.landing-cta__bg:after,.landing-cta__bg:before{border-radius:50%;content:"";filter:blur(80px);pointer-events:none;position:absolute}.landing-cta__bg:before{background:radial-gradient(circle,#c81e1e 0,#0000 70%);height:480px;left:-120px;opacity:.5;top:-160px;width:480px}.landing-cta__bg:after{background:radial-gradient(circle,#8b0000 0,#0000 70%);bottom:-180px;height:520px;opacity:.5;right:-120px;width:520px}.landing-cta__inner{padding:80px 24px;position:relative;text-align:center;z-index:1}.landing-cta__title{font-size:clamp(34px,5.5vw,64px);font-weight:900;letter-spacing:-.03em;line-height:1.05;margin:0 0 16px}.landing-cta__text{color:#ffffff9e;font-size:clamp(15px,1.4vw,18px);margin:0 0 32px}.landing-footer{background:#060606;border-top:1px solid #ffffff14;padding:40px 24px 60px}.landing-footer__inner{grid-gap:16px 32px;align-items:center;display:grid;gap:16px 32px;grid-template-areas:"brand links" "copy copy";grid-template-columns:auto 1fr;grid-template-rows:auto auto;margin:0 auto;max-width:1280px}@media(max-width:768px){.landing-footer__inner{grid-template-areas:"brand" "links" "copy";grid-template-columns:1fr;text-align:center}}.landing-footer__brand{align-items:center;color:#fff;display:flex;font-size:15px;gap:10px;grid-area:brand}@media(max-width:768px){.landing-footer__brand{justify-content:center}}.landing-footer__logo{background:#fffffff2;border-radius:50%;box-shadow:0 0 12px #ff333359;height:26px;object-fit:contain;padding:2px;width:26px}.landing-footer__tag{color:#ffffff6b;font-size:13px;margin-left:4px}.landing-footer__links{display:flex;flex-wrap:wrap;gap:24px;grid-area:links;justify-content:flex-end}@media(max-width:768px){.landing-footer__links{justify-content:center}}.landing-footer__links a,.landing-footer__links button{background:none;border:none;color:#ffffff9e;cursor:pointer;font-family:inherit;font-size:14px;text-decoration:none;transition:color .2s ease}.landing-footer__links a:hover,.landing-footer__links button:hover{color:#f33}.landing-footer__copy{border-top:1px solid #ffffff14;color:#ffffff6b;font-size:13px;grid-area:copy;padding-top:16px}@keyframes ml-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}@keyframes ml-scroll-hint{0%{opacity:1;transform:translate(-50%)}60%{opacity:0;transform:translate(-50%,14px)}to{opacity:0;transform:translate(-50%,14px)}}@keyframes ml-wave{0%,to{height:4px;opacity:.4}50%{height:24px;opacity:1}}.landing-gap-tape{align-items:center;display:flex;justify-content:center;margin:-10px -5%;overflow:visible;padding:16px 0;pointer-events:none;position:relative;width:110%;z-index:0}.landing-gap-tape .curved-loop-jacket{background:#0000;box-shadow:none;overflow:visible;width:100%}.landing-gap-tape .curved-loop-jacket:after,.landing-gap-tape .curved-loop-jacket:before{display:none}.landing-gap-tape .curved-loop-svg{display:block;height:220px;overflow:visible;width:100%}.landing-gap-tape .curved-loop-text--outline{fill:#0000;stroke:#ff3c3c8c;stroke-width:1.6px;font-size:clamp(96px,12vw,170px);font-weight:900;letter-spacing:.14em;paint-order:stroke}.landing-gap-tape--hero-cta{bottom:110px;height:auto;left:-6%;margin:0;opacity:.55;padding:0;position:absolute;right:-6%;width:112%;z-index:0}.landing-gap-tape--hero-cta .curved-loop-svg{height:160px}.landing-gap-tape--hero-cta .curved-loop-text--outline{stroke:#ff3c3c73;stroke-width:1.2px;font-size:clamp(56px,6.5vw,96px);letter-spacing:.18em}@media(max-width:768px){.landing-gap-tape--hero-cta{bottom:140px}.landing-gap-tape--hero-cta .curved-loop-svg{height:120px}.landing-gap-tape--hero-cta .curved-loop-text--outline{font-size:52px}}.landing-section{position:relative}.landing-feature,.landing-scenario,.landing-step{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.landing-narrator__panel{backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}.pricing-page{-webkit-font-smoothing:antialiased;background:#060606;color:#fff;font-family:Inter,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden}.pricing-page *,.pricing-page :after,.pricing-page :before{box-sizing:border-box}.pricing-nav{background:#0000;border:none;margin:16px auto 0;max-width:1312px;padding:0 16px;position:relative;width:100%;z-index:50}.pricing-nav__inner{align-items:center;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);background:#0e08088c;border:1px solid #ffffff14;border-radius:999px;box-shadow:0 8px 30px #00000073,inset 0 1px 0 #ffffff0f,inset 0 -1px 0 #ff333314;display:flex;gap:16px;padding:12px 18px 12px 22px}@media(max-width:768px){.pricing-nav__inner{gap:12px;padding:10px 12px 10px 16px}}.pricing-nav__logo{align-items:center;color:#fff;display:inline-flex;flex-shrink:0;font-size:17px;font-weight:800;gap:10px;letter-spacing:-.01em;text-decoration:none}.pricing-nav__logo-dot{background:#f33;border-radius:50%;box-shadow:0 0 14px #f33;height:10px;width:10px}.pricing-nav__actions{align-items:center;display:flex;gap:12px;margin-left:auto}.pricing-nav__back{color:#ffffff9e;font-size:14px;text-decoration:none;transition:color .2s ease}.pricing-nav__back:hover{color:#fff}.pricing-nav__cta{align-items:center;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);background:#c81e1e8c;border:1px solid #ff5a5a59;border-radius:999px;box-shadow:0 6px 18px #c81e1e33,inset 0 1px 0 #ffffff24,inset 0 -1px 0 #ff33331a;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13.5px;font-weight:700;gap:10px;letter-spacing:.01em;padding:10px 18px;position:relative;transition:transform .25s ease,background .3s ease,border-color .3s ease,box-shadow .35s ease}.pricing-nav__cta:hover{background:#d92828a6;border-color:#ff787880;box-shadow:0 8px 22px #c81e1e4d,inset 0 1px 0 #fff3,inset 0 -1px 0 #ff33332e;transform:translateY(-2px)}.pricing-nav__cta:active{background:#a51616b3;transform:translateY(0)}.pricing-header{overflow:hidden;padding:100px 24px 60px;position:relative;text-align:center}.pricing-header__bg{inset:0;pointer-events:none;position:absolute}.pricing-header__orb{background:radial-gradient(circle,#c81e1e 0,#0000 60%);border-radius:50%;filter:blur(120px);height:720px;left:50%;opacity:.35;position:absolute;top:-200px;transform:translateX(-50%);width:720px}.pricing-header__inner{margin:0 auto;max-width:760px;position:relative;z-index:1}.pricing-header__kicker{background:#c81e1e14;border:1px solid #ff33334d;border-radius:999px;color:#f33;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.18em;margin-bottom:24px;padding:6px 14px;text-transform:uppercase}.pricing-header__title{font-size:clamp(36px,6vw,68px);font-weight:900;letter-spacing:-.03em;line-height:1.05;margin:0 0 20px}.pricing-header__title-accent{background:linear-gradient(135deg,#f33,#8b0000 80%);-webkit-background-clip:text;background-clip:text;color:#0000}.pricing-header__sub{color:#ffffff9e;font-size:clamp(15px,1.4vw,18px);line-height:1.6;margin:0 0 36px}.pricing-toggle{background:#111;border:1px solid #ffffff24;border-radius:999px;display:inline-flex;gap:4px;padding:4px}.pricing-toggle__btn{align-items:center;background:none;border:none;border-radius:999px;color:#ffffff9e;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;padding:10px 22px;transition:background .25s ease,color .25s ease}.pricing-toggle__btn--active{background:#fff;color:#060606}.pricing-toggle__save{background:#ff33332e;border-radius:999px;color:#f33;font-size:11px;font-weight:700;padding:2px 8px}.pricing-toggle__btn--active .pricing-toggle__save{background:#00000026;color:#060606}.pricing-plans{margin:0 auto;max-width:1280px;padding:0 24px 80px}.pricing-plans__grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}@media(max-width:960px){.pricing-plans__grid{grid-template-columns:1fr}}.pricing-plan{background:linear-gradient(180deg,#111,#0a0a0a);border:1px solid #ffffff14;border-radius:24px;display:flex;flex-direction:column;padding:36px 28px;position:relative;transition:transform .4s ease,border-color .4s ease}.pricing-plan:hover{border-color:#ffffff24;transform:translateY(-4px)}.pricing-plan--highlighted{background:linear-gradient(180deg,#1a0e0e,#100808);border-color:#ff333359;box-shadow:0 30px 80px -20px #c81e1e66,0 0 0 1px #ff33331a}.pricing-plan--highlighted:before{background:linear-gradient(135deg,#ff333380,#0000 50%);border-radius:24px;content:"";inset:-1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute}.pricing-plan__badge{background:linear-gradient(135deg,#c81e1e,#8b0000);border-radius:999px;box-shadow:0 8px 20px #c81e1e80;color:#fff;font-size:11px;font-weight:700;left:50%;letter-spacing:.16em;padding:6px 14px;position:absolute;text-transform:uppercase;top:-12px;transform:translateX(-50%)}.pricing-plan__head{margin-bottom:24px}.pricing-plan__name{font-size:26px;font-weight:800;letter-spacing:-.01em;margin:0 0 6px}.pricing-plan__tag{color:#ffffff9e;font-size:14px;margin:0}.pricing-plan__price{align-items:baseline;border-bottom:1px solid #ffffff14;display:flex;gap:10px;margin-bottom:28px;padding-bottom:28px}.pricing-plan__price-value{font-size:44px;font-weight:900;letter-spacing:-.03em;line-height:1}.pricing-plan__price-period{color:#ffffff6b;font-size:14px}.pricing-plan__cta{background:#ffffff0a;border:1px solid #ffffff24;border-radius:999px;color:#fff;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;margin-bottom:28px;padding:14px 22px;transition:all .25s ease;width:100%}.pricing-plan__cta:hover{background:#ffffff14;border-color:#ffffff40;transform:translateY(-1px)}.pricing-plan__cta--primary{background:#c81e1e;border:1px solid #ff5a5a59;box-shadow:0 6px 18px #c81e1e47,inset 0 1px 0 #ffffff1f;color:#fff;position:relative;transition:transform .25s ease,background .25s ease,box-shadow .3s ease,border-color .25s ease}.pricing-plan__cta--primary:hover{background:#d92828;border-color:#ff787880;box-shadow:0 8px 22px #c81e1e66,inset 0 1px 0 #ffffff2e;transform:translateY(-2px)}.pricing-plan__cta--primary:active{background:#a51616;transform:translateY(0)}.pricing-plan__cta--primary{border:none;border-radius:999px;cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;padding:14px 22px}.pricing-plan__features{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.pricing-plan__features li{align-items:flex-start;color:#fff;display:flex;font-size:14px;gap:10px;line-height:1.5}.pricing-plan__features li svg{color:#f33;flex-shrink:0;height:16px;margin-top:4px;width:16px}.pricing-plan__features li span{color:#ffffffdb}.pricing-compare{margin:0 auto;max-width:1080px;padding:80px 24px}.pricing-compare__title{font-size:clamp(26px,3vw,36px);font-weight:800;letter-spacing:-.02em;margin:0 0 32px;text-align:center}.pricing-compare__table-wrap{background:#111;border:1px solid #ffffff14;border-radius:20px;overflow-x:auto}.pricing-compare__table{border-collapse:collapse;font-size:15px;min-width:600px;width:100%}.pricing-compare__table td,.pricing-compare__table th{border-bottom:1px solid #ffffff14;padding:18px 20px;text-align:left}.pricing-compare__table th{background:#ffffff05;color:#fff;font-weight:700;letter-spacing:.02em}.pricing-compare__table th:not(:first-child){text-align:center}.pricing-compare__table td{color:#ffffff9e}.pricing-compare__table td:first-child{color:#fff;font-weight:500}.pricing-compare__table td:not(:first-child){text-align:center}.pricing-compare__table tr:last-child td{border-bottom:none}.pricing-faq{margin:0 auto;max-width:1080px;padding:60px 24px}.pricing-faq__title{font-size:clamp(26px,3vw,36px);font-weight:800;letter-spacing:-.02em;margin:0 0 32px;text-align:center}.pricing-faq__grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}@media(max-width:720px){.pricing-faq__grid{grid-template-columns:1fr}}.pricing-faq__item{background:#111;border:1px solid #ffffff14;border-radius:16px;padding:24px}.pricing-faq__item h3{font-size:17px;font-weight:700;margin:0 0 8px}.pricing-faq__item p{color:#ffffff9e;font-size:14px;line-height:1.6;margin:0}.pricing-cta{margin:0 auto;max-width:1080px;padding:80px 24px 100px}.pricing-cta__inner{background:linear-gradient(135deg,#18090a,#0a0a0a 50%,#1a0606);border:1px solid #ff33332e;border-radius:24px;overflow:hidden;padding:64px 24px;position:relative;text-align:center}.pricing-cta__inner:before{background:radial-gradient(circle,#c81e1e 0,#0000 70%);border-radius:50%;content:"";filter:blur(90px);height:400px;left:-120px;opacity:.5;pointer-events:none;position:absolute;top:-180px;width:400px}.pricing-cta__title{font-size:clamp(28px,4vw,44px);font-weight:900;letter-spacing:-.02em;margin:0 0 12px;position:relative;z-index:1}.pricing-cta__text{color:#ffffff9e;font-size:16px;margin:0 0 28px;position:relative;z-index:1}.pricing-cta__btn{background:#c81e1e;border:1px solid #ff5a5a59;box-shadow:0 6px 18px #c81e1e47,inset 0 1px 0 #ffffff1f;color:#fff;transition:transform .25s ease,background .25s ease,box-shadow .3s ease,border-color .25s ease}.pricing-cta__btn:hover{background:#d92828;border-color:#ff787880;box-shadow:0 8px 22px #c81e1e66,inset 0 1px 0 #ffffff2e;transform:translateY(-2px)}.pricing-cta__btn:active{background:#a51616;transform:translateY(0)}.pricing-cta__btn{align-items:center;border-radius:999px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:16px;font-weight:700;gap:10px;padding:16px 28px;position:relative;z-index:1}.pricing-cta__btn:hover svg{transform:translateX(4px)}.pricing-cta__btn svg{height:16px;position:relative;transition:transform .3s ease;width:16px;z-index:1}.loading{align-items:center;display:flex;justify-content:center}.loading svg polyline{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.loading svg polyline#back{fill:none;stroke:#ffffff1a}.loading svg polyline#front{fill:none;stroke:red;stroke-dasharray:48,144;stroke-dashoffset:192;animation:dash_682 1.4s linear infinite}@keyframes dash_682{72.5%{opacity:0}to{stroke-dashoffset:0}}.waiting-block{align-items:center;display:flex;gap:12px;justify-content:center}.waiting-block--column{flex-direction:column;padding:24px 0}.waiting-block--row{flex-direction:row;gap:10px}.waiting-block__text{color:#fff6;font-size:14px;line-height:1.4;margin:0;text-align:center}.icon-btn{align-items:center;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:0;transition:all .3s ease}.icon-btn svg{height:50%;width:50%}.icon-btn--circle{background:#ffffff0a;border:1px solid #ffffff14;color:#ffffffb3}.icon-btn--circle:hover:not(:disabled){background:#c81e1e1a;border-color:#c81e1e66;color:#f44}.icon-btn--ghost{background:#0000;border:none;color:#ffffff73}.icon-btn--ghost:hover:not(:disabled){color:#ffffffd9}.icon-btn:disabled{cursor:not-allowed;opacity:.4}.page-header{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:16px 20px;z-index:10}.page-header--sticky{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;position:sticky;top:0}.page-header__title{color:#fff;flex:1 1;font-size:18px;font-weight:700;margin:0;text-align:center}.page-header__right{align-items:center;display:flex;gap:10px;justify-content:flex-end;min-width:40px}.page-header__spacer{display:block;width:40px}.code-card{align-items:center;background:linear-gradient(135deg,#c81e1e14,#c81e1e05);border:1px solid #c81e1e26;border-radius:20px;color:inherit;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;padding:24px;transition:all .3s ease;width:100%}.code-card:hover{border-color:#c81e1e4d;box-shadow:0 0 20px #c81e1e1a}.code-card:active{transform:scale(.98)}.code-card__label{color:#fff6;font-size:12px;letter-spacing:1.5px;margin-bottom:8px;text-transform:uppercase}.code-card__code{font-feature-settings:"tnum";color:#fff;font-size:36px;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:6px}.code-card__hint{color:#c81e1e99;font-size:12px;margin-top:8px;transition:color .3s ease}.dev-player-pill{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(180deg,#191919f0,#080808fa);border:1px solid #ffffff14;border-radius:20px;box-shadow:0 16px 36px #00000052;max-width:250px;min-width:208px;padding:10px}.dev-player-pill__header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.dev-player-pill__title{color:#ffffff85;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.dev-player-pill__add{background:#c81e1e24;border:none;border-radius:999px;color:#ff7a7a;cursor:pointer;font-size:12px;font-weight:700;padding:6px 10px}.dev-player-pill__add:disabled{cursor:default;opacity:.55}.dev-player-pill__list{display:flex;flex-direction:column;gap:6px}.dev-player-pill__player{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;color:#fff;cursor:pointer;display:flex;gap:10px;justify-content:space-between;padding:8px 10px;text-align:left;transition:border-color .2s ease,background .2s ease,transform .2s ease;width:100%}.dev-player-pill__player:hover:not(:disabled){background:#c81e1e14;border-color:#c81e1e66;transform:translateY(-1px)}.dev-player-pill__player:disabled{cursor:default;opacity:.72}.dev-player-pill__player--active{background:#ffffff0d;border-color:#ffffff1a}.dev-player-pill__player-slot{color:#ffffff73;font-size:11px;letter-spacing:.06em;text-transform:uppercase}.dev-player-pill__player-name{color:#fff;font-size:13px;font-weight:600}.lobby-page{background-color:#000;display:flex;flex-direction:column;margin:0 auto;max-width:600px;min-height:100vh;min-height:100dvh}.lobby-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;display:flex;justify-content:space-between;padding:16px 20px;position:sticky;top:0;z-index:10}.lobby-header__back,.lobby-header__settings{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:all .3s ease;width:40px}.lobby-header__back:hover,.lobby-header__settings:hover{background:#c81e1e1a;border-color:#c81e1e66;color:#f44}.lobby-header__back svg,.lobby-header__settings svg{height:20px;width:20px}.lobby-header__title{color:#fff;font-size:18px;font-weight:600;margin:0}.lobby-header__actions{align-items:flex-start;display:flex;gap:10px;justify-content:flex-end}.lobby-dev-pill-anchor{position:fixed;right:6px;top:6px;z-index:80}.lobby-main{flex:1 1;padding:0 20px 40px}.lobby-code-card,.lobby-main{display:flex;flex-direction:column}.lobby-code-card{align-items:center;background:linear-gradient(135deg,#c81e1e14,#c81e1e05);border:1px solid #c81e1e26;border-radius:20px;cursor:pointer;margin-bottom:24px;padding:24px;transition:all .3s ease}.lobby-code-card:hover{border-color:#c81e1e4d;box-shadow:0 0 20px #c81e1e1a}.lobby-code-card:active{transform:scale(.98)}.lobby-code-card__label{color:#fff6;font-size:12px;letter-spacing:1.5px;margin-bottom:8px;text-transform:uppercase}.lobby-code-card__code{font-feature-settings:"tnum";color:#fff;font-size:36px;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:6px}.lobby-code-card__copy{color:#c81e1e99;font-size:12px;margin-top:8px;transition:color .3s ease}.lobby-players{flex:1 1;margin-bottom:24px}.lobby-players__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.lobby-players__title{color:#fff;font-size:16px;font-weight:600;margin:0}.lobby-players__count{font-feature-settings:"tnum";color:#c81e1e;font-size:14px;font-variant-numeric:tabular-nums;font-weight:600}.lobby-players__list{display:flex;flex-direction:column;gap:8px}.lobby-player-item{align-items:center;animation:lobby-player-enter .4s ease forwards;background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;display:flex;opacity:0;padding:12px 16px;transform:translateX(-10px)}.lobby-player-item--me{background:#c81e1e0a;border-color:#c81e1e33}.lobby-player-item--empty{animation:none;border-color:#ffffff0f;border-style:dashed;gap:10px;justify-content:center;opacity:1;padding:16px;transform:none}.lobby-player-item__avatar{align-items:center;background:linear-gradient(135deg,#c81e1e4d,#c81e1e1a);border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-right:12px;width:40px}.lobby-player-item__avatar span{color:#fff;font-size:16px;font-weight:700}.lobby-player-item__info{display:flex;flex-direction:column;gap:2px}.lobby-player-item__name{align-items:center;color:#fff;display:flex;font-size:15px;font-weight:500;gap:8px}.lobby-player-item__badge{background:#c81e1e1f;border-radius:8px;color:#c81e1e;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.lobby-player-item__order{color:#ffffff59;font-size:12px}.lobby-player-item__dots{display:flex;gap:4px}.lobby-player-item__dots span{animation:lobby-dots-pulse 1.4s ease infinite;background:#fff3;border-radius:50%;height:6px;width:6px}.lobby-player-item__dots span:nth-child(2){animation-delay:.2s}.lobby-player-item__dots span:nth-child(3){animation-delay:.4s}.lobby-player-item__waiting{color:#ffffff4d;font-size:13px}@keyframes lobby-player-enter{to{opacity:1;transform:translateX(0)}}@keyframes lobby-dots-pulse{0%,80%,to{opacity:.3;transform:scale(1)}40%{opacity:1;transform:scale(1.3)}}.lobby-start{margin-top:auto;padding-top:16px}.lobby-start__error{background:#c81e1e1a;border:1px solid #c81e1e40;border-radius:12px;color:#f66;cursor:pointer;font-size:13px;margin-bottom:12px;padding:12px 16px;text-align:center;transition:opacity .3s ease}.lobby-start__error:hover{opacity:.7}.lobby-waiting-msg{align-items:center;display:flex;flex-direction:column;gap:12px;margin-top:auto;padding:24px 0}.lobby-waiting-msg__dots{display:flex;gap:6px}.lobby-waiting-msg__dots span{animation:lobby-dots-pulse 1.4s ease infinite;background:#c81e1e;border-radius:50%;height:8px;width:8px}.lobby-waiting-msg__dots span:nth-child(2){animation-delay:.2s}.lobby-waiting-msg__dots span:nth-child(3){animation-delay:.4s}.lobby-waiting-msg p{color:#fff6;font-size:14px;margin:0}.lobby-settings{display:flex;flex-direction:column;gap:28px}.lobby-settings__section{display:flex;flex-direction:column;gap:16px}.lobby-settings__section-title{color:#ffffff80;font-size:14px;font-weight:600;letter-spacing:1px;margin:0 0 4px;text-transform:uppercase}.lobby-settings__toggle-row{padding:4px 0}.lobby-settings__hint{color:#c81e1e80;font-size:12px;font-style:italic;line-height:1.4;margin:0}.lobby-settings__civilians{align-items:center;background:#c81e1e0a;border:1px dashed #c81e1e26;border-radius:14px;display:flex;justify-content:space-between;margin-top:4px;padding:14px 16px}.lobby-settings__civilians-label{color:#ffffffb3;font-size:14px;font-weight:500}.lobby-settings__civilians-count{font-feature-settings:"tnum";color:#c81e1e;font-size:22px;font-variant-numeric:tabular-nums;font-weight:800;min-width:32px;text-align:center}.lobby-settings__roles-summary{display:flex;flex-wrap:wrap;gap:8px 16px;padding:8px 0 0}.lobby-settings__roles-summary span{color:#ffffff59;font-size:12px}.lobby-settings__roles-warning{color:#f44!important;font-weight:600;width:100%}.badge{align-items:center;display:inline-flex;font-weight:600;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.badge--sm{border-radius:8px;font-size:10px;padding:2px 8px}.badge--md{border-radius:20px;font-size:12px;font-weight:700;letter-spacing:1px;padding:4px 14px}.badge--default{background:#ffffff0f;border:1px solid #ffffff1a;color:#ffffff8c}.badge--host{background:#c81e1e1f;color:#c81e1e}.badge--mafia{background:#22c55e33;color:#22c55e}.badge--city{background:#ffffff14;color:#ffffff73}.badge--pro{background:#c81e1e26;border:1px solid #c81e1e4d;color:#f44}.badge--dead{background:#00000080;border:1px solid #ffffff14;color:#fff6}.badge--blocked{background:#ffb43226;color:#ffb432e6}.timer{font-feature-settings:"tnum";color:#ffffffd9;display:inline-block;font-variant-numeric:tabular-nums;font-weight:700;transition:color .3s ease}.timer--default{font-size:20px}.timer--compact{font-size:18px}.timer--danger{animation:timer-blink 1s ease infinite;color:#f44}.pause-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;color:#fff9;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;padding:0;transition:all .25s ease;width:36px}.pause-btn:hover{background:#ffffff1a;border-color:#ffffff40;color:#fff}.pause-btn--paused{animation:pause-pulse 2s ease-in-out infinite;background:#c81e1e1a;border-color:#c81e1e4d;color:#f44}.pause-btn--paused:hover{background:#c81e1e33;border-color:#c81e1e80}.pause-btn svg{height:16px;width:16px}@keyframes pause-pulse{0%,to{opacity:1}50%{opacity:.6}}.game-screen-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;gap:12px;justify-content:space-between;padding:16px 20px;position:sticky;top:0;z-index:10}.game-screen-header__left{align-items:center;display:flex;min-width:40px}.game-screen-header__title{color:#fff;flex:1 1;font-size:18px;font-weight:700;margin:0;text-align:center}.game-screen-header__right{align-items:center;display:flex;gap:10px;justify-content:flex-end;min-width:40px}.game-screen-header__spacer{display:block;height:36px;width:36px}.story-page{background-color:#000;display:flex;flex-direction:column;margin:0 auto;max-width:600px;min-height:100vh;min-height:100dvh}.story-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;display:flex;justify-content:space-between;padding:16px 20px;position:sticky;top:0;z-index:10}.story-header__pause{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:all .3s ease;width:40px}.story-header__pause:hover{background:#c81e1e1a;border-color:#c81e1e66;color:#f44}.story-header__pause svg{height:18px;width:18px}.story-header__pause.pause-btn--paused{background:#c81e1e1a;border-color:#c81e1e66;color:#f44}.story-header__title{color:#fff;font-size:17px;font-weight:600;margin:0}.story-header__timer{font-feature-settings:"tnum";color:#fff;font-size:18px;font-variant-numeric:tabular-nums;font-weight:700;min-width:50px;text-align:right}.story-header__timer--danger{animation:story-timer-blink 1s ease infinite;color:#f44}.story-header__voted{font-feature-settings:"tnum";color:#c81e1e;font-size:16px;font-variant-numeric:tabular-nums;font-weight:600;min-width:50px;text-align:right}@keyframes story-timer-blink{0%,to{opacity:1}50%{opacity:.4}}.story-main{display:flex;flex:1 1;flex-direction:column;padding:0 20px 40px}.story-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.story-card{aspect-ratio:1;background:#0b0c10;border:2px solid #ffffff0f;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s ease}.story-card:active{transform:scale(.97)}.story-card--selected{border-color:#c81e1e80;box-shadow:0 0 20px #c81e1e26}.story-card__placeholder{align-items:center;background:linear-gradient(135deg,#ffffff05,#c81e1e08);display:flex;flex:1 1;justify-content:center}.story-card__placeholder svg{color:#ffffff1a;height:40px;width:40px}.story-card__footer{background:#0006;display:flex;flex-direction:column;gap:2px;padding:10px 12px}.story-card__title{color:#fff;font-size:13px;font-weight:600;line-height:1.3}.story-card__votes{font-feature-settings:"tnum";color:#c81e1e;font-size:11px;font-variant-numeric:tabular-nums;font-weight:600}.story-card__check{position:absolute;right:8px;top:8px;z-index:3}.story-action{margin-top:auto;padding-top:16px}.story-waiting{align-items:center;display:flex;flex-direction:column;gap:16px;margin-top:auto;padding:24px 0}.story-waiting__text{font-feature-settings:"tnum";color:#fff6;font-size:14px;font-variant-numeric:tabular-nums;margin:0}.story-reveal{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:24px;justify-content:center;padding:40px 0}.story-reveal__label{color:#fff9;font-size:18px;font-weight:600;margin:0}.story-reveal__card{align-items:center;background:#0b0c10;border:2px solid #c81e1e4d;border-radius:20px;box-shadow:0 0 30px #c81e1e1a;display:flex;flex-direction:column;gap:16px;height:260px;justify-content:center;width:200px}.story-reveal__card--spinning{animation:story-spin-card .25s steps(1) infinite}.story-reveal__placeholder svg{color:#ffffff26;height:48px;width:48px}.story-reveal__name{color:#fff;font-size:16px;font-weight:600;padding:0 12px;text-align:center}@keyframes story-spin-card{0%{border-color:#c81e1e4d}50%{border-color:#c81e1e99}to{border-color:#c81e1e4d}}.story-result{align-items:center;animation:story-result-enter .6s ease;display:flex;flex:1 1;flex-direction:column;gap:20px;padding:40px 0}.story-result__badge{color:#c81e1e;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.story-result__card{align-items:center;background:#0b0c10;border:2px solid #c81e1e66;border-radius:20px;box-shadow:0 0 40px #c81e1e26;display:flex;flex-direction:column;gap:16px;height:280px;justify-content:center;width:220px}.story-result__placeholder svg{color:#ffffff26;height:56px;width:56px}.story-result__title{color:#fff;font-size:20px;font-weight:700;text-align:center}.story-result__desc{color:#ffffff8c;font-size:14px;line-height:1.6;margin:0;max-width:340px;text-align:center}@keyframes story-result-enter{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.story-name-pick{animation:story-result-enter .4s ease;display:flex;flex:1 1;flex-direction:column;gap:18px}.story-name-pick__hint{color:#ffffff8c;font-size:13px;line-height:1.5;margin:0}.story-name-pick__current{align-items:baseline;background:#c81e1e0f;border:1px solid #c81e1e2e;border-radius:14px;display:flex;gap:10px;padding:12px 16px}.story-name-pick__current-label{color:#ffffff80;font-size:12px;letter-spacing:1px;text-transform:uppercase}.story-name-pick__current-name{color:#fff;font-size:18px;font-weight:700}.story-name-pick__grid{display:flex;flex-direction:column;gap:8px}.story-name-pick__name{align-items:stretch;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;color:#ffffffd9;cursor:pointer;display:flex;flex-direction:column;font-size:14px;font-weight:500;gap:6px;padding:12px 14px;text-align:left;transition:all .2s ease}.story-name-pick__name:hover:not(:disabled){background:#c81e1e14;border-color:#c81e1e66;color:#fff;transform:translateY(-1px)}.story-name-pick__name:active:not(:disabled){transform:translateY(0)}.story-name-pick__name--mine{background:#c81e1e2e;border-color:#c81e1eb3;box-shadow:0 0 14px #c81e1e40;color:#fff;cursor:default}.story-name-pick__name--taken{cursor:not-allowed;opacity:.35;text-decoration:line-through}.story-name-pick__name--loading{cursor:progress;opacity:.55}.story-name-pick__name-head{align-items:center;display:flex;gap:6px;justify-content:space-between}.story-name-pick__name-gender{color:#fff6;font-size:12px}.story-name-pick__name-desc{color:#ffffff8c;font-size:12px;font-weight:400;line-height:1.5;margin:0}.story-name-pick__name--mine .story-name-pick__name-gender{color:#faa}.story-name-pick__name--mine .story-name-pick__name-desc{color:#ffffffbf}.story-name-pick__players{display:flex;flex-direction:column;gap:8px;margin-top:4px}.story-name-pick__players-title{color:#fff6;font-size:12px;font-weight:600;letter-spacing:1px;margin:0;text-transform:uppercase}.story-name-pick__players-list{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0}.story-name-pick__waiting{color:#ffffff80;font-size:14px;margin:0;padding:12px;text-align:center}.story-name-pick__player{align-items:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;display:flex;gap:8px;padding:8px 12px}.story-name-pick__player--me{background:#c81e1e0d;border-color:#c81e1e4d}.story-name-pick__player-name{color:#fffc;flex:1 1;font-size:14px}.story-name-pick__player-tag{background:#ffffff0f;border-radius:6px;color:#ffffff8c;font-size:10px;font-weight:700;letter-spacing:1px;padding:2px 6px;text-transform:uppercase}.story-name-pick__player-tag--me{background:#c81e1e2e;color:#f88}.story-detail{display:flex;flex-direction:column;gap:16px}.story-detail__placeholder{align-items:center;background:linear-gradient(135deg,#ffffff05,#c81e1e08);border-radius:16px;display:flex;height:180px;justify-content:center;width:100%}.story-detail__placeholder svg{color:#ffffff1a;height:48px;width:48px}.story-detail__desc{color:#ffffffb3;font-size:14px;line-height:1.6;margin:0}.ambient-bg{inset:0;pointer-events:none;position:absolute;z-index:0}.ambient-bg--night{background:radial-gradient(ellipse at 50% 30%,#c81e1e0d,#0000 70%)}.ambient-bg--day{background:radial-gradient(ellipse at 50% -10%,#ffb43214,#0000 50%)}.ambient-bg--voting{background:radial-gradient(ellipse at 50% -10%,#c81e1e1a,#0000 50%)}.ambient-bg--narrator{animation:ambient-narrator-pulse 4s ease infinite;background:radial-gradient(ellipse at 50% 30%,#c81e1e14,#0000 70%)}.ambient-bg--finale-city{background:radial-gradient(ellipse at 50% 20%,#22c55e1f,#0000 60%)}.ambient-bg--finale-mafia{background:radial-gradient(ellipse at 50% 20%,#c81e1e1f,#0000 60%)}.ambient-bg--found{background:radial-gradient(ellipse at 50% 30%,#22c55e26,#0000 60%)}.ambient-bg--clean{background:radial-gradient(ellipse at 50% 30%,#6464641a,#0000 60%)}.ambient-bg__blob{border-radius:50%;filter:blur(100px);pointer-events:none;position:absolute;z-index:0}.ambient-bg__blob--1{animation:ambient-blob-drift-1 8s ease-in-out infinite;height:420px;right:-200px;top:-60px;width:420px}.ambient-bg__blob--1,.ambient-bg__blob--2{background:radial-gradient(circle,#c81e1e,#0000 65%);opacity:.3}.ambient-bg__blob--2{animation:ambient-blob-drift-2 10s ease-in-out infinite;bottom:-40px;height:380px;left:-200px;width:380px}.ambient-bg__blob--3{animation:ambient-blob-drift-3 12s ease-in-out infinite;background:radial-gradient(circle,#a01818,#0000 65%);height:320px;opacity:.2;right:-180px;top:45%;width:320px}@keyframes ambient-narrator-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes ambient-blob-drift-1{0%,to{transform:translate(0)}25%{transform:translate(-20px,30px)}50%{transform:translate(10px,50px)}75%{transform:translate(-15px,20px)}}@keyframes ambient-blob-drift-2{0%,to{transform:translate(0)}25%{transform:translate(30px,-20px)}50%{transform:translate(15px,-40px)}75%{transform:translate(25px,-10px)}}@keyframes ambient-blob-drift-3{0%,to{transform:translate(0)}33%{transform:translate(-25px,-20px)}66%{transform:translate(15px,25px)}}.progress-bar{background:#ffffff0f;border-radius:2px;overflow:hidden;width:100%}.progress-bar__fill{background:linear-gradient(90deg,#c81e1e,#f44);border-radius:2px;height:100%;transition:width .5s ease}.progress-bar--default{height:4px}.progress-bar--narrator{background:#ffffff0d;border-radius:0;height:3px;left:0;position:absolute;right:0;top:0;width:auto;z-index:1}.progress-bar--narrator .progress-bar__fill{border-radius:0 2px 2px 0;transition:width .3s ease}.progress-bar--votes{height:4px}.narrator-screen{align-items:center;background:#000;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:100vh;min-height:100dvh;overflow:hidden;padding:40px 24px;position:relative;-webkit-user-select:none;user-select:none}.narrator-screen__ambient{animation:narrator-ambient-pulse 4s ease infinite;background:radial-gradient(ellipse at 50% 30%,#c81e1e14,#0000 70%);inset:0;pointer-events:none;position:absolute}.narrator-screen__progress{background:#ffffff0d;height:3px;left:0;position:absolute;right:0;top:0}.narrator-screen__progress-bar{background:linear-gradient(90deg,#c81e1e,#f44);border-radius:0 2px 2px 0;height:100%;transition:width .3s ease}.narrator-screen__content{align-items:center;display:flex;flex-direction:column;max-width:500px;position:relative;width:100%;z-index:1}.narrator-screen__icon{align-items:center;animation:narrator-icon-glow 2s ease infinite;background:#c81e1e1a;border:1px solid #c81e1e40;border-radius:50%;color:#c81e1e;display:flex;height:64px;justify-content:center;margin-bottom:32px;width:64px}.narrator-screen__icon svg{height:28px;width:28px}.narrator-screen__text-container{align-items:center;display:flex;justify-content:center;min-height:120px;width:100%}.narrator-screen__text{font-size:18px;font-weight:400;letter-spacing:.3px;line-height:1.8;margin:0;text-align:center;word-break:break-word}.narrator-screen__hint{animation:narrator-hint-pulse 2s ease infinite;color:#fff3;font-size:12px;margin-top:40px}.narrator-screen__counter{font-feature-settings:"tnum";color:#ffffff26;font-size:12px;font-variant-numeric:tabular-nums;margin-top:12px}.narrator-screen__gesture-prompt{align-items:center;animation:narrator-gesture-fade-in .25s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border:none;color:#ffffffd9;cursor:pointer;display:flex;flex-direction:column;font-size:15px;font-weight:500;gap:16px;inset:0;justify-content:center;letter-spacing:.2px;position:absolute;z-index:30}.narrator-screen__gesture-prompt svg{animation:narrator-icon-glow 2s ease infinite;color:#c81e1e;height:36px;width:36px}.narrator-screen__gesture-prompt:hover{background:#000000a6}@keyframes narrator-gesture-fade-in{0%{opacity:0}to{opacity:1}}.narrator-char{color:#ffffff26;transition:color .4s ease}.narrator-char--visible{color:#c81e1e}@keyframes narrator-ambient-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes narrator-icon-glow{0%,to{box-shadow:0 0 20px #c81e1e33}50%{box-shadow:0 0 40px #c81e1e66}}@keyframes narrator-hint-pulse{0%,to{opacity:.3}50%{opacity:.6}}.narrator-screen__controls{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#141414d9;border:1px solid #ffffff0f;border-radius:40px;bottom:24px;display:flex;gap:16px;left:50%;padding:10px 18px;position:fixed;transform:translateX(-50%);z-index:20}.narrator-screen__auto-btn{background:#0000;border:1px solid #ffffff1a;border-radius:20px;color:#fff6;cursor:pointer;font-size:11px;font-weight:700;letter-spacing:1px;padding:6px 14px;transition:all .3s ease}.narrator-screen__auto-btn:hover{border-color:#c81e1e4d;color:#fff9}.narrator-screen__auto-btn--active{background:#c81e1e33;border-color:#c81e1e66;color:#c81e1e}.narrator-screen__volume-group{align-items:center;display:flex;gap:8px}.narrator-screen__mute-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#ffffff73;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:color .3s ease;width:32px}.narrator-screen__mute-btn:hover{color:#fffc}.narrator-screen__mute-btn svg{height:18px;width:18px}.narrator-screen__volume-slider{appearance:none;background:#ffffff1a;border-radius:2px;cursor:pointer;height:4px;outline:none;width:80px}.narrator-screen__volume-slider::-webkit-slider-thumb{appearance:none;background:#c81e1e;border:none;border-radius:50%;box-shadow:0 0 6px #c81e1e66;cursor:pointer;height:14px;width:14px}.narrator-screen__volume-slider::-moz-range-thumb{background:#c81e1e;border:none;border-radius:50%;cursor:pointer;height:14px;width:14px}.selectable-card{align-items:center;background:#ffffff08;border:1.5px solid #ffffff14;border-radius:14px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:500;justify-content:space-between;padding:14px 18px;text-align:left;transition:all .3s ease;width:100%}.selectable-card:hover:not(:disabled){background:#c81e1e14;border-color:#c81e1e66}.selectable-card--selected{background:#c81e1e26;border-color:#c81e1e;box-shadow:0 0 20px #c81e1e33}.selectable-card--checked-mafia{background:#22c55e1f;border-color:#22c55e;cursor:pointer}.selectable-card--checked-mafia .selectable-card__body{color:#22c55e}.selectable-card--checked-city{background:#00000080;border-color:#ffffff0d;cursor:not-allowed;opacity:.4}.selectable-card--checked-city .selectable-card__body{color:#ffffff4d;text-decoration:line-through}.selectable-card--disabled{cursor:not-allowed;opacity:.3;pointer-events:none}.selectable-card--hidden{background:#ffffff08;border-color:#ffffff14}.selectable-card--hidden .selectable-card__body{color:#fff;text-decoration:none}.selectable-card--hidden .selectable-card__right{display:none}.selectable-card__body{flex:1 1;transition:color .3s ease}.selectable-card__right{align-items:center;display:flex;flex-shrink:0}.night-action{background:#000;display:flex;flex-direction:column;margin:0 auto;max-width:600px;min-height:100vh;min-height:100dvh;overflow:hidden;position:relative}.night-action__ambient{inset:0;pointer-events:none;position:absolute}.night-action__blob{border-radius:50%;filter:blur(100px);pointer-events:none;position:fixed;z-index:0}.night-action__blob--1{animation:blob-drift-1 8s ease-in-out infinite;height:420px;right:-200px;top:-60px;width:420px}.night-action__blob--1,.night-action__blob--2{background:radial-gradient(circle,#c81e1e,#0000 65%);opacity:.3}.night-action__blob--2{animation:blob-drift-2 10s ease-in-out infinite;bottom:-40px;height:380px;left:-200px;width:380px}.night-action__blob--3{animation:blob-drift-3 12s ease-in-out infinite;background:radial-gradient(circle,#a01818,#0000 65%);height:320px;opacity:.2;right:-180px;top:45%;width:320px}.night-action__header{align-items:center;display:flex;justify-content:center;padding:20px 20px 8px;position:relative;z-index:1}.night-action__header .pause-btn{left:20px;position:absolute;top:20px}.night-action__title{color:#c81e1e;font-size:22px;font-weight:700;margin:0;text-align:center;text-shadow:0 0 20px #c81e1e4d}.night-action__timer{font-feature-settings:"tnum";color:#ffffffb3;font-size:18px;font-variant-numeric:tabular-nums;font-weight:700;position:absolute;right:20px;top:20px;transition:color .3s ease}.night-action__timer--danger{animation:night-timer-blink 1s ease infinite;color:#f44}.night-action__label{color:#fff6;font-size:14px;margin-bottom:20px;padding:0 20px;position:relative;text-align:center;z-index:1}.night-action__heal-restriction{align-items:center;background:#c81e1e1a;border:1px solid #c81e1e40;border-radius:8px;color:#fff9;display:flex;font-size:13px;gap:8px;margin:0 20px 12px;padding:8px 16px;position:relative;z-index:1}.night-action__heal-restriction svg{color:#c81e1e;flex-shrink:0}.night-action__targets{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:0 20px;position:relative;z-index:1}.night-action__target{align-items:center;background:#ffffff08;border:1.5px solid #ffffff14;border-radius:14px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;justify-content:space-between;padding:14px 18px;transition:all .3s ease}.night-action__target:hover:not(:disabled){background:#c81e1e14;border-color:#c81e1e66}.night-action__target--selected{background:#c81e1e26;border-color:#c81e1e;box-shadow:0 0 20px #c81e1e33}.night-action__target--checked-mafia{background:#22c55e1f;border-color:#22c55e;cursor:pointer}.night-action__target--checked-mafia .night-action__target-name{color:#22c55e}.night-action__target--checked-city{background:#00000080;border-color:#ffffff0d;cursor:not-allowed;opacity:.4}.night-action__target--checked-city .night-action__target-name{color:#ffffff4d;text-decoration:line-through}.night-action__target--disabled{cursor:not-allowed;opacity:.3;pointer-events:none}.night-action__target--hidden{background:#ffffff08;border-color:#ffffff14}.night-action__target--hidden .night-action__target-name{color:#fff}.night-action__target--hidden .night-action__target-badge{display:none}.night-action__target-name{transition:color .3s ease}.night-action__target-badge{border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.night-action__target-badge--mafia{background:#22c55e33;color:#22c55e}.night-action__target-badge--city{background:#ffffff14;color:#ffffff4d}.night-action__actions{display:flex;flex-direction:column;gap:10px;padding:20px;position:relative;z-index:1}.night-action__confirm{background:#0a0a0a;border:none;border-radius:20px;box-shadow:0 4px 20px #c81e1e26;color:#fff;cursor:pointer;display:inline-block;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:600;overflow:hidden;padding:0;position:relative;transition:all .3s ease-in-out;width:100%}.night-action__confirm:hover:not(:disabled){box-shadow:0 6px 30px #c81e1e4d;transform:scale(1.03)}.night-action__confirm:active:not(:disabled){transform:scale(.97)}.night-action__confirm:disabled{box-shadow:none;cursor:not-allowed;opacity:.4;transform:none}.night-action__confirm-glow{background:linear-gradient(135deg,#c81e1e,#8b0000,#f33,#c81e1e);background-size:300% 300%;border-radius:20px;inset:0;opacity:0;padding:2px;position:absolute;transition:opacity .5s ease;z-index:0}.night-action__confirm:hover:not(:disabled) .night-action__confirm-glow{animation:confirm-btn-glow 3s ease infinite;opacity:1}.night-action__confirm-content{align-items:center;background:#0a0a0a;border-radius:20px;display:flex;gap:10px;justify-content:center;padding:.85em 2em;position:relative;transition:all .3s ease;z-index:1}.night-action__confirm:hover:not(:disabled) .night-action__confirm-content{background:#111}.night-action__confirm:hover:not(:disabled) .night-action__confirm-text{color:#f44}.night-action__skip{background:#0000;border:1px solid #ffffff1a;border-radius:12px;color:#fff6;cursor:pointer;font-size:14px;padding:12px;transition:all .3s ease;width:100%}.night-action__skip:hover{border-color:#fff3;color:#fff9}.night-action--submitted{align-items:center;justify-content:center;padding:40px 24px}.night-action__submitted-content{align-items:center;display:flex;flex-direction:column;gap:16px;position:relative;z-index:1}.night-action__check-icon{align-items:center;animation:night-check-bounce .6s ease;background:#22c55e26;border:2px solid #22c55e66;border-radius:50%;color:#22c55e;display:flex;height:64px;justify-content:center;width:64px}.night-action__check-icon svg{height:28px;width:28px}.night-action__submitted-title{color:#fff;font-size:20px;font-weight:700;margin:0}.night-action__submitted-hint{color:#fff6;font-size:14px;margin:0}.night-action--check-result{align-items:center;justify-content:center;padding:40px 24px}.night-action--found .night-action__ambient{background:radial-gradient(ellipse at 50% 30%,#22c55e26,#0000 60%)}.night-action--clean .night-action__ambient{background:radial-gradient(ellipse at 50% 30%,#6464641a,#0000 60%)}.night-action__check-result-content{align-items:center;display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}.night-action__result-badge{align-items:center;animation:night-check-bounce .6s ease;border-radius:50%;display:flex;height:72px;justify-content:center;width:72px}.night-action__result-badge svg{height:32px;width:32px}.night-action__result-badge--mafia{background:#22c55e26;border:2px solid #22c55e80;color:#22c55e}.night-action__result-badge--city{background:#64646426;border:2px solid #6464644d;color:#fff6}.night-action__result-title{color:#fff;font-size:24px;font-weight:700;margin:0}.night-action__result-name{color:#ffffffb3;font-size:18px;font-weight:600;margin:0}.night-action__result-team{color:#fff6;font-size:14px;margin:0}.night-action__result-continue{background:#c81e1e26;border:1px solid #c81e1e66;border-radius:14px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:24px;padding:14px 40px;transition:all .3s ease}.night-action__result-continue:hover{background:#c81e1e40}@keyframes confirm-btn-glow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes night-timer-blink{0%,to{opacity:1}50%{opacity:.4}}@keyframes night-check-bounce{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes blob-drift-1{0%,to{transform:translate(0)}25%{transform:translate(-20px,30px)}50%{transform:translate(10px,50px)}75%{transform:translate(-15px,20px)}}@keyframes blob-drift-2{0%,to{transform:translate(0)}25%{transform:translate(30px,-20px)}50%{transform:translate(15px,-40px)}75%{transform:translate(25px,-10px)}}@keyframes blob-drift-3{0%,to{transform:translate(0)}33%{transform:translate(-25px,-20px)}66%{transform:translate(15px,25px)}}.uiverse-midnight-sky{align-items:center;background-color:#050505;box-sizing:border-box;display:flex;height:100%;justify-content:center;margin:0;min-height:100vh;min-height:100dvh;overflow:hidden;padding:0;position:relative;width:100%}.uiverse-midnight-sky .sky-canvas{background:#050505;height:100%;inset:0;position:absolute;width:100%}.uiverse-midnight-sky .stars{background-repeat:repeat;inset:0;pointer-events:none;position:absolute}.uiverse-midnight-sky .stars-1{animation:nw-twinkle 3s ease-in-out infinite;background-image:radial-gradient(1px 1px at 10% 10%,#fff,#0000),radial-gradient(1px 1px at 30% 20%,#fff,#0000),radial-gradient(1px 1px at 50% 50%,#fff,#0000),radial-gradient(1px 1px at 70% 30%,#fff,#0000),radial-gradient(1px 1px at 90% 10%,#fff,#0000);background-size:200px 200px}.uiverse-midnight-sky .stars-2{animation:nw-twinkle 5s ease-in-out 1s infinite;background-image:radial-gradient(1.5px 1.5px at 20% 40%,#fff,#0000),radial-gradient(1.5px 1.5px at 60% 85%,#fff,#0000),radial-gradient(1.5px 1.5px at 85% 65%,#fff,#0000);background-size:300px 300px}.uiverse-midnight-sky .stars-3{animation:nw-twinkle 7s ease-in-out 2s infinite;background-image:radial-gradient(2px 2px at 40% 70%,#fff,#0000),radial-gradient(2px 2px at 10% 80%,#fff,#0000),radial-gradient(2px 2px at 80% 40%,#fff,#0000);background-size:400px 400px}.uiverse-midnight-sky .meteor{background:#fff;border-radius:50%;box-shadow:0 0 10px 2px #ffffff80;height:2px;opacity:0;pointer-events:none;position:absolute;width:2px}.uiverse-midnight-sky .meteor:after{background:linear-gradient(90deg,#fff,#0000);content:"";height:1px;position:absolute;top:50%;transform:translateY(-50%);width:80px}.uiverse-midnight-sky .m1{animation:nw-shoot 8s linear infinite;left:110%;top:10%}.uiverse-midnight-sky .m2{animation:nw-shoot 12s linear 4s infinite;left:110%;top:30%}.uiverse-midnight-sky .m3{animation:nw-shoot 10s linear 2s infinite;left:110%;top:50%}@keyframes nw-twinkle{0%,to{opacity:1}50%{opacity:.2}}@keyframes nw-shoot{0%{opacity:0;transform:translateX(0) translateY(0) rotate(-35deg)}5%{opacity:1}15%{opacity:0;transform:translateX(-1500px) translateY(1000px) rotate(-35deg)}to{opacity:0;transform:translateX(-1500px) translateY(1000px) rotate(-35deg)}}.night-waiting__content{align-items:center;display:flex;flex-direction:column;gap:16px;position:relative;z-index:10}.night-waiting__icon{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:50%;color:#ffffff40;display:flex;height:72px;justify-content:center;margin-bottom:8px;width:72px}.night-waiting__icon svg{height:32px;width:32px}.night-waiting__title{color:#fffc;font-size:24px;font-weight:700;margin:0}.night-waiting__hint{color:#ffffff4d;font-size:14px;margin:0}.night-waiting__dots{display:flex;gap:6px;margin-top:16px}.night-waiting__dots span{animation:nw-dot-bounce 1.4s ease infinite;background:#ffffff26;border-radius:50%;height:8px;width:8px}.night-waiting__dots span:nth-child(2){animation-delay:.2s}.night-waiting__dots span:nth-child(3){animation-delay:.4s}@keyframes nw-dot-bounce{0%,80%,to{opacity:.2;transform:translateY(0)}40%{opacity:.8;transform:translateY(-6px)}}.day-discussion{background:#000;display:flex;flex-direction:column;margin:0 auto;max-width:600px;min-height:100vh;min-height:100dvh;position:relative}.day-discussion__ambient{background:radial-gradient(ellipse at 50% -10%,#ffb43214,#0000 50%);inset:0;pointer-events:none;position:absolute}.day-discussion__header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;display:flex;justify-content:space-between;padding:16px 20px;position:sticky;top:0;z-index:10}.day-discussion__title{color:#fff;font-size:18px;font-weight:700;margin:0}.day-discussion__timer{font-feature-settings:"tnum";color:#fff;font-size:20px;font-variant-numeric:tabular-nums;font-weight:700;transition:color .3s ease}.day-discussion__timer--danger{animation:day-timer-blink 1s ease infinite;color:#f44}.day-discussion__night-result{align-items:flex-start;background:#c81e1e14;border:1px solid #c81e1e33;border-radius:14px;display:flex;gap:12px;margin:0 20px 16px;padding:14px;position:relative;z-index:1}.day-discussion__night-result-icon{color:#f44;flex-shrink:0;height:32px;width:32px}.day-discussion__night-result-icon svg{height:100%;width:100%}.day-discussion__night-result-text{color:#fff9;display:flex;flex-direction:column;font-size:14px;gap:4px}.day-discussion__died-name{color:#f44;font-weight:600}.day-discussion__blocked-notice{background:#ffb43214;border:1px solid #ffb43233;border-radius:12px;color:#ffb432cc;font-size:13px;margin:0 20px 12px;padding:10px 14px;position:relative;z-index:1}.day-discussion__players{flex:1 1;padding:0 20px;position:relative;z-index:1}.day-discussion__section-title{color:#ffffff4d;font-size:12px;font-weight:600;letter-spacing:1px;margin:16px 0 8px;text-transform:uppercase}.day-discussion__section-title--dead{color:#ffffff26;margin-top:24px}.day-discussion__player{align-items:center;background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;display:flex;gap:12px;margin-bottom:6px;padding:12px 14px;transition:all .3s ease}.day-discussion__player--dead{opacity:.3}.day-discussion__player--dead .day-discussion__player-name{text-decoration:line-through}.day-discussion__player--blocked{background:#ffb4320a;border-color:#ffb43233;opacity:.6}.day-discussion__player-number{align-items:center;background:#ffffff0f;border-radius:50%;color:#fff6;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:28px;justify-content:center;width:28px}.day-discussion__player-name{color:#fffc;flex:1 1;font-size:15px}.day-discussion__player-tag{background:#ffb43226;border-radius:8px;color:#ffb432cc;font-size:10px;font-weight:600;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.day-discussion__spectator-notice{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;color:#fff6;font-size:14px;margin:16px 20px;padding:12px;position:relative;text-align:center;z-index:1}.day-discussion__footer{padding:20px;position:relative;z-index:1}.day-discussion__vote-btn{background:#c81e1e1a;border:1px solid #c81e1e4d;border-radius:16px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px;transition:all .3s ease;width:100%}.day-discussion__vote-btn:hover{background:#c81e1e33;border-color:#c81e1e80}@keyframes day-timer-blink{0%,to{opacity:1}50%{opacity:.4}}.day-voting{background:#000;display:flex;flex-direction:column;margin:0 auto;max-width:600px;min-height:100vh;min-height:100dvh;position:relative}.day-voting__ambient{background:radial-gradient(ellipse at 50% -10%,#c81e1e1a,#0000 50%);inset:0;pointer-events:none;position:absolute}.day-voting__header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;display:flex;justify-content:space-between;padding:16px 20px;position:sticky;top:0;z-index:10}.day-voting__title{color:#fff;font-size:18px;font-weight:700;margin:0}.day-voting__timer{font-feature-settings:"tnum";color:#fff;font-size:20px;font-variant-numeric:tabular-nums;font-weight:700}.day-voting__timer--danger{animation:vote-timer-blink 1s ease infinite;color:#f44}.day-voting__vote-counter{color:#fff6;font-size:14px;margin-bottom:12px;padding:0 20px;position:relative;z-index:1}.day-voting__blocked-notice,.day-voting__spectator-notice{background:#ffb43214;border:1px solid #ffb43233;border-radius:12px;color:#ffb432cc;font-size:13px;margin:0 20px 12px;padding:12px 14px;position:relative;text-align:center;z-index:1}.day-voting__spectator-notice{background:#ffffff0a;border-color:#ffffff14;color:#fff6}.day-voting__targets{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:0 20px;position:relative;z-index:1}.day-voting__target{align-items:center;background:#ffffff08;border:1.5px solid #ffffff14;border-radius:14px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;justify-content:space-between;padding:14px 18px;transition:all .3s ease}.day-voting__target:hover:not(:disabled){background:#c81e1e0f;border-color:#c81e1e4d}.day-voting__target--selected{background:#c81e1e1f;border-color:#c81e1e;box-shadow:0 0 16px #c81e1e26}.day-voting__target:disabled{cursor:not-allowed;opacity:.4}.day-voting__target-name{flex:1 1}.day-voting__target-check{color:#c81e1e;height:24px;width:24px}.day-voting__target-check svg{height:100%;width:100%}.day-voting__actions{display:flex;flex-direction:column;gap:10px;padding:20px;position:relative;z-index:1}.day-voting__confirm{background:linear-gradient(135deg,#c81e1e,#a01818);border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px;transition:all .3s ease;width:100%}.day-voting__confirm:hover:not(:disabled){box-shadow:0 4px 20px #c81e1e66;transform:scale(1.02)}.day-voting__confirm:disabled{cursor:not-allowed;opacity:.3}.day-voting__skip{background:#0000;border:1px solid #ffffff1a;border-radius:12px;color:#fff6;cursor:pointer;font-size:14px;padding:12px;transition:all .3s ease;width:100%}.day-voting__skip:hover:not(:disabled){border-color:#fff3;color:#fff9}.day-voting__skip:disabled{cursor:not-allowed;opacity:.3}.day-voting--submitted{align-items:center;justify-content:center;padding:40px 24px}.day-voting__submitted-content{align-items:center;display:flex;flex-direction:column;gap:16px;max-width:300px;position:relative;width:100%;z-index:1}.day-voting__check-icon{align-items:center;background:#22c55e26;border:2px solid #22c55e66;border-radius:50%;color:#22c55e;display:flex;height:64px;justify-content:center;width:64px}.day-voting__check-icon svg{height:28px;width:28px}.day-voting__submitted-title{color:#fff;font-size:20px;font-weight:700;margin:0}.day-voting__submitted-hint{font-feature-settings:"tnum";color:#fff6;font-size:14px;font-variant-numeric:tabular-nums;margin:0}.day-voting__vote-progress{background:#ffffff0f;border-radius:2px;height:4px;margin-top:8px;overflow:hidden;width:100%}.day-voting__vote-progress-bar{background:linear-gradient(90deg,#c81e1e,#f44);border-radius:2px;height:100%;transition:width .5s ease}@keyframes vote-timer-blink{0%,to{opacity:1}50%{opacity:.4}}.avatar{align-items:center;background:linear-gradient(135deg,#c81e1e4d,#c81e1e1a);display:flex;flex-shrink:0;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease}.avatar--circle{border-radius:50%}.avatar--rounded{border-radius:12px}.avatar--interactive{cursor:pointer}.avatar--interactive:hover{transform:scale(1.03)}.avatar--team-mafia{background:linear-gradient(135deg,#c81e1e59,#c81e1e14)}.avatar--team-city{background:linear-gradient(135deg,#22c55e4d,#22c55e14)}.avatar--team-neutral{background:#ffffff0f}.avatar__initial{color:#fff;font-size:40%;font-weight:700;letter-spacing:.5px}.avatar__image{height:100%;object-fit:cover;width:100%}.avatar__icon{align-items:center;color:#fff6;display:flex;height:40%;justify-content:center;width:40%}.avatar__icon svg{height:100%;width:100%}.avatar__overlay{align-items:center;background:#000000b3;color:#f44;display:flex;inset:0;justify-content:center;position:absolute}.avatar__overlay svg{height:45%;width:45%}.avatar--icon .avatar__overlay{background:#0000;background:#c81e1e;border-radius:50%;box-shadow:0 2px 8px #c81e1e66;color:#fff;height:32%;inset:auto 0 0 auto;width:32%}.avatar--icon .avatar__overlay svg{height:50%;width:50%}.finale{background:#000;display:flex;flex-direction:column;margin:0 auto;max-width:600px;min-height:100vh;min-height:100dvh;overflow-x:hidden;position:relative}.finale__ambient{inset:0;pointer-events:none;position:absolute}.finale--city .finale__ambient{background:radial-gradient(ellipse at 50% 20%,#22c55e1f,#0000 60%)}.finale--mafia .finale__ambient{background:radial-gradient(ellipse at 50% 20%,#c81e1e1f,#0000 60%)}.finale__content{align-items:center;display:flex;flex-direction:column;padding:40px 20px;position:relative;z-index:1}.finale__trophy{align-items:center;animation:finale-bounce .8s ease;border-radius:50%;display:flex;height:80px;justify-content:center;margin-bottom:20px;width:80px}.finale__trophy svg{height:40px;width:40px}.finale--city .finale__trophy{background:#22c55e26;border:2px solid #22c55e66;color:#22c55e}.finale--mafia .finale__trophy{background:#c81e1e26;border:2px solid #c81e1e66;color:#f44}.finale__title{color:#fff;font-size:28px;font-weight:800;margin:0 0 8px;text-align:center}.finale__announcement{color:#ffffff80;font-size:14px;line-height:1.6;margin:0 0 32px;max-width:400px;text-align:center}.finale__players{margin-bottom:32px;width:100%}.finale__players-title{color:#fff6;font-size:14px;font-weight:600;letter-spacing:1px;margin:0 0 16px;text-align:center;text-transform:uppercase}.finale__players-grid{display:flex;flex-direction:column;gap:8px}.finale__player{align-items:center;background:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;display:flex;gap:14px;padding:12px 16px;transition:all .3s ease}.finale__player--dead{opacity:.5}.finale__player--mafia{background:#c81e1e0a;border-color:#c81e1e26}.finale__player--city{border-color:#22c55e1a}.finale__player-avatar{border-radius:12px;flex-shrink:0;height:44px;overflow:hidden;position:relative;width:44px}.finale__player-avatar-img{height:100%;object-fit:cover;width:100%}.finale__player-dead-overlay{align-items:center;background:#000000b3;color:#f44;display:flex;inset:0;justify-content:center;position:absolute}.finale__player-dead-overlay svg{height:20px;width:20px}.finale__player-info{display:flex;flex-direction:column;gap:2px}.finale__player-name{color:#ffffffd9;font-size:15px;font-weight:600}.finale__player-role{color:#22c55eb3;font-size:12px;font-weight:500}.finale__player-role--mafia{color:#c81e1ecc}.finale__actions{display:flex;flex-direction:column;gap:12px;width:100%}.finale__error{background:#c81e1e1a;border:1px solid #c81e1e66;border-radius:12px;color:#ff6b6b;font-size:13px;margin-bottom:8px;padding:12px 16px;text-align:center;width:100%}.finale__lobby-btn{background:#c81e1e26;border:1px solid #c81e1e66;border-radius:16px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px;transition:all .3s ease;width:100%}.finale__lobby-btn:hover:not(:disabled){background:#c81e1e40;border-color:#c81e1e99}.finale__lobby-btn:disabled{cursor:not-allowed;opacity:.5}.finale__home-btn{background:#ffffff0f;border:1px solid #ffffff26;border-radius:16px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px;transition:all .3s ease;width:100%}.finale__home-btn:hover{background:#ffffff1a;border-color:#ffffff40}@keyframes finale-bounce{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.rules-overlay{align-items:center;animation:rules-fade-in .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}@keyframes rules-fade-in{0%{opacity:0}to{opacity:1}}.rules-modal{animation:rules-slide-up .3s ease;background:#0a0a0a;border:1px solid #c81e1e33;border-radius:20px;display:flex;flex-direction:column;max-height:80vh;max-width:500px;overflow:hidden;width:100%}.rules-modal__header{align-items:center;display:flex;justify-content:space-between;padding:20px 20px 12px}.rules-modal__title{color:#fff;font-size:20px;font-weight:700;margin:0}.rules-modal__close{align-items:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:50%;color:#fff9;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:all .3s ease;width:36px}.rules-modal__close:hover{border-color:#c81e1e66;color:#f44}.rules-modal__close svg{height:18px;width:18px}.rules-modal__tabs{display:flex;gap:4px;padding:0 20px 12px}.rules-modal__tab{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;color:#ffffff80;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px 16px;transition:all .3s ease}.rules-modal__tab:hover{border-color:#c81e1e4d;color:#fffc}.rules-modal__tab--active{background:#c81e1e26;border-color:#c81e1e66;color:#f44}.rules-modal__body{flex:1 1;overflow-y:auto;padding:0 20px 20px}@keyframes rules-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.rules-section__title{color:#ffffffd9;font-size:16px;font-weight:600;margin:0 0 12px}.rules-section__text{color:#ffffff8c;font-size:14px;line-height:1.7;margin:0}.rules-roles{display:flex;flex-direction:column;gap:12px}.rules-role{background:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;padding:14px;transition:all .3s ease}.rules-role--mafia{background:#c81e1e0a;border-color:#c81e1e26}.rules-role__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.rules-role__name{color:#fff;font-size:15px;font-weight:600}.rules-role__card{border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.rules-role__card--city{background:#22c55e26;color:#22c55e}.rules-role__card--mafia{background:#c81e1e26;color:#f44}.rules-role__card--maniac{background:#000;border:1px solid #ffffff40;color:#fff}.rules-role__desc{color:#ffffff80;font-size:13px;line-height:1.6;margin:0}.rules-win{display:flex;flex-direction:column;gap:16px}.rules-win__item{background:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;padding:14px}.rules-win__team{color:#fff;font-size:15px;font-weight:600;margin:0 0 6px}.rules-win__condition{color:#ffffff80;font-size:13px;line-height:1.6;margin:0}.rules-btn{align-items:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:50%;color:#fff9;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;padding:0;transition:all .3s ease;width:40px}.rules-btn:hover{background:#c81e1e1a;border-color:#c81e1e66;color:#f44}.rules-btn svg{height:20px;width:20px}.audio-controls{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#141416d9;border:1px solid #ffffff14;border-radius:24px;color:#fffc;display:flex;gap:10px;padding:8px 12px}.audio-controls--floating{bottom:16px;box-shadow:0 6px 24px #00000059;position:fixed;right:16px;z-index:50}.audio-controls--inline{display:inline-flex}.audio-controls__mute{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:50%;color:#ffffffd9;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:background .15s,color .15s,border-color .15s;width:32px}.audio-controls__mute:hover{background:#c81e1e2e;border-color:#c81e1e59}.audio-controls__mute--off{background:#c81e1e1f;border-color:#c81e1e73;color:#c81e1e}.audio-controls__volume{appearance:none;background:#ffffff1f;border-radius:2px;cursor:pointer;height:4px;outline:none;width:100px}.audio-controls__volume::-webkit-slider-thumb{appearance:none;background:#c81e1e;border:none;border-radius:50%;box-shadow:0 0 6px #c81e1e80;cursor:pointer;height:13px;width:13px}.audio-controls__volume::-moz-range-thumb{background:#c81e1e;border:none;border-radius:50%;cursor:pointer;height:13px;width:13px}.role-page{display:flex;flex-direction:column;margin:0 auto;max-width:600px;min-height:100vh;min-height:100dvh;overflow-x:hidden;transition:background-color .5s ease}.role-page,.role-page--preflip{background-color:#000}.role-page--preflip .role-main{justify-content:center}.role-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;display:flex;justify-content:space-between;padding:16px 20px;position:sticky;top:0;z-index:10}.role-header__title{color:#fff;font-size:18px;font-weight:600;margin:0}.role-header__pause{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:all .3s ease;width:40px}.role-header__pause:hover{background:#c81e1e1a;border-color:#c81e1e66;color:#f44}.role-header__pause svg{height:18px;width:18px}.role-header__pause.pause-btn--paused{background:#c81e1e1a;border-color:#c81e1e66;color:#f44}.role-header__timer-display{font-feature-settings:"tnum";color:#fff;font-size:18px;font-variant-numeric:tabular-nums;font-weight:700;min-width:50px;text-align:right;transition:color .3s ease}.role-header__timer-display--danger{animation:timer-blink 1s ease infinite;color:#f44}@keyframes timer-blink{0%,to{opacity:1}50%{opacity:.4}}.role-main{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:20px 20px 40px}.role-tap-hint{animation:role-pulse-hint 2s ease infinite;color:#fff6;font-size:14px;margin:16px 0 0;text-align:center}.role-card{cursor:pointer;height:380px;perspective:1200px;width:260px}.role-card__inner{border-radius:16px;height:100%;position:relative;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.4,0,.2,1);width:100%}.role-card--flipped .role-card__inner{transform:rotateY(180deg)}.role-card__back,.role-card__front{backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:16px;box-shadow:0 8px 32px #0009;height:100%;overflow:hidden;position:absolute;width:100%}.role-card__back{align-items:center;background-color:#000;display:flex;justify-content:center}.role-card__back-img{border-radius:16px;height:100%;object-fit:cover;width:100%}.role-card__front{transform:rotateY(180deg)}.role-card__front-img{display:block;height:100%;object-fit:cover;object-position:center;width:100%}@keyframes role-pulse-hint{0%,to{opacity:.4}50%{opacity:.8}}.role-abilities{margin-bottom:16px;margin-top:24px;max-height:0;opacity:0;overflow:hidden;transition:max-height .6s cubic-bezier(.4,0,.2,1),opacity .4s ease .2s;width:100%}.role-abilities--visible{max-height:400px;opacity:1}.role-abilities__card{background:linear-gradient(135deg,#c81e1e0f,#c81e1e05);border:1px solid #c81e1e1f;border-radius:20px;padding:20px}.role-abilities__title{color:#fffc;font-size:15px;font-weight:600;margin:0 0 10px}.role-abilities__text{color:#ffffff8c;font-size:13px;line-height:1.6;margin:0 0 12px}.role-abilities__action{align-items:center;background:#c81e1e14;border:1px solid #c81e1e1a;border-radius:12px;display:flex;gap:10px;padding:10px 14px}.role-abilities__action-svg{color:#c81e1e;flex-shrink:0;height:22px;width:22px}.role-abilities__action-text{color:#ffffffb3;font-size:13px;font-weight:500}.role-acknowledge{animation:role-fade-up .5s ease;width:100%}.role-progress{align-items:center;animation:role-fade-up .5s ease;display:flex;flex-direction:column;gap:8px;padding:8px 0 4px}.role-progress__counter{align-items:baseline;display:flex;gap:2px}.role-progress__count{color:#c81e1e;font-size:36px;font-weight:800}.role-progress__separator{color:#ffffff4d;font-size:24px;margin:0 4px}.role-progress__total{color:#fff6;font-size:24px;font-weight:600}.role-progress__text{color:#fff6;font-size:14px;margin:0}@keyframes role-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.role-waiting{align-items:center;animation:role-fade-up .5s ease;display:flex;flex-direction:column;gap:12px;padding:24px 0}.role-waiting__text{color:#fff6;font-size:14px;margin:0}.role-all-ready{align-items:center;animation:role-fade-up .5s ease;display:flex;flex-direction:column;gap:12px;padding:24px 0}.role-all-ready__check{align-items:center;animation:role-check-bounce .6s ease;background:#c81e1e26;border:2px solid #c81e1e66;border-radius:50%;color:#c81e1e;display:flex;height:56px;justify-content:center;width:56px}.role-all-ready__check svg{height:28px;width:28px}.role-all-ready__text{color:#fff;font-size:16px;font-weight:600;margin:0}.role-all-ready__hint{color:#ffffff59;font-size:13px;margin:0}@keyframes role-check-bounce{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.game-screen-wrapper{min-height:100vh;min-height:100dvh;position:relative}.game-screen-header{align-items:center;display:flex;gap:8px;position:fixed;right:16px;top:16px;z-index:50}.game-dev-pill-anchor{position:fixed;right:6px;top:6px;z-index:80}.game-header-right{align-items:center;display:flex;gap:10px}.subscription-plan-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.subscription-plan-card--active{border-color:#c81e1e4d}.subscription-plan-card--pro{background:#c81e1e0a;border-color:#c81e1e33}.subscription-plan-card__glow{background:linear-gradient(90deg,#0000,#c81e1e,#0000);height:2px;left:0;position:absolute;right:0;top:0}.subscription-plan-card__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.subscription-plan-card__name{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:700;gap:8px;margin:0}.subscription-plan-card__crown{display:inline-flex}.subscription-plan-card__crown svg{color:#c81e1e;height:20px;width:20px}.subscription-plan-card__price-group{align-items:baseline;display:flex;gap:2px}.subscription-plan-card__price{color:#fff;font-size:20px;font-weight:800}.subscription-plan-card__period{color:#fff6;font-size:13px}.subscription-plan-card__features{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.subscription-plan-card__features li{align-items:center;color:#ffffffb3;display:flex;font-size:14px;gap:10px}.subscription-plan-card__features li svg{color:#c81e1e;flex-shrink:0;height:16px;width:16px}.subscription-plan-card__feature--disabled{opacity:.3}.subscription-plan-card__feature--disabled svg{color:#ffffff4d!important}.subscription-plan-card__upgrade-btn{background:linear-gradient(135deg,#c81e1e,#a01818);border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:16px;padding:14px;transition:all .3s ease;width:100%}.subscription-plan-card__upgrade-btn:hover:not(:disabled){box-shadow:0 4px 20px #c81e1e66;transform:scale(1.02)}.subscription-plan-card__upgrade-btn:disabled{cursor:not-allowed;opacity:.6}.profile-page{background-color:#000;display:flex;flex-direction:column;margin:0 auto;max-width:600px;min-height:100vh;min-height:100dvh}.profile-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;display:flex;justify-content:space-between;padding:16px 20px;position:sticky;top:0;z-index:10}.profile-header__back{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:50%;color:#fff9;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:all .3s ease;width:40px}.profile-header__back:hover{border-color:#c81e1e66;color:#f44}.profile-header__back svg{height:20px;width:20px}.profile-header__title{color:#fff;font-size:18px;font-weight:700;margin:0}.profile-header__spacer{width:40px}.profile-main{display:flex;flex:1 1;flex-direction:column;gap:24px;padding:0 20px 40px}.profile-avatar-section{align-items:center;cursor:pointer;display:flex;flex-direction:column;padding:24px 0}.profile-avatar{border-radius:50%;height:100px;margin-bottom:12px;position:relative;width:100px}.profile-avatar__img{border:2px solid #c81e1e4d;border-radius:50%;height:100%;object-fit:cover;width:100%}.profile-avatar__placeholder{align-items:center;background:#c81e1e14;border:2px dashed #c81e1e40;border-radius:50%;color:#ffffff4d;display:flex;height:100%;justify-content:center;transition:all .3s ease;width:100%}.profile-avatar__placeholder svg{height:40px;width:40px}.profile-avatar__placeholder:hover{background:#c81e1e1f;border-color:#c81e1e80}.profile-avatar__edit{align-items:center;background:#c81e1e;border-radius:50%;bottom:0;box-shadow:0 2px 8px #c81e1e66;color:#fff;display:flex;height:32px;justify-content:center;position:absolute;right:0;width:32px}.profile-avatar__edit svg{height:14px;width:14px}.profile-avatar__hint{color:#ffffff4d;font-size:13px;margin:0}.profile-section{background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;padding:16px}.profile-section__header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.profile-section__header svg{color:#c81e1e99;flex-shrink:0;height:18px;width:18px}.profile-section__label{color:#fff6;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.profile-section__value{color:#ffffffd9;font-size:16px;font-weight:500;padding-left:28px}.profile-section--password .profile-section__header{margin-bottom:16px}.profile-password-form{display:flex;flex-direction:column;gap:12px}.profile-password-form__error{background:#c81e1e14;border:1px solid #c81e1e26;border-radius:10px;color:#f44;font-size:13px;padding:8px 12px}.profile-password-form__success{background:#22c55e14;border:1px solid #22c55e26;border-radius:10px;color:#22c55e;font-size:13px;padding:8px 12px}.profile-subscription__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.profile-subscription__title{color:#fff;font-size:18px;font-weight:700;margin:0}.profile-subscription__badge{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;color:#ffffff80;font-size:12px;font-weight:700;padding:4px 14px}.profile-subscription__badge--pro{background:#c81e1e26;border-color:#c81e1e4d;color:#f44}.profile-subscription__plans{display:flex;flex-direction:column;gap:12px}.profile-plan{background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.profile-plan--active{border-color:#c81e1e4d}.profile-plan--pro{background:#c81e1e0a;border-color:#c81e1e33}.profile-plan__glow{background:linear-gradient(90deg,#0000,#c81e1e,#0000);height:2px;left:0;position:absolute;right:0;top:0}.profile-plan__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.profile-plan__name{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:700;gap:8px;margin:0}.profile-plan__crown{display:inline-flex}.profile-plan__crown svg{color:#c81e1e;height:20px;width:20px}.profile-plan__price-group{align-items:baseline;display:flex;gap:2px}.profile-plan__price{color:#fff;font-size:20px;font-weight:800}.profile-plan__period{color:#fff6;font-size:13px}.profile-plan__features{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.profile-plan__features li{align-items:center;color:#ffffffb3;display:flex;font-size:14px;gap:10px}.profile-plan__features li svg{color:#c81e1e;flex-shrink:0;height:16px;width:16px}.profile-plan__feature--disabled{opacity:.3}.profile-plan__feature--disabled svg{color:#ffffff4d!important}.profile-plan__upgrade-btn{background:linear-gradient(135deg,#c81e1e,#a01818);border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:16px;padding:14px;transition:all .3s ease;width:100%}.profile-plan__upgrade-btn:hover{box-shadow:0 4px 20px #c81e1e66;transform:scale(1.02)}.profile-logout{align-items:center;background:#ff50500a;border:1px solid #ff505026;border-radius:14px;color:#ff5050b3;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:10px;justify-content:center;margin-top:8px;padding:14px;transition:all .3s ease}.profile-logout svg{height:18px;width:18px}.profile-logout:hover{background:#ff50501a;border-color:#ff50504d;color:#ff5050}.app-bootstrap{align-items:center;background:#000;color:#fff;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}