:root{--sand-50: #FBF5E9;--sand-100: #FAF2E5;--sand-200: #F4F0EB;--sand-300: #EFE8DE;--teal: #2D7A87;--teal-dark: #1F5E69;--gold: #E0A85C;--lavender: #D9E0FB;--hibiscus: #D5606E;--amber: #DD893C;--steel: #6D95A8;--steel-dark: #557585;--cream: #F7F4EF;--beige: #EFE8DE;--ink: #2A2A2A;--shadow: 0 6px 22px rgba(31, 94, 105, .12);--f-script: "Pacifico", cursive;--f-display: "Anton", sans-serif;--f-elegant: "Jost", sans-serif;--f-body: "Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--f-body);color:var(--ink);background:radial-gradient(90% 120% at 50% 100%,#F6E9D2 0%,var(--sand-100) 55%,var(--sand-50) 100%) fixed}button{font-family:var(--f-body);cursor:pointer;border:none;border-radius:8px;font-weight:600;transition:filter .15s ease,transform .05s ease}button:active{transform:translateY(1px)}button.primary{background:var(--teal);color:#fff;padding:10px 18px}button.steel{background:var(--steel);color:#fff;padding:10px 18px}button.ghost{background:transparent;color:var(--teal-dark);padding:8px 14px;border:1.5px solid var(--teal)}button:hover{filter:brightness(1.06)}input.score,input.team{font-family:var(--f-body);border:1.5px solid #cfd6e8;border-radius:7px;background:var(--lavender);color:#28304a;outline:none}input.score{width:46px;text-align:center;padding:6px 4px;font-weight:700}input.team{width:100%;padding:9px 12px}input.team:focus,input.score:focus{border-color:var(--teal)}.hero{text-align:center;padding:26px 16px 8px;position:relative;z-index:1}.brand{display:flex;flex-direction:column;align-items:center;line-height:.9}.brand .script{font-family:var(--f-script);color:var(--teal);font-size:clamp(26px,4vw,40px);transform:rotate(-4deg)}.brand .amp{font-family:var(--f-script);color:var(--hibiscus);font-size:clamp(16px,2vw,22px);margin:2px 0}.brand .display{font-family:var(--f-display);color:var(--teal-dark);font-size:clamp(40px,7vw,78px);letter-spacing:.04em}.sub{font-family:var(--f-elegant);letter-spacing:.22em;color:var(--steel-dark);font-size:12px;margin:10px 0 0}.page{max-width:1180px;margin:0 auto;padding:18px 20px 16px;position:relative;z-index:1}.loading{text-align:center;color:var(--steel-dark);padding:60px 0;font-size:16px}.chip{background:var(--hibiscus);color:#fff;padding:8px 16px;border-radius:999px;font-weight:600;font-size:13px;box-shadow:var(--shadow)}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700}.badge.setup{background:#e8e0cf;color:#7c6f50}.badge.running{background:#d6efe2;color:#1f7a55}html[data-pb-framed] .pb-frame{position:fixed;top:var(--pb-frame-top);right:var(--pb-frame-right);bottom:var(--pb-frame-bottom);left:var(--pb-frame-left);z-index:1;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(45,122,135,.45) transparent}html[data-pb-framed] .tv.pb-frame{height:auto;min-height:0;padding:8px 12px}html[data-pb-framed] .pb-frame .scramble-banner,html[data-pb-framed] .pb-frame>.adminbar{background:var(--pb-banner, rgba(255, 255, 255, .86));border-radius:14px;box-shadow:var(--shadow);padding:8px 14px}html[data-pb-framed] .tv.pb-frame.scramble-tv>.tv-head{display:none}html[data-pb-framed] .tv.pb-frame:not(.scramble-tv)>.tv-head{background:#ffffffdb;border-radius:14px;box-shadow:var(--shadow);padding:6px 18px;width:fit-content;margin:0 auto 10px}html[data-pb-head] .pb-frame .scramble-banner,html[data-pb-head] .pb-frame>.adminbar{position:fixed;z-index:2;top:var(--pb-head-top);left:var(--pb-frame-left);right:var(--pb-frame-right);max-height:var(--pb-head-height);overflow:auto;margin:0}html[data-pb-head] .pb-frame main{padding-top:0}html[data-pb-bg=palms-teal],html[data-pb-bg=court]{--on-bg: #fff;--on-bg-muted: rgba(255, 255, 255, .9);--on-bg-accent: #ffd27a;--on-bg-shadow: 0 1px 2px rgba(0, 0, 0, .45), 0 0 12px rgba(0, 0, 0, .25)}html[data-pb-bg]{--pb-card: rgba(255, 255, 255, .72);--pb-card-soft: rgba(255, 255, 255, .45);--pb-champion: rgba(255, 248, 230, .72);--pb-row-empty: rgba(250, 248, 243, .4);--pb-blur: blur(4px)}html[data-pb-bg=palms-teal]{--pb-card: rgba(255, 255, 255, .62)}html[data-pb-bg=palms-cream]{--pb-card: rgba(255, 255, 255, .5);--pb-banner: rgba(255, 255, 255, .6);--pb-accent: #8a7f79;--pb-border: rgba(138, 127, 121, .4);--pb-row-alt: rgba(165, 156, 151, .12);--pb-head-row: rgba(244, 241, 236, .85)}html[data-pb-head]{--pb-steps-h: 40px}html[data-pb-head] .pb-frame .scramble-banner{padding:4px 14px}html[data-pb-head] .pb-frame .scramble-banner .eyebrow{margin-bottom:4px}html[data-pb-framed=court] .pb-frame main:has(>app-pickleball-phase-steps,>.toolbar) .scramble-banner{max-height:calc(var(--pb-head-height) - var(--pb-steps-h) - 6px)}html[data-pb-framed=court] .pb-frame main>app-pickleball-phase-steps,html[data-pb-framed=court] .pb-frame main>.toolbar{position:fixed;z-index:2;margin:0;top:calc(var(--pb-head-top) + var(--pb-head-height) - var(--pb-steps-h));left:var(--pb-frame-left);right:var(--pb-frame-right);height:var(--pb-steps-h);display:flex;align-items:center}html[data-pb-bg]{--pb-row-card: rgba(250, 242, 229, .6);--pb-row-empty-card: rgba(255, 255, 255, .55)}html[data-pb-bg=court]{--pb-card: rgba(255, 252, 248, .86);--pb-card-soft: rgba(255, 252, 248, .78);--pb-champion: rgba(255, 248, 230, .88);--pb-blur: blur(6px);--pb-banner: rgba(255, 250, 245, .9);--pb-accent: #3e5b4a;--pb-border: rgba(62, 91, 74, .3);--pb-row-alt: rgba(191, 158, 130, .16);--pb-head-row: rgba(245, 235, 224, .85);--pb-row-card: rgba(245, 235, 224, .9);--pb-row-empty-card: rgba(255, 255, 255, .88)}html[data-pb-framed=tiles] .pb-frame .scramble-banner .eyebrow,html[data-pb-framed=tiles] .pb-frame .scramble-banner .roster-meta{display:none}html[data-pb-framed=tiles] .pb-frame .scramble-banner .phase-card{padding:4px 14px;gap:1px}html[data-pb-framed] .pb-frame>.hint-bar{margin-top:6px;padding:6px 14px;font-size:12.5px;background:#fff7e6d9}html[data-pb-bg=tiles]{--pb-card: rgba(255, 255, 255, .62);--pb-banner: rgba(255, 255, 255, .8);--pb-accent: #5f7d62;--pb-border: rgba(95, 125, 98, .32);--pb-row-alt: rgba(197, 215, 189, .22);--pb-head-row: rgba(241, 240, 235, .85);--pb-row-card: rgba(236, 242, 232, .78);--pb-row-empty-card: rgba(255, 255, 255, .7)}
