:root{--primary:#613bff;--primary-strong:#4f2be7;--primary-soft:#eeeaff;--primary-pale:#f7f5ff;--accent:#ff710f;--accent-soft:#fff1e8;--canvas:#f7f7fb;--surface:#fff;--surface-raised:#fff;--text:#17151f;--text-soft:#4f4b5e;--muted:#7d7989;--line:#e9e7ef;--line-strong:#dcd8e7;--success:#159b6c;--success-soft:#e9f8f2;--danger:#dc3d5a;--danger-soft:#fff0f3;--warning:#ba650e;--warning-soft:#fff5e8;--shadow-sm:0 8px 24px #2d22570f;--shadow-md:0 18px 50px #3226621a;--shadow-lg:0 28px 90px #26195629;--radius-sm:12px;--radius-md:18px;--radius-lg:26px;--radius-xl:34px;--font-sans:var(--font-manrope), "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth;min-width:320px;min-height:100%}body{min-height:100dvh;color:var(--text);background:var(--canvas);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:14px;line-height:1.45}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent;color:inherit}::selection{color:#fff;background:var(--primary)}:focus-visible{outline-offset:3px;outline:3px solid #613bff3d}.brand-mark{color:var(--text);letter-spacing:-.035em;align-items:center;gap:9px;font-size:18px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.brand-mark-light{color:#fff}.brand-symbol{color:#fff;background:var(--primary);border-radius:12px;flex:0 0 36px;place-items:center;width:36px;height:36px;display:grid;position:relative;box-shadow:0 10px 26px #613bff3b}.brand-mark-light .brand-symbol{color:var(--primary);background:#fff;box-shadow:0 14px 34px #26146838}.brand-symbol span{transform:translateY(-1px)}.brand-symbol i{color:#fff;background:var(--accent);border:3px solid;border-radius:50%;width:12px;height:12px;position:absolute;top:-3px;right:-3px}.brand-mark-light .brand-symbol i{color:var(--primary)}.brand-name{transform:translateY(1px)}.auth-page{background:var(--canvas);grid-template-columns:minmax(420px,.82fr) minmax(560px,1.18fr);min-height:100dvh;display:grid;overflow:hidden}.brand-stage{isolation:isolate;color:#fff;background:linear-gradient(150deg, #6b47f5 0%, var(--primary) 58%, #5530d8 100%);flex-direction:column;justify-content:space-between;min-height:100dvh;padding:clamp(32px,4.5vw,72px);display:flex;position:relative;overflow:hidden}.brand-stage:before,.brand-stage:after{content:"";z-index:-1;pointer-events:none;position:absolute}.brand-stage:before{border:1px solid #ffffff1f;border-radius:50%;width:32rem;height:32rem;bottom:-22rem;left:-20rem;box-shadow:0 0 0 90px #ffffff06}.brand-stage:after{display:none}.brand-stage-top{z-index:1;justify-content:space-between;align-items:center;gap:24px;display:flex;position:relative}.brand-copy{z-index:1;width:min(100%,540px);margin:clamp(40px,5vh,72px) 0;position:relative}.eyebrow{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:700;line-height:1.4;display:inline-flex}.eyebrow-light{color:#e9e1ff}.brand-copy h1{letter-spacing:-.045em;margin:18px 0 22px;font-size:clamp(44px,4.8vw,66px);font-weight:700;line-height:1.06}.brand-copy h1 em{color:#ffd2b3;font-style:normal}.brand-copy>p{color:#ffffffc7;max-width:48ch;margin:0;font-size:clamp(15px,1.2vw,17px);line-height:1.7}.brand-benefits{z-index:1;gap:15px;margin:34px 0 0;padding:0;list-style:none;display:grid;position:relative}.brand-benefits li{color:#ffffffdb;align-items:center;gap:12px;font-size:14px;font-weight:500;display:flex}.brand-benefits svg{color:#fffc}.brand-minimal-foot{z-index:1;color:#ffffff94;margin:0;font-size:12px;position:relative}.form-stage{background:var(--canvas);place-items:center;min-height:100dvh;padding:clamp(30px,5vw,72px);display:grid;position:relative;overflow-x:hidden}.form-stage-inner{width:min(100%,500px)}.auth-card{border:1px solid var(--line);background:var(--surface);width:100%;box-shadow:var(--shadow-sm);border-radius:26px;padding:clamp(30px,4vw,42px)}.auth-card h2{color:var(--text);letter-spacing:-.035em;margin:0 0 10px;font-size:clamp(29px,3vw,36px);font-weight:700;line-height:1.18}.auth-card>p,.lead{color:var(--muted);margin:0 0 30px;font-size:15px;line-height:1.6}.auth-card>.eyebrow{margin-bottom:11px}.field{gap:7px;margin-bottom:16px;display:grid}.field label{color:var(--text-soft);font-size:11px;font-weight:600}.input-wrap{position:relative}.prefix{z-index:1;border-right:1px solid var(--line);color:var(--text);padding-right:12px;font-size:14px;font-weight:600;position:absolute;top:50%;left:15px;transform:translateY(-50%)}input,select,textarea{border:1px solid var(--line-strong);width:100%;min-height:48px;color:var(--text);background:#fbfafe;border-radius:12px;outline:none;padding:0 15px;font-size:13px;transition:border-color .16s,box-shadow .16s,background .16s}input:hover,select:hover,textarea:hover{border-color:#c9c3d8}input:focus,select:focus,textarea:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #613bff1a}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;color:var(--muted);background:#f2f1f5}input::placeholder,textarea::placeholder{color:#aaa6b4}select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#777182 50%),linear-gradient(135deg,#777182 50%,#0000 50%);background-position:calc(100% - 20px) calc(50% - 2px),calc(100% - 15px) calc(50% - 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:40px}.with-prefix{padding-left:72px}.button{cursor:pointer;width:100%;min-height:48px;color:var(--text-soft);text-align:center;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:0 18px;font-size:12px;font-weight:600;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s,opacity .16s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{cursor:not-allowed;opacity:.52;transform:none}.button-primary{color:#fff;background:var(--primary);box-shadow:0 10px 22px #613bff2e}.button-primary:hover:not(:disabled){background:var(--primary-strong);box-shadow:0 12px 26px #613bff38}.button-secondary{color:var(--text);border-color:var(--line-strong);background:#fff}.button-secondary:hover:not(:disabled){background:var(--primary-pale);border-color:#c8c1da}.button-danger{color:var(--danger);background:var(--danger-soft);border-color:#ffcbd5}.button-quiet{width:auto;min-height:40px;color:var(--muted)}.button-spaced{margin-top:10px}.button-centered{margin:7px auto 0}.google-icon{background:conic-gradient(#4285f4 0 25%, #34a853 0 50%, #fbbc05 0 75%, #ea4335 0);border:3px solid #fff;border-radius:50%;flex:0 0 19px;width:19px;height:19px;position:relative;box-shadow:0 0 0 1px #28233714}.divider{color:#a29dac;text-transform:uppercase;letter-spacing:.09em;align-items:center;gap:13px;margin:17px 0;font-size:11px;font-weight:600;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.row{justify-content:space-between;align-items:center;gap:14px;display:flex}.form-options{margin-bottom:16px}.check{color:var(--muted);align-items:flex-start;gap:9px;font-size:12px;line-height:1.45;display:flex}.check input{appearance:none;background:#fff;border-radius:6px;flex:0 0 19px;width:19px;height:19px;min-height:19px;padding:0}.check input:checked{border-color:var(--primary);background-color:var(--primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.4' d='m5 10 3 3 7-7'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:14px}.text-link{color:var(--primary);font-weight:700;text-decoration:none}.text-link:hover{text-underline-offset:3px;text-decoration:underline}.switch-copy{color:var(--muted);text-align:center;margin:18px 0 0!important;font-size:12px!important}.hint{color:var(--muted);font-size:12px;line-height:1.55}.hint-success{color:var(--success)}.hint-danger{color:var(--danger)}.alert{border:1px solid #0000;border-radius:13px;margin:0 0 17px;padding:12px 14px;font-size:13px;line-height:1.55}.alert-error{color:#aa2e46;background:var(--danger-soft);border-color:#ffcbd5}.alert-success{color:#08734e;background:var(--success-soft);border-color:#bfead9}.alert-warning{color:var(--warning);background:var(--warning-soft);border-color:#f5d9b7}.otp-field{min-height:58px;position:relative}.otp-native-input{z-index:2;opacity:.001;cursor:text;caret-color:#0000;height:100%;min-height:58px;position:absolute;inset:0}.otp-native-input:focus{box-shadow:none}.otp-cells{z-index:1;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid;position:relative}.otp-cell{border:1px solid var(--line-strong);min-width:0;height:56px;color:var(--text);background:#fbfafe;border-radius:14px;place-items:center;font-size:20px;font-weight:800;transition:border-color .16s,box-shadow .16s,background .16s;display:grid}.otp-native-input:focus+.otp-cells .otp-cell.is-active{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #613bff1a}.otp-cell.is-filled{color:var(--primary);background:var(--primary-pale);border-color:#cfc6ff}.otp-input{text-align:center;letter-spacing:.55em;padding-left:calc(15px + .55em);font-size:20px;font-weight:800}.stepper{gap:7px;margin-bottom:26px;display:flex}.stepper span{background:#ece9f1;border-radius:999px;flex:1;height:5px;overflow:hidden}.stepper span:after{content:"";border-radius:inherit;background:linear-gradient(90deg, var(--primary), #8d72ff);width:0;height:100%;transition:width .24s;display:block}.stepper .active:after{width:100%}.step-label{color:var(--muted);margin-bottom:10px;font-size:12px;font-weight:600;display:block}.grid-two{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px;display:grid}.check-stack{gap:12px;margin:4px 0 20px;display:grid}.form-footnote{text-align:center;margin-top:14px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#17112d94;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{width:min(100%,450px);box-shadow:var(--shadow-lg);background:#fff;border:1px solid #4637781a;border-radius:28px;padding:clamp(24px,5vw,34px)}.modal:before{content:"!";width:48px;height:48px;color:var(--danger);background:var(--danger-soft);border-radius:15px;place-items:center;margin-bottom:18px;font-size:21px;font-weight:800;display:grid}.modal h3{color:var(--text);letter-spacing:-.03em;margin:0 0 10px;font-size:22px;line-height:1.25}.modal p{color:var(--muted);margin:8px 0;font-size:12px;line-height:1.65}.modal-actions{gap:9px;margin-top:22px;display:grid}.game-launcher-backdrop{z-index:140;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f1c2b8f;place-items:center;padding:18px;animation:.16s ease-out both game-launcher-fade;display:grid;position:fixed;inset:0}.game-launcher{color:#173442;background:linear-gradient(155deg,#fff 0%,#f5fbfd 100%);border:1px solid #3f809733;border-radius:23px;width:min(100%,360px);padding:25px;animation:.19s ease-out both game-launcher-rise;position:relative;box-shadow:0 28px 70px #041e2d47}.game-launcher-close{color:#6b818c;cursor:pointer;background:#e2f1f5b3;border:0;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;display:grid;position:absolute;top:13px;right:13px}.game-launcher-close:disabled{cursor:wait;opacity:.55}.game-launcher-emblem{color:#0c7d94;background:#e3f6f9;border-radius:14px;place-items:center;width:43px;height:43px;display:grid}.game-launcher h2{letter-spacing:-.03em;margin:15px 0 4px;font-size:21px;line-height:1.2}.game-launcher>p{color:#70828b;margin:0;font-size:12px}.game-launcher-actions{gap:9px;margin-top:19px;display:grid}.game-launcher-action{color:#173442;width:100%;min-height:60px;font:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #dbecef;border-radius:15px;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.game-launcher-action:hover:not(:disabled){border-color:#97d2dc;transform:translateY(-1px);box-shadow:0 10px 22px #1263771a}.game-launcher-action.is-primary{color:#fff;background:linear-gradient(135deg,#1199a8,#11617e);border-color:#087d93}.game-launcher-action>span{gap:2px;display:grid}.game-launcher-action strong{font-size:13px;font-weight:750}.game-launcher-action small{color:#718790;font-size:10px}.game-launcher-action.is-primary small{color:#c6edf1}.game-launcher-action:disabled{cursor:wait;opacity:.7}.game-launcher-error{color:#9b2941;background:#fff0f3;border-radius:11px;margin-top:11px;padding:9px 11px;font-size:10px;line-height:1.45}@keyframes game-launcher-fade{0%{opacity:0}}@keyframes game-launcher-rise{0%{opacity:0;transform:translateY(8px)scale(.985)}}.app-page{min-height:100dvh;color:var(--text);background:radial-gradient(circle at 4% 9%, #613bff0f, transparent 24rem), var(--canvas);padding-bottom:64px}.app-topbar{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border-bottom:1px solid #53467b14;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(20px,3vw,44px);min-height:64px;padding:0 clamp(20px,4vw,48px);display:grid;position:sticky;top:0}.desktop-navigation{justify-content:center;align-items:center;gap:5px;display:flex}.navigation-link{min-height:36px;color:var(--muted);white-space:nowrap;border-radius:10px;align-items:center;gap:7px;padding:0 10px;font-size:12px;font-weight:600;text-decoration:none;transition:color .16s,background .16s;display:inline-flex}.navigation-link:hover:not(.is-disabled),.navigation-link.is-active{color:var(--primary);background:var(--primary-soft)}.navigation-link.is-disabled{cursor:not-allowed;opacity:.48}.profile-chip{color:var(--text);align-items:center;gap:10px;text-decoration:none;display:flex}.profile-copy{text-align:right;gap:1px;display:grid}.profile-copy small{color:var(--muted);font-size:10px}.profile-copy strong{text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:12px;overflow:hidden}.avatar{color:#fff;background:linear-gradient(145deg, var(--accent), #ff9c59);border:3px solid #fff;border-radius:12px;flex:0 0 36px;place-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:grid;box-shadow:0 7px 18px #ff710f38}.app-shell{width:min(100% - clamp(36px,7vw,88px),1080px);margin:0 auto;padding:clamp(24px,3.5vw,36px) 0}.mobile-navigation{display:none}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;display:flex}.page-heading h1{letter-spacing:-.045em;margin:5px 0 0;font-size:clamp(26px,3vw,32px);line-height:1.12}.page-heading p{max-width:52ch;color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.65}.hero-panel{isolation:isolate;color:#fff;background:linear-gradient(135deg,#6b48f3 0%,#5732d9 100%);border-radius:30px;padding:clamp(28px,5vw,58px);position:relative;overflow:hidden;box-shadow:0 16px 45px #472dac21}.hero-panel:after{display:none}.hero-panel h1{letter-spacing:-.045em;max-width:760px;margin:17px 0 12px;font-size:clamp(34px,5vw,56px);font-weight:700;line-height:1.08}.hero-panel>p{color:#ffffffba;max-width:680px;margin:0;font-size:15px;line-height:1.72}.status-pill{color:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1c;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:7px;width:fit-content;min-height:32px;padding:6px 11px;font-size:10px;font-weight:700;display:inline-flex}.status-dot{background:#7ff0c3;border:2px solid #ffffff73;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #7ff0c3bf}.info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px;display:grid}.hero-panel .info-card{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-color:#ffffff26}.hero-panel .info-card small{color:#fff9}.content-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:20px;margin-top:22px;display:grid}.surface-card{background:#fff;border:1px solid #4e3f7d17;border-radius:24px;padding:clamp(22px,3vw,32px);box-shadow:0 5px 18px #2d22570b}.surface-card-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.surface-card-header h2,.section-heading{letter-spacing:-.025em;margin:0;font-size:19px;font-weight:650;line-height:1.3}.surface-card-header p{color:var(--muted);margin:4px 0 0;font-size:13px}.surface-icon{width:42px;height:42px;color:var(--primary);background:var(--primary-soft);border-radius:14px;flex:0 0 42px;place-items:center;display:grid}.surface-icon-accent{color:var(--accent);background:var(--accent-soft)}.info-card{border:1px solid var(--line);background:#fcfbfe;border-radius:17px;min-width:0;padding:18px}.info-card small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px;font-size:11px;font-weight:600;display:block}.info-card strong{overflow-wrap:anywhere;font-size:14px;display:block}.app-actions{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.app-actions .button{width:auto;min-width:150px;padding:0 20px}.quick-list,.session-list,.method-list{gap:10px;display:grid}.quick-link{border:1px solid var(--line);min-height:64px;color:var(--text);background:#fcfbfe;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;font-size:14px;font-weight:600;text-decoration:none;transition:border-color .16s,transform .16s,background .16s;display:flex}.quick-link:hover{background:var(--primary-pale);border-color:#cec6e5;transform:translateY(-1px)}.quick-link .surface-icon{flex-basis:38px;width:38px;height:38px}.quick-link>svg:last-child{color:#aaa3b8;margin-left:auto}.quick-link>.state-chip{margin-left:auto}.security-layout{grid-template-columns:minmax(0,1fr) minmax(270px,.42fr);gap:20px;display:grid}.security-stack{gap:20px;display:grid}.method-item,.session-item{border:1px solid var(--line);background:#fcfbfe;border-radius:17px;align-items:center;gap:13px;min-height:74px;padding:14px 16px;display:flex}.method-item>div:nth-child(2),.session-item>div:nth-child(2){flex:1;min-width:0}.method-item small,.session-item small{color:var(--muted);font-size:11px;display:block}.method-item strong,.session-item strong{text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:14px;display:block;overflow:hidden}.method-item .button{width:auto;min-height:40px;padding:0 14px;font-size:10px}.state-chip{min-height:28px;color:var(--success);background:var(--success-soft);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.security-note{color:#fff;background:radial-gradient(circle at 95% 0,#ffffff2b,#0000 9rem),linear-gradient(150deg,#6e4aff,#4f2bd3);border-radius:22px;padding:22px}.security-note .surface-icon{color:var(--primary);background:#fff}.security-note h2{letter-spacing:-.03em;margin:18px 0 8px;font-size:18px}.security-note p{color:#ffffffb8;margin:0;font-size:10px;line-height:1.7}.dashboard-section{margin-top:clamp(28px,4vw,38px);scroll-margin-top:100px}.dashboard-section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:14px;display:flex}.dashboard-section-heading h2,.catalog-heading h1{color:var(--text);letter-spacing:-.04em;margin:7px 0 0;font-size:clamp(20px,2vw,22px);font-weight:700;line-height:1.17}.dashboard-section-heading p,.catalog-heading p{max-width:62ch;color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.65}.section-link,.catalog-back{border:1px solid var(--line);width:fit-content;min-height:32px;color:var(--primary);white-space:nowrap;background:#fff;border-radius:12px;align-items:center;gap:6px;padding:0 8px;font-size:11px;font-weight:600;text-decoration:none;transition:border-color .16s,background .16s,transform .16s;display:inline-flex}.section-link:hover,.catalog-back:hover{background:var(--primary-pale);border-color:#d1c9ed;transform:translateY(-1px)}.module-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.module-card{--module-color:var(--primary);--module-soft:var(--primary-soft);border:1px solid var(--line);min-height:208px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:#fff;border-radius:15px;flex-direction:column;padding:15px;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;box-shadow:0 4px 15px #2d225709}.module-card:hover{border-color:color-mix(in srgb, var(--module-color) 26%, white);transform:translateY(-3px);box-shadow:0 12px 30px #2d225714}.tone-violet{--module-color:#613bff;--module-soft:#eeeaff}.tone-orange{--module-color:#dc5b00;--module-soft:#fff0e5}.tone-amber{--module-color:#a86600;--module-soft:#fff5db}.tone-rose{--module-color:#cf4669;--module-soft:#fff0f4}.tone-blue{--module-color:#3173d8;--module-soft:#edf4ff}.tone-emerald{--module-color:#14855f;--module-soft:#e9f8f2}.module-card-topline{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.module-card-icon,.module-preview-icon{width:48px;height:48px;color:var(--module-color);background:var(--module-soft);border-radius:15px;flex:0 0 48px;place-items:center;display:grid}.module-status,.module-preview-status{color:var(--muted);white-space:nowrap;background:#f4f3f7;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:600}.module-card-copy{margin-top:15px}.module-meta,.module-preview-meta{color:var(--module-color);font-size:11px;font-weight:600}.module-card .module-meta{display:none}.module-card h3{letter-spacing:-.025em;margin:0 0 5px;font-size:16px;font-weight:700;line-height:1.25}.module-card p{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.module-card-action{color:var(--module-color);align-items:center;gap:5px;font-size:12px;font-weight:600;display:none}.catalog-back{color:var(--text-soft);margin-bottom:28px}.catalog-heading{margin-bottom:28px}.catalog-heading h1{max-width:800px;font-size:clamp(28px,3.5vw,36px)}.module-preview-hero{--module-color:var(--primary);--module-soft:var(--primary-soft);border:1px solid color-mix(in srgb, var(--module-color) 16%, white);background:linear-gradient(135deg, var(--module-soft), white 78%);border-radius:28px;align-items:flex-start;gap:22px;padding:clamp(26px,5vw,48px);display:flex}.module-preview-icon{width:86px;height:86px;box-shadow:none;background:0 0;border-radius:0;flex-basis:86px}.module-preview-copy{min-width:0}.module-preview-copy h1{letter-spacing:-.045em;margin:10px 0 8px;font-size:clamp(28px,3.5vw,38px);font-weight:700;line-height:1.08}.module-preview-copy p{max-width:58ch;color:var(--muted);margin:0 0 18px;font-size:15px;line-height:1.65}.module-preview-status{color:var(--module-color);background:#fff}.module-preview-layout{grid-template-columns:minmax(0,1.1fr) minmax(280px,.72fr);gap:20px;margin-top:20px;display:grid}.feature-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.feature-list li{border:1px solid var(--line);min-height:54px;color:var(--text-soft);background:#fcfbfe;border-radius:15px;align-items:center;gap:11px;padding:10px 13px;font-size:13px;font-weight:500;display:flex}.feature-list li>span{width:30px;height:30px;color:var(--success);background:var(--success-soft);border-radius:10px;flex:0 0 30px;place-items:center;display:grid}.module-empty-state{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.module-empty-icon{width:52px;height:52px;color:var(--primary);background:var(--primary-soft);border-radius:17px;place-items:center;display:grid}.module-empty-state h2{letter-spacing:-.025em;margin:18px 0 8px;font-size:21px;line-height:1.25}.module-empty-state p{color:var(--muted);margin:0 0 20px;font-size:13px;line-height:1.65}.legal-page{background:radial-gradient(circle at 90% 8%, #613bff17, transparent 22rem), var(--canvas);min-height:100dvh;padding:clamp(18px,4vw,52px)}.legal{width:min(100%,780px);color:var(--text-soft);box-shadow:var(--shadow-md);background:#fff;border:1px solid #4e3f7d17;border-radius:30px;margin:0 auto;padding:clamp(26px,5vw,54px);font-size:13px;line-height:1.85}.legal .brand-mark{margin-bottom:38px}.legal-back{align-items:center;gap:7px;width:fit-content;margin-bottom:22px;display:flex}.legal h1{color:var(--text);letter-spacing:-.05em;margin:0 0 20px;font-size:clamp(30px,5vw,48px);line-height:1.1}.legal p{margin:16px 0}.legal-version{width:fit-content;color:var(--primary);background:var(--primary-soft);border-radius:999px;padding:7px 11px;font-size:10px;font-weight:700}.utility-state{background:radial-gradient(circle at 50% 25%, #613bff1f, transparent 24rem), var(--canvas);place-items:center;min-height:100dvh;padding:28px;display:grid}.utility-state-card{width:min(100%,490px);box-shadow:var(--shadow-md);text-align:center;background:#fff;border:1px solid #4e3f7d17;border-radius:30px;padding:clamp(30px,6vw,50px)}.utility-state-icon{width:70px;height:70px;color:var(--primary);background:var(--primary-soft);border-radius:23px;place-items:center;margin:0 auto 22px;display:grid}.utility-state-card h1{letter-spacing:-.045em;margin:0 0 10px;font-size:clamp(27px,5vw,38px);line-height:1.16}.utility-state-card p{color:var(--muted);margin:0 0 24px;font-size:12px;line-height:1.65}@media (max-width:1120px){.auth-page{grid-template-columns:minmax(380px,.78fr) minmax(520px,1.22fr)}.brand-stage{padding:34px}.brand-copy h1{font-size:clamp(42px,5.7vw,62px)}.desktop-navigation{gap:0}.navigation-link{padding:0 9px}}@media (max-width:940px){.auth-page{background:var(--primary);display:block;overflow:visible}.brand-stage{display:none}.form-stage{background:radial-gradient(circle at 92% 1%, #ffffff2e, transparent 13rem), linear-gradient(to bottom, var(--primary) 0 205px, var(--canvas) 205px 100%);place-items:start center;min-height:100dvh;padding:0 28px 42px}.form-stage-inner{width:min(100%,590px)}.mobile-auth-header{justify-content:space-between;align-items:center;gap:16px;min-height:108px;display:flex}.auth-card{border-radius:25px;box-shadow:0 14px 42px #2a1f531c}.desktop-navigation{display:none}.app-topbar{grid-template-columns:1fr auto}.app-shell{width:min(100% - 36px,760px)}.content-grid,.security-layout,.module-preview-layout{grid-template-columns:1fr}}@media (max-width:820px){.app-page{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.app-topbar{min-height:68px;padding:0 18px}.app-topbar .brand-symbol{border-radius:13px;flex-basis:38px;width:38px;height:38px}.profile-copy{display:none}.mobile-navigation{z-index:40;bottom:max(10px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff5;border:1px solid #48397417;border-radius:22px;grid-template-columns:repeat(4,minmax(0,1fr));width:min(100% - 24px,430px);min-height:67px;padding:7px 5px;display:grid;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 18px 48px #2b214f29}.mobile-navigation-link{color:#9994a5;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;font-size:11px;font-weight:600;text-decoration:none;display:flex}.mobile-navigation-link.is-active{color:var(--primary);background:var(--primary-soft)}.mobile-navigation-link.is-disabled{opacity:.5}.page-heading{flex-direction:column;align-items:flex-start}.info-grid{grid-template-columns:1fr}.dashboard-section-heading{flex-direction:column;align-items:flex-start;gap:14px}}@media (max-width:560px){.form-stage{background:radial-gradient(circle at 95% 0%, #ffffff2b, transparent 11rem), linear-gradient(to bottom, var(--primary) 0 188px, var(--canvas) 188px 100%);padding:0 14px 30px}.mobile-auth-header{min-height:92px}.mobile-auth-header .brand-symbol{border-radius:13px;flex-basis:38px;width:38px;height:38px}.mobile-auth-header .brand-name{font-size:19px}.auth-card{border-radius:23px;padding:29px 22px}.auth-card h2{font-size:28px}.grid-two{grid-template-columns:1fr;gap:0}.row{align-items:flex-start}.otp-cells{gap:5px}.otp-cell{border-radius:12px;height:51px;font-size:18px}.app-shell{width:min(100% - 28px,560px);padding:25px 0}.app-topbar .brand-name{display:none}.hero-panel{border-radius:24px;padding:25px 20px}.hero-panel h1{font-size:34px}.dashboard-section{margin-top:44px}.dashboard-section-heading h2{font-size:28px}.section-link{justify-content:center;width:100%}.module-grid{grid-template-columns:1fr}.module-card{min-height:228px}.catalog-heading h1{font-size:34px}.module-preview-hero{border-radius:23px;flex-direction:column;padding:24px 20px}.module-preview-copy h1{font-size:36px}.surface-card{border-radius:21px;padding:20px 16px}.app-actions{flex-direction:column}.app-actions .button{width:100%}.method-item,.session-item{flex-wrap:wrap;align-items:flex-start}.method-item .button{width:100%}.session-item .state-chip{margin-left:51px}.legal-page{padding:14px}.legal{border-radius:24px;padding:27px 21px}}@media (max-width:360px){.auth-card{padding-left:16px;padding-right:16px}.otp-cells{gap:4px}.otp-cell{border-radius:10px;height:47px;font-size:16px}.mobile-navigation-link{gap:3px;font-size:9px}}.app-boot-content[aria-hidden=true]{visibility:hidden;height:100dvh;overflow:hidden}.app-boot{z-index:1000;color:#fff;background:#13083d;place-items:center;min-height:100dvh;display:grid;position:fixed;inset:0;overflow:hidden}.app-boot-center{z-index:1;text-align:center;text-shadow:0 2px 18px #0c042c59;justify-items:center;width:min(100% - 48px,330px);display:grid;position:relative}.app-boot-center .brand-mark{gap:14px;font-size:clamp(28px,5vw,38px)}.app-boot-center .brand-symbol{border-radius:19px;flex-basis:58px;width:58px;height:58px}.app-boot-center p{color:#ffffffd6;margin:28px 0 13px;font-size:13px;font-weight:500}.app-boot-progress{background:#fff3;border-radius:999px;width:100%;height:5px;overflow:hidden;box-shadow:inset 0 1px 2px #0a03253d}.app-boot-progress span{border-radius:inherit;background:linear-gradient(90deg,#ff710f,#ffb37b);height:100%;transition:width .22s;display:block;box-shadow:0 0 18px #ff710f9e}.app-boot-center small{color:#ffffffa6;margin-top:10px;font-size:11px}.app-boot-retry{cursor:pointer;color:#fff;background:#ffffff1f;border:1px solid #ffffff57;border-radius:13px;min-height:42px;margin-top:18px;padding:0 18px;font-size:13px;font-weight:600}@keyframes app-boot-breathe{0%{opacity:.9;transform:scale(1)}to{opacity:1;transform:scale(1.025)}}.auth-page{background:radial-gradient(circle at 50% -10%,#613bff1c,#0000 24rem),#faf9fd;min-height:100dvh;display:block;overflow:visible}.auth-visual-stage,.auth-visual-content{display:none}.form-stage{width:100%;min-height:100dvh;padding:0 14px max(20px, env(safe-area-inset-bottom));background:0 0;grid-template-columns:minmax(0,1fr);place-items:start center}.form-stage-inner{flex-direction:column;justify-self:center;width:min(100%,420px);min-height:100dvh;display:flex}.mobile-auth-header{justify-content:center;align-items:center;min-height:82px;display:flex}.auth-card{background:#fffffffa;border:1px solid #4f3c8717;border-radius:20px;width:100%;padding:25px 21px;box-shadow:0 18px 52px #30226217}.auth-card h2{font-size:clamp(21px,5.8vw,23px);line-height:1.2}.auth-card>p,.lead{margin-bottom:21px;font-size:13px}.auth-minimal-foot{color:var(--muted);text-align:center;margin:auto 0 0;padding:24px 0 4px;font-size:11px}.module-card{isolation:isolate;background:linear-gradient(#fff,#fefeff);position:relative;overflow:hidden;box-shadow:0 8px 24px #2e22590e}.module-card:before{content:"";z-index:-1;background:var(--module-soft);opacity:.68;border-radius:50%;width:120px;height:120px;position:absolute;top:-70px;right:-68px}.module-card-icon{width:68px;height:60px;box-shadow:none;background:0 0;border:0;border-radius:0;flex-basis:68px;grid-column:2;justify-self:center;position:relative;overflow:visible}.module-artwork-image{object-fit:contain;filter:drop-shadow(0 7px 7px #34264c24);width:100%;height:100%;display:block}.module-status{color:var(--module-color);background:var(--module-soft);grid-column:3;justify-self:end}@media (min-width:821px){.module-card .module-status{padding:5px 8px;font-size:9px;position:absolute;bottom:14px;left:15px}}.lobby-welcome{isolation:isolate;background:radial-gradient(circle at 92% 10%,#613bff1f,#0000 12rem),linear-gradient(135deg,#f8f6ff,#efebff);border:1px solid #e6e0ff;border-radius:18px;justify-content:space-between;align-items:center;gap:24px;height:190px;min-height:190px;padding:clamp(22px,3vw,28px);display:flex;position:relative;overflow:hidden}.lobby-welcome-copy{z-index:2;position:relative}.lobby-welcome .eyebrow,.dashboard-section-heading .eyebrow,.dashboard-section-heading p{display:none}.lobby-welcome h1{letter-spacing:-.045em;margin:5px 0;font-size:clamp(22px,2.3vw,25px);font-weight:700;line-height:1.1}.lobby-welcome-copy>p{color:var(--muted);margin:0;font-size:12px}.lobby-welcome-links{flex-wrap:wrap;gap:15px;margin-top:21px;display:flex}.lobby-welcome-links a,.lobby-welcome-links button{cursor:pointer;min-height:36px;color:var(--text-soft);background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.lobby-welcome-links a:hover,.lobby-welcome-links button:hover{color:var(--primary)}.lobby-welcome-visual{flex:none;width:clamp(280px,28vw,330px);height:168px;position:relative}.lobby-welcome-visual:before{content:"";background:#613bff1a;border-radius:44% 56% 52% 48%;width:220px;height:150px;position:absolute;bottom:-62px;right:20px;transform:rotate(-12deg)}.lobby-friends-art{z-index:1;filter:drop-shadow(0 16px 18px #422b911f);background-image:url(/assets/illustrations/lobby-friends-v1.webp);background-position:100% 100%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:0}.lobby-welcome-visual>span{color:#fff;place-items:center;display:grid;position:absolute;box-shadow:0 15px 30px #4c2fbf2b}.lobby-visual-game{z-index:2;background:linear-gradient(145deg,#6f4cff,#5030d7);border-radius:15px;width:48px;height:48px;top:51px;left:0;transform:rotate(-7deg)}.lobby-visual-chat{z-index:2;background:linear-gradient(145deg,#ff8737,#ff6900);border:4px solid #f1edff;border-radius:14px;width:42px;height:42px;top:8px;right:12px;transform:rotate(9deg)}.lobby-welcome-visual i{z-index:2;background:#ff8a3d;border-radius:50%;width:14px;height:14px;position:absolute;bottom:19px;right:2px;box-shadow:-310px -155px 0 -3px #c5b8ff,-33px -163px 0 -4px #613bff}@media (min-width:700px){.form-stage{place-items:center;padding:30px 22px}.form-stage-inner{min-height:auto}.mobile-auth-header{min-height:auto;margin-bottom:20px}.auth-card{padding:30px}.auth-minimal-foot{margin-top:0}}@media (max-width:940px){.module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:980px){.auth-page{grid-template-columns:minmax(480px,1.08fr) minmax(410px,.92fr);gap:18px;width:min(100% - 40px,1080px);min-height:calc(100vh - 40px);margin:20px auto;padding:0;display:grid}.auth-visual-stage{isolation:isolate;background:radial-gradient(circle at 18% 13%,#613bff21,#0000 16rem),radial-gradient(circle at 85% 78%,#ff710f1f,#0000 18rem),linear-gradient(145deg,#fff,#f4f1ff);border:1px solid #e8e3f8;border-radius:22px;min-height:calc(100vh - 40px);display:block;position:relative;overflow:hidden;box-shadow:0 14px 42px #2c1f590e}.auth-visual-content{z-index:4;padding:clamp(30px,3.5vw,44px);display:block;position:relative}.auth-visual-content h1{letter-spacing:-.035em;margin:34px 0 24px;font-size:clamp(27px,2.5vw,32px);font-weight:700;line-height:1.22}.auth-visual-benefits{gap:17px;width:min(100%,330px);margin:0;padding:0;list-style:none;display:grid}.auth-visual-benefits li{grid-template-columns:48px 1fr;align-items:center;gap:13px;display:grid}.auth-visual-benefits li>span:last-child{gap:2px;min-width:0;display:grid}.auth-visual-benefits strong{font-size:12px;font-weight:700}.auth-visual-benefits small{color:var(--text-soft);font-size:10px;line-height:1.45}.auth-benefit-icon{border-radius:13px;place-items:center;width:48px;height:48px;display:grid}.auth-benefit-game{color:var(--primary);background:var(--primary-soft)}.auth-benefit-friends{color:var(--danger);background:var(--danger-soft)}.auth-benefit-safe{color:var(--success);background:var(--success-soft)}.auth-visual-halo{border:1px solid #613bff21;border-radius:50%;width:min(31vw,390px);height:min(31vw,390px);bottom:-19%;left:27%;transform:translate(-50%);box-shadow:0 0 0 74px #613bff09,0 0 0 148px #613bff05}.auth-friends-art{z-index:2;filter:drop-shadow(0 25px 24px #41279024);background-image:url(/assets/illustrations/auth-friends-v1.webp);background-position:bottom;background-repeat:no-repeat;background-size:contain;width:min(52%,290px);height:28%;position:absolute;bottom:0;left:27%;transform:translate(-50%)}.auth-float{z-index:3;color:#fff;place-items:center;display:grid;position:absolute;box-shadow:0 16px 32px #452d9c2e}.auth-float-game{background:linear-gradient(145deg,#7452ff,#5330db);border-radius:12px;width:38px;height:38px;top:auto;bottom:19%;left:7%;transform:rotate(-8deg)}.auth-float-heart{background:linear-gradient(145deg,#ff8b43,#ff6500);border:4px solid #ffffffd1;border-radius:12px;width:36px;height:36px;top:auto;bottom:22%;right:23%;transform:rotate(9deg)}.auth-spark{z-index:3;background:var(--primary);width:13px;height:13px;position:absolute;transform:rotate(45deg)}.auth-spark-one{top:auto;bottom:32%;right:34%}.auth-spark-two{background:var(--accent);width:9px;height:9px;top:auto;bottom:11%;left:6%}.form-stage{min-height:calc(100vh - 40px);padding:24px}.form-stage-inner{width:min(100%,390px)}.mobile-auth-header{display:none}.auth-card{border-radius:18px;padding:29px}.auth-card h2{letter-spacing:-.025em;font-size:18px}.auth-card>p,.lead{margin-bottom:21px;font-size:11px}.auth-minimal-foot{margin-top:0}}@media (max-width:560px){.app-boot-center{width:min(100% - 56px,290px)}.app-boot-center .brand-mark{font-size:29px}.app-boot-center .brand-symbol{border-radius:18px;flex-basis:54px;width:54px;height:54px}.app-topbar .brand-name{font-size:16px;display:inline}.app-topbar{min-height:60px;padding:0 14px}.app-topbar .brand-symbol{border-radius:11px;flex-basis:34px;width:34px;height:34px}.avatar{flex-basis:34px;width:34px;height:34px}.app-shell{width:min(100% - 20px,560px);padding:14px 0 20px}.lobby-welcome{border-radius:16px;gap:8px;height:auto;min-height:134px;padding:15px}.lobby-welcome-copy{max-width:56%}.lobby-welcome .eyebrow{font-size:9px}.lobby-welcome h1{margin:0 0 5px;font-size:clamp(16px,4.6vw,19px);line-height:1.2}.lobby-welcome-copy>p{max-width:18ch;font-size:10px;line-height:1.45}.lobby-welcome-links{margin-top:12px}.lobby-welcome-links a{font-size:10px}.lobby-welcome-links button{display:none}.lobby-welcome-visual{width:148px;height:124px;margin-right:0;position:absolute;bottom:0;right:-7px}.lobby-welcome-visual:before{width:112px;height:82px;bottom:-25px;right:8px}.lobby-visual-game{border-radius:10px;width:31px;height:31px;top:47px;left:1px}.lobby-visual-game svg{width:19px;height:19px}.lobby-visual-chat{border-width:3px;border-radius:10px;width:31px;height:31px;top:8px;right:3px}.lobby-visual-chat svg{width:16px;height:16px}.lobby-welcome-visual i{width:10px;height:10px;bottom:12px;right:3px;box-shadow:-142px -104px 0 -2px #c5b8ff,-11px -116px 0 -3px #613bff}.dashboard-section{margin-top:24px}.dashboard-section-heading{flex-direction:row;align-items:center;gap:12px;margin-bottom:10px}.dashboard-section-heading .eyebrow{display:none}.dashboard-section-heading h2{letter-spacing:-.025em;margin:0;font-size:16px}.dashboard-section-heading p{margin-top:3px;font-size:11px}.section-link{background:0 0;border:0;justify-content:flex-end;width:fit-content;min-height:34px;margin-left:auto;padding:0;font-size:11px}.module-grid{grid-template-columns:1fr;gap:8px}.module-card{border-radius:13px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:0;padding:10px;display:grid;box-shadow:0 3px 12px #2d225708}.module-card-topline{display:contents}.module-card-icon{flex-basis:48px;grid-column:1;width:48px;height:48px}.module-status{grid-column:3;padding:4px 6px;font-size:8px;position:static}.module-card-copy{grid-area:1/2;min-width:0;margin:0}.module-meta{display:none}.module-card h3{margin:0 0 3px;font-size:13px}.module-card p{text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.4;overflow:hidden}.module-card-action{display:none}}.app-boot{isolation:isolate;opacity:1;background:#080326;transition:opacity .32s}.app-boot.is-leaving{opacity:0}.app-boot-picture{z-index:-2;animation:6s ease-in-out infinite alternate app-boot-breathe;position:absolute;inset:0}.app-boot-picture img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.app-boot:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#09032505 0 12%,#09032529 45%),linear-gradient(#0702200d,#07022040);position:absolute;inset:0}.app-boot-center{-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#11073b47;border:1px solid #ffffff29;border-radius:25px;width:min(100% - 54px,300px);padding:24px 21px 20px;box-shadow:0 24px 70px #07021f40}.app-boot-center p{margin-top:22px}.auth-page{isolation:isolate;color:#fff;background:#0d0734;width:100%;min-height:100dvh;margin:0;padding:0;display:block;position:relative;overflow-x:hidden}.auth-world-picture,.auth-world-shade{position:fixed;inset:0}.auth-world-picture{z-index:-3}.auth-world-picture img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.auth-world-shade{z-index:-2;pointer-events:none;background:linear-gradient(90deg,#0a042a0d 0 43%,#0a042aa3 69% 100%),linear-gradient(#0803210a,#08032136)}.auth-world-brand{z-index:3;position:fixed;top:clamp(24px,4vw,54px);left:clamp(24px,4vw,58px)}.auth-world-brand .brand-mark,.mobile-auth-header .brand-mark{color:#fff}.form-stage{z-index:2;background:0 0;place-items:center end;width:100%;min-height:100dvh;padding:clamp(30px,5vw,72px) clamp(28px,7vw,110px);display:grid;position:relative}.form-stage-inner{justify-self:end;width:min(100%,400px);min-height:auto;display:block}.mobile-auth-header{display:none}.auth-card{color:#fff;-webkit-backdrop-filter:blur(22px)saturate(120%);backdrop-filter:blur(22px)saturate(120%);background:#12083b94;border:1px solid #ffffff2e;border-radius:24px;width:100%;padding:clamp(24px,3vw,32px);box-shadow:0 30px 90px #05021954}.auth-card h2{color:#fff;letter-spacing:-.035em;font-size:clamp(22px,2vw,26px)}.auth-card>p,.auth-card .lead,.auth-card .field label,.auth-card .check,.auth-card .hint,.auth-card .switch-copy{color:#ffffffb0}.auth-card .field label{font-size:11px;font-weight:650}.auth-card input,.auth-card select,.auth-card textarea{color:#211740;background:#fffffff0;border-color:#ffffffa6}.auth-card input::placeholder,.auth-card textarea::placeholder{color:#8e899a}.auth-card input:focus,.auth-card select:focus,.auth-card textarea:focus{background:#fff;border-color:#fff;box-shadow:0 0 0 4px #ffffff26}.auth-card .prefix{color:#2a2240;border-right-color:#ddd8e8}.auth-card .check input{background:#fffffff2;border-color:#fff9}.auth-card .check input:checked{border-color:var(--primary);background-color:var(--primary)}.auth-card .text-link{color:#e1d8ff}.auth-card .button-primary{background:linear-gradient(135deg,#7654ff,#5935e8);box-shadow:0 13px 30px #26127259}.auth-card .button-secondary{color:#272039;background:#fffffff2;border-color:#fffc}.auth-card .button-quiet{color:#ffffffbf}.auth-card .divider{color:#ffffff87}.auth-card .divider:before,.auth-card .divider:after{background:#ffffff29}.auth-card .otp-cell{color:#211740;background:#fffffff0;border-color:#ffffffa6}.auth-minimal-foot{color:#ffffff8a;text-shadow:0 2px 16px #080321a6;margin:0;padding:18px 0 0}.app-page{isolation:isolate;background:radial-gradient(circle at 88% -3%,#7651ff30,#0000 25rem),radial-gradient(circle at 3% 12%,#ff710f14,#0000 19rem),#f8f7fc;min-height:100dvh;padding-bottom:112px;position:relative}.app-page:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#eee9ffbd,#0000);height:210px;position:absolute;top:0;left:0;right:0}.app-topbar{z-index:30;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0;border:0;justify-content:flex-end;align-items:center;min-height:78px;padding:17px clamp(20px,4vw,48px);display:flex;position:absolute;top:0;left:0;right:0}.desktop-navigation{display:none}.profile-chip{pointer-events:auto}.profile-copy{gap:0}.profile-copy strong{max-width:160px;font-size:12px}.profile-online{justify-content:flex-end;align-items:center;gap:5px;display:inline-flex}.profile-online i{background:#20b879;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #20b8791f}.avatar{border-radius:14px;flex-basis:40px;width:40px;height:40px;box-shadow:0 9px 24px #ff710f3d}.app-shell{width:min(100% - clamp(36px,7vw,88px),1080px);padding:96px 0 24px}.mobile-navigation{z-index:40;bottom:max(14px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px)saturate(130%);backdrop-filter:blur(20px)saturate(130%);background:#190e3ce3;border:1px solid #ffffff2b;border-radius:21px;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100% - 28px,360px);min-height:64px;padding:7px;display:grid;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 22px 55px #1e134345}.mobile-navigation-link{color:#ffffff91;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;font-size:10px;font-weight:650;text-decoration:none;display:flex}.mobile-navigation-link:hover,.mobile-navigation-link.is-active{color:#fff;background:linear-gradient(135deg,#7552ff,#5b38e9);box-shadow:0 8px 21px #361c9757}.lobby-welcome{background:radial-gradient(circle at 90% 0,#ffffff59,#0000 15rem),linear-gradient(135deg,#eee9ff,#f8f5ff);border:0;border-radius:24px;height:176px;min-height:176px;padding:25px 28px;box-shadow:0 15px 45px #422b9114}@media (max-width:820px){.auth-world-picture img{object-position:center top}.auth-world-shade{background:linear-gradient(#07021f03 0 34%,#07021fa3 50%,#0b052d 100%),radial-gradient(circle at 50% 28%,#0000 0 18%,#07021f21 50%)}.auth-world-brand{display:none}.form-stage{min-height:100dvh;padding:clamp(285px, 39dvh, 360px) 16px max(22px, env(safe-area-inset-bottom));place-items:end center}.form-stage-inner{justify-self:center;width:min(100%,420px)}.mobile-auth-header{justify-content:center;min-height:auto;margin:0 0 14px;display:flex}.mobile-auth-header .brand-symbol{border-radius:12px;flex-basis:37px;width:37px;height:37px}.auth-card{-webkit-backdrop-filter:blur(19px)saturate(120%);backdrop-filter:blur(19px)saturate(120%);background:#110738b0;border-radius:21px;padding:23px 20px}.auth-card h2{font-size:22px}.auth-minimal-foot{display:none}.app-topbar{min-height:70px;padding:13px 14px}.profile-copy{display:grid}.profile-copy .profile-online{font-size:8px}.profile-copy strong{max-width:112px;font-size:11px}.app-shell{width:min(100% - 20px,620px);padding:82px 0 20px}.mobile-navigation{grid-template-columns:repeat(3,minmax(0,1fr));width:min(100% - 24px,360px)}}@media (max-width:560px){.app-boot-picture img{object-position:center}.app-boot-center{border-radius:22px;width:min(100% - 52px,282px);padding:21px 18px 18px}.app-boot-center .brand-mark{font-size:27px}.app-boot-center .brand-symbol{border-radius:17px;flex-basis:50px;width:50px;height:50px}.app-topbar{padding-right:12px}.avatar{border-radius:13px;flex-basis:36px;width:36px;height:36px}.lobby-welcome{border-radius:18px;height:auto;min-height:132px;padding:15px}}@media (max-height:700px) and (max-width:820px){.form-stage{padding-top:104px}.mobile-auth-header{margin-bottom:10px}}.app-boot-center .brand-mark-wordmark{color:#fff;letter-spacing:-.055em;gap:0;font-size:clamp(31px,5vw,42px);font-weight:800}.app-boot-center .brand-mark-wordmark .brand-name{text-shadow:0 3px #11073bb8,0 11px 25px #03011394}.brand-name-animated{display:inline-flex;overflow:visible}.brand-name-animated>span{opacity:0;will-change:transform, opacity;min-width:.02em;animation:1.82s cubic-bezier(.16,.82,.24,1) forwards splash-letter-flight;display:inline-block}.brand-name-animated>span:first-child{--splash-letter-x:-42vw;--splash-letter-y:-23vh;--splash-letter-rotation:-31deg}.brand-name-animated>span:nth-child(2){--splash-letter-x:24vw;--splash-letter-y:-34vh;--splash-letter-rotation:24deg}.brand-name-animated>span:nth-child(3){--splash-letter-x:-38vw;--splash-letter-y:14vh;--splash-letter-rotation:-19deg}.brand-name-animated>span:nth-child(4){--splash-letter-x:39vw;--splash-letter-y:20vh;--splash-letter-rotation:27deg}.brand-name-animated>span:nth-child(5){--splash-letter-x:-21vw;--splash-letter-y:34vh;--splash-letter-rotation:-23deg}.brand-name-animated>span:nth-child(6){--splash-letter-x:43vw;--splash-letter-y:-19vh;--splash-letter-rotation:32deg}@keyframes splash-letter-flight{0%{opacity:0;transform:translate3d(var(--splash-letter-x), var(--splash-letter-y), 0) rotate(var(--splash-letter-rotation)) scale(.48)}66%{opacity:1;transform:translate(-5px,3px)rotate(-3deg)scale(1.075)}84%{transform:translate(2px,-1px)rotate(1.25deg)scale(.99)}to{opacity:1;transform:translate(0,0)rotate(0)scale(1)}}.auth-world-brand,.mobile-auth-header{display:none!important}.home-dashboard{position:relative}.home-dashboard .lobby-welcome{color:#fff;background:radial-gradient(circle at 84% 18%,#9b7cff70,#0000 17rem),radial-gradient(circle at 13% 116%,#ff70164f,#0000 18rem),linear-gradient(135deg,#241064 0%,#3e238d 54%,#20105d 100%);border:1px solid #ffffff1f;height:210px;min-height:210px;padding:30px 34px;box-shadow:0 24px 60px #2c187133}.home-dashboard .lobby-welcome:before,.home-dashboard .lobby-welcome:after{content:"";pointer-events:none;position:absolute}.home-dashboard .lobby-welcome:before{border:1px solid #ffffff1a;border-radius:50%;width:420px;height:420px;top:-335px;left:18%;box-shadow:0 0 0 58px #ffffff06,0 0 0 118px #ffffff04}.home-dashboard .lobby-welcome:after{background:#ff8a3d;border-radius:3px;width:8px;height:8px;top:29px;left:46%;transform:rotate(45deg);box-shadow:78px 102px 0 -2px #a892ff,-70px 122px 0 -1px #ffffffb3,405px -5px 0 -2px #ffffff8c}.home-dashboard .lobby-welcome-copy{max-width:52%}.home-dashboard .lobby-welcome .eyebrow{color:#ffb17c;display:inline-flex}.home-dashboard .lobby-welcome h1{color:#fff;margin:7px 0 6px;font-size:clamp(25px,2.6vw,30px)}.home-dashboard .lobby-welcome-copy>p{color:#ffffffb3;font-size:12px}.home-dashboard .lobby-welcome-links{gap:8px;margin-top:20px}.home-dashboard .lobby-welcome-links a{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff29;border-radius:12px;min-height:36px;padding:0 13px}.home-dashboard .lobby-welcome-links a:first-child{background:linear-gradient(135deg,#ff842f,#ff6500);border-color:#0000;box-shadow:0 10px 24px #ff680a40}.home-dashboard .lobby-welcome-links a:hover{color:#fff;background:#ffffff2b}.home-dashboard .lobby-welcome-links a:first-child:hover{background:linear-gradient(135deg,#ff9144,#ff710f)}.home-dashboard .lobby-welcome-visual{align-self:flex-end;width:clamp(360px,39vw,450px);height:210px}.home-dashboard .lobby-welcome-visual:before{background:#a48bff2e;width:310px;height:190px;bottom:-88px;right:10px}.home-dashboard .lobby-friends-art{filter:drop-shadow(0 20px 22px #0a032a52);background-position:100% 100%;right:8px}.lobby-object{z-index:3;filter:drop-shadow(0 10px 12px #0b032c47);background-position:50%;background-repeat:no-repeat;background-size:contain;display:block;position:absolute}.lobby-object-okey{background-image:url(/assets/module-icons/101-okey-v1.webp);width:84px;height:64px;top:44px;left:0;transform:rotate(-8deg)}.lobby-object-trophy{background-image:url(/assets/module-icons/bilgi-yarismasi-v1.webp);width:65px;height:65px;top:13px;right:0;transform:rotate(7deg)}.lobby-object-chat{background-image:url(/assets/module-icons/sohbet-v1.webp);width:54px;height:54px;bottom:14px;right:20px;transform:rotate(8deg)}.home-dashboard .dashboard-section{border:1px solid #4a378612;border-radius:25px;padding:20px;box-shadow:0 14px 40px #3324690e}.home-dashboard .dashboard-section-games{background:radial-gradient(circle at 97% 0,#613bff1c,#0000 17rem),linear-gradient(145deg,#f5f2fff0,#ffffffe6)}.home-dashboard .dashboard-section-social{background:radial-gradient(circle at 2% 0,#ff710f1a,#0000 17rem),linear-gradient(145deg,#fff7f3f0,#ffffffe6)}.home-dashboard .dashboard-section-heading{margin-bottom:17px}.home-dashboard .dashboard-section-heading .eyebrow,.home-dashboard .dashboard-section-heading p{display:block}.home-dashboard .dashboard-section-heading .eyebrow{margin-bottom:2px}.home-dashboard .module-card{border-color:#4a378617;box-shadow:0 9px 24px #2c1f590e}.module-card-icon:before{content:"";z-index:-1;background:var(--module-soft);filter:blur(9px);opacity:.82;border-radius:50%;position:absolute;inset:7px 3px}.module-artwork-image{z-index:1;position:relative}@media (max-width:820px){.home-dashboard .lobby-welcome-copy{max-width:57%}.home-dashboard .lobby-welcome-visual{width:min(46vw,300px)}.home-dashboard .dashboard-section{border-radius:22px;padding:16px}}@media (max-width:560px){.home-dashboard .lobby-welcome{border-radius:20px;min-height:174px;padding:17px 16px}.home-dashboard .lobby-welcome-copy{max-width:59%}.home-dashboard .lobby-welcome .eyebrow{font-size:8px}.home-dashboard .lobby-welcome h1{margin-top:4px;font-size:clamp(18px,5.4vw,21px)}.home-dashboard .lobby-welcome-copy>p{max-width:20ch;font-size:10px}.home-dashboard .lobby-welcome-links{gap:6px;margin-top:14px}.home-dashboard .lobby-welcome-links a{border-radius:10px;gap:4px;min-height:31px;padding:0 9px;font-size:9px}.home-dashboard .lobby-welcome-links a svg{width:13px;height:13px}.home-dashboard .lobby-welcome-visual{width:175px;height:154px;position:absolute;bottom:0;right:-12px}.home-dashboard .lobby-welcome-visual:before{width:145px;height:105px;bottom:-37px;right:-3px}.lobby-object-okey{width:52px;height:40px;top:42px;left:0}.lobby-object-trophy{width:40px;height:40px;top:7px;right:5px}.lobby-object-chat{width:35px;height:35px;bottom:8px;right:7px}.home-dashboard .dashboard-section{border-radius:19px;margin-top:18px;padding:12px 10px 10px}.home-dashboard .dashboard-section-heading{margin-bottom:10px}.home-dashboard .dashboard-section-heading p{display:none}.module-card{grid-template-columns:60px minmax(0,1fr) auto;gap:10px;min-height:82px;padding:10px 11px}.module-card-icon{flex-basis:60px;width:60px;height:60px}.module-artwork-image{transform:scale(1.05)}.module-okey .module-artwork-image,.module-101-okey .module-artwork-image,.module-pisti .module-artwork-image{transform:scale(1.12)}.module-card-icon:before{inset:9px 5px}}@media (max-width:360px){.module-card{grid-template-columns:54px minmax(0,1fr) auto;gap:8px;min-height:78px;padding-left:8px;padding-right:8px}.module-card-icon{flex-basis:54px;width:54px;height:54px}.module-status{padding-left:5px;padding-right:5px;font-size:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.module-status.is-live{color:#076d77;background:linear-gradient(135deg,#e2fffa,#d9f7ff);border-color:#0fa3ab38;box-shadow:0 5px 14px #0d7e8b21}.battleship-entry-stage{color:#eefaff;isolation:isolate;background:radial-gradient(circle at 23% 24%,#29beda33,#0000 27%),radial-gradient(circle at 81% 64%,#3c67e833,#0000 31%),linear-gradient(145deg,#061d2c 0%,#0a3449 45%,#081d34 100%);border:1px solid #89dff830;border-radius:34px;min-height:min(760px,100dvh - 128px);padding:clamp(34px,5vw,76px);position:relative;overflow:hidden;box-shadow:0 35px 80px #0c1d4047,inset 0 1px #ffffff1f}.battleship-entry-stage:before,.battleship-entry-stage:after{z-index:-1;content:"";pointer-events:none;position:absolute}.battleship-entry-stage:before{opacity:.34;background-image:linear-gradient(#76dbef17 1px,#0000 1px),linear-gradient(90deg,#76dbef17 1px,#0000 1px);background-size:48px 48px;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 70%);mask-image:linear-gradient(90deg,#000,#0000 70%)}.battleship-entry-stage:after{background:repeating-radial-gradient(#37d1e32b 0 2px,#0000 3px 27px);border-radius:50%;width:820px;height:260px;bottom:-126px;right:-110px;transform:rotate(-7deg)}.battleship-back{z-index:4;color:#d9f5ff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0519296b;border:1px solid #b4e5f430;border-radius:12px;align-items:center;gap:8px;padding:9px 13px;font-size:12px;font-weight:750;text-decoration:none;display:inline-flex;position:absolute;top:24px;left:28px}.battleship-entry-title{z-index:2;width:min(47%,610px);margin-top:clamp(58px,8vh,106px);position:relative}.naval-kicker{color:#69def1;letter-spacing:.2em;margin-bottom:9px;font-size:10px;font-weight:850;display:block}.battleship-entry-title h1{color:#fff;letter-spacing:-.06em;text-shadow:0 12px 40px #000e1c80;margin:0;font-size:clamp(42px,6vw,82px);font-weight:820;line-height:.93}.battleship-entry-title p{color:#b6d0dc;max-width:510px;margin:22px 0 0;font-size:clamp(14px,1.5vw,18px);line-height:1.7}.battleship-entry-sea{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.sea-radar{aspect-ratio:1;opacity:.22;background:repeating-radial-gradient(circle,#0000 0 17%,#6ee7f3cc 17.2% 17.5%,#0000 17.8% 34%);border:1px solid #6ee7f3;border-radius:50%;width:min(52vw,690px);position:absolute;top:-25%;right:-8%}.sea-radar:after{content:"";transform-origin:0;background:linear-gradient(90deg,#8ff5ff,#0000);width:48%;height:1px;animation:6s linear infinite naval-radar;position:absolute;inset:50% 0 auto 50%}.sea-line{border-top:1px solid #7ddff33d;border-radius:50%;width:70%;height:64px;position:absolute;bottom:14%;right:-10%}.sea-line-two{opacity:.45;bottom:8%;transform:scale(.92)}.entry-carrier{z-index:1;filter:drop-shadow(0 26px 25px #000a1b6b);width:min(48vw,680px);position:absolute;bottom:16%;right:-3%;transform:rotate(-4deg)}.entry-submarine{opacity:.35;filter:blur(.3px);width:300px;position:absolute;bottom:5%;right:24%;transform:rotate(4deg)}.fleet-ship-art{aspect-ratio:4;justify-content:center;align-items:center;width:100%;display:flex;overflow:visible}.fleet-ship-art img{object-fit:contain;filter:drop-shadow(0 6px 7px #00101c66);pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.fleet-ship-art.is-compact{min-width:64px}.battleship-entry-panel{z-index:5;color:#162d3a;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(160deg,#fafefff7,#e8f5f8f0);border:1px solid #dcf5fa85;border-radius:25px;width:min(390px,39%);padding:26px;position:absolute;top:50%;right:clamp(28px,5vw,76px);transform:translateY(-50%);box-shadow:0 28px 70px #000e1f61,inset 0 1px #fff}.battleship-entry-panel.is-searching{width:min(450px,44%);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0}.entry-panel-heading{align-items:center;gap:13px;margin-bottom:20px;display:flex}.entry-panel-heading small{color:#5a7784;letter-spacing:.15em;font-size:9px;font-weight:800}.entry-panel-heading h2{letter-spacing:-.035em;margin:3px 0 0;font-size:21px}.command-emblem{aspect-ratio:1;color:#eaffff;background:linear-gradient(145deg,#15aabd,#12668e);border:1px solid #ffffff4d;border-radius:15px;place-items:center;width:48px;display:grid;box-shadow:0 10px 22px #117c9440}.naval-choice{color:#193340;text-align:left;cursor:pointer;background:#ffffffc2;border:1px solid #d6e5e9;border-radius:16px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;min-height:70px;margin-top:10px;padding:10px 12px;transition:transform .2s,box-shadow .2s,border-color .2s;display:grid;box-shadow:0 7px 20px #25495b12}.naval-choice:hover:not(:disabled){border-color:#94d4de;transform:translateY(-2px);box-shadow:0 13px 25px #11566c21}.naval-choice.is-primary{color:#fff;background:linear-gradient(135deg,#0e97a7,#11617e);border-color:#08798f}.naval-choice.compact{color:#123341;background:#f3fbfc;min-height:64px;margin-top:18px}.choice-icon{aspect-ratio:1;color:#148da1;background:#e6f8fa;border-radius:13px;place-items:center;width:42px;display:grid}.is-primary .choice-icon{color:#fff;background:#ffffff24}.naval-choice span:nth-child(2){gap:3px;display:grid}.naval-choice strong{font-size:13px}.naval-choice small{color:#66808b;font-size:10px}.naval-choice.is-primary small{color:#bde9ef}.naval-choice:disabled{opacity:.64;cursor:wait}.entry-rules{color:#56717d;justify-content:center;align-items:center;gap:8px;margin:18px 0 12px;font-size:9px;font-weight:750;display:flex}.entry-rules i{background:#87a7b1;border-radius:50%;width:3px;height:3px}.system-player-note{color:#728791;gap:7px;margin:0;font-size:9px;line-height:1.5;display:flex}.system-player-note svg{flex:none;margin-top:1px}.naval-error{color:#8f2e3e;background:#fff0f2;border:1px solid #f0cbd0;border-radius:11px;gap:8px;margin-top:13px;padding:10px 11px;font-size:10px;line-height:1.4;display:flex}.naval-loading{color:#4c6874;align-content:center;place-items:center;gap:16px;min-height:260px;font-size:12px;display:grid}.naval-loading span{aspect-ratio:1;border:1px solid #68c8d8;border-top-color:#0000;border-radius:50%;width:62px;animation:1.1s linear infinite naval-radar}.naval-search-panel,.private-naval-lobby{text-align:center}.naval-search-panel h2,.private-naval-lobby h2{letter-spacing:-.04em;margin:3px 0 7px;font-size:22px}.naval-search-panel p,.private-naval-lobby p{color:#65808b;margin:0 auto 16px;font-size:10px;line-height:1.55}.radar-search{aspect-ratio:1;background:repeating-radial-gradient(circle,#1a919e08 0 23%,#1d97a538 24% 25%,#0000 26% 48%);border:1px solid #83ccd6;border-radius:50%;width:92px;margin:-3px auto 14px;position:relative;overflow:hidden}.radar-search:before,.radar-search:after{content:"";background:#2ba2b040;position:absolute}.radar-search:before{width:1px;height:100%;left:50%}.radar-search:after{width:100%;height:1px;top:50%;left:0}.radar-sweep{z-index:2;transform-origin:0;background:linear-gradient(90deg,#0ba5ad,#0000);width:50%;height:2px;animation:2.2s linear infinite naval-radar;position:absolute;top:50%;left:50%}.radar-blip{z-index:3;aspect-ratio:1;background:#10b4b0;border-radius:50%;width:5px;animation:2.2s ease-in-out infinite radar-blip;position:absolute;box-shadow:0 0 9px #10b4b0}.radar-blip.one{top:27%;left:65%}.radar-blip.two{animation-delay:-1s;top:64%;left:29%}.search-crew{align-items:stretch;gap:8px;margin:16px 0;display:flex}.naval-player-chip,.empty-player{text-align:left;background:#ffffffbd;border:1px solid #d6e7eb;border-radius:12px;flex:1;align-items:center;gap:7px;min-width:0;padding:8px;display:flex}.naval-player-chip>b{aspect-ratio:1;color:#fff;background:linear-gradient(145deg,#23adbb,#3f66ad);border-radius:10px;flex:0 0 32px;place-items:center;width:32px;font-size:12px;display:grid}.naval-player-chip>span{gap:1px;min-width:0;display:grid}.naval-player-chip strong{text-overflow:ellipsis;font-size:9px;overflow:hidden}.naval-player-chip small{color:#718992;font-size:7px}.empty-player{color:#78909a;border-style:dashed;justify-content:center;font-size:8px}.empty-player i{aspect-ratio:1;background:#4eb7bf;border-radius:50%;width:7px;animation:1.6s ease-in-out infinite radar-blip;box-shadow:0 0 0 5px #4eb7bf1f}.search-progress{background:#dbe9ec;border-radius:99px;height:4px;overflow:hidden}.search-progress span{border-radius:inherit;background:linear-gradient(90deg,#13a4af,#65d4d6);height:100%;transition:width .4s linear;display:block}.naval-text-button{color:#5a7782;cursor:pointer;background:0 0;border:0;margin:13px auto 0;padding:5px;font-size:9px;font-weight:750}.invite-code{background:#edf9fa;border:1px dashed #8fc7cf;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px 9px 13px;display:flex}.invite-code>span{color:#305763;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,monospace;font-size:10px;font-weight:800;overflow:hidden}.invite-code button{color:#fff;cursor:pointer;background:#157f90;border:0;border-radius:8px;align-items:center;gap:5px;padding:7px 9px;font-size:8px;font-weight:800;display:inline-flex}.battleship-game-shell{z-index:200;color:#eaf7fa;isolation:isolate;background:radial-gradient(circle at 50% -12%,#259bb740,#0000 40%),radial-gradient(circle at 88% 84%,#1f5e9d33,#0000 35%),linear-gradient(145deg,#031823,#082b3b 47%,#051d2d);min-height:100dvh;position:fixed;inset:0;overflow:auto}.game-ocean-atmosphere{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.game-ocean-atmosphere:before{content:"";opacity:.14;background-image:linear-gradient(#71d3e429 1px,#0000 1px),linear-gradient(90deg,#71d3e429 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 10%,#0000 75%);mask-image:radial-gradient(circle,#000 10%,#0000 75%)}.game-ocean-atmosphere>span{border:1px solid #46c2d824;border-radius:50%;width:72vw;height:18vh;position:absolute;bottom:-8vh;left:-8vw}.game-ocean-atmosphere>span:nth-child(2){bottom:-6vh;left:32vw}.game-ocean-atmosphere>span:nth-child(3){width:105vw;bottom:-3vh;left:0}.naval-command-bar{z-index:50;min-height:76px;padding:max(10px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) 10px max(14px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#03141ff5,#051e2ae0);border-bottom:1px solid #83dae729;grid-template-columns:42px minmax(150px,1fr) minmax(150px,260px) minmax(150px,1fr) 42px;align-items:center;gap:12px;display:grid;position:sticky;top:0;box-shadow:0 15px 40px #000a163d}.naval-round-button{aspect-ratio:1;color:#c6e7ed;cursor:pointer;background:#7bccda14;border:1px solid #8bd0dc33;border-radius:12px;place-items:center;width:38px;display:grid}.command-player{align-items:center;gap:9px;min-width:0;display:flex}.command-player.opponent{text-align:right;flex-direction:row-reverse}.command-avatar{aspect-ratio:1;color:#eaffff;background:linear-gradient(145deg,#167b8e,#174865);border:1px solid #96e0e940;border-radius:13px;flex:0 0 40px;place-items:center;width:40px;font-weight:800;display:grid;position:relative}.command-avatar i{aspect-ratio:1;background:#4bdfaa;border:2px solid #082837;border-radius:50%;width:8px;position:absolute;bottom:-2px;right:-2px}.command-player>span:last-child{gap:2px;min-width:0;display:grid}.command-player strong{color:#effcff;text-overflow:ellipsis;font-size:11px;overflow:hidden}.command-player small{color:#83a9b5;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.command-player.is-active .command-avatar{border-color:#77eff4;box-shadow:0 0 0 3px #43dde617,0 0 22px #48d5df29}.turn-command{justify-items:center;gap:3px;display:grid}.turn-command small{color:#769aa5;letter-spacing:.15em;font-size:8px;font-weight:850}.turn-command strong{color:#e9f9fb;font-variant-numeric:tabular-nums;font-size:23px;line-height:1}.turn-command>span{background:#92d3dc1f;border-radius:99px;width:100%;height:3px;overflow:hidden}.turn-command>span i{border-radius:inherit;background:#54cbd5;height:100%;transition:width .25s linear;display:block}.turn-command.is-mine small,.turn-command.is-mine strong{color:#6eeaf0}.placement-deck,.battle-deck{align-items:center;gap:clamp(18px,3vw,46px);width:min(1500px,100%);min-height:calc(100dvh - 76px);margin:0 auto;padding:clamp(15px,2.2vw,32px);display:grid}.placement-deck{grid-template-columns:minmax(460px,1.35fr) minmax(300px,.65fr)}.battle-deck{grid-template-columns:minmax(520px,1.45fr) minmax(260px,.55fr)}.placement-board-zone,.target-board-zone{min-width:0}.naval-board-wrap{width:min(100%,100dvh - 142px);margin:auto}.naval-board-heading{justify-content:space-between;align-items:flex-end;margin:0 0 10px 25px;display:flex}.naval-board-heading h2{color:#ecfbff;letter-spacing:-.035em;margin:0;font-size:clamp(16px,2vw,24px)}.naval-board-heading p{color:#79a4b0;margin:3px 0 0;font-size:9px}.board-grid-code{color:#75b9c6;letter-spacing:.1em;border:1px solid #6cc2d030;border-radius:7px;padding:5px 8px;font-size:8px;font-weight:800}.naval-board{aspect-ratio:1;background:linear-gradient(145deg,#074255eb,#04293df5);border:1px solid #74d7e542;border-radius:18px;grid-template-rows:23px repeat(10,minmax(0,1fr));grid-template-columns:23px repeat(10,minmax(0,1fr));gap:2px;width:100%;padding:5px;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 60px #000a1859,inset 0 1px #ffffff14}.board-row{display:contents}.board-coordinate{color:#75a5b1;place-items:center;font-size:clamp(6px,.7vw,9px);font-weight:800;display:grid}.naval-cell{cursor:crosshair;background:linear-gradient(145deg,#09667c7a,#044058a3);border:1px solid #4bafc22e;border-radius:clamp(2px,.4vw,6px);min-width:0;position:relative;overflow:hidden}.naval-cell:before{content:"";opacity:.3;background:radial-gradient(circle at 25% 25%,#82eff438,#0000 31%),linear-gradient(135deg,#0000 48%,#9be7ee14 49% 51%,#0000 52%);position:absolute;inset:0}.naval-cell:hover{z-index:3;background:#2198aa8c;border-color:#64d7e2;box-shadow:0 0 0 2px #5bdbe51f,inset 0 0 14px #5fe2ea2e}.naval-cell.is-selected{z-index:4;background:#f8c6543b;border-color:#f8c654;box-shadow:0 0 0 2px #f8c65433,inset 0 0 18px #f8c65426}.water-ripple{aspect-ratio:2;border-top:1px solid #87deea2e;border-radius:50%;width:45%;position:absolute;top:42%;left:28%}.board-ship-segment{z-index:2;background:linear-gradient(145deg,#9eb2bd 0%,#506a78 42%,#203945 72%,#132a35 100%);border:1px solid #e1f1f58c;border-radius:28% 18%;position:absolute;inset:13% 8%;box-shadow:0 3px 8px #000d1873,inset 0 1px #fff6}.board-ship-segment:before{aspect-ratio:1;content:"";background:#728791;border:1px solid #263e49;border-radius:50%;width:22%;position:absolute;top:22%;left:39%}.ship-submarine .board-ship-segment{background:linear-gradient(#849aa4,#283f4a);border-radius:50%}.ship-carrier .board-ship-segment{background:linear-gradient(145deg,#c5d0d6,#657a85 42%,#233944 76%)}.shot-marker{z-index:6;color:#fff;text-shadow:0 2px 6px #00000073;font-size:clamp(12px,2.1vw,25px);line-height:1;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-54%)}.shot-miss .shot-marker{color:#a7e8f0;font-size:clamp(20px,3vw,34px)}.shot-miss:after{z-index:4;aspect-ratio:1;content:"";border:1px solid #a0e9f199;border-radius:50%;width:68%;animation:1.7s ease-out infinite water-hit;position:absolute;top:16%;left:16%}.shot-hit,.shot-sunk{background:radial-gradient(circle,#b82d29,#501d25);border-color:#ff8754cc}.shot-hit:after,.shot-sunk:after{z-index:5;content:"";background:radial-gradient(circle,#fff8c2 0 8%,#ffad3d 14%,#e13d2f 35%,#0000 65%);border-radius:50%;animation:1.5s ease-in-out infinite hit-pulse;position:absolute;inset:11%}.shot-sunk{filter:saturate(.85);border-color:#ffcb57}.fleet-console,.battle-intel{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(145deg,#072835db,#051b2ac7);border:1px solid #80d3de2b;border-radius:24px;min-width:0;padding:clamp(18px,2vw,28px);box-shadow:0 26px 55px #000a143b,inset 0 1px #ffffff12}.fleet-console h1{color:#f1fcff;letter-spacing:-.045em;margin:0 0 8px;font-size:clamp(22px,3vw,34px)}.fleet-console>div:first-child p{color:#82a8b3;margin:0 0 16px;font-size:10px;line-height:1.55}.fleet-roster{gap:7px;display:grid}.fleet-roster>button{color:#dceff2;text-align:left;cursor:pointer;background:#69bcca0b;border:1px solid #79c7d324;border-radius:12px;grid-template-columns:92px minmax(0,1fr) 25px;align-items:center;gap:8px;min-height:55px;padding:5px 9px;display:grid}.fleet-roster>button:hover,.fleet-roster>button.is-selected{background:#3db1be1f;border-color:#5be0e58a}.fleet-roster>button.is-placed:not(.is-selected){opacity:.68}.fleet-roster .fleet-ship-art{width:92px}.fleet-roster button>span{gap:2px;display:grid}.fleet-roster strong{font-size:9px}.fleet-roster small{color:#79a1ac;font-size:7px}.fleet-roster button>i{aspect-ratio:1;color:#76e2dc;border:1px solid #76e2dc33;border-radius:7px;place-items:center;width:23px;font-size:8px;font-style:normal;display:grid}.fleet-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:10px;display:grid}.fleet-actions button{color:#a9ccd3;cursor:pointer;background:#74cbd60f;border:1px solid #75c5d22e;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:37px;font-size:8px;font-weight:750;display:flex}.fleet-ready-button{color:#052d38;cursor:pointer;background:linear-gradient(135deg,#72ebdf,#61cddf);border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;margin-top:13px;padding:0 16px;font-size:10px;font-weight:850;display:flex;box-shadow:0 12px 26px #3bc5cd2e}.fleet-ready-button:disabled{opacity:.48;cursor:not-allowed}.fleet-security{color:#608d99;justify-content:center;align-items:center;gap:5px;margin-top:9px;font-size:7px;display:flex}.target-board-zone{position:relative}.fire-control{background:#031925b8;border:1px solid #7fd5e133;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;max-width:520px;margin:11px auto 0;padding:8px 9px 8px 15px;display:flex}.fire-control>div{gap:1px;display:grid}.fire-control small{color:#668f9a;letter-spacing:.13em;font-size:7px;font-weight:800}.fire-control strong{color:#e8f9fc;font-size:19px}.fire-control button{color:#fff;cursor:pointer;background:linear-gradient(145deg,#e9583e,#a62e31);border:1px solid #f67c59;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-width:132px;min-height:43px;font-size:10px;font-weight:850;display:flex;position:relative;overflow:hidden;box-shadow:0 9px 22px #aa2b2a3d}.fire-control button>span{aspect-ratio:1;border:5px solid #ffffff17;border-radius:50%;width:35px;position:absolute;left:-15px}.fire-control button:disabled{opacity:.38;cursor:not-allowed}.battle-intel{align-content:center;gap:14px;display:grid}.intel-heading h2{color:#fff;margin:0;font-size:22px}.own-mini-board .naval-board-wrap{width:100%}.own-mini-board .naval-board-heading{margin-left:15px}.own-mini-board .naval-board-heading h2{font-size:13px}.own-mini-board .naval-board{border-radius:12px;grid-template-rows:15px repeat(10,minmax(0,1fr));grid-template-columns:15px repeat(10,minmax(0,1fr));gap:1px}.own-mini-board .naval-cell{border-radius:2px}.own-mini-board .board-coordinate{font-size:5px}.own-mini-board .shot-marker{font-size:10px}.fleet-health{gap:4px;display:grid}.fleet-health>span{background:#64b8c70a;border:1px solid #79c7d31a;border-radius:8px;align-items:center;gap:8px;min-height:30px;padding:2px 7px;display:flex}.fleet-health .fleet-ship-art{width:80px}.fleet-health i{color:#6ce2c2;letter-spacing:.1em;margin-left:auto;font-size:6px;font-style:normal;font-weight:850}.fleet-health .is-sunk{opacity:.45;filter:grayscale()}.fleet-health .is-sunk i{color:#ff806f}.last-contact{background:#4dbec914;border-left:2px solid #47bec8;border-radius:0 8px 8px 0;gap:3px;padding:10px 12px;display:grid}.last-contact small{color:#6e9ba6;letter-spacing:.13em;font-size:7px;font-weight:850}.last-contact strong{color:#dcedf0;font-size:10px}.result-deck{text-align:center;place-content:center;justify-items:center;width:min(610px,100% - 30px);min-height:calc(100dvh - 110px);margin:auto;padding:35px;display:grid;position:relative}.result-radar{aspect-ratio:1;background:repeating-radial-gradient(circle,#0000 0 22%,#68e0e633 23% 24%,#0000 25% 48%);border:1px solid #68e0e666;border-radius:50%;width:120px;margin-bottom:18px;position:relative}.result-radar:before,.result-radar:after{content:"";background:#5fdce438;position:absolute}.result-radar:before{width:1px;height:100%;left:50%}.result-radar:after{width:100%;height:1px;top:50%}.result-radar span{transform-origin:0;background:linear-gradient(90deg,#6de3e5,#0000);width:50%;height:2px;animation:4s linear infinite naval-radar;position:absolute;top:50%;left:50%}.result-radar i{aspect-ratio:1;border:3px solid #73e0d7;border-radius:50%;width:14px;position:absolute;top:28%;left:63%;box-shadow:0 0 20px #56cbc8}.result-deck h1{color:#fff;letter-spacing:-.055em;margin:2px 0 10px;font-size:clamp(34px,5vw,60px)}.result-deck>p{color:#91b4bd;max-width:480px;margin:0 0 25px;font-size:12px;line-height:1.6}.result-fleets{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:100%;display:grid}.result-fleets>div{gap:8px;display:grid}.result-fleets>span{color:#6d9da8;font-size:10px;font-weight:900}.result-fleets .naval-player-chip{color:#17323e}.result-fleets>div>strong{color:#8eb7c0;font-size:9px}.rating-result{background:#3fb8c114;border:1px solid #6bdae033;border-radius:12px;align-items:center;gap:12px;margin-top:20px;padding:11px 15px;display:flex}.rating-result small{color:#6f9aa5;letter-spacing:.1em;font-size:7px;font-weight:850}.rating-result strong{color:#fff;font-size:19px}.rating-result span{border-radius:7px;padding:4px 7px;font-size:9px;font-weight:850}.rating-result .positive{color:#67e2b2;background:#30c58e1c}.rating-result .negative{color:#ff8279;background:#e9504a1c}.result-deck .fleet-ready-button{width:auto;min-width:210px}.landscape-fullscreen-hint{z-index:80;right:max(13px,env(safe-area-inset-right));bottom:max(13px,env(safe-area-inset-bottom));color:#dff9fc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#04222fe6;border:1px solid #7edbe633;border-radius:12px;align-items:center;gap:9px;padding:9px 12px;display:flex;position:fixed;box-shadow:0 12px 35px #00000047}.landscape-fullscreen-hint>span{text-align:left;gap:1px;display:grid}.landscape-fullscreen-hint strong{font-size:8px}.landscape-fullscreen-hint small{color:#7ca8b2;font-size:6px}.game-toast{z-index:100;left:50%;bottom:max(16px,env(safe-area-inset-bottom));color:#ffe8e7;background:#5b181df0;border:1px solid #ff8e844d;border-radius:12px;align-items:center;gap:12px;max-width:min(420px,100% - 30px);padding:11px 13px;font-size:9px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 15px 40px #00000057}.game-toast button{color:#fff;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:17px}@keyframes naval-radar{to{transform:rotate(360deg)}}@keyframes radar-blip{0%,to{opacity:.25;transform:scale(.75)}50%{opacity:1;transform:scale(1.1)}}@keyframes water-hit{0%{opacity:.8;transform:scale(.3)}to{opacity:0;transform:scale(1.4)}}@keyframes hit-pulse{0%,to{opacity:.78;transform:scale(.82)rotate(0)}50%{opacity:1;transform:scale(1.1)rotate(9deg)}}@media (max-width:980px){.battleship-entry-stage{border-radius:26px;min-height:calc(100dvh - 95px);padding:34px 25px}.battleship-entry-title{width:50%}.battleship-entry-title h1{font-size:clamp(38px,7vw,65px)}.battleship-entry-panel{width:43%;padding:20px;right:23px}.entry-carrier{width:52vw;bottom:7%}.placement-deck{grid-template-columns:minmax(370px,1.2fr) minmax(270px,.8fr);gap:18px}.battle-deck{grid-template-columns:minmax(430px,1.35fr) minmax(240px,.65fr);gap:17px}}@media (max-width:700px) and (orientation:portrait){.battleship-entry-stage{border-radius:22px;min-height:calc(100dvh - 95px);padding:74px 17px 26px}.battleship-back{top:16px;left:16px}.battleship-entry-title{text-align:center;width:100%;margin:0}.battleship-entry-title h1{font-size:46px}.battleship-entry-title p{max-width:340px;margin:13px auto 0;font-size:12px}.battleship-entry-panel{width:100%;max-width:410px;margin:125px auto 0;padding:18px;position:relative;top:auto;right:auto;transform:none}.battleship-entry-panel.is-searching{width:100%;max-width:430px;padding:0}.entry-carrier{opacity:.82;width:90vw;top:205px;bottom:auto;right:-17%}.entry-submarine{display:none}.naval-command-bar{grid-template-columns:34px 1fr 90px 1fr 34px;gap:5px;min-height:64px;padding:7px}.naval-round-button{border-radius:9px;width:32px}.command-avatar{border-radius:9px;flex-basis:32px;width:32px}.command-player{gap:5px}.command-player strong{font-size:8px}.command-player small{display:none}.turn-command strong{font-size:17px}.turn-command small{font-size:5px}.placement-deck,.battle-deck{padding:13px;display:block}.naval-board-wrap{width:100%}.fleet-console,.battle-intel{margin-top:14px}.fleet-roster{grid-template-columns:1fr 1fr}.fleet-roster>button{grid-template-columns:62px 1fr 21px}.fleet-roster .fleet-ship-art{width:62px}.landscape-fullscreen-hint{left:50%;right:auto;transform:translate(-50%)}}@media (max-height:560px) and (orientation:landscape){.naval-command-bar{min-height:55px;padding:5px max(10px,env(safe-area-inset-right))}.naval-round-button{width:32px}.command-avatar{border-radius:9px;flex-basis:32px;width:32px}.turn-command strong{font-size:17px}.command-player strong{font-size:9px}.placement-deck,.battle-deck{gap:14px;min-height:calc(100dvh - 55px);padding:8px 12px}.placement-deck{grid-template-columns:minmax(390px,1.48fr) minmax(245px,.52fr)}.battle-deck{grid-template-columns:minmax(440px,1.5fr) minmax(210px,.5fr)}.naval-board-wrap{width:min(100%,100dvh - 82px)}.naval-board-heading{margin-bottom:4px}.naval-board-heading h2{font-size:13px}.naval-board-heading p{font-size:6px}.fleet-console,.battle-intel{border-radius:16px;max-height:calc(100dvh - 68px);padding:10px 12px;overflow:auto}.fleet-console h1{margin-bottom:3px;font-size:19px}.fleet-console>div:first-child p{margin-bottom:7px;font-size:7px}.naval-kicker{margin-bottom:3px;font-size:6px}.fleet-roster{gap:3px}.fleet-roster>button{grid-template-columns:67px 1fr 20px;min-height:37px;padding:1px 6px}.fleet-roster .fleet-ship-art{width:67px}.fleet-actions{margin-top:5px}.fleet-actions button{min-height:29px}.fleet-ready-button{min-height:35px;margin-top:6px;font-size:8px}.fleet-security{margin-top:4px;font-size:5px}.own-mini-board .naval-board-wrap{width:min(100%,175px)}.battle-intel{gap:6px}.intel-heading h2{font-size:16px}.fleet-health>span{min-height:22px}.fleet-health .fleet-ship-art{width:61px}.last-contact{padding:6px 8px}.fire-control{max-width:390px;margin-top:4px;padding:4px 5px 4px 10px}.fire-control button{min-height:33px}}@media (prefers-reduced-motion:reduce){.sea-radar:after,.radar-sweep,.naval-loading span,.result-radar span,.radar-blip,.shot-hit:after,.shot-sunk:after,.shot-miss:after{animation:none!important}}.battleship-v2 .v2-board{touch-action:none;-webkit-user-select:none;user-select:none}.battleship-v2 .v2-board .naval-cell:disabled{opacity:1;cursor:default}.battleship-v2 .v2-board .naval-cell:not(:disabled){cursor:crosshair}.battleship-v2 .v2-placement .v2-board .naval-cell{cursor:grab}.battleship-v2 .v2-placement .v2-board:active .naval-cell{cursor:grabbing}.battleship-v2 .board-ship-segment{background:linear-gradient(90deg,#0000 47%,#e1f4f72e 48% 52%,#0000 53%),linear-gradient(155deg,#c6d3d9 0%,#718994 31%,#304a58 65%,#172f3a 100%);border:1px solid #e1f1f5b8;border-radius:22%;inset:7%;overflow:hidden;box-shadow:0 4px 9px #00091380,inset 0 1px #ffffff8c,inset 0 -4px #02192352}.battleship-v2 .board-ship-segment>span{aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#c1d0d6,#526d79 58%,#253f4c 60%);border:1px solid #0c2b38b3;border-radius:50%;width:28%;position:absolute;top:34%;left:36%;box-shadow:0 1px 2px #00000059}.battleship-v2 .ship-carrier .board-ship-segment{background:linear-gradient(145deg,#d2dce1,#7c919c 35%,#314955 70%,#1c3440)}.battleship-v2 .ship-battleship .board-ship-segment{background:linear-gradient(145deg,#aebfc7,#5e7783 42%,#263f4d 74%)}.battleship-v2 .ship-submarine .board-ship-segment{background:linear-gradient(145deg,#95aab3,#465f6c 48%,#1c3541);border-radius:44%}.battleship-v2 .ship-destroyer .board-ship-segment{border-radius:48% 25%;inset:12% 5%}.battleship-v2 .connect-left .board-ship-segment{border-left:0;border-top-left-radius:3px;border-bottom-left-radius:3px;left:-3px}.battleship-v2 .connect-right .board-ship-segment{border-right:0;border-top-right-radius:3px;border-bottom-right-radius:3px;right:-3px}.battleship-v2 .connect-up .board-ship-segment{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px;top:-3px}.battleship-v2 .connect-down .board-ship-segment{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px;bottom:-3px}.battleship-v2 .naval-cell.is-ghost{z-index:9;overflow:visible}.battleship-v2 .ghost-ship-segment{z-index:10;opacity:.55;background:currentColor;border:1px solid;border-radius:22%;position:absolute;inset:6%;box-shadow:inset 0 1px #ffffff59,0 0 12px}.battleship-v2 .naval-cell.is-ghost.is-valid{color:#58e1d3;background:#2dc5b759;border-color:#70f0df}.battleship-v2 .naval-cell.is-ghost.is-invalid{color:#ff5f5a;background:#c62d2f8c;border-color:#ff7770;animation:.55s ease-in-out infinite alternate invalid-fleet-pulse}.battleship-v2 .naval-cell.is-ghost.is-invalid.has-ship .board-ship-segment{filter:saturate(.4)brightness(.65)}.battleship-v2 .shot-miss .shot-marker{color:#d2eff4b8;font-size:clamp(15px,2.2vw,27px);font-weight:350}.battleship-v2 .shot-miss:after{animation:.9s ease-out water-hit}.battleship-v2 .shot-hit .shot-marker,.battleship-v2 .shot-sunk .shot-marker{color:#fff3bd;font-size:clamp(15px,2.3vw,29px)}.battleship-v2 .shot-hit:after,.battleship-v2 .shot-sunk:after{animation:.8s ease-in-out 2 hit-pulse}.battleship-v2 .naval-cell.is-sinking{z-index:12;animation:.82s cubic-bezier(.2,.75,.3,1) sunk-cell-shock}.battleship-v2 .naval-cell.is-sinking:before{z-index:13;opacity:1;background:radial-gradient(circle,#fff9c9 0 8%,#ffb339 15%,#e1482d 31%,#073f5133 63%,#0000 70%);animation:.82s ease-out both sunk-flash}.battleship-v2 .naval-cell.is-sinking .board-ship-segment{filter:sepia(.35)brightness(.72)}.v2-placement{grid-template-columns:minmax(430px,1fr) minmax(360px,1fr);align-items:stretch}.v2-placement .placement-board-zone{place-items:center;min-width:0;display:grid}.v2-placement .naval-board-wrap{width:min(100%,100dvh - 190px)}.v2-placement .fleet-console{border-color:#5be0e53d}.v2-placement .fleet-roster>button.is-selected{box-shadow:inset 3px 0 #5ce0dc}.v2-placement .fleet-roster>button.is-placed{opacity:1;background:#3aaba717}.v2-placement .fleet-roster>button[draggable=true]{cursor:grab;touch-action:none}.v2-placement .fleet-roster>button.is-dragging{opacity:.55;cursor:grabbing;border-color:#67e5df;transform:scale(.985)}.v2-battle{grid-template-columns:minmax(560px,1.55fr) minmax(275px,.45fr)}.v2-battle .naval-board-wrap{width:min(100%,100dvh - 190px)}.perspective-stage{min-width:0;position:relative}.perspective-badge{color:#a9cbd2;justify-content:center;align-items:center;gap:9px;max-width:660px;margin:0 auto 8px;display:flex}.perspective-badge>span{color:#64dce0;letter-spacing:.14em;background:#2aabb614;border:1px solid #64dce03d;border-radius:6px;padding:4px 7px;font-size:6px;font-weight:900}.perspective-badge>span.defence{color:#8fc5ff;background:#477ec21a;border-color:#75afef40}.perspective-badge strong{font-size:8px}.one-tap-fire-hint{color:#7eaab4;align-items:center;gap:7px;width:fit-content;margin:8px auto 0;font-size:7px;font-weight:750;display:flex}.one-tap-fire-hint i{aspect-ratio:1;background:#ff8068;border-radius:50%;width:7px;box-shadow:0 0 0 4px #ff67531a}.v2-intel{align-content:center}.perspective-switch{grid-template-columns:1fr 1fr;gap:6px;display:grid}.perspective-switch button{color:#7fa5ae;text-align:left;cursor:pointer;background:#66beca0a;border:1px solid #75c5d224;border-radius:10px;align-items:center;gap:7px;min-width:0;min-height:48px;padding:7px 8px;display:flex}.perspective-switch button.is-active{color:#69e4e2;background:#34b0b824;border-color:#5ee0e275;box-shadow:inset 0 0 16px #30c4ca12}.perspective-switch button>span{gap:2px;min-width:0;display:grid}.perspective-switch strong{color:#dff4f7;text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.perspective-switch small{color:#6e929c;font-size:6px}.ship-sunk-notice{z-index:30;color:#fff3d4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:#21262be6;border:1px solid #ffb94e94;border-radius:13px;justify-content:center;align-items:center;gap:10px;min-width:190px;min-height:58px;padding:9px 15px;animation:.95s cubic-bezier(.2,.8,.2,1) both sunk-notice;display:flex;position:absolute;top:52%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 18px 45px #00050c6b,inset 0 1px #ffffff1a}.ship-sunk-notice>span:last-child{gap:1px;display:grid}.ship-sunk-notice small{color:#f2a53e;letter-spacing:.14em;font-size:6px;font-weight:900}.ship-sunk-notice strong{font-size:12px}.sink-flash{aspect-ratio:1;background:radial-gradient(circle,#ffb53761,#0000 67%);border-radius:50%;width:90px;animation:.7s ease-out both sink-notice-flash;position:absolute;left:-45px}.last-contact.hit,.last-contact.sunk{background:#d05a3514;border-left-color:#f79055}.last-contact.miss{border-left-color:#68c6d1}.v2-result-players{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;width:min(100%,520px);margin:14px 0;display:grid}.v2-result-players>strong{color:#648e99;font-size:9px}.v2-result-players .command-player{background:#53b1bf0d;border:1px solid #75c6d224;border-radius:12px;padding:9px}@keyframes invalid-fleet-pulse{to{filter:brightness(1.3)}}@keyframes sunk-cell-shock{0%{transform:scale(.86)}42%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes sunk-flash{0%{opacity:0;transform:scale(.2)}35%{opacity:1}to{opacity:0;transform:scale(1.65)}}@keyframes sunk-notice{0%{opacity:0;transform:translate(-50%,-43%)scale(.88)}18%,75%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-55%)scale(.98)}}@keyframes sink-notice-flash{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.5)}}@media (max-width:980px){.v2-placement{grid-template-columns:minmax(390px,1fr) minmax(300px,1fr)}.v2-battle{grid-template-columns:minmax(470px,1.4fr) minmax(245px,.6fr)}}@media (max-width:700px) and (orientation:portrait){.v2-placement,.v2-battle{display:block}.v2-placement .naval-board-wrap,.v2-battle .naval-board-wrap{width:100%}.v2-placement .fleet-console,.v2-battle .battle-intel{margin-top:12px}.ship-sunk-notice{min-width:170px;top:55%}}@media (max-height:560px) and (orientation:landscape){.v2-placement{grid-template-columns:minmax(400px,1fr) minmax(290px,1fr)}.v2-battle{grid-template-columns:minmax(455px,1.55fr) minmax(225px,.45fr)}.v2-placement .naval-board-wrap,.v2-battle .naval-board-wrap{width:min(100%,100dvh - 120px)}.perspective-badge{margin-bottom:2px}.one-tap-fire-hint{margin-top:3px}.ship-sunk-notice{min-height:46px;padding:6px 11px}}@media (prefers-reduced-motion:reduce){.battleship-v2 .naval-cell.is-ghost.is-invalid,.battleship-v2 .naval-cell.is-sinking,.battleship-v2 .naval-cell.is-sinking:before,.battleship-v2 .pending-shot-marker,.ship-sunk-notice,.sink-flash{animation:none!important}}.battleship-v2 .naval-command-bar,.battleship-v2 .fleet-console,.battleship-v2 .battle-intel{-webkit-backdrop-filter:none;backdrop-filter:none}.battleship-v2 .v2-board{contain:layout paint}.battleship-v2 .v2-board .naval-cell{transition:none}.battleship-v2 .v2-board .naval-cell.is-spent{opacity:.38;cursor:default;filter:saturate(.42)brightness(.76)}.battleship-v2 .v2-board .naval-cell.is-spent.shot-hit,.battleship-v2 .v2-board .naval-cell.is-spent.shot-sunk{opacity:.58}.battleship-v2 .v2-board .naval-cell.is-spent:after{opacity:.22;animation:none!important}.battleship-v2 .v2-board .naval-cell.is-spent:hover{box-shadow:none;background:linear-gradient(145deg,#09667c7a,#044058a3);border-color:#4bafc22e}.battleship-v2 .v2-board .naval-cell.is-aim-row:not(.is-last-shot):before{opacity:.5;background:linear-gradient(#0000 43%,#5fe2eb33 44% 56%,#0000 57%)}.battleship-v2 .v2-board .naval-cell.is-aim-column:not(.is-last-shot):before{opacity:.5;background:linear-gradient(90deg,#0000 43%,#5fe2eb33 44% 56%,#0000 57%)}.battleship-v2 .v2-board .naval-cell.is-aim-row.is-aim-column:not(.is-last-shot):before{background:linear-gradient(#0000 43%,#5fe2eb33 44% 56%,#0000 57%),linear-gradient(90deg,#0000 43%,#5fe2eb33 44% 56%,#0000 57%)}.battleship-v2 .v2-board .naval-cell.is-last-shot{z-index:10;opacity:1;filter:none;border-color:#8ff5f4eb;box-shadow:inset 0 0 18px #52e1e433,0 0 0 2px #5deaeb29}.battleship-v2 .last-shot-reticle{z-index:11;pointer-events:none;border:1px solid #dffffff0;border-radius:50%;animation:.62s cubic-bezier(.2,.8,.2,1) 2 last-shot-lock;position:absolute;inset:17%;box-shadow:0 0 0 4px #5ee6e81a,0 0 14px #5ee6e8b8}.battleship-v2 .last-shot-reticle:before,.battleship-v2 .last-shot-reticle:after{content:"";background:#e1ffffe6;position:absolute}.battleship-v2 .last-shot-reticle:before{width:160%;height:1px;top:50%;left:-30%}.battleship-v2 .last-shot-reticle:after{width:1px;height:160%;top:-30%;left:50%}.battleship-v2 .v2-board .naval-cell.is-spent{opacity:1;filter:none;box-shadow:none}.battleship-v2 .v2-board .naval-cell.is-spent.shot-miss{background:linear-gradient(145deg,#b8cfd557,#70909961);border-color:#c2d8dd57}.battleship-v2 .v2-board .naval-cell.is-spent.shot-miss:before,.battleship-v2 .v2-board .naval-cell.is-spent.shot-miss:after{opacity:0;animation:none!important}.battleship-v2 .v2-board .naval-cell.is-spent.shot-miss .shot-marker{color:#e9f1f3c7;text-shadow:none}.battleship-v2 .v2-board .naval-cell.is-spent.shot-hit,.battleship-v2 .v2-board .naval-cell.is-spent.shot-sunk{opacity:.72;filter:none}.shot-outcome-feedback{z-index:36;color:#eefcff;text-align:center;pointer-events:none;background:#041e2bf0;border:1px solid #95dee559;border-radius:16px;place-content:center;gap:4px;min-width:min(270px,68%);min-height:82px;padding:14px 24px;animation:.18s ease-out both shot-outcome-in;display:grid;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);box-shadow:0 15px 36px #00081159}.shot-outcome-feedback strong{letter-spacing:.04em;font-size:clamp(18px,3vw,32px)}.shot-outcome-feedback small{color:#8eb7c0;font-size:8px;font-weight:750}.shot-outcome-feedback.is-miss{color:#d9edf1;border-color:#bbd5da61}.shot-outcome-feedback.is-hit{color:#ffe19a;background:#43271ff2;border-color:#ffb8547a}.shot-outcome-feedback.is-sunk{color:#fff0c7;background:#4c211cf5;border-color:#ff97488c}@keyframes shot-outcome-in{0%{opacity:0;transform:translate(-50%,-46%)scale(.96)}}.placement-ready-dock{display:none}.result-actions{gap:8px;width:min(100%,360px);margin-top:14px;display:grid}.result-actions .fleet-ready-button{width:100%;margin:0}.result-secondary-action{color:#b9d7dd;cursor:pointer;background:#53abb912;border:1px solid #7dcbd633;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 14px;font-size:9px;font-weight:800;display:flex}@media (max-width:900px),(max-height:650px){.placement-ready-dock{z-index:70;right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));color:#052f39;cursor:pointer;background:linear-gradient(135deg,#83f0df,#64d1df);border:1px solid #dffffaa6;border-radius:15px;justify-content:space-between;align-items:center;gap:14px;min-width:170px;min-height:54px;padding:8px 13px;display:flex;position:fixed;box-shadow:0 13px 30px #000a145c}.placement-ready-dock>span{text-align:left;display:grid}.placement-ready-dock small{letter-spacing:.11em;font-size:6px;font-weight:900}.placement-ready-dock strong{font-size:16px}.placement-ready-dock:disabled{opacity:.55}}@media (prefers-reduced-motion:reduce){.shot-outcome-feedback{animation:none!important}}:fullscreen .battleship-v2 .naval-board,:fullscreen .battleship-v2 .fleet-console,:fullscreen .battleship-v2 .battle-intel{box-shadow:0 16px 34px #000a183d,inset 0 1px #ffffff0f}@keyframes last-shot-lock{0%{opacity:0;transform:scale(1.45)}45%{opacity:1;transform:scale(.88)}to{opacity:.88;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.battleship-v2 .last-shot-reticle{animation:none!important}}.battleship-v2 .fleet-sprite-layer{z-index:4;pointer-events:none;grid-template-rows:repeat(10,minmax(0,1fr));grid-template-columns:repeat(10,minmax(0,1fr));gap:2px;display:grid;position:absolute;inset:30px 5px 5px 30px}.battleship-v2 .board-fleet-sprite{z-index:1;pointer-events:none;min-width:0;min-height:0;display:block;position:relative;overflow:visible}.battleship-v2 .board-fleet-sprite>img{z-index:2;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 4px 5px #000912ad);transform-origin:50%;pointer-events:none;-webkit-user-select:none;user-select:none;max-width:none;max-height:none;display:block;position:absolute;top:50%;left:50%}.battleship-v2 .board-fleet-sprite.is-ghost{opacity:.58}.battleship-v2 .board-fleet-sprite.is-ghost.is-valid>img{filter:drop-shadow(0 0 8px #50ecdae6)saturate(1.08)}.battleship-v2 .board-fleet-sprite.is-ghost.is-invalid>img{filter:sepia()saturate(7)hue-rotate(315deg)brightness(.78)drop-shadow(0 0 10px #ff4440f2)}.battleship-v2 .board-fleet-sprite.is-sunk>img{opacity:.96;filter:grayscale(.35)sepia(.22)brightness(.78)contrast(1.08)drop-shadow(0 3px 6px #000000d1)}.battleship-v2 .naval-cell.is-ghost{z-index:3}.battleship-v2 .naval-cell.shot-miss,.battleship-v2 .naval-cell.shot-hit,.battleship-v2 .naval-cell.shot-sunk{z-index:7}.battleship-v2 .naval-cell.is-revealed-ship-cell{background:#0631403d;border-color:#ffa55b70}.battleship-v2 .naval-cell.is-revealed-ship-cell:before{opacity:.08}.battleship-v2 .naval-cell.is-revealed-ship-cell.shot-hit,.battleship-v2 .naval-cell.is-revealed-ship-cell.shot-sunk{background:radial-gradient(circle,#e2452b3d,#062d3b33 68%)}.battleship-v2 .naval-cell.is-pending-shot{z-index:8;background:#3ecccd38;border-color:#7bf1ed;box-shadow:inset 0 0 18px #5aefec2e,0 0 0 2px #5beae71f}.battleship-v2 .pending-shot-marker{z-index:9;aspect-ratio:1;border:2px solid #d9ffff;border-radius:50%;width:28%;animation:.55s ease-in-out infinite alternate pending-shot-pulse;position:absolute;top:36%;left:36%;box-shadow:0 0 0 5px #66eae81f,0 0 13px #6cf5f1bf}@keyframes pending-shot-pulse{to{opacity:.55;transform:scale(.72)}}.battleship-v2 .one-tap-fire-hint.is-expired{color:#ffd092;background:#693a1cc7;border-color:#ffaa5061}.battleship-v2 .board-fleet-sprite>img{filter:drop-shadow(0 3px 3px #00091285)}