:root{--bg:#f5f5f2;--card:#fff;--text:#111;--muted:#6b6b66;--line:#deded7;--accent:#111}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}.app-shell{max-width:760px;margin:0 auto;padding-bottom:92px}.page{padding:24px 18px 32px}.topbar,.section-heading,.game-card-top,.progress-line,.profile-card{justify-content:space-between;align-items:center;gap:16px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 6px;font-size:12px}.topbar h1,.page h1{margin:0;font-size:32px}.icon-button,.follow{border:1px solid var(--line);background:var(--card);width:42px;height:42px;color:var(--text);border-radius:999px;place-items:center;text-decoration:none;display:grid}.notification-link{font-size:10px}.hero{border:1px solid var(--line);background:var(--card);border-radius:28px;margin:24px 0;padding:24px}.hero h2{margin:0 0 10px;font-size:34px;line-height:1.04}.hero p,.lead,.hint{color:var(--muted);line-height:1.5}.hero-actions,.dual-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.button{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:999px;justify-content:center;align-items:center;padding:12px 17px;font-weight:700;text-decoration:none;display:inline-flex}.button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.button.ghost{background:0 0}.button.wide{width:100%;padding:15px}.search,input,select{border:1px solid var(--line);width:100%;font:inherit;background:#fff;border-radius:14px;padding:14px}.search-form{grid-template-columns:1fr auto;gap:8px;display:grid}.chips{gap:8px;padding:14px 0;display:flex;overflow:auto}.chip{white-space:nowrap;border:1px solid var(--line);color:var(--text);background:#fff;border-radius:999px;padding:9px 12px;text-decoration:none}.chip.active{background:var(--text);color:#fff;border-color:var(--text)}.section-heading{margin-top:16px}.section-heading h2{margin:0}.section-heading span{color:var(--muted);font-size:14px}.card-list{gap:12px;margin-top:12px;display:grid}.game-card,.panel,.profile-card{background:var(--card);border:1px solid var(--line);color:var(--text);border-radius:22px;padding:18px;text-decoration:none;display:block}.game-card h3{margin:12px 0;font-size:24px}.game-card p{color:var(--muted);margin:6px 0}.activity{font-weight:800}.game-meta{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.game-meta span{background:var(--bg);border-radius:9px;padding:7px 9px;font-size:12px}.progress-line{border-top:1px solid var(--line);padding-top:13px;font-size:13px}.bottom-nav{border-top:1px solid var(--line);z-index:10;background:#fffffff5;grid-template-columns:repeat(5,1fr);max-width:760px;margin:0 auto;padding:10px 8px 18px;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{text-align:center;color:var(--text);padding:8px 2px;font-size:12px;text-decoration:none}.bottom-nav .nav-create{font-weight:800}.back{color:var(--text);margin-bottom:20px;display:inline-block}.detail-hero{padding:8px 0 18px}.detail-hero h1{margin:8px 0;font-size:40px}.detail-grid{grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 10px;display:grid}.panel{margin:10px 0}.panel h2,.panel h3{margin-top:0}.text-button{background:0 0;border:0;padding:0;font-weight:700}.avatars{gap:8px;display:flex}.avatars span,.avatar-large{background:#e7e7df;border-radius:999px;place-items:center;font-weight:700;display:grid}.avatars span{width:42px;height:42px}.avatars .empty{background:0 0;border:1px dashed #999}.wizard{gap:16px;margin-top:24px;display:grid}.wizard label{gap:7px;font-weight:700;display:grid}.two-col{grid-template-columns:1fr 1fr;gap:10px;display:grid}.profile-card{justify-content:flex-start;margin:22px 0}.avatar-large{width:78px;height:78px;font-size:26px}.profile-card h1{font-size:28px}.profile-card p{color:var(--muted)}textarea{border:1px solid var(--line);width:100%;font:inherit;resize:vertical;background:#fff;border-radius:14px;padding:14px}.narrow{max-width:520px;margin:0 auto}.notice{border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px 14px}.notice.error{border-color:#b44}.notice.success,.status-box.success{border-color:#6a8}.top-actions{align-items:center;gap:8px;display:flex}.status{background:var(--bg);border-radius:999px;padding:6px 9px;font-size:12px;font-weight:700}.card-top,.meta-row,.inline-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.meta-row{color:var(--muted);margin-top:14px;font-size:13px}.status-box{border:1px solid var(--line);background:var(--card);border-radius:16px;gap:5px;margin-top:14px;padding:14px;display:grid}.button.danger{color:#922;background:#fff;border-color:#b44}.dual-actions form{flex:1}.dual-actions form .button{width:100%}.stack{gap:10px;display:grid}.applicant,.list-row,.notification-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.applicant:last-child,.list-row:last-child,.notification-row:last-child{border-bottom:0}.applicant p,.notification-row p{color:var(--muted);margin:4px 0}.list-row,.notification-row{color:var(--text);text-decoration:none}.list-row span,.notification-row span{color:var(--muted);font-size:13px}.inline-actions form{display:inline}.inline-actions{justify-content:flex-end}.inline-actions .button{padding:9px 12px}button:disabled{opacity:.45;cursor:not-allowed}.chat-thread{gap:10px;margin:18px 0 120px;display:grid}.message{background:var(--card);border:1px solid var(--line);border-radius:18px;max-width:82%;padding:12px 14px}.message.mine{margin-left:auto}.message p{white-space:pre-wrap;margin:6px 0}.message span{color:var(--muted);font-size:11px}.message-composer{background:var(--bg);z-index:9;grid-template-columns:1fr auto;gap:8px;width:min(724px,100% - 24px);padding:8px;display:grid;position:fixed;bottom:74px;left:50%;transform:translate(-50%)}.message-composer textarea{margin:0}.inline-form{align-items:center;gap:8px;display:flex}.invite-code{overflow-wrap:anywhere;display:block}.check-row{border-bottom:1px solid var(--line);flex-direction:row;align-items:center;gap:12px;padding:10px 0;grid-template-columns:none!important;font-weight:600!important;display:flex!important}.check-row:last-child{border-bottom:0}.check-row input[type=checkbox]{flex:none;width:20px;height:20px;padding:0}@media (max-width:520px){.search-form,.two-col{grid-template-columns:1fr}}@media (min-width:800px){.app-shell,.bottom-nav{max-width:1000px}.card-list{grid-template-columns:1fr 1fr}.page,.hero{padding:36px}.detail-grid{grid-template-columns:repeat(4,1fr)}.message-composer{width:min(952px,100% - 48px)}}.position-row,.position-status{border-bottom:1px solid var(--line);grid-template-columns:1fr 90px auto;align-items:center;gap:10px;padding:10px 0;display:grid}.position-row:last-child,.position-status:last-child{border-bottom:0}.position-status{grid-template-columns:1fr auto}.position-row input{min-width:0}.application-actions{justify-items:end;gap:8px;display:grid}.join-form{gap:10px;margin-top:12px;display:grid}.join-form label{gap:6px;font-weight:700;display:grid}@media (max-width:620px){.position-row{grid-template-columns:1fr 70px}.position-row button{grid-column:1/-1}.application-actions{justify-items:stretch}.application-actions .inline-form{grid-template-columns:1fr;display:grid}.applicant{align-items:flex-start}}.organizer-link{color:var(--text);align-items:center;gap:12px;text-decoration:none;display:flex}.organizer-link p{margin:4px 0}.avatar-small{background:#e7e7df;border-radius:999px;flex:none;place-items:center;width:48px;height:48px;font-weight:800;display:grid}.notification-button{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.notification-button.unread{background:#00000006;font-weight:700}.filter-panel{margin:10px 0 16px}.filter-panel summary{cursor:pointer;font-weight:800}.filter-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.filter-actions{align-items:center;gap:8px;margin-top:12px;display:flex}.filter-actions .button{flex:1}@media (max-width:620px){.filter-grid{grid-template-columns:1fr}}.participant-public-row{color:var(--text);border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 0;text-decoration:none;display:grid}.participant-public-row:last-child{border-bottom:0}.participant-public-row p{margin:3px 0}.participant-public-row>span{color:var(--muted);font-size:13px}.position-create-row{grid-template-columns:1fr auto 82px;align-items:center;gap:10px;display:grid}.position-create-row input{width:82px}.avatar-large,.avatar-small{object-fit:cover;overflow:hidden}.avatar-preview{margin-bottom:12px}.live-toast{z-index:80;border:1px solid var(--line);background:var(--surface);border-radius:16px;width:min(360px,100vw - 32px);padding:16px 44px 16px 16px;position:fixed;bottom:86px;right:16px;box-shadow:0 16px 50px #0000002e}.live-toast p{margin:6px 0 12px}.live-toast-close{cursor:pointer;color:var(--muted);background:0 0;border:0;font-size:24px;position:absolute;top:8px;right:10px}