@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:Space Grotesk,Microsoft YaHei,sans-serif;color:#23302d;background:#f2f4f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f2f4f1}button,input,select{font:inherit}button{cursor:pointer}.app-shell{max-width:1320px;min-height:100vh;margin:0 auto;padding:0 42px 30px;position:relative}.demo-ribbon{margin:0 -42px;padding:8px 42px;background:#253d38;color:#d9f1d0;font:11px DM Mono,monospace;letter-spacing:0;text-align:right}.topbar{display:flex;align-items:center;justify-content:space-between;padding:29px 0 22px;border-bottom:1px solid #d8d3c9}.brand-lockup{display:flex;gap:13px;align-items:center}.brand-mark{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;color:#fff9ed;background:#d56d48;transform:rotate(-5deg);font-size:22px;font-weight:700}.eyebrow,.section-kicker{margin:0 0 5px;color:#b86e4d;font:10px DM Mono,monospace;letter-spacing:0}h1,h2,h3,h4,p{margin-top:0}h1{margin:0;font-size:18px;letter-spacing:0}.topbar-meta{color:#78837c;font:11px DM Mono,monospace;display:flex;align-items:center;gap:7px}.auth-link{padding:7px 10px;border:1px solid #d9d4c9;border-radius:8px;color:#6f7b73;background:#faf7ef;font-size:10px}.status-dot{width:7px;height:7px;border-radius:50%;background:#7ea868;display:inline-block}.hero{display:flex;justify-content:space-between;gap:30px;padding:34px 0 28px}.hero h2{max-width:670px;margin-bottom:12px;font-size:36px;line-height:1.12;letter-spacing:0;font-weight:600}.hero h2 em{color:#c85f3d;font-style:normal}.hero-copy{max-width:560px;margin:0;color:#68736e;font-size:14px;line-height:1.7}.hero-stat{align-self:flex-end;width:130px;padding:14px 0 8px 17px;border-left:2px solid #d56d48;color:#758079;font-size:12px}.hero-stat strong{display:block;color:#283b35;font-size:40px;line-height:1;letter-spacing:0}.view-tabs{display:flex;gap:30px;border-bottom:1px solid #d8d3c9}.tab{padding:0 0 15px;color:#89918b;border:0;background:transparent;font-weight:600;position:relative}.tab.active{color:#253d38}.tab.active:after{content:"";position:absolute;height:3px;border-radius:2px;background:#d56d48;left:0;right:0;bottom:-1px}.tab-plus{color:#d56d48;font-size:18px;vertical-align:-1px}.content-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:34px;padding-top:33px}.team-list-panel,.detail-panel,.create-panel{background:#fff;border:1px solid #d9ded9;border-radius:8px}.team-list-panel{padding:25px}.detail-panel{padding:30px}.panel-heading,.detail-heading,.member-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}h3{margin:0;font-size:25px;letter-spacing:0}.count-pill,.open-badge{border-radius:99px;background:#e7eddf;color:#5d7753;padding:7px 11px;font:10px DM Mono,monospace;white-space:nowrap}.search-box{display:flex;align-items:center;gap:9px;margin:24px 0 15px;padding:11px 13px;border:1px solid #d9d4c9;background:#faf7ef;border-radius:8px;color:#b9afa0}.search-box input{width:100%;color:#263933;border:0;outline:0;background:transparent;font-size:13px}.team-list{display:grid;gap:10px}.team-card{width:100%;padding:16px;text-align:left;border:1px solid #e1dbd0;border-radius:8px;background:#faf7ef;color:#253d38;transition:.2s ease}.team-card:hover,.team-card.selected{border-color:#d56d48;transform:translateY(-1px);box-shadow:0 7px 20px #9f8b7120}.card-topline,.team-card-main,.card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.team-code{font:12px DM Mono,monospace;color:#bd6144}.unread-dot{width:7px;height:7px;display:inline-block;margin-right:5px;border-radius:50%;background:#d56d48;vertical-align:1px}.mode-tag{border-radius:99px;padding:4px 7px;font-size:10px}.mode-tag.auto{color:#557a54;background:#e6f0df}.mode-tag.review{color:#8a6a42;background:#f4e8cc}.team-card-main{align-items:flex-end;padding:22px 0 17px}.team-card-main strong,.team-card-main span{display:block}.team-card-main strong{font-size:14px}.team-card-main span{margin-top:4px;color:#8b928c;font-size:11px}.mini-stars{color:#bc704f;font-size:12px}.mini-stars span,.star-total i{color:#d69d37;font-style:normal}.card-footer{padding-top:11px;border-top:1px solid #e7e1d7;color:#89918b;font:10px DM Mono,monospace}.arrow{color:#c56c4c;font-size:17px}.detail-heading h3{font-size:30px}.detail-heading p:last-child{margin:7px 0 0;color:#88918b;font-size:11px}.open-badge{background:#e6f0df;display:flex;align-items:center;gap:6px}.star-total{margin:33px 0 26px;padding:17px 0 20px;border-top:1px solid #dfd8cc;border-bottom:1px solid #dfd8cc}.star-total span,.star-total small{display:block;color:#87908a;font:10px DM Mono,monospace}.star-total strong{display:block;margin:4px 0 3px;color:#c26143;font-size:47px;letter-spacing:0}.star-total strong i{margin-right:5px;font-size:25px}.member-heading{align-items:center;margin-bottom:12px}.member-heading h4{margin:0;font-size:14px}.member-heading span{color:#8c958e;font:10px DM Mono,monospace}.member-list{display:grid;gap:7px}.member-row{display:flex;align-items:center;gap:10px;padding:10px 0}.avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#e9c7a8;color:#895a45;font-weight:700}.member-name{min-width:0;flex:1}.member-name strong,.member-name span{display:block}.member-name strong{font-size:12px}.member-name span{margin-top:3px;color:#969b94;font-size:10px}.member-stars{color:#c0734e;font:11px DM Mono,monospace}.prepare-state{min-width:44px;color:#aaa59a;font:10px DM Mono,monospace;text-align:right}.prepare-state.ready{color:#65915c}.applications-panel{margin-top:23px;padding-top:20px;border-top:1px solid #dfd8cc}.application-list{display:grid;gap:8px}.application-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0}.application-name{min-width:0}.application-name strong,.application-name span{display:block}.application-name strong{font-size:12px}.application-name span{margin-top:3px;color:#969b94;font:10px DM Mono,monospace}.application-actions{display:flex;gap:7px}.secondary-button,.approve-button{padding:7px 10px;border:1px solid #d9d4c9;border-radius:8px;color:#6f7b73;background:#faf7ef;font-size:10px}.approve-button{border-color:#adc79f;color:#557a54;background:#e6f0df}.secondary-button:disabled,.approve-button:disabled{cursor:wait;opacity:.55}.primary-button{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:25px;padding:13px 16px;border:0;border-radius:8px;background:#d56d48;color:#fff8eb;font-weight:600;box-shadow:0 6px #ad593d;transition:.12s ease}.primary-button:hover{transform:translateY(2px);box-shadow:0 4px #ad593d}.primary-button span{font-size:19px}.fine-print{margin:15px 0 0;color:#9d9c92;font:10px DM Mono,monospace;line-height:1.5}.primary-button:disabled{cursor:wait;opacity:.7;transform:none;box-shadow:0 6px #ad593d}.join-character-field{display:grid;gap:7px;margin-top:22px;color:#6f7b73;font:11px DM Mono,monospace}.join-character-field input{width:100%;padding:11px 12px;border:1px solid #d9d4c9;border-radius:9px;outline:0;background:#faf7ef;color:#253d38}.join-character-field input:focus{border-color:#d56d48}.create-panel{max-width:700px;margin-top:34px;padding:30px}.create-panel form{display:grid;gap:18px;margin-top:29px}.create-panel label{display:grid;gap:7px;color:#6f7b73;font:11px DM Mono,monospace}.create-panel input,.create-panel select{width:100%;padding:12px;border:1px solid #d9d4c9;border-radius:9px;outline:0;background:#faf7ef;color:#253d38}.create-panel input:focus,.create-panel select:focus{border-color:#d56d48}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-note{padding:11px 13px;border-left:3px solid #d6a54b;background:#f8edcf;color:#806b42;font:11px/1.6 DM Mono,monospace}.empty-state{padding:40px 15px;color:#8d958e;font-size:13px;text-align:center}.login-panel{display:grid;grid-template-columns:1fr minmax(280px,.8fr);gap:28px;margin-top:18px;padding:18px 20px;border:1px solid #d9ded9;border-radius:8px;background:#fff}.login-panel h3{font-size:23px}.login-panel p:last-child{max-width:550px;margin:8px 0 0;color:#7d8780;font-size:12px;line-height:1.5}.login-actions{display:grid;gap:12px;align-content:center}.login-actions .primary-button{margin-top:0}.login-actions form{display:flex;gap:8px;align-items:end}.bin-file-label{display:grid;gap:6px;flex:1;color:#6f7b73;font:10px DM Mono,monospace}.bin-file-label input{width:100%;padding:8px;border:1px solid #d9d4c9;border-radius:8px;background:#faf7ef;color:#6f7b73;font-size:10px}.login-submit{white-space:nowrap;cursor:pointer}.login-submit:disabled{cursor:wait;opacity:.55}.account-methods{color:#87908a;font:10px DM Mono,monospace}.character-switcher-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:14px;padding:16px 20px;border:1px solid #d7e0ea;border-radius:12px;background:#f7fbff}.character-switcher-panel strong,.character-switcher-panel span{display:block}.character-switcher-panel strong{margin-bottom:4px;color:#243a4d;font-size:15px}.character-switcher-panel span{color:#75889b;font-size:11px}.character-switcher-panel label{display:grid;gap:6px;min-width:min(420px,45%);color:#6f7b73;font:10px DM Mono,monospace}.character-switcher-panel select{width:100%;padding:10px 12px;border:1px solid #cbd8e5;border-radius:9px;background:#fff;color:#253d38}.account-groups{min-width:0;grid-column:1 / -1;margin-top:8px;padding:10px 12px 2px;border:1px solid #dfe6ed;border-radius:8px;background:#f7faf8}.account-character-list{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,250px);gap:8px;overflow-x:auto;padding:1px 1px 8px;scroll-snap-type:x proximity;scrollbar-width:thin}.account-character{min-width:0;min-height:92px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border:1px solid #d7e0ea;border-radius:8px;background:#fff;color:#243a4d;text-align:left;cursor:pointer;scroll-snap-align:start}.account-character>span:first-child{min-width:0}.account-character:hover,.account-character.active{border-color:#ca6a43;background:#fff8f3}.account-character strong,.account-character small{display:block;overflow-wrap:anywhere}.account-character small{margin-top:3px;color:#75889b;font-size:11px}.account-character .account-label{margin:0 0 4px;color:#9b6b56;font-size:9px}.account-character .game-team-state{color:#3f765c;font-weight:600}.account-character .game-team-state.joined{color:#b74e2d}.account-roster-panel{margin-top:10px;padding:16px 18px;border:1px solid #d9ded9;border-radius:8px;background:#fff}.account-roster-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.account-roster-heading h3{margin-bottom:4px}.account-roster-heading p:last-child{margin:0;color:#7d8780;font-size:12px;line-height:1.5}.account-empty{margin-top:14px;padding:14px;border:1px dashed #d7d0c3;border-radius:8px;color:#7d8780;font-size:12px;text-align:center}.roster-controls{display:flex;align-items:center;gap:10px}.roster-controls label{display:flex;align-items:center;gap:7px;color:#6f7b73;font:10px DM Mono,monospace;white-space:nowrap}.roster-controls select{min-width:140px;padding:7px 9px;border:1px solid #d7d0c3;border-radius:7px;background:#fff;color:#253d38}.refresh-status-button{min-width:76px}.danger-button{padding:7px 10px;border:1px solid #d9a89a;border-radius:8px;color:#a6432e;background:#fff3ef;font-size:10px}.danger-button:disabled{cursor:wait;opacity:.55}.active-game-team{grid-column:1 / -1;margin-top:10px;padding-top:12px;border-top:1px solid #e0e5df}.active-game-team-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.active-game-team-heading>div:first-child span,.active-game-team-heading>div:first-child strong{display:block}.active-game-team-heading span{color:#849088;font-size:10px}.active-game-team-heading strong{margin-top:2px;font-size:14px}.game-team-code{color:#67806f;font:11px DM Mono,monospace}.game-team-code.joined{color:#b74e2d}.game-team-members{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:10px}.game-team-member{min-width:0;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;padding:8px;border:1px solid #e0ded7;border-radius:7px;background:#fafbf8}.game-team-member>span:nth-child(2){min-width:0}.game-team-member strong,.game-team-member small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-team-member strong{font-size:11px}.game-team-member small{margin-top:2px;color:#87908a;font-size:9px}.game-team-member b{grid-column:2;color:#b96743;font:10px DM Mono,monospace}.member-avatar-small{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:#e8c8af;color:#835641;font-size:11px;font-weight:700}.game-team-empty{margin-top:9px;color:#87908a;font-size:11px}.account-login-panel{grid-template-columns:1fr auto;align-items:center;padding-top:16px;padding-bottom:16px}.account-login-panel .login-actions{display:flex;align-items:center;flex-wrap:wrap}.account-login-panel .bin-file-label{min-width:210px}.role-picker-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#1b252294}.role-picker{width:min(620px,100%);max-height:min(720px,calc(100vh - 40px));display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;padding:24px;border-radius:8px;background:#fffdf8;box-shadow:0 24px 70px #121c1947}.role-picker-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.role-picker-heading h3{font-size:23px}.icon-button{width:34px;height:34px;border:1px solid #d7d0c3;border-radius:50%;background:transparent;color:#576760;font-size:23px;line-height:1;cursor:pointer}.role-picker-copy{margin:9px 0 16px;color:#758079;font-size:12px}.role-options{min-height:120px;display:grid;gap:7px;overflow-y:auto;padding-right:4px}.role-option{display:flex;align-items:center;gap:11px;padding:11px 13px;border:1px solid #dedbd2;border-radius:7px;background:#fff;cursor:pointer}.role-option.selected{border-color:#c86b49;background:#fff7f1}.role-option input{width:17px;height:17px;accent-color:#c86b49}.role-option span{min-width:0}.role-option strong,.role-option small{display:block;overflow-wrap:anywhere}.role-option small{margin-top:3px;color:#849088;font-size:10px}.role-picker-actions{display:flex;align-items:center;gap:12px;padding-top:17px}.role-picker-actions>span{flex:1;color:#748079;font-size:11px}.compact-button{width:auto;margin:0;padding:10px 15px;box-shadow:none}.compact-button:hover{transform:none;box-shadow:none}.bin-role-label{display:grid;gap:6px;min-width:230px;color:#6f7b73;font:10px DM Mono,monospace}.bin-role-label select{width:100%;padding:8px;border:1px solid #d9d4c9;border-radius:8px;background:#faf7ef;color:#6f7b73;font-size:10px}.toast{position:fixed;right:25px;bottom:25px;padding:13px 17px;border-radius:10px;background:#253d38;color:#eff5dd;box-shadow:0 8px 25px #263d3850;font-size:12px}.app-shell footer{display:flex;justify-content:space-between;padding-top:40px;color:#979c94;font:10px DM Mono,monospace}@media(max-width:780px){.app-shell{padding:0 18px 25px}.demo-ribbon{margin:0 -18px;padding:8px 18px}.topbar-meta{display:none}.hero{padding:24px 0 20px}.hero h2{font-size:30px}.hero-stat{width:64px}.content-grid{grid-template-columns:1fr;gap:18px}.detail-panel{padding:23px}.form-row{grid-template-columns:1fr;gap:18px}.login-panel{grid-template-columns:1fr}.login-actions form{align-items:stretch;flex-direction:column}.login-submit{width:100%}.account-roster-heading{flex-direction:column;gap:10px}.roster-controls{width:100%;justify-content:space-between;flex-wrap:wrap}.account-character-list{grid-auto-columns:minmax(200px,74vw)}.game-team-members{grid-template-columns:repeat(2,minmax(0,1fr))}.account-login-panel .login-actions{align-items:stretch;flex-direction:column}.role-picker{padding:18px}.role-picker-actions{flex-wrap:wrap}.role-picker-actions>span{order:-1;flex-basis:100%}}