.app-shell{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 72px)}.user-sidebar{padding:28px 20px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.user-sidebar a{padding:10px 12px;border-radius:5px;color:var(--muted);font-size:.85rem}.user-sidebar a:hover,.user-sidebar a[href="/dashboard"]{background:#24211c;color:var(--paper)}.app-content{padding:42px clamp(20px,4vw,64px);min-width:0}.app-content.narrow{max-width:820px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.page-head h1{font-size:clamp(2.2rem,4vw,4rem);margin:0}.profile-summary{display:grid;grid-template-columns:90px minmax(160px,1fr) 2fr;align-items:center;gap:24px;padding:24px;background:#211e1a;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:24px}.profile-summary>img{width:90px;height:90px;object-fit:cover;background:#302b24;border-radius:50%}.profile-summary>div{display:flex;flex-direction:column}.profile-summary>div strong{font-size:1.25rem}.profile-summary>div span{color:var(--muted);font-size:.8rem}.profile-summary dl{display:grid;grid-template-columns:repeat(4,1fr);margin:0}.profile-summary dl div{border-left:1px solid var(--line);padding-left:22px}.profile-summary dt{font-size:1.35rem;font-weight:800}.profile-summary dd{margin:0;color:var(--muted);font-size:.75rem}.profile-summary.large{grid-template-columns:130px 1fr 1fr}.profile-summary.large>img{width:130px;height:130px}.badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.badges small{background:var(--badge-bg);color:var(--badge-color);border:1px solid var(--badge-border);padding:3px 8px;border-radius:99px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{padding:25px;background:#1e1b17;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:20px}.panel p{color:var(--muted)}.panel form{display:grid;gap:12px}.panel.join form,.row-form{display:flex;gap:8px}.panel.public,.wide-panel{grid-column:1/-1}.panel-head{display:flex;justify-content:space-between;align-items:start}.panel-head>a{color:var(--gold);font-size:.85rem}.room-list,.people-list,.feed{list-style:none;padding:0;margin:0}.room-list li,.people-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid var(--line)}.room-list li>div,.people-list li>div{display:flex;flex-direction:column}.room-list span,.people-list span{font-size:.75rem;color:var(--muted)}.people-list img{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#302b24}.people-list li>div{margin-right:auto}.people-list form{display:flex}.people-list.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.fair-warning{border-left:3px solid var(--gold);padding:18px 20px;background:#211e1a;margin-top:20px}.fair-warning p{display:inline;color:var(--paper-2);margin:0 12px}.fair-warning a{color:var(--gold)}.queue-card{text-align:center;padding:70px 30px}.queue-orbit{display:block;width:76px;height:76px;border:2px solid var(--line);border-top-color:var(--gold);border-radius:50%;margin:0 auto 26px;animation:spin 1.4s linear infinite}.feed li{padding:18px;border-bottom:1px solid var(--line)}.feed li.unread{border-left:3px solid var(--gold)}.feed p{margin:4px 0}.feed time{font-size:.72rem;color:var(--muted)}.leader-page{padding:70px max(20px,7vw)}.leader-page>header{text-align:center;max-width:700px;margin:0 auto}.leader-page>header h1{margin-bottom:10px}.leader-page>header p{color:var(--muted)}.podium{height:500px;max-width:1000px;margin:40px auto;background-position:center bottom;background-size:contain;background-repeat:no-repeat;display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:end;padding:0 9% 14%}.podium article{text-align:center;display:flex;flex-direction:column;align-items:center}.podium article.rank-1{padding-bottom:90px}.podium article.rank-2{padding-bottom:28px}.podium article img{width:120px;height:120px;object-fit:cover;border-radius:50%;border:3px solid var(--gold);background:#2b2721}.podium article strong{font-size:1.1rem}.podium article small{color:var(--muted)}.podium .rank{font-weight:900;color:var(--gold)}.player-cell{display:flex;align-items:center;gap:10px}.player-cell img{width:36px;height:36px;border-radius:50%;object-fit:cover}.role-guide{padding:70px max(20px,6vw)}.role-guide>header{max-width:900px}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.role-grid article{background:#211e1a;border:1px solid var(--line);display:grid;grid-template-columns:150px 1fr;overflow:hidden}.role-grid article>img{height:100%;width:100%;object-fit:cover;object-position:top;background:#302b24}.role-grid article>div{padding:22px}.role-grid article span,.role-grid article small{font-size:.7rem;color:var(--muted)}.role-grid h2{font-size:1.5rem;margin:5px 0 12px}.role-grid p{font-size:.84rem;color:var(--paper-2)}.role-grid strong{font-size:.73rem;color:var(--gold);text-transform:uppercase}.blocked-page{min-height:100vh;display:grid;grid-template-columns:minmax(260px,450px) minmax(300px,600px);align-items:center;justify-content:center;gap:50px;padding:30px}.blocked-page img{max-height:75vh}.blocked-page dl div{padding:15px 0;border-top:1px solid var(--line)}.blocked-page dt{font-size:.72rem;color:var(--muted);text-transform:uppercase}.blocked-page dd{margin:4px 0;font-size:1.1rem}@keyframes spin{to{transform:rotate(360deg)}}