@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap";:root{font-family:DM Sans,sans-serif;color:#242421;background:#f4f0e8;font-synthesis:none;--ink:#242421;--paper:#f4f0e8;--cream:#ebe5d9;--coral:#f96748;--green:#c9dc98;--line:#d8d1c4}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.4px;white-space:nowrap}.brand-mark{width:24px;height:24px;display:grid;grid-template-columns:1fr 1fr;gap:2px;transform:rotate(-5deg)}.brand-mark i{background:var(--ink);border-radius:3px}.brand-mark i:nth-child(2){background:var(--coral)}.brand-mark i:nth-child(3){background:#d6a235}.brand-mark i:nth-child(4){background:#88a464}.brand.light{color:#fff;position:absolute;top:36px;left:42px;z-index:2}.brand.light .brand-mark i:first-child{background:#fff}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr;background:#f8f5ef}.login-art{background:#22231f;color:#fff;position:relative;overflow:hidden;padding:8vw 6vw;display:flex;align-items:center}.login-art:before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;background:#31342c;right:-180px;bottom:-190px}.art-copy{position:relative;z-index:2;max-width:620px}.kicker{text-transform:uppercase;letter-spacing:2.2px;font-size:11px;font-weight:700;color:#d5e79d}.kicker.dark{color:#7a855d}.art-copy h1{font:400 clamp(52px,6vw,88px)/.97 "DM Serif Display";letter-spacing:-3px;margin:17px 0 25px}.art-copy h1 em{color:#ff7659}.art-copy p{max-width:480px;color:#c4c5bd;font-size:17px;line-height:1.7}.art-grid{position:absolute;right:-45px;top:11%;width:265px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;transform:rotate(8deg);opacity:.19}.art-grid i{aspect-ratio:1;background:#fff;border-radius:7px}.art-grid i.hot{background:var(--coral);opacity:1}.floating-card{position:absolute;z-index:3;background:#f7f0e2;color:#222;padding:17px 18px;border-radius:12px;box-shadow:0 18px 40px #0004;font-size:13px;font-weight:600}.card-one{right:7%;bottom:22%;width:185px;transform:rotate(4deg);display:flex;gap:15px}.card-one svg{color:var(--coral);flex:none}.card-two{right:29%;bottom:9%;transform:rotate(-5deg);background:var(--coral);color:#fff;display:flex;flex-direction:column}.card-two strong{font:26px "DM Serif Display"}.card-two span{font-size:10px;text-transform:uppercase;letter-spacing:1px}.login-panel{display:flex;align-items:center;justify-content:center;padding:40px}.login-form{width:min(100%,390px)}.mobile-brand{display:none}.login-form h2{font:46px/1.05 "DM Serif Display";letter-spacing:-1.5px;margin:13px 0 8px}.login-form>p{color:#77736c;font-size:14px;line-height:1.6;margin:0 0 28px}.login-form label,.modal label{display:block;font-size:12px;font-weight:700;margin:17px 0}.login-form input{display:block;width:100%;border:1px solid var(--line);border-radius:7px;background:#fff;padding:13px;margin-top:7px;outline:none}.login-form input:focus,.composer textarea:focus,.modal textarea:focus{border-color:#7e8c65;box-shadow:0 0 0 3px #c9dc9844}.primary{border:0;background:var(--ink);color:#fff;border-radius:7px;padding:13px 18px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:9px}.login-form>.primary{width:100%;margin-top:22px}.primary:hover{background:#3a3a35}.login-form>small{display:flex;justify-content:center;gap:5px;color:#98938a;margin-top:15px;font-size:10px}.error{font-size:12px;color:#a43f2e}.topbar{height:76px;background:#f8f5ef;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 4vw;gap:40px}.topbar nav{display:flex;align-self:stretch;margin:auto}.topbar nav button{border:0;background:none;color:#928e86;padding:0 20px;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;border-bottom:2px solid transparent}.topbar nav button span{width:18px;height:18px;border:1px solid #bbb5aa;border-radius:50%;display:grid;place-items:center;font-size:9px}.topbar nav button>strong{display:flex;flex-direction:column;align-items:flex-start;font-size:12px}.topbar nav button>strong small{font-size:7px;font-weight:500;color:#aaa49a;margin-top:2px;white-space:nowrap}.topbar nav button.active{color:var(--ink);border-color:var(--coral)}.topbar nav button.active span{background:var(--coral);border-color:var(--coral);color:#fff}.topbar nav button.active>strong small{color:#777268}.user{display:flex;align-items:center;gap:8px}.user div{display:flex;flex-direction:column;font-size:10px}.user small{color:#99948c}.user button{border:0;background:none;color:#aaa;padding:5px}.user .profile-button{width:31px;height:31px;padding:0;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:700}.topbar nav button:disabled{cursor:default;opacity:.45}.app-shell>main{max-width:1260px;margin:auto;padding:0 28px 80px}.hero{display:flex;align-items:flex-end;justify-content:space-between;padding:58px 0 40px;gap:25px}.hero h1{font:52px/1 "DM Serif Display";letter-spacing:-1.8px;margin:9px 0}.hero p{color:#777268;font-size:14px}.schedule-card{width:min(100%,440px);border:1px solid var(--line);background:#f8f5ef;padding:12px;border-radius:9px;font-size:10px}.schedule-main{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px}.schedule-main>svg{color:var(--coral)}.schedule-main span{display:flex;flex-direction:column}.schedule-main small{color:#99948c}.schedule-main b{font:16px "DM Serif Display";color:#65734a}.event-range{border-top:1px solid var(--line);margin-top:9px;padding-top:8px;display:grid;grid-template-columns:auto auto 1fr;gap:6px;align-items:center;color:#7c776f}.event-range i{text-align:right;font-style:normal;font-size:8px;color:#999}.two-col{display:grid;grid-template-columns:390px 1fr;gap:34px;align-items:start}.composer,.panel{background:#faf8f3;border:1px solid var(--line);border-radius:12px;padding:25px}.icon-orb{width:42px;height:42px;background:#ffe1d9;color:var(--coral);display:grid;place-items:center;border-radius:50%}.composer h3,.section-head h3,.modal h3{font:28px "DM Serif Display";margin:14px 0 5px}.composer>p{font-size:12px;color:#8b867e;margin:0 0 19px}.composer textarea,.modal textarea{width:100%;height:110px;resize:none;background:#fff;border:1px solid var(--line);border-radius:7px;padding:12px;outline:none;font-size:13px;line-height:1.5}.composer-foot{display:flex;justify-content:space-between;align-items:center;margin-top:8px;color:#aaa49a;font-size:10px}.small{font-size:11px;padding:9px 13px}.tag-pick{border-top:1px solid var(--line);margin-top:20px;padding-top:17px}.tag-pick strong{display:block;font-size:11px}.tag-pick small{display:block;font-size:9px;color:#99948c;margin:4px 0 12px}.tag-pick>div{display:flex;flex-wrap:wrap;gap:6px}.tag-pick button{border:1px solid var(--line);background:#fff;border-radius:20px;padding:5px 8px;display:flex;align-items:center;gap:5px;font-size:10px}.tag-pick button i,.tag i{width:6px;height:6px;border-radius:50%}.tag-pick button svg{display:none}.tag-pick button.selected{border-color:#9aaa79;background:#f0f3e7}.tag-pick button.selected svg{display:block;color:#71844d}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.section-head h3{margin:5px 0}.privacy-pill{font-size:9px;color:#757b66;background:#e6eadb;padding:6px 8px;border-radius:20px;display:flex;align-items:center;gap:4px}.ideas{display:flex;flex-direction:column;gap:8px;max-height:600px;overflow:auto;padding-right:5px}.idea{background:#faf8f3;border:1px solid var(--line);border-radius:8px;padding:14px;display:grid;grid-template-columns:30px 1fr auto;gap:10px}.idea-num{font:14px "DM Serif Display";color:#bbb4a9}.idea h4{font-size:12px;margin:0 0 9px;font-weight:600}.idea footer{display:flex;align-items:center;gap:6px}.idea footer>span:last-child{font-size:9px;color:#aaa49a}.idea-delete{border:0;background:transparent;color:#b7b0a5;padding:3px;align-self:start}.idea-delete:hover{color:#b34d3d}.tag{display:inline-flex;align-items:center;gap:4px;font-size:8px;text-transform:uppercase;letter-spacing:.5px;font-weight:700;color:#8b857c}.tag i{display:inline-block}.vote-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:25px}.panel{padding:22px}.hint{background:#f0ece4;padding:9px;border-radius:6px;color:#89847c;font-size:9px;display:flex;gap:5px}.rank-list,.available-list{display:flex;flex-direction:column;gap:7px;max-height:520px;overflow:auto}.rank-list article{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:7px;padding:10px}.rank-list article>b{width:24px;height:24px;background:var(--ink);color:#fff;border-radius:50%;display:grid;place-items:center;font-size:10px}.rank-list h4{font-size:11px;margin:0 0 4px}.rank-list article>span{display:flex}.rank-list button{border:0;background:#f4f0e8;width:25px;height:25px;color:#777}.full{width:100%;margin-top:15px}.available-list>button{border:1px solid var(--line);background:#fff;border-radius:7px;text-align:left;padding:11px;display:flex;gap:10px;font-size:11px}.available-list>button>svg{flex:none;color:var(--coral)}.available-list small{display:block;margin-top:7px}.selection-bar{position:sticky;top:10px;z-index:5;background:#272824;color:#fff;border-radius:10px;padding:13px 18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:25px;box-shadow:0 8px 30px #2223;margin-bottom:22px}.selection-bar>div:first-child{display:flex;align-items:center;gap:12px}.selection-bar strong{font:30px "DM Serif Display"}.selection-bar strong span{font-size:14px;color:#999}.selection-bar p{font-size:10px;color:#c2c2bb}.progress{height:3px;background:#555;border-radius:5px}.progress i{display:block;height:100%;background:var(--coral);border-radius:5px}.primary:disabled{opacity:.4;cursor:not-allowed}.short-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.short-grid>button{position:relative;min-height:140px;text-align:left;border:1px solid var(--line);border-radius:9px;background:#faf8f3;padding:15px;transition:.15s}.short-grid>button:hover{transform:translateY(-2px);border-color:#9f9a90}.short-grid>button.chosen{background:#eef2e3;border:2px solid #82925e}.pick-check{position:absolute;right:10px;top:10px;width:20px;height:20px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:transparent}.chosen .pick-check{background:#7d9053;color:#fff;border-color:#7d9053}.short-grid em{font-style:normal;font-size:8px;text-transform:uppercase;color:#aaa;letter-spacing:1px}.short-grid h4{font-size:12px;line-height:1.4;margin:10px 0 18px}.win-banner{background:linear-gradient(110deg,#dba832,#f1704f);color:#fff;border-radius:10px;padding:16px 20px;display:flex;align-items:center;gap:12px;margin-bottom:15px;box-shadow:0 12px 30px #b56b2933}.win-banner div{display:flex;flex-direction:column}.win-banner strong{font:24px "DM Serif Display"}.win-banner span{font-size:10px}.play-stats{background:#282923;color:#fff;border-radius:9px;padding:13px 18px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.play-stats div{display:flex;gap:9px;align-items:center}.play-stats svg{color:#e6b13d}.play-stats p{font-size:10px;color:#aaa}.bingo-card{max-width:860px;margin:auto;background:#faf8f3;border:1px solid var(--line);border-radius:14px;padding:15px;box-shadow:0 20px 60px #423b2e17}.bingo-card header,.card-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.bingo-card header b{text-align:center;font:34px "DM Serif Display";padding:7px;color:#4b4b45}.card-grid>button,.card-grid>div{aspect-ratio:1;border:1px solid var(--line);border-radius:7px;background:#f5f1e9;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.card-grid>button p{font-size:10px;line-height:1.35;font-weight:600;margin:0;text-align:center}.card-grid>button:hover{border-color:#9ba481}.card-grid>button.done{background:#dce8bf;border-color:#7f9252}.done-check{display:none;position:absolute;right:6px;top:6px;background:#71834d;color:#fff;width:21px;height:21px;border-radius:50%;place-items:center}.done .done-check{display:grid}.done>svg{position:absolute;bottom:7px;color:#687b45}.free{background:var(--coral)!important;color:#fff;border-color:var(--coral)!important;transform:rotate(-2deg)}.free strong{font:20px "DM Serif Display"}.free span{font-size:7px;text-transform:uppercase;letter-spacing:1px}.overlap-icons{position:absolute;top:6px;left:6px;display:flex}.overlap-icons i{width:19px;height:19px;border:2px solid #f5f1e9;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:8px;font-style:normal;font-weight:700;margin-left:-4px}.overlap-icons i:first-child{margin-left:0}.after-play{display:grid;grid-template-columns:1fr 300px;gap:20px;max-width:1000px;margin:55px auto 0}.shared-section{margin:0}.shared-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.shared-cards article{background:#faf8f3;border:1px solid var(--line);border-radius:10px;padding:13px}.shared-cards article header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.shared-cards article header>span{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;color:#fff;font:15px "DM Serif Display"}.shared-cards article header div{display:flex;flex-direction:column;font-size:11px}.shared-cards article header small{color:#999;font-size:8px}.shared-cards article>div{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.shared-cards article i{aspect-ratio:1;border-radius:3px;background:#e6e0d6;border:1px solid #d4cec3}.shared-cards article i.complete{background:#93a96a;border-color:#778d50}.shared-cards article i.shared-free{background:var(--coral);border-color:var(--coral)}.leaderboard{background:#faf8f3;border:1px solid var(--line);border-radius:10px;padding:15px;align-self:start}.leaderboard>.section-head{margin-bottom:8px}.leaderboard>.section-head svg{color:#d9a32f}.leaderboard>div:last-child{display:flex;flex-direction:column;gap:5px}.leaderboard article{display:grid;grid-template-columns:20px 27px 1fr;gap:7px;align-items:center;background:#fff;border-radius:6px;padding:7px}.leaderboard article>b{font:16px "DM Serif Display";color:#aaa}.leaderboard article>span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:9px}.leaderboard article div{display:flex;flex-direction:column;font-size:9px}.leaderboard article small,.leaderboard>p{font-size:8px;color:#999}.modal-backdrop{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;background:#242421aa;display:grid;place-items:center;padding:20px}.modal-backdrop.forced{z-index:30;background:#242421dd}.modal{position:relative;background:#f8f5ef;border-radius:12px;padding:30px;width:min(100%,480px);box-shadow:0 20px 80px #0005}.modal-x{position:absolute;right:15px;top:15px;border:0;background:#ebe6dc;width:30px;height:30px;border-radius:50%;display:grid;place-items:center}.modal h3{font-size:29px;line-height:1.1;margin:11px 0 25px}.modal label span{color:#aaa;font-weight:400}.modal textarea{display:block;height:100px;margin-top:7px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.ghost{border:1px solid var(--line);background:transparent;border-radius:7px;padding:10px 12px;font-size:11px}.danger{color:#a64b3b}.profile-modal input,.password-gate input{display:block;width:100%;border:1px solid var(--line);border-radius:6px;padding:9px;margin-top:5px}.profile-modal input[type=color]{height:42px;padding:3px}.profile-preview{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;color:#fff;font:28px "DM Serif Display";margin:0 auto 20px}.password-section{border-top:1px solid var(--line);margin-top:22px;padding-top:16px}.password-section>strong{font-size:11px}.password-section>small{display:block;color:#768457;font-size:9px;margin-top:4px}.password-section .ghost{width:100%}.password-gate p{font-size:11px;color:#888}.password-gate .primary{width:100%;margin-top:18px}.admin-modal{width:min(100%,760px);max-height:90vh;overflow:auto}.admin-modal h3{margin-bottom:12px}.admin-message{background:#e7edd8;color:#657346;border-radius:6px;padding:8px 10px;font-size:10px;margin-bottom:10px}.admin-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-columns form,.schedule-form{background:#fff;border:1px solid var(--line);border-radius:9px;padding:15px}.admin-columns h4,.schedule-form h4{display:flex;align-items:center;gap:6px;margin:0;font-size:12px}.admin-columns p,.schedule-form p{font-size:9px;color:#999;margin:5px 0 12px}.admin-columns label,.schedule-form label{font-size:10px;margin:9px 0}.admin-columns input,.schedule-form input{display:block;width:100%;border:1px solid var(--line);border-radius:6px;padding:8px;margin-top:4px}.admin-columns input[type=color]{height:34px;padding:3px}.schedule-form{margin-top:14px}.schedule-form>div{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.directory{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:15px;font-size:9px}.directory strong{grid-column:1/-1;margin-top:4px}.directory span{background:#ebe6dc;border-radius:5px;padding:6px}.directory small{color:#999}.reset-zone{margin-top:15px;border:1px solid #e2b2a8;background:#fff6f3;border-radius:8px;padding:12px;display:flex;justify-content:space-between;align-items:center;gap:10px}.reset-zone>div{display:flex;flex-direction:column;font-size:10px}.reset-zone span{color:#9d766e;font-size:8px}.reset-zone section{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.reset-zone label{display:flex;align-items:center;gap:3px;background:#fff;border:1px solid #ead2cc;border-radius:14px;padding:4px 7px;font-size:8px}.reset-zone button{display:flex;gap:5px;align-items:center;white-space:nowrap}.win-toast{position:fixed;z-index:15;right:18px;top:82px;width:280px;border:0;background:#282923;color:#fff;border-radius:9px;padding:12px;box-shadow:0 15px 40px #0004;display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;text-align:left}.win-toast>svg:first-child{color:#e3ad36}.win-toast span{display:flex;flex-direction:column}.win-toast strong{font-size:11px}.win-toast small{font-size:8px;color:#aaa}.site-foot{border-top:1px solid var(--line);padding:18px 4vw;display:flex;justify-content:space-between;color:#aaa49a;font-size:9px}.demo-switch{display:flex;gap:4px;align-items:center}.demo-switch button{border:0;background:#e4ded3;padding:4px 7px;border-radius:10px;font-size:8px}.demo-switch button.active{background:var(--ink);color:#fff}@media(max-width:900px){.login-shell{grid-template-columns:1fr}.login-art{display:none}.mobile-brand{display:flex;margin-bottom:60px}.topbar{height:58px;padding:0 15px}.topbar nav{position:fixed;z-index:10;bottom:0;left:0;right:0;height:66px;background:#faf8f3;justify-content:space-around;border-top:1px solid var(--line)}.topbar nav button{padding:0 8px;flex-direction:column;justify-content:center;gap:3px;border-bottom:0;border-top:2px solid transparent}.topbar nav button>strong{align-items:center;font-size:10px}.topbar nav button>strong small{font-size:6px}.topbar nav button.active{border-top-color:var(--coral)}.user div{display:none}.hero{padding:35px 0 25px;align-items:stretch;flex-direction:column}.hero h1{font-size:42px}.schedule-card{width:100%}.two-col,.vote-layout,.after-play{grid-template-columns:1fr}.short-grid,.shared-cards{grid-template-columns:repeat(3,1fr)}.site-foot{margin-bottom:66px}.demo-switch{display:none}}@media(max-width:600px){.app-shell>main{padding:0 12px 70px}.topbar{height:58px}.topbar .brand{font-size:13px}.hero h1{font-size:37px}.hero p{font-size:12px}.two-col{gap:20px}.composer{padding:18px}.section-head{align-items:flex-start}.privacy-pill{max-width:130px}.short-grid,.shared-cards{grid-template-columns:repeat(2,1fr)}.selection-bar{grid-template-columns:1fr auto;gap:8px;padding:10px}.selection-bar .progress,.selection-bar p{display:none}.bingo-card{padding:5px}.bingo-card header b{font-size:24px}.bingo-card header,.card-grid{gap:3px}.card-grid>button,.card-grid>div{padding:3px;border-radius:4px}.card-grid>button p{font-size:6.5px}.free strong{font-size:13px}.free span{display:none}.free svg{width:15px}.done-check{right:2px;top:2px;width:15px;height:15px}.done-check svg{width:10px}.overlap-icons{top:1px;left:1px}.overlap-icons i{width:13px;height:13px;font-size:6px}.play-stats p{display:none}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}.admin-columns{grid-template-columns:1fr}.directory{grid-template-columns:repeat(2,1fr)}.site-foot{justify-content:center}}
