:root{--pp-court: #4f7259;--pp-court-dark: #38513f;--pp-bg: #f7f1eb;--pp-surface: #ffffff;--pp-accent: #ef5350;--pp-ink: #1b1b1b;--pp-muted: #6b7280;--pp-team-a: #2563eb;--pp-team-b: #ea580c;--pp-radius: 14px;--pp-tap: 72px;font-family:system-ui,Noto Sans TC,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--pp-bg);color:var(--pp-ink);-webkit-tap-highlight-color:transparent}.pp-app{max-width:1024px;margin:0 auto;padding:16px;min-height:100%}.pp-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.pp-brand{font-weight:800;font-size:20px;color:var(--pp-court-dark)}.pp-btn{min-height:var(--pp-tap);border:none;border-radius:var(--pp-radius);background:var(--pp-court);color:#fff;font-size:18px;font-weight:700;cursor:pointer;padding:12px 18px}.pp-btn:active{transform:translateY(1px)}.pp-btn--ghost{background:var(--pp-surface);color:var(--pp-ink);border:2px solid var(--pp-court)}.pp-btn--accent{background:var(--pp-accent)}.pp-btn--a{background:var(--pp-team-a)}.pp-btn--b{background:var(--pp-team-b)}.pp-card{background:var(--pp-surface);border-radius:var(--pp-radius);padding:16px;box-shadow:0 1px 3px #00000014}