/* Squadistry — deliberately lightweight, dependency-free, responsive UI */
:root{color-scheme:dark;--bg:#0c0d12;--surface:#14151c;--surface-2:#1b1c25;--surface-3:#242530;--line:#2c2d37;--ink:#f5f4fa;--muted:#a1a0ac;--subtle:#73737f;--accent:#bba7ff;--accent-dark:#272033;--success:#c5f7d0;--danger:#f3a9b2;--radius:18px;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;font-size:14px;min-height:100vh;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}button:disabled{opacity:.45;cursor:not-allowed}button,select,input{outline-offset:3px}:focus-visible{outline:2px solid var(--accent)}[hidden]{display:none!important}
.app-shell{max-width:1350px;margin:0 auto;padding:0 42px}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #24252c}.brand{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:790;letter-spacing:-1.1px;text-decoration:none;white-space:nowrap}.brand-period{color:var(--accent)}.brand-symbol{height:34px;width:34px;display:grid;place-items:center;background:var(--accent);border-radius:10px;color:#191621}.brand-symbol svg{width:28px;height:28px}.desktop-nav,.header-actions{display:flex;align-items:center;gap:8px}.desktop-nav{position:absolute;left:50%;transform:translateX(-50%)}.site-header{position:relative}.nav-link,.icon-button{border:0;background:none;color:#aaa9b4}.nav-link{padding:10px 17px;border-radius:11px;font-size:13px;font-weight:650}.nav-link:hover,.nav-link.is-active{background:#20212a;color:#fff}.nav-count{margin-left:5px;color:var(--accent)}.header-actions{gap:15px}.demo-status{font-size:11px;color:#aaa9b4;display:flex;align-items:center;gap:9px}.status-dot,.small-dot{width:7px;height:7px;background:#baf1c7;display:inline-block;border-radius:50%;box-shadow:0 0 0 3px #baf1c71c}.icon-button{width:38px;height:38px;display:grid;place-items:center;border:1px solid #2e2e38;border-radius:11px;font-size:23px}.icon-button svg{width:19px;height:19px}.icon-button:hover{background:#252633;color:#fff}
.intro{display:flex;justify-content:space-between;align-items:flex-end;padding-top:55px;margin-bottom:32px;gap:20px}.eyebrow,.section-kicker,.tip-label,.card-topline{font-size:10px;text-transform:uppercase;letter-spacing:2px;font-weight:800;color:var(--accent)}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow-line{display:inline-block;width:20px;height:1px;background:var(--accent)}h1{font-size:clamp(45px,5vw,72px);line-height:1.02;letter-spacing:-4.7px;margin:13px 0 10px;font-weight:780}h1 span{color:var(--accent)}.intro p{margin:0;color:var(--muted);font-size:16px}.intro-secondary{display:flex;align-items:center;gap:12px;color:#a8a7b1;font-size:12px;margin-bottom:6px}.mode-switch{display:inline-flex;padding:5px;background:#191a21;border:1px solid #2a2b35;border-radius:13px;gap:3px;margin-bottom:28px}.mode{border:0;background:none;color:#9c9ca9;padding:11px 19px;border-radius:9px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:9px;min-width:130px;justify-content:center}.mode:hover{color:#fff}.mode.is-active{background:#35303d;color:#fff}.mode-emoji{font-size:16px;font-weight:400;color:var(--accent)}
.discover-layout{display:grid;grid-template-columns:280px minmax(390px,530px) minmax(175px,1fr);column-gap:35px;align-items:start;justify-content:space-between}.filters-panel{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:24px}.filter-top{display:flex;justify-content:space-between;align-items:center}.section-kicker{color:#9796a5;font-size:10px;letter-spacing:1.7px}.ghost-link,.text-button{border:0;background:transparent;color:var(--accent);font-size:12px;font-weight:700;padding:4px}.filters-panel h2{font-size:23px;letter-spacing:-.8px;margin:17px 0 4px}.muted{color:var(--muted)}.small{font-size:12px}.filters-panel .small{margin-top:0}.field-list{display:grid;gap:18px;margin:28px 0}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field>span{color:#d6d5df;font-size:12px;font-weight:650}.required-pill{font-size:9px;letter-spacing:.1px;font-weight:700;background:#272034;color:#c9b8f6;border-radius:5px;padding:4px 6px;margin-left:5px}.field select,.field input,.setting-row select{appearance:none;width:100%;border:1px solid #363641;background-color:#1d1e27;border-radius:10px;padding:12px 13px;color:#f2f0f8;font-size:13px;min-height:46px}.field select,.setting-row select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23aaa7bd' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;padding-right:35px}.field select:hover,.field input:hover{border-color:#656272}.filter-summary{display:flex;align-items:center;gap:12px;padding:15px 0;border-top:1px solid var(--line)}.summary-icon{background:#292335;color:var(--accent);font-size:20px;display:grid;place-items:center;border-radius:9px;flex:none;width:37px;height:37px}.filter-summary strong{font-size:12px;display:block}.filter-summary span{font-size:11px;color:var(--muted)}.wide{width:100%}.secondary-btn,.quiet-btn{border:1px solid #454052;background:#24212e;color:#ded2ff;border-radius:10px;padding:12px 13px;font-weight:720;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.secondary-btn:hover{background:#322a40}.aside-rule{display:flex;gap:10px;margin:24px 0 0;padding-top:19px;border-top:1px solid var(--line);font-size:11px;color:#888895;line-height:1.65}.mini-icon{color:var(--accent);font-size:16px}
.card-topline{display:flex;align-items:center;justify-content:space-between;color:#a5a2b5;margin-bottom:11px}.card-topline span:last-child{color:var(--subtle);font-variant-numeric:tabular-nums}.match-card{background:#191a21;border:1px solid #393844;border-radius:22px;overflow:hidden;box-shadow:0 25px 65px #00000025;touch-action:pan-y;user-select:none;position:relative;transform:translateX(0);transition:transform .22s var(--ease),opacity .22s var(--ease)}.match-card.is-out-left{transform:translateX(-85px) rotate(-5deg);opacity:0}.match-card.is-out-right{transform:translateX(85px) rotate(5deg);opacity:0}.cover{height:215px;position:relative;overflow:hidden;background:linear-gradient(130deg,#3d3156,#6f5798 45%,#a581c1)}.cover:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;border:65px solid #ffffff18;right:-70px;top:-145px;transform:rotate(-20deg)}.cover:after{content:"";position:absolute;width:240px;height:240px;border:1px solid #ffffff37;border-radius:50%;right:90px;top:-90px}.cover[data-tone="blue"]{background:linear-gradient(115deg,#283b4b,#526d8a 70%,#7f9abc)}.cover[data-tone="green"]{background:linear-gradient(115deg,#304a40,#60846a 70%,#a3c194)}.cover[data-tone="peach"]{background:linear-gradient(115deg,#503b45,#9b6880 70%,#d99d99)}.cover[data-tone="purple"]{background:linear-gradient(115deg,#413457,#6d578d 70%,#ae8aca)}.cover[data-tone="orange"]{background:linear-gradient(115deg,#554039,#a87555 70%,#e9b080)}.cover[data-tone="slate"]{background:linear-gradient(115deg,#2d3941,#57626b 70%,#929b9d)}.cover-logo{position:absolute;font-size:185px;font-weight:900;right:45px;top:-10px;line-height:1.5;color:#ffffff18;letter-spacing:-12px;transform:rotate(-20deg)}.cover-top{position:absolute;z-index:1;top:19px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;gap:10px}.cover-label{font-size:9px;letter-spacing:1.4px;text-transform:uppercase;font-weight:800;color:#fff;background:#10121849;border:1px solid #ffffff47;border-radius:100px;padding:6px 10px}.cover-kind{font-size:11px;color:#ffffffd9;font-weight:650}.cover-bottom{position:absolute;z-index:1;left:23px;right:24px;bottom:22px;color:#fff;font-size:30px;font-weight:850;letter-spacing:-1.6px;line-height:1.1;max-width:310px;text-wrap:balance}.card-content{padding:0 24px 23px}.identity{display:flex;gap:13px;align-items:center;margin-top:-28px;z-index:2;position:relative}.avatar{flex:none;display:grid;place-items:center;background:#292834;border:4px solid #191a21;border-radius:17px;width:67px;height:67px;color:#fff;font-weight:850;font-size:23px;overflow:hidden;box-shadow:0 10px 18px #0003}.avatar[data-tone="blue"]{background:#4e779e}.avatar[data-tone="purple"]{background:#9573d0}.avatar[data-tone="green"]{background:#5c9c7e}.avatar[data-tone="orange"]{background:#c08860}.avatar[data-tone="peach"]{background:#ad748e}.avatar[data-tone="slate"]{background:#6e8290}.avatar.pro-glow{outline:2px solid #bba7ff;outline-offset:0;box-shadow:0 0 24px #a78bec66}.avatar img{width:100%;height:100%;object-fit:cover}.identity-name{flex:1;min-width:0;padding-top:24px}.identity-name h3{margin:0;letter-spacing:-.7px;font-size:21px;line-height:1.16;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.identity-name p{color:#a9a9b6;font-size:11px;margin:6px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pro-star{color:var(--accent);font-size:12px;margin-left:5px}.compatibility{flex:none;border:1px solid #4a405e;background:#292435;color:#f4f1ff;border-radius:12px;padding:9px 12px;align-self:center;margin-top:22px;min-width:90px}.compatibility strong{display:block;font-size:23px;color:#d4c7ff;letter-spacing:-1px;line-height:1.08;font-variant-numeric:tabular-nums}.compatibility small{color:#b5a9c4;font-size:9px;font-weight:720;letter-spacing:.2px}.compatibility:hover{background:#373047}.profile-summary{margin-top:22px;font-size:14px;line-height:1.7;color:#e4e2ee;min-height:49px}.profile-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.meta-chip{border:1px solid #383843;background:#23242e;color:#c3c1ce;border-radius:100px;padding:6px 10px;font-size:10px;font-weight:660;white-space:nowrap}.expanded-details{margin-top:19px;background:#14141c;border:1px solid #35333e;border-radius:14px;padding:14px}.expanded-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.expanded-title strong{font-size:12px}.expanded-title small{font-size:10px;color:#90909d}.detail-switch{display:flex;gap:6px;margin-bottom:11px}.detail-switch button{border:1px solid #353442;background:transparent;color:#9995a6;padding:6px 10px;border-radius:7px;font-weight:700;font-size:11px}.detail-switch button.is-active{background:#30283d;color:#e6d9ff;border-color:#574968}.detail-scroll{max-height:200px;overflow:auto;padding-right:5px;display:flex;flex-direction:column;gap:1px}.detail-line{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:9px 0;border-bottom:1px solid #2a2934;font-size:11px}.detail-line:last-child{border:0}.detail-left{display:flex;align-items:center;gap:9px}.detail-mark{font-size:12px;color:#bcf3c8}.detail-line.miss .detail-mark{color:#f5adb8}.detail-value{color:#aaa6b7;text-align:right}.swipe-actions{display:grid;grid-template-columns:1fr 1.1fr;gap:11px;margin-top:14px}.swipe-button{height:59px;border-radius:13px;font-size:13px;font-weight:750;border:1px solid #393a44;background:#20212a;color:#e2e0eb}.swipe-button:hover{background:#30313a}.swipe-like{background:var(--accent);border-color:var(--accent);color:#1e1929}.swipe-like:hover{background:#d0c1ff}.swipe-symbol{font-weight:800;font-size:22px;vertical-align:-2px;margin-right:8px}.swipe-button kbd{font-family:inherit;display:inline-block;margin-left:11px;font-size:12px;font-weight:450;opacity:.5}.swipe-help{color:#777684;font-size:11px;text-align:center;margin-top:15px}.mobile-filter-button{display:none}.empty-state{padding:55px 22px;text-align:center;border:1px dashed #454353;background:#181922;border-radius:22px}.empty-state .empty-icon{font-size:40px;color:var(--accent);margin-bottom:12px}.empty-state h2{font-size:22px;margin:0 0 8px;letter-spacing:-.5px}.empty-state p{font-size:12px;color:var(--muted);margin:0 auto 20px;max-width:300px}.primary-button{border:0;border-radius:11px;background:var(--accent);color:#211a2f;font-weight:760;font-size:12px;padding:13px 19px}.primary-button:hover{background:#d2c5ff}
.tips-column{padding:12px 2px 0 0}.tip-label{color:#858393;font-size:10px;letter-spacing:1.8px}.tip-hero{margin-top:18px;font-size:22px;letter-spacing:-.9px;font-weight:740;line-height:1.35}.tip-hero span{color:#82818d}.tip-rule{height:1px;background:#34333c;margin:28px 0 11px}.tip-row{display:flex;gap:14px;align-items:flex-start;border-bottom:1px solid #27272f;padding:13px 0}.tip-row span{font-size:10px;color:var(--accent);font-weight:760;padding-top:2px}.tip-row p{margin:0;color:#c4c1d0;font-size:12px}.tip-sponsor{display:flex;align-items:center;gap:13px;text-align:left;width:100%;background:#1a1921;border:1px solid #34313b;border-radius:13px;margin-top:30px;padding:14px 12px;color:#f3edf9}.tip-sponsor:hover{background:#22202d}.sponsor-symbol{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#30283e;color:#d2c0ff;font-size:22px}.tip-sponsor strong{display:block;font-size:12px}.tip-sponsor small{color:#9c98a7;font-size:10px;display:block;margin-top:3px}
.secondary-page{max-width:1060px;margin:0 auto;padding-top:65px}.page-subhead{font-size:15px;color:var(--muted);margin:5px 0 30px}.saved-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.saved-tile{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}.saved-tile-cover{height:100px;display:flex;align-items:end;padding:14px;color:#fff;font-weight:850;letter-spacing:-.5px;font-size:20px}.saved-tile-cover[data-tone="blue"]{background:#415877}.saved-tile-cover[data-tone="green"]{background:#486d5a}.saved-tile-cover[data-tone="purple"]{background:#64527d}.saved-tile-cover[data-tone="orange"]{background:#8a644d}.saved-tile-cover[data-tone="peach"]{background:#8a5870}.saved-tile-cover[data-tone="slate"]{background:#526571}.saved-tile-body{padding:18px}.saved-tile-body strong{display:block;font-size:16px}.saved-tile-body small{color:var(--muted);font-size:11px}.saved-tile-body p{color:#d3d0dd;font-size:12px;min-height:34px}.saved-tile-body button{border:1px solid #4a3945;color:#f0b5c0;background:#34222b;border-radius:8px;font-size:11px;font-weight:700;padding:8px 11px}.saved-empty{padding:70px 20px;border:1px dashed #42404e;border-radius:18px;text-align:center;grid-column:1/-1}.saved-empty h3{font-size:20px;letter-spacing:-.5px;margin:8px 0}.saved-empty p{color:var(--muted);font-size:13px;margin-bottom:23px}
.profile-editor-layout{display:grid;grid-template-columns:minmax(400px,1.18fr) minmax(280px,.82fr);gap:30px;align-items:start}.editor-panel{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:29px}.editor-heading{font-size:17px;font-weight:750;letter-spacing:-.4px;display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:22px}.editor-heading span{font-size:10px;font-weight:800;color:#8d899b;letter-spacing:1.5px}.editor-heading.has-gap{margin-top:32px;padding-top:23px;border-top:1px solid var(--line);margin-bottom:9px}.editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:17px}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:22px}.upload-box{border:1px dashed #51485b;border-radius:12px;background:#1b1b25;cursor:pointer;padding:22px 14px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px}.upload-box:hover{border-color:var(--accent)}.upload-mark{font-size:25px;color:var(--accent)}.upload-box strong{font-size:12px}.upload-box small{font-size:10px;color:var(--muted)}.upload-box input,.file-row input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.file-row{margin-top:17px;display:flex;gap:14px;align-items:center;padding:15px;border:1px solid #37333e;background:#1e1c26;border-radius:10px;cursor:pointer}.file-row>span:first-child{font-size:25px;color:var(--accent)}.file-row strong{display:block;font-size:12px}.file-row small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.stats-result{margin-top:15px;padding:13px 15px;background:#1b1b24;border:1px solid #2d2c36;color:#a6a3b4;font-size:11px;border-radius:10px;max-height:220px;overflow:auto}.stats-result strong{color:#fff;display:block;margin-bottom:8px}.stat-line{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #2e2c36;padding:6px 0}.stat-line:last-child{border:0}.stat-line span:last-child{text-align:right;color:#d9d2e4}.editor-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:25px}.profile-preview-block{padding:9px 0}.profile-preview-block .match-card{margin-top:15px}.profile-preview-block .cover{height:165px}.profile-preview-block .cover-bottom{font-size:24px}.profile-preview-block .profile-summary{min-height:0}.profile-preview-block .identity-name{padding-top:24px}.profile-preview-block .card-content{padding-bottom:20px}.preview-note{margin-top:16px;color:var(--muted);font-size:11px;line-height:1.7}
.sponsor-card{background:#1c1a22;border:1px solid #484052;border-radius:21px;overflow:hidden;padding:29px;min-height:420px;display:flex;flex-direction:column;align-items:start}.sponsor-label{border:1px solid #645a71;color:#d9cede;font-size:9px;letter-spacing:1.8px;border-radius:50px;padding:7px 10px;font-weight:820}.sponsor-inner{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;gap:18px;text-align:center}.sponsor-emblem{height:92px;width:92px;border-radius:24px;border:1px dashed #655875;display:grid;place-items:center;font-size:42px;color:var(--accent);background:#2b2532}.sponsor-inner h2{font-size:29px;letter-spacing:-1.1px;margin:0}.sponsor-inner p{max-width:320px;margin:0 auto;color:#aaa4b4;font-size:12px}.sponsor-bottom{width:100%;display:flex;justify-content:space-between;align-items:center;color:#9992a3;font-size:11px;gap:12px}.sponsor-bottom button{border:1px solid #574962;background:#2d2635;color:#ece4f3;border-radius:9px;padding:10px 13px;font-size:12px;font-weight:750}
.footer{border-top:1px solid #24242c;display:flex;justify-content:space-between;gap:20px;color:#777481;font-size:11px;padding:25px 0;margin-top:85px}.footer span{margin:0 7px;color:#534d5b}.mobile-tabbar,.mobile-only{display:none}
.modal-overlay{position:fixed;inset:0;z-index:70;background:#050509dc;backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:20px}.modal-panel{width:min(100%,680px);background:#1a1a23;border:1px solid #46414e;border-radius:22px;box-shadow:0 25px 130px #000a;padding:27px;max-height:min(870px,90dvh);overflow:auto}.modal-head{display:flex;justify-content:space-between;align-items:start;gap:20px}.modal-head h2{font-size:25px;letter-spacing:-.8px;margin:9px 0 0}.modal-intro{font-size:12px;color:#aba7b6;margin:16px 0 20px}.modal-intro strong{color:#d9cafa}.rule-editor{display:grid;gap:0}.rule-row{display:grid;grid-template-columns:minmax(0,1fr) 115px 126px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #34313d}.rule-row:last-child{border:0}.rule-row strong{display:block;font-size:12px}.rule-row small{font-size:10px;color:#93909f;display:block;margin-top:2px}.rule-row select{min-width:0;width:100%;background:#252430;color:#eeeaf2;border:1px solid #484250;border-radius:8px;font-size:11px;padding:10px 7px}.modal-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:20px;border-top:1px solid #393542;padding-top:17px}.quiet-btn{background:none;border-color:#494350}.settings-panel{max-width:530px}.setting-row{border-bottom:1px solid #393542;display:flex;justify-content:space-between;align-items:center;gap:22px;padding:24px 0}.setting-row strong{font-size:13px}.setting-row small{display:block;color:#aaa6b3;font-size:11px;max-width:345px;margin-top:6px;line-height:1.6}.setting-row select{width:auto;min-width:146px}.toggle{position:relative;display:block;flex:none;width:42px;height:25px}.toggle input{position:absolute;inset:0;opacity:0;cursor:pointer}.toggle span{display:block;width:100%;height:100%;background:#393541;border-radius:60px;border:1px solid #625b6b;transition:.2s}.toggle span:before{content:"";position:absolute;top:4px;left:4px;width:17px;height:17px;background:#aaa5b1;border-radius:50%;transition:.2s}.toggle input:checked+span{background:#9b83e9}.toggle input:checked+span:before{transform:translateX(17px);background:#fff}.settings-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:23px}.settings-foot span{font-size:11px;color:#9994a3}.toast{position:fixed;bottom:29px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#2c2637;color:#f5f0fa;border:1px solid #75658a;padding:13px 19px;border-radius:11px;font-size:12px;z-index:99;box-shadow:0 15px 40px #0008;transition:opacity .25s,transform .25s}.toast.show{opacity:1;transform:translate(-50%,0)}.drawer-scrim{display:none}
@media(max-width:1180px){.app-shell{padding:0 28px}.discover-layout{grid-template-columns:260px minmax(370px,530px);justify-content:center;gap:24px}.tips-column{display:none}.filters-panel{padding:20px}}
@media(max-width:760px){.app-shell{padding:0 18px}.site-header{height:67px}.brand{font-size:21px}.brand-symbol{width:31px;height:31px}.brand-symbol svg{height:24px;width:24px}.desktop-nav,.demo-status{display:none}.intro{padding-top:37px;margin-bottom:22px}.intro-secondary{display:none}h1{font-size:clamp(42px,10vw,59px);letter-spacing:-3.2px}.intro p{font-size:13px}.mode-switch{width:100%;margin-bottom:20px}.mode{flex:1;min-width:0;padding:12px 7px;font-size:12px}.mode-emoji{font-size:14px}.discover-layout{grid-template-columns:minmax(0,1fr);gap:0;max-width:560px;margin:0 auto}.filters-panel{display:none;position:fixed;inset:0 0 0 auto;max-width:380px;width:min(92vw,380px);z-index:85;border-radius:0;overflow:auto;padding:27px 22px;box-shadow:-15px 0 80px #000a}.filters-panel.drawer-open{display:block}.drawer-scrim.is-open{display:block;position:fixed;inset:0;background:#0009;z-index:80}.mobile-only{display:flex;margin-top:18px;justify-content:center}.mobile-filter-button{border:1px solid #32313c;background:#1b1b24;border-radius:10px;color:#e7e4ee;padding:11px 13px;font-size:12px;display:flex;width:100%;align-items:center;gap:9px;margin-bottom:13px;text-align:left}.mobile-filter-button>span:first-child{font-size:18px;color:var(--accent);line-height:1}.mobile-filter-button>span:last-child{margin-left:auto;font-size:10px;color:#9793a5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:56%}.cover{height:190px}.cover-bottom{font-size:25px}.card-content{padding:0 18px 21px}.cover-top{left:18px;right:18px}.cover-bottom{left:18px;right:18px}.identity-name h3{font-size:19px}.compatibility{min-width:81px;padding:8px 9px}.compatibility strong{font-size:20px}.profile-summary{font-size:13px;min-height:0}.card-topline{margin-bottom:9px}.swipe-button{height:54px}.footer{padding-bottom:100px;margin-top:60px;flex-direction:column;gap:6px;font-size:10px}.mobile-tabbar{display:flex;position:fixed;bottom:0;left:0;right:0;padding:7px 12px calc(7px + env(safe-area-inset-bottom));background:#13131bdc;backdrop-filter:blur(20px);border-top:1px solid #302e38;z-index:45;justify-content:center;gap:8px}.mobile-nav-item{border:0;background:transparent;color:#93909d;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 19px;font-size:10px;font-weight:700;border-radius:8px}.mobile-nav-item span{font-size:22px;line-height:1.2}.mobile-nav-item.is-active{color:var(--accent)}.secondary-page{padding-top:43px}.saved-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-editor-layout{grid-template-columns:1fr}.profile-preview-block{max-width:450px;margin:15px auto 0;width:100%}.editor-panel{padding:21px}}
@media(max-width:480px){.app-shell{padding:0 14px}.intro{padding-top:30px}h1{font-size:43px}.mode{gap:5px}.cover{height:178px}.cover-bottom{font-size:24px}.identity{gap:9px}.avatar{height:59px;width:59px;border-radius:15px}.identity-name h3{font-size:17px}.identity-name p{font-size:10px}.compatibility{margin-top:21px}.card-content{padding-left:15px;padding-right:15px}.swipe-button kbd{display:none}.saved-grid{grid-template-columns:1fr}.editor-fields{grid-template-columns:1fr}.upload-grid{grid-template-columns:1fr 1fr}.editor-bottom{flex-direction:column;align-items:stretch}.editor-bottom button{width:100%;text-align:center}.modal-overlay{padding:0;align-items:stretch}.modal-panel{border-radius:0;width:100%;max-height:100dvh;height:100dvh;padding:20px 17px}.rule-row{grid-template-columns:minmax(0,1fr) 94px 105px;gap:5px}.rule-row select{font-size:10px;padding:9px 4px}.setting-row{gap:12px}.setting-row select{min-width:128px;font-size:11px}.toast{width:90%;text-align:center;bottom:90px}.profile-preview-block{margin-top:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Let primary swipe actions fit above the mobile tab bar on a typical phone. */
@media(max-width:480px){.intro{padding-top:21px;margin-bottom:17px}.intro h1{margin-top:9px;margin-bottom:7px}.mode-switch{margin-bottom:15px}.cover{height:151px}.cover-bottom{bottom:16px}.profile-summary{margin-top:15px}.profile-meta{margin-top:13px}.card-content{padding-bottom:17px}.swipe-actions{margin-top:11px}.swipe-help{margin-top:11px}}

/* ---- Squadistry v1.1: intentionally quiet additions ---- */
.auth-entry{border:1px solid #514662;background:#262130;color:#f3ecff;border-radius:10px;font-size:12px;font-weight:760;padding:11px 14px;white-space:nowrap;transition:background .2s}
.auth-entry:hover{background:#393047}.auth-entry span{color:#c9b8ff;margin-left:6px}
.discovery-elsewhere{margin:24px auto 0;max-width:530px;text-align:center;color:#888696;font-size:12px}
.discovery-elsewhere button{border:0;background:transparent;color:#c8b7ff;cursor:pointer;font-weight:750;padding:5px}
.discovery-elsewhere button:hover{text-decoration:underline}
.elsewhere-filters{display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:16px;align-items:center;margin:10px 0 24px}
.elsewhere-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:850px}
.elsewhere-card{display:flex;flex-direction:column;align-items:flex-start;gap:0;min-height:232px;border:1px solid #302f3b;background:#181921;border-radius:17px;padding:23px;transition:border-color .2s,background .2s}
.elsewhere-card:hover{border-color:#635574;background:#1d1d28}.elsewhere-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin-bottom:17px}
.resource-tag{font-size:9px;letter-spacing:1.5px;font-weight:820;color:#b9a5ff}
.resource-kind{font-size:10px;color:#777482;text-align:right}.elsewhere-card h2{font-size:19px;letter-spacing:-.6px;line-height:1.3;margin:0 0 8px}
.elsewhere-card p{margin:0;color:#c7c4d0;font-size:12px;line-height:1.65}
.elsewhere-card small{margin-top:13px;color:#9694a3;font-size:11px;line-height:1.5}
.elsewhere-card a{display:flex;align-items:center;justify-content:space-between;gap:15px;text-decoration:none;margin-top:auto;padding-top:20px;width:100%;color:#cbbaff;font-size:12px;font-weight:760}
.elsewhere-card a:hover{text-decoration:underline}.elsewhere-card a span{font-size:18px}.elsewhere-empty{border:1px dashed #494554;border-radius:14px;padding:30px;color:#bcb5c9}
.elsewhere-footnote{font-size:12px;line-height:1.8;color:#9893a3;border-top:1px solid #302d38;max-width:850px;margin-top:26px;padding-top:18px}
.elsewhere-footnote strong{color:#ded7e9}
.auth-panel{max-width:438px;padding:31px}.auth-modes{display:grid;grid-template-columns:1fr 1fr;padding:4px;background:#12131a;border:1px solid #30303a;border-radius:11px;gap:4px;margin-top:27px;margin-bottom:22px}
.auth-mode{border:0;border-radius:8px;background:transparent;color:#9c99a8;padding:11px 8px;font-size:12px;font-weight:750}
.auth-mode.is-active{background:#30283e;color:#f9f6ff;box-shadow:0 2px 9px #08070960}
.auth-form{display:flex;flex-direction:column;gap:17px}.auth-form .field{gap:7px}.auth-form .field input,.auth-form .field select{background:#14141c;border-radius:11px;min-height:48px}
.auth-form .field small{color:#9995a8;font-size:10px;line-height:1.65}.auth-form .auth-primary{width:100%;min-height:49px;font-size:13px;margin-top:5px}
.auth-phone-toggle{align-self:flex-start;margin:3px 0 13px}.auth-recover{align-self:center;margin-top:-3px}.auth-message{font-size:12px;line-height:1.55;margin:15px 0 0;min-height:0}
.auth-message:empty{display:none}.auth-message[data-kind="warning"]{color:#f4b9c4}.auth-message[data-kind="success"]{color:#c8eed1}.auth-notice{font-size:10px;line-height:1.7;color:#888493;border-top:1px solid #35323d;margin-top:18px;padding-top:17px}
.auth-member{text-align:center;padding:25px 4px 4px}.member-symbol{width:56px;height:56px;margin:0 auto 14px;display:grid;place-items:center;border-radius:50%;background:#2d4639;color:#b8efca;font-size:26px}
.auth-member h3{font-size:19px;letter-spacing:-.4px;margin:0 0 4px}.auth-member p{color:#c4bed0;overflow-wrap:anywhere}.auth-member .secondary-btn{justify-content:center;margin-top:20px}
@media(max-width:1100px){.desktop-nav{position:static;transform:none}.demo-status{display:none}.site-header{gap:9px}.nav-link{padding:9px 10px;font-size:12px}}
@media(max-width:760px){.header-actions{gap:8px}.site-header .auth-entry{font-size:11px;padding:9px 11px}.mobile-nav-item{padding:7px 8px;min-width:62px;flex:1}.mobile-tabbar{gap:3px}.elsewhere-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.elsewhere-grid{grid-template-columns:1fr}.elsewhere-card{min-height:200px}.secondary-page{padding-top:30px}.auth-panel{height:auto;max-height:min(95dvh,720px);width:min(100%,438px);border-radius:20px;padding:24px}}
@media(max-width:430px){.brand{font-size:19px}.brand-symbol{height:30px;width:30px}.auth-entry span{display:none}.auth-panel{padding:21px}.mobile-nav-item{font-size:9px;min-width:58px}.elsewhere-filters{gap:10px}.elsewhere-card{padding:20px}}

@media(max-width:480px){.auth-panel{align-self:center;height:auto;max-height:92dvh;border-radius:20px}}

/* Squadistry v1.2: private-pilot connection pane. */
.pilot-gate,.pilot-empty{background:#181820;border:1px solid #383343;border-radius:17px;padding:26px;color:#c9c4d2;line-height:1.65;max-width:650px}.pilot-gate h3,.pilot-empty h3{color:#faf8ff;margin:0 0 9px}.pilot-gate p,.pilot-empty p{font-size:13px;margin:0 0 18px}
.pilot-tabs{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:22px 0 15px}.pilot-tabs button{background:#1d1d26;border:1px solid #35313f;border-radius:10px;color:#a7a1b6;padding:12px 15px;font-weight:720;font-size:12px}.pilot-tabs button.is-active{background:#3b3052;border-color:#8971bc;color:#fff}.pilot-tabs .pilot-refresh{margin-left:auto;font-size:17px}
.pilot-status{color:#aca2c6;font-size:12px;line-height:1.6;margin:0 0 16px;max-width:760px}.pilot-heading{display:flex;justify-content:space-between;color:#aca3c0;max-width:560px;font-size:10px;letter-spacing:1.5px;margin:10px 0}
#pilot-card{max-width:560px}.pilot-person{background:#1b1b23;border:1px solid #3a3445;border-radius:20px;overflow:hidden}.pilot-banner{height:182px;background:radial-gradient(circle at 85% 20%,#584176 0,transparent 55%),linear-gradient(115deg,#2a233c,#141820);display:flex;flex-direction:column;justify-content:space-between;padding:25px}.pilot-banner span{font-size:10px;letter-spacing:2px;color:#c5b8e0}.pilot-banner strong{font-size:29px;line-height:1.1;letter-spacing:-.7px;color:#fff;max-width:340px;overflow-wrap:anywhere}
.pilot-identity{display:flex;gap:12px;align-items:center;padding:19px 20px 4px}.pilot-avatar{width:56px;height:56px;flex-shrink:0;display:grid;place-items:center;font-weight:850;font-size:16px;background:#3c2d5d;border:1px solid #705995;border-radius:16px}.pilot-identity h3{margin:0;font-size:20px}.pilot-identity small{font-size:11px;color:#a49eae}.pilot-score{margin-left:auto;border:1px solid #6f5b91;background:#30253f;color:#f5eeff;border-radius:11px;display:flex;flex-direction:column;align-items:center;padding:8px;min-width:88px}.pilot-score strong{font-size:21px}.pilot-score small{font-size:8px;white-space:nowrap}.pilot-subline{padding:13px 22px 22px;color:#c6bdcf;font-size:13px}.pilot-buttons{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:14px}.pilot-criteria{border-top:1px solid #393442;margin:0 20px 20px;max-height:240px;overflow:auto}.pilot-criteria>div{padding:9px 0;border-bottom:1px solid #302b35;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#c7bfd3}.pilot-criteria>div span:last-child{text-align:right;color:#aaa4b7}
.pilot-chat-layout{display:grid;grid-template-columns:265px minmax(0,1fr);gap:16px;max-width:900px;align-items:start}.pilot-conversations{display:flex;flex-direction:column;gap:9px}.pilot-conversation{width:100%;display:flex;align-items:center;gap:12px;text-align:left;background:#1c1b25;color:#eee8f8;border:1px solid #393443;border-radius:12px;padding:14px}.pilot-conversation.is-active{border-color:#8d76bd}.pilot-conversation span:last-child{display:flex;flex-direction:column;gap:4px}.pilot-conversation small{font-size:10px;color:#aaa4b7}.pilot-chat-avatar{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:#382d51;font-size:12px;font-weight:800}.pilot-chat{border:1px solid #393443;border-radius:16px;background:#1a1a23;overflow:hidden}.pilot-chat-head{padding:15px;border-bottom:1px solid #393443;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.pilot-chat-head div{display:flex;align-items:center;gap:6px}.pilot-chat-head button,.pilot-chat-head select{font-size:10px;color:#d7cae6;border:1px solid #4b405c;border-radius:7px;background:#272232;padding:7px}.pilot-chat-list{height:290px;overflow:auto;display:flex;flex-direction:column;gap:9px;padding:17px}.pilot-bubble{align-self:flex-start;max-width:84%;font-size:12px;line-height:1.6;padding:10px 14px;border-radius:13px;background:#343140;color:#f6f2fc;overflow-wrap:anywhere}.pilot-bubble.mine{align-self:flex-end;background:#4b3976}.pilot-chat-form{display:flex;gap:8px;padding:12px;border-top:1px solid #383342}.pilot-chat-form input{flex:1;min-width:0;border:1px solid #4a4158;background:#11121b;border-radius:10px;color:white;padding:13px;font-size:12px}.pilot-chat-form button{background:#9d86da;border:0;border-radius:9px;color:#18131f;padding:0 15px;font-weight:800}.pilot-privacy{font-size:10px;line-height:1.55;color:#a8a3b3;margin:0;padding:0 13px 13px}
.pilot-profile-wrap{max-width:730px;background:#191920;border:1px solid #393443;border-radius:18px;padding:24px}.pilot-profile-wrap h2{font-size:23px}.pilot-profile-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:22px 0}.pilot-profile-fields .field input,.pilot-profile-fields .field select{min-height:43px;border-radius:10px}.pilot-check{display:flex;align-items:center;gap:10px;color:#d5ccdf;font-size:12px;margin:22px 0}.pilot-check input{accent-color:#a68eec}
@media(max-width:700px){.pilot-chat-layout{grid-template-columns:1fr}.pilot-conversations{max-height:180px;overflow:auto}.pilot-banner{height:154px}.pilot-banner strong{font-size:25px}.pilot-profile-fields{grid-template-columns:1fr}.pilot-tabs button{font-size:11px;padding:10px}.mobile-nav-item{padding:7px 2px;min-width:0}.pilot-chat-head{flex-direction:column;align-items:flex-start}}
/* v1.4: restrained legal/safety links */
.legal-preview-banner{padding:10px 18px;text-align:center;background:#251f30;border-bottom:1px solid #40314e;color:#d4c5ef;font-size:11px;line-height:1.6}
.legal-preview-banner a{color:#e0cfff;text-underline-offset:3px;margin-left:6px}
.legal-footer-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px}
.legal-footer-links a{font-size:11px;color:#aaa0bd;text-decoration:none}
.legal-footer-links a:hover{text-decoration:underline;color:#f2e6ff}
.auth-consent{display:flex;gap:10px;align-items:flex-start;color:#c7c0d1;font-size:11px;line-height:1.7;cursor:pointer}
.auth-consent input{width:18px;height:18px;margin:1px 0 0;accent-color:#a992ef;flex:none}
.auth-consent a,.pilot-privacy a{color:#cdb7ff;text-decoration:underline}
@media(max-width:650px){.legal-preview-banner{font-size:10px;padding:10px 12px}.legal-footer-links{justify-content:flex-start}}

/* 1.7: understated searchable game catalog and locally-held platform identities */
.game-search, .extra-game-tools input {min-width:0;width:100%;background:#171923;color:#f4f4fa;border:1px solid #373947;border-radius:10px;padding:11px 12px;font:inherit;outline-offset:2px;}
.game-search:focus,.extra-game-tools input:focus{border-color:#9e8bff;}
.identity-editor,.additional-games{padding-top:24px;margin-top:18px;border-top:1px solid #30303b;}
.identity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:15px;}
.identity-note{font-size:12px;line-height:1.7;color:#a9aab9;margin:12px 0;}
.account-preview{padding:12px 14px;border:1px solid #333440;background:#181923;border-radius:12px;margin-top:14px;font-size:12px;}
.account-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:7px 0;border-top:1px solid #30313d;overflow-wrap:anywhere;}
.account-row span{color:#b0b0be}.account-row strong{font-weight:550;text-align:right;color:#f1f1fa;}
.extra-game-tools{display:flex;gap:10px;align-items:center;margin-top:10px;}.extra-game-tools input{flex:1;}.extra-game-tools button{flex-shrink:0;}
.extra-game-chips{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0;}.extra-chip{background:#282538;border:1px solid #48405f;border-radius:100px;color:#e4ddff;font:inherit;font-size:12px;padding:7px 12px;cursor:pointer;}
@media (max-width:640px){.identity-grid{grid-template-columns:1fr}.extra-game-tools{flex-direction:column;align-items:stretch}}

.identity-oncard{margin-top:12px;display:grid;gap:6px;}.identity-oncard small{font-size:10px;letter-spacing:.06em;color:#9396a8;}.identity-oncard div{display:flex;flex-wrap:wrap;gap:7px;}

/* v1.9 game selection and per-game ranks */
.game-search-toggle{display:inline-flex;align-items:center;gap:6px;width:max-content;padding:5px 0;border:0;background:none;color:#bfaaff;font-weight:750;font-size:12px;cursor:pointer;}
.game-search-toggle:hover{text-decoration:underline}
.game-search[hidden]{display:none!important}
.game-search-caption{font-size:10px;color:#878493}
.extra-game-tools select{appearance:auto;flex:1;min-width:0;background:#1d1e27;color:#efedfc;border:1px solid #414151;border-radius:10px;padding:12px;font:inherit;font-size:13px;min-height:46px}
.extra-game-tools{margin-top:13px}
.extra-game-chips{display:grid;gap:9px;margin:15px 0}
.extra-game-row{border:1px solid #383443;background:#1c1c26;border-radius:12px;padding:13px;display:grid;gap:11px}
.extra-game-header{display:flex;justify-content:space-between;align-items:center;gap:10px}
.extra-game-header strong{font-size:13px;color:#f3f0ff}
.extra-game-header button{border:0;background:none;color:#c6adf8;cursor:pointer;font-size:12px}
.extra-game-row .field{gap:6px}
.extra-game-row .field select{min-height:40px;padding-top:9px;padding-bottom:9px}
.extra-game-row small{font-size:10px;color:#8f8d9b;line-height:1.5}
.own-ranks-box{background:#191922;border:1px solid #393545;padding:15px;border-radius:12px;margin-top:12px}
.own-ranks-box>strong{font-size:12px;display:block;margin-bottom:8px}
.own-ranks-box .account-row{font-size:11px;padding:9px 0}
@media(max-width:640px){.extra-game-tools{flex-direction:row;align-items:center}.extra-game-tools select{min-width:0}.extra-game-tools button{flex-shrink:0}}

/* 1.9.4: explain invitation-only registration without blocking informed consent selection. */
.auth-signup-status{margin:12px 0 2px;padding:11px 13px;border:1px solid #49415e;border-radius:10px;background:#201d2c;color:#d3c8e5;font-size:12px;line-height:1.65;}
.auth-primary:disabled{opacity:.62;cursor:not-allowed;}

/* Squadistry 2.0 — real community, restrained visual refresh */
:root {--squad-glow:#8478ff;--squad-blue:#5cc9ec}
body {background:radial-gradient(ellipse 55% 45% at 15% 0%,rgba(103,76,211,.11),transparent 75%),radial-gradient(ellipse 45% 45% at 100% 23%,rgba(40,130,178,.09),transparent 75%),#0b0d13}
.site-header {backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:rgba(14,15,22,.88)}
.intro h1 {letter-spacing:-.055em}.intro h1 span {background:linear-gradient(100deg,#b2a7ff,#71ddf0);-webkit-background-clip:text;background-clip:text;color:transparent}
.filters-panel,.tips-column {border-color:rgba(170,166,255,.10)}
.match-column {min-width:0}
.real-discovery {position:relative;isolation:isolate;min-height:440px;border:1px solid rgba(181,179,255,.24);border-radius:24px;background:linear-gradient(140deg,#17192a 0%,#121622 56%,#111824 100%);overflow:hidden;box-shadow:0 20px 70px rgba(0,0,0,.23)}
.real-discovery-glow {position:absolute;width:460px;height:460px;border-radius:100%;background:radial-gradient(circle,rgba(110,100,243,.28),transparent 68%);right:-180px;top:-200px;z-index:-1;pointer-events:none}
.real-discovery-content {padding:clamp(26px,5vw,47px);position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.real-status {font-size:10px;font-weight:800;letter-spacing:.17em;color:#d3d4f9;display:flex;align-items:center;gap:10px}.real-status-dot {width:7px;height:7px;background:#65d8b0;box-shadow:0 0 16px #65d8b095;border-radius:100%}.status-separator {color:#5e6180}
.real-discovery-mark {width:55px;height:55px;display:grid;place-items:center;border:1px solid #8881e457;border-radius:15px;background:linear-gradient(130deg,#635bc84d,#30b9c81d);color:#b7b0ff;font-size:29px}
.real-discovery h2 {font-size:clamp(27px,3.2vw,46px);max-width:13ch;line-height:1.10;letter-spacing:-.052em;font-weight:850;margin:0;color:#f5f4ff}.real-discovery h2 em {font-style:normal;color:#aa9eff}
.real-discovery p {font-size:14px;line-height:1.75;max-width:550px;margin:0;color:#b7bed0}
.real-filter-pill {display:inline-flex;flex-wrap:wrap;align-items:center;gap:9px;border:1px solid #8584a53c;background:#fff8;border-radius:100px;padding:10px 15px;color:#e7e8ff;font-size:12px;font-weight:650;max-width:100%;overflow-wrap:anywhere}.real-filter-pill>span:first-child{color:#a5a0fc}.pill-separator{color:#777894}
.real-discovery-actions {display:flex;align-items:center;flex-wrap:wrap;gap:11px}.real-discovery-actions .primary-button,.real-discovery-actions .secondary-btn{min-height:44px}
.real-discovery-foot {display:flex;align-items:center;gap:9px;padding-top:8px;border-top:1px solid #ffffff1f;color:#a4adc2;font-size:11px;line-height:1.6}
.live-dot{display:inline-block;width:7px;height:7px;background:#60c6aa;border-radius:50%;margin-right:4px}
.next-step-card{border:1px solid #8a8bd040;border-radius:19px;padding:24px;background:linear-gradient(143deg,#161a2a,#10131d);display:flex;align-items:flex-start;flex-direction:column;gap:14px;min-height:265px}
.next-step-card .next-step-number{font-size:11px;letter-spacing:.13em;color:#b5aaff;font-weight:800}
.next-step-card h3{margin:0;color:#fff;font-size:22px;letter-spacing:-.02em}
.next-step-card p{margin:0;line-height:1.7;color:#b6bdcf;font-size:13px;flex:1}.next-step-card button{max-width:100%}
#card-actions[hidden]{display:none!important}
@media (max-width:680px){.real-discovery{min-height:0}.real-discovery-content{padding:26px 20px;gap:20px}.real-discovery h2{font-size:32px}.real-discovery-actions{width:100%}.real-discovery-actions button{width:100%}.next-step-card{min-height:220px}}