:root{color:#183f3a;font-synthesis:none;--green:#173f39;--cream:#f5f1e8;--coral:#e97a5c;--gold:#e8b950;--line:#d8d4c9;background:#f5f1e8;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.home{background:var(--green);grid-template-columns:1.1fr .9fr;align-items:center;gap:7vw;min-height:100vh;padding:5vw;display:grid}.hero{color:#fff;max-width:700px}.eyebrow,.tag{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:700}.hero h1{margin:24px 0;font:600 clamp(4rem,8vw,8.4rem)/.82 Georgia,serif}.hero h1 em{color:var(--gold);font-style:italic}.hero>p{color:#dce9e5;max-width:580px;font-size:1.2rem;line-height:1.6}.mini-cards{gap:10px;margin-top:36px;display:flex}.mini-cards span{border:1px solid #ffffff3d;border-radius:99px;padding:9px 14px;font-size:.82rem}.card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:24px;box-shadow:0 12px 40px #173f3912}.entry{padding:36px}.entry h2{margin:0 0 8px;font:600 2rem Georgia,serif}.entry>p,.muted{color:#6d7975}.entry label{margin:20px 0 8px;font-size:.83rem;font-weight:700;display:block}.entry label span{float:right;color:#9aa29f;font-weight:400}.entry input,.join-row input,.join-card input{border:1px solid var(--line);background:#fbfaf7;border-radius:10px;outline:none;width:100%;padding:14px}.entry input:focus,.join-card input:focus{border-color:var(--green)}button{border:1px solid var(--line);color:var(--green);background:#fff;border-radius:10px;padding:12px 16px;font-weight:700}.primary{background:var(--coral);border-color:var(--coral);color:#fff}.entry .primary{justify-content:space-between;width:100%;margin-top:10px;display:flex}.divider{color:#9aa29f;align-items:center;gap:10px;margin:25px 0;font-size:.75rem;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.join-row{gap:8px;display:flex}.join-row button{background:var(--green);color:#fff}.entry small{text-align:center;color:#8b9491;margin-top:24px;display:block}.app-shell,.player{background:var(--cream);min-height:100vh}header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:72px;padding:0 4vw;display:flex}.brand{color:var(--green);align-items:center;gap:10px;text-decoration:none;display:flex}.brand>span{background:var(--green);color:#fff;border-radius:10px;place-items:center;width:36px;height:36px;font:600 14px Georgia,serif;display:grid}.session-pill,.connection{align-items:center;gap:8px;font-size:.82rem;display:flex}.session-pill b{letter-spacing:.12em;background:#edf1ef;border-radius:7px;padding:6px 10px}.session-pill i,.connection i{background:#aaa;border-radius:50%;width:8px;height:8px}.session-pill i.online,.connection i.online{background:#3c9c72;box-shadow:0 0 0 4px #3c9c7218}.host-grid{grid-template-columns:minmax(0,1fr) 340px;gap:20px;max-width:1500px;margin:auto;padding:28px 4vw;display:grid}.stage{background:var(--green);color:#fff;flex-direction:column;min-height:400px;display:flex}.stage-top{color:#c6d9d4;justify-content:space-between;display:flex}.stage .tag{color:var(--gold)}.prompt{max-width:900px;margin:auto 0;font:600 clamp(2rem,4vw,4rem)/1.08 Georgia,serif}.instruction{color:#c6d9d4}.controls{flex-wrap:wrap;gap:8px;display:flex}.controls .enabled{background:#d9f0e6;border-color:#a1d4bd}.side-stack{flex-direction:column;gap:20px;display:flex}.share{justify-content:space-between;align-items:center;display:flex}.share .label{color:#7d8985;font-size:.72rem;display:block}.share strong{letter-spacing:.12em;margin:4px 0;font:600 2.2rem Georgia,serif;display:block}.text{border:0;padding:0;text-decoration:underline}.section-title{justify-content:space-between;align-items:center;display:flex}.section-title h3{margin:0;font:600 1.2rem Georgia,serif}.section-title span{background:#edf1ef;border-radius:99px;padding:4px 9px}.people>div{align-items:center;gap:10px;margin-top:14px;display:flex}.avatar{background:#f4dfad;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.history-row{border-bottom:1px solid #eee;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:12px 0;display:grid}.history-row>b{background:#edf1ef;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.history-row small{color:#999}.history-row small.open{color:#247755}.request{background:#faf8f1;border-radius:10px;margin-top:14px;padding:12px}.request>div{gap:6px;margin-top:8px;display:flex}.projection-link{text-align:center;color:var(--green);padding:12px;font-weight:700}.danger{color:#a13f34}.join-page{background:var(--green);min-height:100vh;padding:40px 20px}.join-page>.brand{color:#fff;justify-content:center;margin-bottom:40px}.join-card{max-width:520px;margin:auto;padding:34px}.join-card h1{margin-bottom:10px;font:600 2.6rem Georgia,serif}.join-card form{gap:8px;margin:28px 0;display:flex}.join-card ul,.rules ul{color:#697572;padding-left:20px;line-height:1.7}.player>header{z-index:5;position:sticky;top:0}.now{text-align:center;padding:38px 20px 28px}.now h2{max-width:850px;margin:12px auto;font:600 clamp(1.8rem,5vw,3rem) Georgia,serif}.now p{color:#705f4d;background:#e9e3d7;border-radius:99px;padding:8px 14px;display:inline-block}.now p.can-mark{color:#236d52;background:#d7eee3}.boards{grid-template-columns:repeat(2,minmax(0,640px));justify-content:center;gap:30px;padding:0 24px 40px;display:grid}.board-title{justify-content:space-between;align-items:center;display:flex}.board-title h3{font:600 1.45rem Georgia,serif}.letters,.board{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.letters b{text-align:center;color:var(--coral);padding:8px;font-size:1.3rem}.board>button{aspect-ratio:1;background:#fff;border-radius:8px;padding:6px;font-size:clamp(.57rem,1vw,.76rem);font-weight:500;line-height:1.25;position:relative}.board>button.available{border:2px solid var(--coral);box-shadow:0 0 0 2px #e97a5c20}.board>button.called{color:#707773;background:#edeae3}.board>button.marked{background:var(--green);color:#fff;border-color:var(--green)}.board>button>b{color:var(--gold);font-size:1rem;position:absolute;top:3px;right:5px}.board>button.free{background:var(--gold);color:var(--green);font-weight:800}.bingo-button{background:var(--coral);color:#fff;border-color:var(--coral);width:100%;margin-top:12px}.bingo-button:disabled{color:#888;cursor:not-allowed;background:#d5d2ca;border-color:#d5d2ca}.rules{max-width:600px;margin:0 auto 60px;padding:0 24px}.projection{background:var(--green);color:#fff;flex-direction:column;justify-content:space-between;height:100vh;padding:5vh 6vw;display:flex}.projection .brand{color:#fff}.projection>div{text-align:center}.projection .tag{color:var(--gold)}.projection h1{max-width:1300px;margin:28px auto;font:600 clamp(3rem,7vw,7.5rem)/1.05 Georgia,serif}.projection p{color:#c6d9d4;font-size:1.25rem}.projection footer{border-top:1px solid #ffffff38;justify-content:space-between;padding-top:20px;display:flex}.loading{place-items:center;height:100vh;display:grid}.spinner{border:3px solid #ddd;border-top-color:var(--coral);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=850px){.home{grid-template-columns:1fr;padding:32px 20px}.hero h1{font-size:4.2rem}.hero>p,.mini-cards{display:none}.entry{padding:25px}.host-grid{grid-template-columns:1fr}.boards{grid-template-columns:1fr;padding:0 10px 30px}.board>button{padding:3px;font-size:clamp(.5rem,2.5vw,.7rem)}.join-card form{flex-direction:column}.session-pill{font-size:0}.session-pill b{font-size:.8rem}.share svg{width:90px;height:90px}}.host-message,.inline-error{color:#9a3f34;background:#fff0ed;border:1px solid #f0c2b8;border-radius:10px;padding:10px 14px}.host-message{max-width:1400px;margin:16px auto 0}.approvals{min-height:240px}.approval-list{gap:10px;margin-top:18px;display:grid}.approval-row{border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:12px;display:flex}.approval-row>div{align-items:center;gap:8px;display:flex}.approval-row .approve{background:var(--green);color:#fff;border-color:var(--green)}.empty-state{text-align:center;color:#7d8985;background:#faf9f5;border-radius:12px;padding:30px 12px}.board>button.pending{border:2px solid var(--gold);color:#6d5826;background:#fff5d9}.board>button.pending small{background:var(--gold);border-radius:4px;padding:2px;font-size:.55rem;position:absolute;bottom:3px;left:3px;right:3px}.toast{z-index:20;left:50%;bottom:max(20px,env(safe-area-inset-bottom));background:var(--green);color:#fff;border-radius:14px;align-items:center;gap:10px;width:min(92vw,460px);padding:15px 18px;font-weight:700;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 15px 45px #102d2980}.toast span{background:var(--gold);height:26px;color:var(--green);border-radius:50%;flex:0 0 26px;place-items:center;display:grid}.people>div>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.people>div small{color:#7d8985;font-size:.66rem;font-weight:400}.people .disconnect{color:#9a3f34;margin-left:auto;padding:6px 8px;font-size:.68rem}@media (width<=600px){.player header{height:58px;padding:0 12px}.player .brand b{display:none}.connection{font-size:.72rem}.now{z-index:4;background:var(--cream);border-bottom:1px solid var(--line);padding:16px 12px 12px;position:sticky;top:58px}.now .tag{font-size:.62rem}.now h2{margin:6px auto 8px;font-size:1.32rem;line-height:1.2}.now p{margin:0;padding:7px 10px;font-size:.75rem;line-height:1.35;display:block}.boards{padding:12px 8px 28px;display:block}.board-wrap{margin-bottom:28px;scroll-margin-top:170px}.board-title{padding:0 4px}.board-title h3{margin:8px 0;font-size:1.15rem}.board-title span{font-size:.7rem}.letters,.board{gap:3px}.letters b{padding:4px;font-size:1rem}.board>button{aspect-ratio:1;touch-action:manipulation;border-radius:6px;min-width:0;padding:3px 2px;font-size:clamp(.46rem,2.15vw,.62rem);line-height:1.1;overflow:hidden}.board>button span{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.board>button.pending small{font-size:.45rem}.bingo-button{min-height:48px}.rules{margin-bottom:80px;padding:0 12px}.toast{font-size:.86rem}.join-page{padding:24px 12px}.join-page>.brand{margin-bottom:24px}.join-card{padding:24px 18px}.join-card h1{font-size:2.1rem}}