:root{font-family:"DM Sans",sans-serif;color:#17251d;background:#f4efe4;font-synthesis:none;text-rendering:optimizeLegibility;--forest:#102319;--green:#245b3a;--green-soft:#e6efe5;--gold:#c3a05c;--muted:#778079;--line:#e5dfd1;--paper:#fffdf7;--danger:#a54035}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 75% 0,#e7eee3 0,transparent 31rem),#f4efe4}.top{height:74px;padding:0 max(28px,calc((100vw - 1240px)/2));display:flex;align-items:center;gap:45px;background:var(--forest);color:#f7f0df;border-bottom:1px solid #ffffff19}.brand{display:flex;gap:10px;align-items:center;color:#f7f0df;text-decoration:none;font-weight:800;letter-spacing:-.6px;font-size:20px}.mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #c8ae70;border-radius:10px;color:#ddc27c;font:700 21px "Playfair Display",serif}.alpha{color:#ddc27c}.top nav{display:flex;gap:26px;flex:1}.top nav a,footer a{color:#d8ded4;text-decoration:none;font-size:12px}.top nav a:hover,footer a:hover{color:#e5c982}.play,.outline,.primary,.danger{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:0 16px;border-radius:7px;font:700 12px "DM Sans",sans-serif;text-decoration:none;cursor:pointer}.play,.primary{border:1px solid var(--green);background:var(--green);color:#fffdf7}.play:hover,.primary:hover{background:#1b4b2f}.play span{font-size:17px}main{width:min(1220px,calc(100% - 48px));min-height:calc(100vh - 135px);margin:0 auto;padding:54px 0 64px}.auth{max-width:460px;margin:28px auto;padding:35px}.card,.subcard{border:1px solid #e2dccf;background:rgba(255,253,247,.94);border-radius:13px;box-shadow:0 9px 32px #3027110b}.eyebrow{color:#8a7445;font-size:9px;font-weight:800;letter-spacing:1.6px}.auth h1,.welcome h1{margin:10px 0 8px;font:700 clamp(34px,5vw,47px)/1.1 "Playfair Display",serif;letter-spacing:-1px}.auth>p,.welcome p{color:#687269;font-size:13px;line-height:1.7}.auth form,.inline-form{display:grid;gap:12px;margin-top:24px}.auth label,.inline-form label{display:grid;gap:6px;color:#49534b;font-size:11px;font-weight:700}.auth input,.inline-form input,.select-row select,.compose textarea{width:100%;min-height:43px;padding:10px 12px;border:1px solid #d8d1c3;border-radius:7px;background:#fffefa;color:#17251d;font:14px "DM Sans",sans-serif}.auth input:focus,.inline-form input:focus,.compose textarea:focus{outline:2px solid #83a58a;outline-offset:1px}.auth .primary,.inline-form .primary{min-height:44px}.text-link{display:inline-block;margin-top:19px;color:#315f3c;font-size:12px}.notice{color:#9e3e34;font-size:11px;line-height:1.45;margin:0}.notice:empty{display:none}.welcome{display:flex;justify-content:space-between;align-items:center;margin:0 0 25px}.welcome h1{margin:6px 0}.welcome p{margin:5px 0}.outline{border:1px solid #c8c0b2;background:#fffdf7;color:#405246}.layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;align-items:start}.sidebar{padding:18px 14px;position:sticky;top:18px}.identity{display:flex;align-items:center;gap:11px;padding:5px 5px 19px;border-bottom:1px solid var(--line)}.identity>div:last-child{display:grid;gap:3px;min-width:0}.identity strong{font-size:14px;overflow:hidden;text-overflow:ellipsis}.identity #vip-label{color:#ad8843;font-size:10px;font-weight:700}.avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#e0c88c,#9e773f);color:#fff;font:700 20px "Playfair Display",serif}.sidebar nav{display:grid;gap:4px;padding:13px 0}.section-tab{display:flex;align-items:center;justify-content:space-between;min-height:41px;padding:0 12px;border:0;border-radius:7px;background:transparent;color:#57645a;text-align:left;font:600 12px "DM Sans",sans-serif;cursor:pointer}.section-tab:hover,.section-tab.active{background:var(--green-soft);color:#204b31}.count{min-width:18px;color:#9a7436;font-weight:800}.game-link{display:flex;justify-content:space-between;align-items:center;padding:13px 11px;border-top:1px solid var(--line);color:#315f3c;text-decoration:none;font-size:11px;font-weight:700}.content{min-width:0}.panel{animation:appear .16s ease-out}.panel[hidden],#dashboard[hidden],#auth[hidden]{display:none}@keyframes appear{from{opacity:.6;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.section-title{display:flex;align-items:center;justify-content:space-between;margin:1px 2px 18px}.section-title h2{margin:6px 0 4px;font:700 28px "Playfair Display",serif;letter-spacing:-.3px}.section-title p{margin:0;color:var(--muted);font-size:11px}.online-dot{color:#376b43;font-size:10px;font-weight:700}.online-dot:before{content:"";display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#59a763}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:14px}.stats article{display:grid;gap:7px;padding:17px;border:1px solid var(--line);border-radius:10px;background:#fffcf5}.stats small{color:var(--muted);font-size:10px}.stats strong{font-size:20px;letter-spacing:-.3px}.subcard{padding:17px 19px;margin-top:12px;box-shadow:none}.subheading{display:flex;justify-content:space-between;gap:12px;align-items:center}.subheading h3,.subsection-title{margin:0 0 4px;font-size:13px}.subheading p{margin:0;color:var(--muted);font-size:10px;line-height:1.6}.subheading p strong{color:#35453b}.text-button{border:0;background:transparent;color:#32603f;font:700 10px "DM Sans",sans-serif;cursor:pointer}.avatars{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.avatar-choice{width:35px;height:35px;border:2px solid transparent;border-radius:50%;background:linear-gradient(145deg,#e8d7a8,#a07e4b);color:#fff;font-weight:800;cursor:pointer}.avatar-choice:nth-child(4n+2){background:linear-gradient(145deg,#abc7ae,#497653)}.avatar-choice:nth-child(4n+3){background:linear-gradient(145deg,#d9abb0,#9c5362)}.avatar-choice:nth-child(4n){background:linear-gradient(145deg,#b1c6dc,#557aa4)}.avatar-choice.selected{border-color:#244f34;box-shadow:0 0 0 2px #d7e5d7}.switch-row,.select-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0 0;color:#3f4c43;font-size:11px}.switch-row input{position:absolute;width:1px;height:1px;opacity:0}.switch{flex:0 0 auto;position:relative;width:39px;height:22px;border-radius:99px;background:#c7c6bd;transition:background .18s}.switch:after{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;content:"";transition:transform .18s}.switch-row input:checked+.switch{background:#438154}.switch-row input:checked+.switch:after{transform:translateX(17px)}.quick-links{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:13px}.quick-links>*{display:flex;justify-content:space-between;padding:11px;border:1px solid var(--line);border-radius:7px;background:#fffefa;color:#305b3a;text-decoration:none;text-align:left;font:600 11px "DM Sans",sans-serif;cursor:pointer}.message-layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:480px;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fffdf7}.conversation-list{border-right:1px solid var(--line);max-height:600px;overflow:auto}.conversation{width:100%;padding:12px;border:0;border-bottom:1px solid #eee9de;background:transparent;text-align:left;cursor:pointer}.conversation:hover,.conversation.selected{background:#edf3ea}.conversation strong,.conversation small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation strong{color:#293a2e;font-size:11px}.conversation small{margin-top:5px;color:#798179;font-size:9px}.thread{display:flex;min-width:0;flex-direction:column}.thread-head{padding:14px;border-bottom:1px solid var(--line);font-size:12px;font-weight:700}.thread-items{display:flex;flex:1;min-height:280px;max-height:450px;flex-direction:column;gap:8px;padding:13px;overflow:auto}.bubble{max-width:78%;align-self:flex-start;padding:9px 11px;border-radius:11px 11px 11px 2px;background:#eeeadd;font-size:11px;line-height:1.5;overflow-wrap:anywhere}.bubble.mine{align-self:flex-end;border-radius:11px 11px 2px 11px;background:#e3eee0}.bubble time{display:block;margin-top:4px;color:#82877e;font-size:8px}.empty{margin:auto;color:#81877e;text-align:center;font-size:11px;line-height:1.6}.compose{display:flex;align-items:end;gap:7px;padding:10px;border-top:1px solid var(--line)}.compose textarea{min-height:40px;max-height:100px;resize:vertical;font-size:11px}.compose .primary{min-height:39px;padding-inline:12px}.compose button:disabled{opacity:.48}.list{display:grid;gap:7px}.person-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:9px;background:#fffdf7}.person-row>div{display:flex;align-items:center;gap:9px;min-width:0}.person-row strong{font-size:11px}.person-row small{display:block;margin-top:4px;color:var(--muted);font-size:9px}.person-row .avatar{width:33px;height:33px;font-size:15px}.person-actions{display:flex;gap:6px}.person-actions button{padding:7px 9px;border:1px solid var(--line);border-radius:6px;background:#fffefa;color:#315b3b;font:700 9px "DM Sans",sans-serif;cursor:pointer}.subsection-title{margin:25px 0 9px}.result-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.result-stats article{padding:20px}.result-stats strong{color:#285b37}.privacy-note{color:var(--muted);font-size:10px}.danger-card{border-color:#ead3cc}.danger-card h3{color:var(--danger)}.danger{justify-self:start;border:1px solid #ecd0c9;background:#fff6f3;color:var(--danger)}.danger:hover{background:#fae6e0}.inline-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.inline-form .primary,.inline-form .danger{justify-self:start}.inline-form .notice{grid-column:1/-1}.select-row select{width:auto;min-width:180px;min-height:36px;padding:6px 10px;font-size:11px}footer{display:flex;gap:21px;align-items:center;min-height:61px;padding:15px max(28px,calc((100vw - 1220px)/2));background:var(--forest);color:#b9c4b8}footer a,footer span{font-size:10px}footer span{margin-left:auto;color:#9ba99b}
@media(max-width:760px){.top{height:62px;padding:0 17px;gap:14px}.brand{font-size:17px}.mark{width:30px;height:30px}.top nav{gap:13px;justify-content:flex-end}.top nav a{font-size:10px}.top nav a:first-child{display:none}.play{min-height:36px;padding:0 9px;font-size:9px;white-space:nowrap}.play span{display:none}main{width:calc(100% - 28px);padding:31px 0 45px}.welcome{align-items:flex-start;gap:12px}.welcome h1{font-size:36px}.welcome p{max-width:390px;font-size:11px}.welcome .outline{min-height:35px;padding:0 9px;font-size:9px}.layout{grid-template-columns:1fr;gap:12px}.sidebar{position:static;padding:11px}.identity{padding:1px 4px 10px}.identity .avatar{width:35px;height:35px;font-size:16px}.sidebar nav{display:flex;gap:4px;overflow-x:auto;padding:9px 0 2px}.section-tab{flex:0 0 auto;min-height:36px;padding:0 11px;font-size:10px}.game-link{display:none}.section-title h2{font-size:24px}.subcard{padding:14px}.message-layout{grid-template-columns:128px minmax(0,1fr);min-height:430px}.conversation{padding:10px 8px}.thread-items{padding:9px;min-height:260px}.bubble{max-width:90%;font-size:10px}.compose{padding:7px;gap:5px}.compose .primary{padding-inline:7px;font-size:10px}.inline-form{grid-template-columns:1fr}.inline-form .notice{grid-column:auto}.auth{padding:27px 23px}.auth h1{font-size:36px}.select-row{align-items:flex-start;flex-direction:column;gap:8px}.select-row select{width:100%}footer{gap:13px;padding:14px;flex-wrap:wrap}footer span{width:100%;margin:0}}
@media(max-width:420px){.top{padding:0 10px;gap:8px}.brand{gap:6px;font-size:15px}.top nav{gap:9px}.top nav a{font-size:9px}.top nav a:nth-child(2){display:none}.play{padding:0 7px;font-size:8px}.stats{gap:6px}.stats article{padding:11px 9px}.stats small{font-size:8px}.stats strong{font-size:16px}.message-layout{grid-template-columns:105px minmax(0,1fr)}.conversation strong{font-size:9px}.conversation small{font-size:8px}.thread-head{padding:11px 8px;font-size:10px}.compose textarea{padding:8px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
#vip-label{color:#ad8843;font-size:10px;font-weight:700}.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.notice.success{color:#315f3c}
.photo-upload{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}.upload-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border:1px solid #c8d8c5;border-radius:7px;background:#edf4eb;color:#285b37;font:700 11px "DM Sans",sans-serif;cursor:pointer}.upload-button:hover{background:#e2eee0}.upload-button:focus-within{outline:2px solid #83a58a;outline-offset:2px}.upload-button input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.upload-button.is-loading{opacity:.58;cursor:wait}.photo-upload .notice{flex-basis:100%}
[hidden]{display:none!important}
.recovery-codes{margin-top:12px;padding:12px 14px;border:1px dashed #b88b42;border-radius:10px;background:#fffaf0}.recovery-codes pre{margin:8px 0 0;font:700 15px/1.7 ui-monospace,Menlo,Consolas,monospace;letter-spacing:1px;color:#18271f}.recovery-box{display:grid;gap:8px;margin-top:10px}