.gp{background:var(--bg);min-height:100vh;color:var(--text);grid-template-columns:240px minmax(0,1fr);display:grid}.gp-side{gap:var(--s-2);height:100vh;padding:var(--s-5) var(--s-4);border-right:1px solid var(--line);background:linear-gradient(180deg, #e11d2e14, transparent 40%), var(--bg-elev);flex-direction:column;display:flex;position:sticky;top:0}.gp-brand{align-items:center;gap:var(--s-3);margin-bottom:var(--s-5);color:var(--text);text-decoration:none;display:flex}.gp-brand-mark{background:linear-gradient(135deg, var(--acc), var(--acc-deep));width:38px;height:38px;box-shadow:var(--sh-acc);border-radius:11px;flex-shrink:0;place-items:center;font-size:19px;display:grid}.gp-brand-name{font-family:var(--f-display);font-weight:700;font-size:var(--fs-md);letter-spacing:.5px;line-height:1.1}.gp-brand-sub{font-family:var(--f-mono);letter-spacing:2px;color:var(--acc-hi);font-size:10px}.gp-nav-link{align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-3);border-radius:var(--r-md);color:var(--text-muted);font-size:var(--fs-md);transition:background var(--t-med), color var(--t-med);border:1px solid #0000;text-decoration:none;display:flex}.gp-nav-link:hover{background:var(--surface-hi);color:var(--text)}.gp-nav-on{background:var(--acc-soft);border-color:var(--acc-line);color:#fff}.gp-side-foot{gap:var(--s-2);font-size:var(--fs-xs);color:var(--text-dim);flex-direction:column;margin-top:auto;display:flex}.gp-side-foot a,.gp-side-foot button{color:var(--text-muted);text-align:left;cursor:pointer;font-size:var(--fs-xs);background:0 0;border:none;padding:0;text-decoration:none}.gp-side-foot a:hover,.gp-side-foot button:hover{color:var(--text)}.gp-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gp-main{min-width:0;padding:var(--s-8) var(--s-8) var(--s-16)}.gp-head{justify-content:space-between;align-items:flex-end;gap:var(--s-4);margin-bottom:var(--s-6);flex-wrap:wrap;display:flex}.gp-title{font-family:var(--f-display);margin:6px 0 0;font-size:clamp(24px,5vw,32px);font-weight:700}.gp-lede{color:var(--text-muted);font-size:var(--fs-sm);margin:6px 0 0}.gp-card{background:linear-gradient(160deg, var(--surface-hi), #ffffff05 60%);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s-5);min-width:0}.gp-card-title{font-family:var(--f-display);font-size:var(--fs-lg);margin:0 0 var(--s-1);align-items:center;gap:var(--s-2);font-weight:700;display:flex}.gp-card-sub{font-size:var(--fs-xs);color:var(--text-dim);margin:0 0 var(--s-4);line-height:1.6}.gp-grid{gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));align-items:start;display:grid}.gp-split{gap:var(--s-4);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.gp-stack{gap:var(--s-4);flex-direction:column;min-width:0;display:flex}.gp-row{gap:var(--s-2);flex-wrap:wrap;align-items:center;display:flex}.gp-row>.field{flex:160px;margin-bottom:0}.gp-2col{gap:var(--s-3);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.gp-picker{align-items:center;gap:var(--s-3);padding:var(--s-3);border-radius:var(--r-lg);border:1px solid var(--line-hi);background:var(--surface);min-width:min(100%,360px);display:flex}.gp-picker select{flex:1;min-width:0}.gp-thumb{object-fit:cover;background:var(--surface-hi);border-radius:10px;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:20px;display:grid}.gp-thumb-lg{border-radius:14px;width:84px;height:84px}.gp-game{gap:var(--s-4);align-items:flex-start;display:flex}.gp-game-body{flex:1;min-width:0}.gp-game-name{font-weight:700;font-size:var(--fs-lg);overflow-wrap:anywhere;margin:0}.gp-meta{font-family:var(--f-mono);font-size:var(--fs-2xs);color:var(--text-dim);overflow-wrap:anywhere;margin:4px 0 0}.gp-chips{margin-top:var(--s-2);flex-wrap:wrap;gap:6px;display:flex}.gp-chip{font-size:10.5px;font-family:var(--f-mono);border:1px solid var(--line);color:var(--text-dim);border-radius:999px;padding:3px 8px}.gp-chip-on{color:var(--ok);background:var(--ok-soft);border-color:#34d39966}.gp-actions{gap:var(--s-2);margin-top:var(--s-4);flex-wrap:wrap;display:flex}.gp-filter{scrollbar-width:none;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.gp-filter::-webkit-scrollbar{display:none}.gp-filter button{font-family:var(--f-mono);letter-spacing:.5px;border:1px solid var(--line-hi);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;flex-shrink:0;padding:6px 10px;font-size:10.5px;font-weight:700}.gp-filter button[aria-pressed=true]{background:var(--acc-soft);border-color:var(--acc);color:#fff}.gp-list{flex-direction:column;gap:6px;max-height:460px;padding-right:2px;display:flex;overflow-y:auto}.gp-item{padding:var(--s-2) var(--s-3);border-radius:var(--r-md);font-size:var(--fs-sm);background:#ffffff06;border:1px solid #ffffff0f;min-width:0}.gp-item-top{justify-content:space-between;gap:var(--s-2);align-items:center;display:flex}.gp-item-msg{overflow-wrap:anywhere;margin:4px 0 0;line-height:1.5}.gp-item-data{font-family:var(--f-mono);color:var(--text-dim);overflow-wrap:anywhere;white-space:pre-wrap;margin:4px 0 0;font-size:10.5px}.gp-time{font-family:var(--f-mono);color:var(--text-dim);white-space:nowrap;font-size:10.5px}.gp-live-dot{background:var(--ok);border-radius:50%;width:8px;height:8px;animation:1.6s infinite gp-pulse;display:inline-block;box-shadow:0 0 #34d39999}.gp-live-off{background:var(--text-dim);animation:none}@keyframes gp-pulse{0%{box-shadow:0 0 #34d39999}70%{box-shadow:0 0 0 8px #34d39900}to{box-shadow:0 0 #34d39900}}.gp-chat-list{max-height:min(70vh,760px)}.gp-chat-whisper{background:#a855f70f;border-color:#a855f747}.gp-chat-tim{border-color:#60a5fa38}.gp-chat-who{flex-wrap:wrap;align-items:baseline;gap:6px;min-width:0;display:flex}.gp-chat-kind{font-family:var(--f-mono);color:var(--text-dim);font-size:10.5px}.gp-chat-name{cursor:pointer;font:inherit;color:var(--text);overflow-wrap:anywhere;text-align:left;background:0 0;border:none;padding:0;font-weight:700}.gp-chat-name:hover{color:var(--acc-hi);text-decoration:underline}.gp-chat-target{color:var(--text-muted);font-weight:600}.gp-chat-user{font-size:var(--fs-xs);color:var(--text-dim);overflow-wrap:anywhere}.gp-chat-meta{font-family:var(--f-mono);color:var(--text-dim);gap:6px;margin:4px 0 0;font-size:10.5px;display:flex}.gp-chat-meta button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none;padding:0}.gp-chat-meta button:hover{color:var(--text)}.gp-code{box-sizing:border-box;width:100%;font-family:var(--f-mono);background:var(--bg-sunken);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s-3);color:var(--chrome);white-space:pre;font-size:12px;line-height:1.6;display:block;overflow-x:auto}textarea.gp-code{white-space:pre;resize:vertical;min-height:180px}.gp-warn{padding:var(--s-3);border-radius:var(--r-md);border:1px solid var(--gold-line);background:var(--gold-soft);color:var(--gold);font-size:var(--fs-xs);line-height:1.6}.gp-modal{width:calc(100vw - 32px);max-width:640px;max-height:calc(100vh - 32px);overflow-y:auto}details.gp-more>summary{cursor:pointer;font-size:var(--fs-xs);color:var(--text-muted);margin:var(--s-2) 0;list-style:none}details.gp-more>summary:before{content:"▸ "}details.gp-more[open]>summary:before{content:"▾ "}.gp-tabbar{display:none}@media (max-width:1100px){.gp-split{grid-template-columns:minmax(0,1fr)}}@media (max-width:820px){.gp{grid-template-columns:minmax(0,1fr)}.gp-side{display:none}.gp-main{padding:var(--s-5) var(--s-4) calc(84px + env(safe-area-inset-bottom))}.gp-tabbar{z-index:50;padding:6px 6px calc(6px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);background:#121216f5;grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;bottom:0;left:0;right:0}.gp-tab{color:var(--text-muted);background:0 0;border:none;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;font-size:11px;text-decoration:none;display:flex}.gp-tab span:first-child{font-size:19px}.gp-tab-on{color:#fff;background:var(--acc-soft)}.gp-2col{grid-template-columns:minmax(0,1fr)}.gp-picker{width:100%}.gp-card{padding:var(--s-4)}}
