:root{--pp-bg: #f5f4f0;--pp-surface: #ffffff;--pp-ink: #1b2340;--pp-ink-soft: #4a5178;--pp-ink-faint: #6b6f85;--pp-line: #dad6cc;--pp-brass: #c08a2e;--pp-brass-dark: #9a6c1f;--pp-crimson: #a23b3b;--pp-focus: #2f6fed;--pp-shadow: 0 1px 2px rgba(27, 35, 64, .06), 0 4px 16px rgba(27, 35, 64, .06);--pp-scrim: rgba(27, 35, 64, .35);--pp-btn-primary-bg: #1b2340;--pp-btn-primary-bg-hover: #29315a;--pp-btn-primary-fg: #ffffff;--pp-font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--pp-font-body: "Inter", ui-sans-serif, system-ui, sans-serif;--pp-font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;--pp-radius: 10px;--pp-radius-sm: 6px}[data-theme=dark]{--pp-bg: #15161d;--pp-surface: #1e202a;--pp-ink: #ebe9e2;--pp-ink-soft: #a9adc7;--pp-ink-faint: #7c8098;--pp-line: #34374a;--pp-brass: #d9a548;--pp-brass-dark: #f0bf63;--pp-crimson: #e08585;--pp-focus: #6ea1ff;--pp-shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 4px 20px rgba(0, 0, 0, .35);--pp-scrim: rgba(0, 0, 0, .55);--pp-btn-primary-bg: #d9a548;--pp-btn-primary-bg-hover: #f0bf63;--pp-btn-primary-fg: #15161d}@media (prefers-color-scheme: dark){html:not([data-theme]){--pp-bg: #15161d;--pp-surface: #1e202a;--pp-ink: #ebe9e2;--pp-ink-soft: #a9adc7;--pp-ink-faint: #7c8098;--pp-line: #34374a;--pp-brass: #d9a548;--pp-brass-dark: #f0bf63;--pp-crimson: #e08585;--pp-focus: #6ea1ff;--pp-shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 4px 20px rgba(0, 0, 0, .35);--pp-scrim: rgba(0, 0, 0, .55);--pp-btn-primary-bg: #d9a548;--pp-btn-primary-bg-hover: #f0bf63;--pp-btn-primary-fg: #15161d}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--pp-bg);color:var(--pp-ink);font-family:var(--pp-font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;transition:background-color .15s ease,color .15s ease}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}:focus-visible{outline:2px solid var(--pp-focus);outline-offset:2px;border-radius:4px}h1,h2,h3{font-family:var(--pp-font-display);font-weight:600;margin:0;letter-spacing:-.01em}p{margin:0;color:var(--pp-ink-soft)}a{color:inherit}button{font-family:inherit}code,.pp-mono{font-family:var(--pp-font-mono)}html,body,#root{overflow-x:hidden;max-width:100%}.pp-shell{min-height:100%;min-width:0;display:flex;flex-direction:column;max-width:100%;overflow-x:hidden}.pp-topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;row-gap:8px;padding:14px 16px;border-bottom:1px solid var(--pp-line);background:var(--pp-surface);min-width:0}.pp-wordmark{display:flex;align-items:center;gap:10px;font-family:var(--pp-font-display);font-weight:700;font-size:17px;letter-spacing:-.01em;text-decoration:none;color:var(--pp-ink);flex-shrink:0}.pp-topbar-right{display:flex;align-items:center;gap:10px;min-width:0}.pp-topbar-username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.pp-main{flex:1;width:100%;min-width:0;max-width:880px;margin:0 auto;padding:48px 24px 80px;box-sizing:border-box}@media (max-width: 480px){.pp-main{padding:28px 14px 60px}}.pp-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:var(--pp-radius-sm);padding:9px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,transform 60ms ease}.pp-btn:active{transform:translateY(1px)}.pp-btn-primary{background:var(--pp-btn-primary-bg);color:var(--pp-btn-primary-fg)}.pp-btn-primary:hover{background:var(--pp-btn-primary-bg-hover)}.pp-btn-brass{background:var(--pp-brass);color:#fff}.pp-btn-brass:hover{background:var(--pp-brass-dark)}.pp-btn-ghost{background:transparent;color:var(--pp-ink);border-color:var(--pp-line)}.pp-btn-ghost:hover{background:#1b23400a}.pp-btn-danger{background:transparent;color:var(--pp-crimson);border-color:#a23b3b4d}.pp-btn-danger:hover{background:#a23b3b0f}.pp-btn:disabled{opacity:.5;cursor:not-allowed}.pp-card{background:var(--pp-surface);border:1px solid var(--pp-line);border-radius:var(--pp-radius);box-shadow:var(--pp-shadow)}.pp-badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--pp-font-mono);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px 3px 6px;border-radius:4px;border:1px solid currentColor}.pp-badge-root{color:var(--pp-brass-dark);background:#c08a2e14}.pp-badge-dm{color:var(--pp-ink);background:#1b23400f}.pp-badge-player{color:var(--pp-ink-soft);background:#4a51780f}.pp-badge-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.pp-field{display:flex;flex-direction:column;gap:6px}.pp-field label{font-size:13px;font-weight:600;color:var(--pp-ink-soft)}.pp-input,.pp-select{border:1px solid var(--pp-line);border-radius:var(--pp-radius-sm);padding:9px 11px;font-size:14px;font-family:inherit;background:var(--pp-surface);color:var(--pp-ink)}.pp-input:focus,.pp-select:focus{outline:2px solid var(--pp-focus);outline-offset:-1px;border-color:transparent}.pp-empty{text-align:center;padding:56px 24px;color:var(--pp-ink-soft)}