@font-face{font-family:CoInter;src:url('/static/clan-onboarding/inter-400.ttf');font-display:swap}@font-face{font-family:CoInter;src:url('/static/clan-onboarding/inter-600.ttf');font-weight:600;font-display:swap}@font-face{font-family:CoExo;src:url('/static/clan-onboarding/exo2-700.ttf');font-weight:700;font-display:swap}
#clan-onboarding{--co-bg:#101720;--co-line:#334153;--co-text:#f3f5f8;--co-muted:#b9c5d5;--co-accent:#f5a052;color:var(--co-text);font:14px/1.65 CoInter,Arial,sans-serif}
#clan-onboarding *{box-sizing:border-box}#clan-onboarding [hidden]{display:none!important}
#clan-onboarding button,#clan-onboarding select{font:inherit;cursor:pointer;touch-action:manipulation}#clan-onboarding button{min-height:44px;border:0}#clan-onboarding button:focus-visible,#clan-onboarding select:focus-visible{outline:2px solid #ffd399;outline-offset:3px}
#clan-onboarding dialog{padding:0;color:var(--co-text);border:1px solid #465366;border-radius:18px;box-shadow:0 25px 100px #000a;background:var(--co-bg);width:min(1220px,calc(100% - 32px));max-height:calc(100dvh - 24px)}
#clan-onboarding dialog::backdrop{background:#03060bdf;backdrop-filter:blur(7px)}#clan-onboarding dialog[open]{display:flex;flex-direction:column;overflow:hidden}
#clan-onboarding .co-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 24px;border-bottom:1px solid #ffffff0e;flex:none;font-weight:700;font-size:13px;letter-spacing:.5px}
#clan-onboarding .co-header>button{flex:none;min-width:44px;background:transparent;color:#acbacd;font-size:27px;line-height:1}
#clan-onboarding .co-orange{color:var(--co-accent)}#clan-onboarding .co-divider{color:#65758c;margin:0 16px}


#clan-onboarding .co-body{display:grid;grid-template-columns:minmax(0,58%) minmax(0,42%);flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
#clan-onboarding .co-visual{min-width:0;padding:24px;display:flex;flex-direction:column;gap:14px;background:radial-gradient(ellipse at 65% 65%,#253044,#0b111b 80%)}#clan-onboarding .co-visual>*{flex-shrink:0}
#clan-onboarding [data-theme=pass] .co-visual{background:radial-gradient(ellipse at 65% 70%,#342440,#111929 75%)}#clan-onboarding [data-theme=cup] .co-visual{background:radial-gradient(ellipse at 65% 70%,#30271e,#111923 75%)}
#clan-onboarding .co-frame{border:1px solid #4f607370;border-radius:10px;background:#0a1018;overflow:hidden;width:min(100%,calc(var(--co-ratio,1.5) * clamp(220px,calc(100dvh - 330px),480px)));align-self:center;box-shadow:0 12px 32px #0005}
#clan-onboarding .co-frame-bar{display:flex;align-items:center;gap:10px;padding:5px 12px;background:#1b2634;border-bottom:1px solid #ffffff0d;min-height:42px;font-size:11px;color:var(--co-muted)}#clan-onboarding .co-frame-bar>span{min-width:0;flex:1}#clan-onboarding .co-frame-bar>button{flex:none;padding:4px 0;min-height:32px;background:none;color:#f4c694;font-size:11px}
#clan-onboarding .co-image{display:block;width:100%;height:auto;cursor:zoom-in}
#clan-onboarding .co-gallery{display:flex;gap:8px;flex-wrap:wrap}#clan-onboarding .co-gallery button{border:1px solid #42536c;padding:8px 11px;border-radius:6px;color:#becbdb;background:#192432;font-size:11px;min-height:40px;text-align:left;max-width:100%}#clan-onboarding .co-gallery button[aria-pressed=true]{border-color:#e1ac72;background:#bc7d3826;color:#ffe0bc}
#clan-onboarding .co-visual-footer{display:flex;align-items:center;gap:12px;justify-content:space-between;min-height:54px}#clan-onboarding .co-visual-footer p{margin:0;font-size:11px;color:#e9c69f}#clan-onboarding .co-accent{width:120px;height:88px;object-fit:contain;flex:none}
#clan-onboarding .co-story{padding:28px 30px;min-width:0;align-self:start}#clan-onboarding .co-eyebrow{font-size:11px;letter-spacing:1.7px;color:#eeb67d;font-weight:600}#clan-onboarding .co-story h2{font:700 33px/1.12 CoExo,Arial,sans-serif;margin:12px 0 20px;color:var(--co-text);overflow-wrap:break-word}#clan-onboarding #co-copy{font-size:14px;line-height:1.75;margin:0 0 22px;color:#d1d9e5}
#clan-onboarding .co-points{display:grid;gap:17px}#clan-onboarding .co-point{display:flex;gap:12px;align-items:flex-start}#clan-onboarding .co-number{font-size:12px;line-height:24px;border:1px solid #54402c;border-radius:5px;min-width:26px;text-align:center;color:var(--co-accent)}#clan-onboarding .co-point strong{display:block;font-size:13px;color:var(--co-text);margin-bottom:4px}#clan-onboarding .co-point p{font-size:12px;color:var(--co-muted);margin:0;line-height:1.7}
#clan-onboarding .co-note{border-top:1px solid #ffffff12;padding-top:16px;margin:22px 0 0;color:var(--co-muted);font-size:11px;line-height:1.75}#clan-onboarding .co-details{border-top:1px solid #ffffff0d;margin-top:16px;font-size:12px}#clan-onboarding .co-details summary{cursor:pointer;min-height:44px;padding:11px 0;color:#f0bc84}#clan-onboarding .co-details p{color:var(--co-muted);line-height:1.75;margin:0 0 12px}
#clan-onboarding .co-footer{margin:0;width:100%;max-width:none;align-self:stretch;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;border-top:1px solid #ffffff12;background:#101720;flex:none;z-index:1}#clan-onboarding .co-progress{display:flex;align-items:center;gap:12px;font-size:12px;color:#b6c6da}#clan-onboarding .co-dots{display:flex;gap:0}#clan-onboarding .co-dots button{width:17px;padding:0;background:none;min-height:40px;position:relative}#clan-onboarding .co-dots button:before{content:'';display:block;width:10px;height:3px;background:#3d4b5f;border-radius:3px;margin:auto}#clan-onboarding .co-dots button[aria-current=step]:before{width:15px;background:var(--co-accent)}
#clan-onboarding .co-actions{display:flex;gap:8px;align-items:center}#clan-onboarding .co-actions button{padding:11px 18px;border-radius:8px;font-size:13px;font-weight:600;white-space:nowrap}#clan-onboarding .co-primary{background:var(--co-accent);color:#1b140c}#clan-onboarding .co-secondary{background:#202c3c;border:1px solid #3d4c60!important;color:var(--co-text)}#clan-onboarding .co-quiet{background:none;color:#b8c6d8}
#clan-onboarding .co-zoom{width:min(1360px,calc(100% - 24px))}#clan-onboarding .co-zoom h2{font:600 14px/1.4 CoInter,Arial,sans-serif;margin:0;flex:1}#clan-onboarding [data-co-scale]{font:400 12px/1.4 CoInter,Arial,sans-serif!important;border:1px solid #45566c;border-radius:6px;padding:6px 10px!important;white-space:nowrap}#clan-onboarding .co-zoom-scroll{overflow:auto;min-height:0;overscroll-behavior:contain}#clan-onboarding .co-zoom-scroll img{width:100%;height:auto;display:block}#clan-onboarding .co-native .co-zoom-scroll img{width:auto;min-width:100%;max-width:none}
@media(max-width:800px){#clan-onboarding dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:14px}#clan-onboarding .co-header{padding:7px 14px}#clan-onboarding .co-body{display:block}#clan-onboarding .co-visual{padding:16px;gap:10px}#clan-onboarding .co-frame{width:100%}#clan-onboarding .co-frame-bar{padding:4px 8px;font-size:10px}#clan-onboarding .co-story{padding:22px 20px 28px}#clan-onboarding .co-story h2{font-size:28px}#clan-onboarding #co-copy{font-size:13px}#clan-onboarding .co-accent{width:84px;height:62px}#clan-onboarding .co-footer{flex-wrap:wrap;padding:7px 14px 10px;gap:0}#clan-onboarding .co-progress{width:100%;justify-content:space-between}#clan-onboarding .co-dots button{width:15px;min-height:32px}#clan-onboarding .co-actions{width:100%;gap:6px;justify-content:flex-end}#clan-onboarding .co-actions button{padding:10px 12px;font-size:12px}#clan-onboarding .co-actions .co-quiet{margin-right:auto;padding-left:0}#clan-onboarding .co-zoom .co-header{flex-wrap:wrap;gap:8px}#clan-onboarding .co-zoom h2{flex-basis:calc(100% - 52px)}#clan-onboarding [data-co-scale]{order:2}}