:root{color-scheme:dark;--bg:#060606;--surface:#111;--surface2:#1b1b1b;--stroke:#303030;--text:#fafafa;--muted:#9a9a9a;--accent:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.58 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:.005em}a{color:inherit;text-decoration:none}a:hover{color:#ddd}button,input{font:inherit}input{color:var(--text);background:#090909;border:1px solid #444;border-radius:5px;padding:12px 14px;max-width:100%}input:focus{outline:1px solid white}input[type=checkbox]{accent-color:white}a:focus-visible,button:focus-visible{outline:2px solid #fff;outline-offset:3px}.shell{width:min(1100px,calc(100% - 40px));margin:auto}
.site-header{border-bottom:1px solid #292929;background:#080808;position:sticky;top:0;z-index:20}.nav,.nav-links,.footer-row,.actions,.search-row{display:flex;align-items:center}.nav{min-height:76px;justify-content:space-between;gap:22px}.logo{font-weight:850;font-size:24px;letter-spacing:.26em;display:flex;align-items:center;gap:12px}.logo-mark{display:grid;place-items:center;border:1px solid #eee;border-radius:50%;width:38px;height:38px;letter-spacing:0;font-size:20px}.logo-dot{display:none}.nav-links{gap:20px;font-size:12px;letter-spacing:.03em;color:#aaa;flex-wrap:wrap}.nav-cta{color:white!important;border:1px solid #aaa;padding:10px 14px}.inline-form{display:inline}.link-button{border:0;background:none;color:#aaa;cursor:pointer;padding:0;font-size:12px}.page{min-height:calc(100vh - 165px);padding-bottom:68px}.eyebrow{color:#aaa;letter-spacing:.20em;font-size:11px;font-weight:700;text-transform:uppercase}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#fff;margin-right:8px;box-shadow:0 0 10px #eee}.hero{display:grid;grid-template-columns:1.14fr .86fr;align-items:center;gap:60px;padding:105px 0 95px}.hero h1{font-size:clamp(44px,5.4vw,78px);line-height:1.08;letter-spacing:-.065em;margin:20px 0 25px;font-weight:650}.gradient-text{color:#a9a9a9}.hero-copy{color:#b7b7b7;font-size:17px;max-width:560px}.actions{flex-wrap:wrap;gap:12px;margin:30px 0}.btn{border:1px solid #666;background:transparent;color:white;min-height:45px;display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:12px 18px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}.btn:hover{background:#242424;color:white;border-color:#eee}.btn-primary{background:#eee;color:#0b0b0b;border-color:#eee}.btn-primary:hover{background:white;color:black}.btn-secondary{border-color:#555}.btn-full{width:100%;justify-content:center;margin-top:24px}.tiny{color:#888;font-size:12px;line-height:1.6}.tiny a{text-decoration:underline;color:#ddd}
.preview-panel{border:1px solid #373737;min-height:400px;display:flex;flex-direction:column;padding:28px;align-items:center;background:radial-gradient(circle at center,#1d1d1d 0,#0b0b0b 55%,#060606 100%)}.preview-head,.preview-foot,.balance-top{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#999;letter-spacing:.15em}.chip{border:1px solid #666;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;color:white;font-size:14px}.coin-symbol{height:165px;width:165px;border-radius:50%;display:grid;place-items:center;border:1px solid #ccc;box-shadow:0 0 0 16px #ffffff0b,0 0 0 30px #ffffff07;margin-top:58px;font-size:72px;font-weight:200;color:#fff}.preview-n{margin-top:45px;font-size:24px;letter-spacing:.3em;font-weight:700}.preview-caption{color:#aaa;font-size:12px;margin-top:5px}.preview-foot{margin-top:auto}.section{margin:45px 0 70px}.section-head{margin-bottom:26px}.section h2,.page-title h1{font-size:clamp(30px,3.6vw,44px);font-weight:550;line-height:1.15;letter-spacing:-.055em;margin:12px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature,.roadmap-item{border-top:1px solid #5b5b5b;padding:24px 22px 20px;background:#101010}.feature-icon{border:1px solid #6b6b6b;color:#eee;width:37px;height:37px;display:grid;place-items:center;font-size:12px}.feature h3,.roadmap-item h3{font-size:20px;font-weight:550;margin:25px 0 8px}.feature p,.roadmap-item p{font-size:14px;color:#aaa}.feature .btn{margin-top:14px}.info-strip{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:30px;border:1px solid #3e3e3e;background:#0c0c0c}.info-strip h2{margin:7px 0;font-size:29px;font-weight:550}.info-strip p{color:#aaa;max-width:640px;margin:0}.site-footer{border-top:1px solid #252525;padding:28px 0}.footer-row{gap:18px;justify-content:space-between;color:#888;font-size:11px}.page-title{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:70px 0 35px}.page-title h1{margin:10px 0}.page-title p{color:#aaa;margin:0}.stats-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:16px}.balance-card,.streak-card{background:#101010;border:1px solid #343434;padding:28px;min-height:275px}.balance-card{display:flex;flex-direction:column}.balance-number{font-size:clamp(58px,8vw,90px);font-weight:450;letter-spacing:-.07em;line-height:1.15;margin:20px 0}.balance-number small,.streak-number small{font-size:23px;color:#bbb;letter-spacing:0}.balance-hint{font-size:13px;color:#aaa}.balance-foot{margin-top:auto;border-top:1px solid #333;padding-top:15px;color:#858585;font-size:12px}.streak-icon{float:right;font-size:30px}.streak-number{font-size:70px;font-weight:450;line-height:1.2;margin-top:24px}.streak-card p,.streak-goal{color:#aaa;font-size:13px}.streak-goal{border-top:1px solid #333;margin-top:25px;padding-top:15px}.history-section{margin-top:52px}.history-table{border:1px solid #333}.history-head,.history-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 20px}.history-head{background:#1b1b1b;color:#999;font-size:12px}.history-row{border-top:1px solid #333}.history-row div{display:flex;flex-direction:column;gap:3px}.history-row strong{font-size:14px}.history-row span{color:#888;font-size:12px}.history-row .plus{color:white}.history-empty{padding:25px;color:#999}.low-key-note{border:1px solid #383838;color:#aaa;padding:22px;font-size:14px}.low-key-note strong{color:white}.roadmap-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:30px}.status{font-size:10px;letter-spacing:.05em;padding:6px 10px;border:1px solid #555;color:#ccc}.status-now{border-color:#aaa;color:white}.text-panel{background:#101010;border:1px solid #333;padding:28px;min-width:0}.text-panel h2{font-weight:550;font-size:23px;margin:14px 0}.text-panel p{color:#aaa;font-size:14px}.form-wrap{display:flex;justify-content:center;padding:70px 0}.form-card{width:min(100%,500px);background:#111;border:1px solid #444;padding:36px}.form-card h1{font-size:36px;font-weight:550;line-height:1.1;margin:16px 0}.form-card>p{color:#aaa;font-size:14px;margin:10px 0 25px}.form-card label,.form-field label,.search-form label{display:block;color:#ddd;font-size:12px;letter-spacing:.05em;margin:15px 0 7px}.form-card input:not([type=checkbox]){width:100%}.form-card label:has(input[type=checkbox]){display:flex;align-items:center;gap:6px;letter-spacing:0}.form-card input[type=checkbox]{margin:0}.form-foot{margin:22px 0 0!important}.form-foot a{text-decoration:underline}.notice{padding:14px 18px;margin:18px 0;background:#242424;color:white;font-size:13px;border-left:2px solid white}.notice.error{border-color:#cc7777}.field-errors,.errorlist{color:#e99;font-size:12px;padding-left:15px}.messages{margin-top:16px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}.two-cols .text-panel{height:fit-content}.circle-hero{display:flex;align-items:center;gap:30px;padding:35px;background:#151515;border:1px solid #444;margin-bottom:22px}.circle-hero h2{font-size:38px;font-weight:500;margin:7px 0}.circle-hero p{color:#aaa;margin:5px 0}.circle-mark,.player-halo{width:125px;height:125px;flex:none;border:2px solid white;border-radius:50%;box-shadow:0 0 0 9px #ffffff10,0 0 0 20px #ffffff08;display:grid;place-items:center;color:white;font-size:42px}.invite-code{color:white;user-select:all;letter-spacing:.1em}.members-list{margin-top:20px}.member,.thread-row{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid #303030}.member-avatar{border:1px solid #666;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;font-size:16px;flex:none}.member div,.thread-row div{flex:1;min-width:0}.member strong,.thread-row strong{display:block;font-weight:500}.member small,.thread-row small{display:block;color:#888;font-size:11px}.member a{font-size:12px;color:#bbb}.thread-row p{margin:2px 0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-list{display:flex;flex-direction:column;gap:10px;max-height:450px;min-height:150px;overflow:auto;padding:18px 0}.bubble{background:#1d1d1d;border:1px solid #333;padding:11px 13px;max-width:93%;align-self:flex-start}.bubble.my-message{align-self:flex-end;border-color:#777}.bubble small{display:block;color:#888;font-size:11px}.bubble p{margin:5px 0 0;color:#eee}.chat-form{display:flex;gap:8px}.chat-form input{flex:1;min-width:0;width:100%}.chat-form .btn{min-width:52px;justify-content:center}.chat-page{max-width:720px}.block-form{margin-top:24px}.search-row{gap:10px}.search-row input{min-width:0;flex:1}.found-player{border-top:1px solid #333;margin-top:25px;padding:30px 0;display:flex;align-items:center;gap:32px}.found-player h2{margin:3px 0}.checkbox-label{display:flex;gap:10px;align-items:center;margin:18px 0}.muted{color:#888!important}
@media(max-width:850px){.hero{grid-template-columns:1fr;gap:40px;padding:60px 0}.feature-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr}.two-cols{grid-template-columns:1fr}.nav-links{gap:14px}.roadmap-grid{grid-template-columns:1fr}}
@media(max-width:600px){.shell{width:min(100% - 28px,1100px)}.nav{padding:15px 0;align-items:flex-start;flex-direction:column;gap:12px}.site-header{position:static}.nav-links{gap:12px}.nav-links a,.link-button{font-size:11px}.hero h1{font-size:49px}.hero{padding:45px 0}.preview-panel{min-height:390px}.page-title{padding:40px 0 23px;flex-direction:column;align-items:flex-start}.balance-card,.streak-card{padding:22px}.info-strip{flex-direction:column;align-items:flex-start}.footer-row{align-items:flex-start;flex-direction:column}.form-wrap{padding:42px 0}.form-card,.text-panel{padding:22px}.circle-hero{flex-direction:column;text-align:center}.found-player{flex-direction:column}.search-row{flex-direction:column;align-items:stretch}.search-row .btn{justify-content:center}}

/* ZERO 1.1 — приглашения в круг */
.nav-notifications{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.notification-badge{display:inline-grid;place-items:center;min-width:21px;height:21px;border-radius:11px;padding:0 6px;background:#f2f2f2;color:#070707;font-size:11px;font-weight:750;line-height:1}
.notification-badge[hidden]{display:none}
.circle-invite-button{margin-top:15px}
.invite-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-bottom:55px}
.invite-search-form{margin-top:25px}
.invite-search-form label{display:block;font-size:13px;margin-bottom:8px;color:#ddd}
.invite-result{display:flex;align-items:center;gap:14px;margin-top:24px;padding:18px;background:#1b1b1b;border:1px solid #4b4b4b}
.invite-person{min-width:0}
.invite-person strong,.invite-person small{display:block;overflow-wrap:anywhere}
.invite-person small{color:#aaa;font-size:12px}
.invite-hint{border-left:2px solid #777;padding-left:13px}
.invite-send{margin-top:18px}
.invite-explainer p{border-bottom:1px solid #333;padding-bottom:15px}
.invite-explainer p strong{color:#fff;margin-right:9px}
.notifications-panel{margin:0 0 20px}
.notification-entry{display:flex;align-items:flex-start;gap:16px;padding:21px 0;border-bottom:1px solid #383838}
.notification-entry:last-of-type{border-bottom:0}
.notification-content{flex:1;min-width:0}
.notification-content strong{display:block;font-size:18px;font-weight:550;overflow-wrap:anywhere}
.notification-content p{margin:5px 0 13px}
.notification-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 0}
.notification-actions .btn{min-height:39px;padding:8px 15px}
.invite-toast{position:fixed;z-index:200;right:18px;bottom:18px;max-width:calc(100vw - 36px);padding:16px 20px;border:1px solid #aaa;background:#171717;box-shadow:0 6px 32px #000b;font-size:14px;color:#fff}
@media(max-width:850px){.invite-layout{grid-template-columns:1fr}}
@media(max-width:600px){.circle-invite-button{justify-content:center;width:100%}.notification-entry{gap:12px}.notification-content strong{font-size:16px}}