@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Figtree:wght@400;500;600;700&display=swap";:root{--bg:#0d1828;--bg-2:#132338;--card:#173049;--card-2:#1d3a58;--line:#2d5478;--gold:#e4c35a;--gold-2:#f6e4a8;--cream:#eef3f8;--muted:#9db0c4;--unpaid:#e09145;--paid:#3d9fd6;--danger:#d45b4a;--empty:#16324c;--ink:#102438;--shadow:0 18px 40px #00000047;--radius:16px;color:var(--cream);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Figtree,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%}body{background:radial-gradient(circle at top, #1a3a5c 0%, transparent 42%), var(--bg);color:var(--cream);margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,.num{letter-spacing:.03em;margin:0;font-family:Barlow Condensed,sans-serif}.app-shell{width:min(1100px,100% - 24px);margin:0 auto;padding:20px 0 48px}.topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.brand{flex-direction:column;gap:2px;display:flex}.brand small{color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-size:11px}.brand-lockup{align-items:center;gap:10px;display:flex}.brand-home{color:inherit;text-decoration:none}.brand-home:hover .brand-wordmark span,.brand-home:focus-visible .brand-wordmark span{color:var(--gold-2)}.brand-mark{border-radius:8px;flex-shrink:0;display:block;box-shadow:0 0 0 1px #e4c35a38}.brand-wordmark{letter-spacing:.03em;margin:0;font-family:Barlow Condensed,sans-serif;font-size:32px;font-weight:800;line-height:1}.brand-wordmark span{color:var(--gold)}.brand-compact .brand-wordmark{font-size:24px}.badge{border:1px solid var(--line);background:var(--card);color:var(--gold-2);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stack{gap:12px;display:grid}.card{background:linear-gradient(180deg, var(--card), var(--bg-2));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card h2{font-size:28px}.muted{color:var(--muted)}.error{color:#ffd2cc;background:#d45b4a29;border:1px solid #d45b4a73;border-radius:12px;padding:10px 12px}label{color:var(--muted);gap:6px;font-size:13px;display:grid}label.check{color:var(--cream);align-items:flex-start;gap:10px;font-size:15px;font-weight:600;display:flex}label.check input{width:18px;min-width:18px;height:18px;accent-color:var(--gold);margin-top:2px;padding:0}label.check .check-copy{gap:4px;display:grid}label.check .check-copy span{color:var(--muted);font-size:13px;font-weight:400}input,select,textarea{border:1px solid var(--line);background:var(--ink);width:100%;color:var(--cream);border-radius:12px;outline:none;padding:12px}option{color:var(--bg);background:#f4efe4}textarea{resize:vertical;min-height:96px}input:focus,select:focus,textarea:focus{border-color:var(--gold)}.btn{background:var(--gold);color:#1a1608;border:0;border-radius:999px;padding:11px 16px;font-weight:700}.btn.secondary{color:var(--cream);border:1px solid var(--line);background:0 0}.btn.danger{background:var(--danger);color:#fff}.btn.ghost{color:var(--muted);background:0 0;padding:8px 4px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.stat{background:var(--card-2);border:1px solid var(--line);border-radius:14px;padding:12px}.stat b{font-family:Barlow Condensed,sans-serif;font-size:28px;line-height:1;display:block}.stat span{color:var(--muted);font-size:12px}.board-list{gap:12px;display:grid}.board-card{text-align:left;appearance:none;background:var(--card);border:1px solid var(--line);width:100%;color:inherit;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.board-card strong{font-family:Barlow Condensed,sans-serif;font-size:20px}.grid-wrap{border:1px solid var(--line);background:#0a1628;border-radius:16px;overflow:hidden}.grid-hint{color:var(--gold-2);margin:0;padding:10px 12px 0;font-size:13px;display:none}.squares-grid{--cell:64px;grid-template-columns:36px 34px repeat(10,minmax(0,1fr));grid-template-rows:34px 34px repeat(10, minmax(var(--cell), auto));width:100%;display:grid}.cell{text-align:center;border:1px solid #508cbe47;justify-content:center;align-items:center;min-height:34px;padding:4px;display:flex}.team-top{letter-spacing:.08em;text-transform:uppercase;background:#123044;grid-column:3/span 10;font-family:Barlow Condensed,sans-serif;font-size:22px}.team-side{writing-mode:vertical-rl;letter-spacing:.08em;text-transform:uppercase;background:#123044;grid-area:3/1/span 10;font-family:Barlow Condensed,sans-serif;font-size:22px;transform:rotate(180deg)}.axis{color:var(--gold-2);background:#173a56;font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:800}.corner{background:#123044}.square{cursor:pointer;appearance:none;color:inherit;min-height:var(--cell);word-break:break-word;touch-action:manipulation;background:linear-gradient(#1c4468,#16324c);flex-direction:column;justify-content:center;gap:2px;padding:14px 5px 8px;font-size:12px;line-height:1.15;position:relative}.square-peek{background:var(--ink);border-radius:12px;margin:4px 0 10px;padding:12px 14px}.square-peek p{margin:0}.square-peek .muted{margin-top:4px}.sq-num{letter-spacing:.04em;color:#9ec0dd;font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:800;position:absolute;top:3px;left:5px}.sq-name{color:#f4f8fc;font-size:12px;font-weight:700}.square.sold{background:linear-gradient(#2d74b0,#1d5a90)}.square.sold .sq-num{color:#c5e0f5}.square.unpaid{background:linear-gradient(#3f6f9a,#2b5478);box-shadow:inset 0 -3px #e0a35a}.square.winner{box-shadow:inset 0 0 0 3px var(--gold);background:linear-gradient(#3d7ab8,#215a92)}.square b{color:var(--gold-2);letter-spacing:.04em;font-size:10px}.square.empty{color:#8eabc4}.sheet-backdrop{z-index:20;background:#060e0ab8;justify-content:center;align-items:flex-end;padding:12px;display:flex;position:fixed;inset:0}.sheet{background:var(--card);border:1px solid var(--line);border-radius:20px 20px 12px 12px;width:min(560px,100%);max-height:88vh;padding:18px;overflow:auto}.digits{justify-content:space-between;gap:8px;margin:8px 0 14px;display:flex}.digit{background:var(--ink);text-align:center;border-radius:12px;flex:1;padding:10px}.digit b{font-family:Barlow Condensed,sans-serif;font-size:34px;display:block}.tabs{gap:8px;margin:8px 0 14px;display:flex}.tab{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:999px;padding:8px 12px}.tab.on{background:var(--gold);color:#1a1608;border-color:var(--gold)}.auth-tabs{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:0;display:grid}.auth-tabs button{color:var(--muted);letter-spacing:.03em;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;padding:8px 10px 12px;font-family:Barlow Condensed,sans-serif;font-size:22px;font-weight:700}.auth-tabs button.on{color:var(--cream);border-bottom-color:var(--gold)}.auth-tabs button:hover{color:var(--gold-2)}#signup{scroll-margin-top:88px}.notice{color:#d7ecf8;background:#3d9fd629;border:1px solid #3d9fd673;border-radius:12px;padding:10px 12px}.sales-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;display:flex}.sales-toolbar label{flex:1;min-width:min(100%,220px)}.sales-count{margin:0 0 12px}.ledger{border-collapse:collapse;width:100%;font-size:14px}.ledger th,.ledger td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:8px 6px}.ledger th{color:var(--muted);font-size:12px;font-weight:600}.family-chip{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:10px 0;display:flex}.choice-list{gap:8px;display:grid}.choice{text-align:left;appearance:none;border:1px solid var(--line);background:var(--ink);width:100%;color:var(--cream);border-radius:12px;padding:14px 16px;font-size:16px;font-weight:700}.choice.on{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold);background:#1e4a6e}.helper{background:var(--ink);color:var(--gold-2);border-radius:12px;padding:10px 12px;font-size:13px}.copy-row{align-items:center;gap:8px;display:flex}.copy-row input{flex:1}.share-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pdf-capture-host{color:#102438;pointer-events:none;background:#fff;width:1100px;position:absolute;top:0;left:-12000px}.pdf-capture-host .print-board{background:#fff;border:0;border-radius:0;overflow:visible}.pdf-capture-host .squares-grid{--cell:56px;grid-template-columns:84px 32px repeat(10,minmax(0,1fr));grid-template-rows:28px 28px repeat(10, minmax(var(--cell), auto));width:100%;min-width:0}.pdf-capture-host .team-side{writing-mode:horizontal-tb;padding:8px 4px;overflow:hidden;transform:none}.pdf-capture-host .team-side-label{white-space:normal;writing-mode:horizontal-tb;letter-spacing:.08em;text-align:center;color:#102438;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:15px;font-weight:800;line-height:1.1;display:flex;transform:none}.pdf-capture-host .sq-name,.pdf-capture-host .square b{display:block!important}.pdf-capture-host .square{color:#102438;padding:12px 4px 6px;background:#f7f9fb!important}.pdf-capture-host .square.sold{background:#e8f1f8!important}.pdf-capture-host .sq-num,.pdf-capture-host .sq-name,.pdf-capture-host .axis,.pdf-capture-host .team-top,.pdf-capture-host .team-side{color:#102438!important}.pdf-capture-host .team-top,.pdf-capture-host .team-side,.pdf-capture-host .axis,.pdf-capture-host .corner{background:#d7e4ef}.print-only-board{display:none}.auth-page{place-items:center;min-height:100vh;padding:16px;display:grid}.auth{width:min(460px,100%);margin:0}.auth-split{place-items:start center;padding-top:36px;padding-bottom:36px}.auth-split-grid{gap:16px;width:min(920px,100%);display:grid}.auth-split-grid>.auth{order:-1}@media (width>=800px){.auth-split-grid{grid-template-columns:1.2fr .8fr;align-items:stretch}.auth-split-grid>.auth{order:0}}.host-offer{border-color:var(--gold);background:radial-gradient(circle at top right, #e4c35a38, transparent 46%), linear-gradient(180deg, #1c3d5c, var(--bg-2));box-shadow:0 18px 40px #00000052,0 0 0 1px #e4c35a59}.host-offer-kicker{color:var(--gold-2);text-transform:uppercase;letter-spacing:.16em;margin:0;font-size:12px;font-weight:700}.host-offer-price{color:var(--gold);letter-spacing:.02em;font-family:Barlow Condensed,sans-serif;font-size:84px;font-weight:800;line-height:.9}.host-offer-price-inline{font-size:64px}.host-offer h1,.host-offer h2{font-size:42px}.host-offer p{margin:0;font-size:17px}.host-offer-points{color:var(--gold-2);gap:6px;margin:0;padding-left:18px;display:grid}.host-offer-btn{width:100%;padding:14px 18px;font-size:18px}.skip-link{z-index:20;background:var(--gold);color:#1a1608;border-radius:999px;padding:10px 14px;font-weight:700;text-decoration:none;position:absolute;top:12px;left:-999px}.skip-link:focus{left:16px}.landing{min-height:100vh}.landing-top{border-bottom:1px solid var(--line);z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d1828e0;position:sticky;top:0}.landing-wrap{width:min(1100px,100% - 32px);margin:0 auto}.landing-top-inner{justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.landing-top .brand-wordmark,.landing-logo{font-size:32px}.landing-hero{padding:36px 0 28px}.landing-hero-grid{gap:16px;display:grid}.landing .auth{width:100%}.landing-band{padding:36px 0}.landing-band-alt{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#1323388c}.landing-band h2,.landing-foot h2{font-size:34px}.landing-steps{gap:14px;margin:0;padding-left:22px;display:grid}.landing-steps li{gap:4px;display:grid}.landing-steps span,.landing-faq p{color:var(--muted);margin:8px 0 0}.landing-sports,.landing-points{color:var(--gold-2);gap:8px;margin:0;padding-left:18px;display:grid}@media (width>=700px){.landing-sports{grid-template-columns:repeat(3,minmax(0,1fr));padding-left:0;list-style:none}.landing-sports li{border:1px solid var(--line);background:var(--card);border-radius:12px;padding:12px 14px}}.landing-faq details{border:1px solid var(--line);background:var(--card);border-radius:12px;padding:12px 14px}.landing-faq{gap:10px;display:grid}.landing-faq summary{cursor:pointer;font-weight:700}.landing-foot{color:var(--muted);padding:28px 0 48px;font-size:14px}@media (width>=800px){.landing-hero-grid{grid-template-columns:1.15fr .85fr;align-items:stretch}}@media print{@page{size:landscape;margin:.4in}html,body,#root{color:#102438;height:auto;background:#fff!important}body *{visibility:hidden}.print-only-board{display:block!important}.print-board,.print-board *{visibility:visible}.print-board .grid-hint{visibility:hidden!important;display:none!important}.print-board{background:#fff;border:0;border-radius:0;width:100%;position:absolute;inset:0;overflow:visible}.print-board .squares-grid{--cell:56px;grid-template-columns:52px 28px repeat(10,minmax(0,1fr));grid-template-rows:28px 28px repeat(10, minmax(var(--cell), auto));width:100%;min-width:0}.print-board .sq-name,.print-board .square b{display:block!important}.print-board .square{color:#102438;-webkit-print-color-adjust:exact;print-color-adjust:exact;padding:12px 4px 6px;background:#f7f9fb!important}.print-board .square.sold{background:#e8f1f8!important}.print-board .sq-num,.print-board .sq-name,.print-board .axis,.print-board .team-top,.print-board .team-side{color:#102438!important}}@media (width>=800px){.sheet-backdrop{align-items:center}.sheet{border-radius:20px}}@media (width<=720px){.stats{grid-template-columns:1fr 1fr}.grid-hint{display:block}.squares-grid{--cell:32px;grid-template-columns:18px 22px repeat(10,minmax(0,1fr));grid-template-rows:26px 24px repeat(10, minmax(var(--cell), auto))}.team-top,.team-side{letter-spacing:.04em;font-size:12px}.axis{font-size:14px}.square{min-height:var(--cell);padding:0}.sq-name,.square b{display:none}.sq-num{color:#c5d9ea;font-size:13px;position:static}.square.sold .sq-num{color:#f4f8fc}.square.winner{box-shadow:inset 0 0 0 2px var(--gold)}.app-shell{width:min(100% - 16px,1100px);padding-top:12px}.board-card{flex-direction:column;align-items:flex-start}.copy-row{flex-direction:column;align-items:stretch}.copy-row .btn{width:100%}.share-actions{flex-direction:column;align-items:center}.share-actions .btn{text-align:center;width:min(100%,280px)}.sheet-backdrop{padding:0}.sheet{padding:16px 16px calc(16px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0}}
