@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Playfair+Display:ital,wght@0,700;1,700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#f7ecd4;background:#0c2d25;font-synthesis:none;--green:#123e32;--green2:#1d5645;--cream:#f4e6c5;--ink:#172d27;--red:#b44237;--gold:#d8ae50;--muted:#a7bdb4}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 80% 5%,#286452 0,transparent 35%),linear-gradient(150deg,#0b2a22,#123b30 70%,#0b2a22);padding-bottom:88px}button,input{font:inherit}button,a{touch-action:manipulation}.topbar{height:72px;border-bottom:1px solid #ffffff18;display:flex;align-items:center;padding:0 max(20px,calc((100% - 1180px)/2));gap:18px}.brand{font-family:Playfair Display;font-weight:700;font-size:20px;color:#fff;text-decoration:none;letter-spacing:1px}.brand span{color:var(--gold)}.topbar small{color:var(--muted);border-left:1px solid #ffffff25;padding-left:18px}.page{max-width:1180px;margin:auto;padding:40px 20px}.eyebrow{font-size:12px;letter-spacing:2.5px;color:var(--gold);font-weight:700}.hero{text-align:center;padding:70px 10px}.hero h1,.page-title h1{font:700 52px/1.08 Playfair Display;margin:12px 0}.hero h1 em{color:var(--gold)}.hero>p:not(.eyebrow){max-width:600px;margin:20px auto;color:#c8d5d0;font-size:18px}.sun{display:grid;place-items:center;margin:auto;border:1px solid var(--gold);color:var(--gold);width:58px;height:58px;border-radius:50%;font-family:Playfair Display;font-weight:700}.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:34px}.btn{border:0;border-radius:8px;padding:13px 20px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:8px;justify-content:center;cursor:pointer}.btn.primary{background:var(--red);color:#fff;box-shadow:0 6px 20px #0004}.btn.secondary{background:transparent;border:1px solid #ffffff42;color:#fff}.btn:disabled{opacity:.4}.feature-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff1b}.feature-row article{padding:32px 24px;border-right:1px solid #ffffff1b}.feature-row svg{color:var(--gold)}.feature-row h3{margin:10px 0 4px}.feature-row p{color:var(--muted);font-size:14px}.bottom-nav{position:fixed;z-index:20;bottom:0;left:0;right:0;height:72px;padding-bottom:env(safe-area-inset-bottom);background:#09241ef2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid #ffffff20;display:flex;justify-content:center}.bottom-nav a{width:110px;color:#92a9a0;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px}.bottom-nav a.active{color:var(--gold)}.page-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.page-title h1{font-size:42px}.page-title p{color:var(--muted)}.page-title>div:last-child{display:flex;gap:10px}.toolbar{display:flex;gap:10px;margin-bottom:25px}.toolbar button,.toolbar label{background:#ffffff0b;border:1px solid #ffffff22;border-radius:7px;padding:10px 14px;color:#fff;display:flex;align-items:center;gap:8px;cursor:pointer}.toolbar svg{width:17px}.boards-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.board-item{background:#ffffff08;padding:14px;border:1px solid #ffffff17;border-radius:12px}.board-actions{display:flex;gap:7px;padding-top:12px}.board-actions button{border:0;border-radius:6px;padding:9px 12px;background:#ffffff13;color:#fff;cursor:pointer}.board-actions button:first-child{flex:1}.danger{color:#ff9c92!important}.board{background:#e5c88e;padding:8px;border-radius:5px;color:var(--ink);box-shadow:0 8px 20px #0004;min-width:0}.board header{display:flex;justify-content:space-between;padding:3px 5px 8px;text-transform:uppercase;letter-spacing:1px}.board-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.board-grid>button{aspect-ratio:1;border:0;padding:0;background:#efe2c3;min-width:0;position:relative}.board-grid>button.selected{outline:3px solid var(--red);z-index:2}.empty-cell{font-size:11px;opacity:.35}.figure-card{height:100%;position:relative;background:linear-gradient(145deg,#f7eccf,#ddc490);overflow:hidden;display:flex;align-items:center;justify-content:space-around;color:#153b31}.figure-copy{display:flex;flex-direction:column;align-items:center;line-height:1}.figure-copy span{font:700 10px Playfair Display;color:var(--red)}.figure-copy b{font:700 9px/1 Playfair Display;max-width:55px}.figure-card.vertical{flex-direction:column}.figure-card.diagonal-a .figure-copy:first-child,.figure-card.diagonal-b .figure-copy:nth-child(2){align-self:flex-start}.figure-card.diagonal-a .figure-copy:nth-child(2),.figure-card.diagonal-b .figure-copy:first-child{align-self:flex-end}.figure-card.marked{filter:saturate(.75)}.bean{position:absolute;width:45%;aspect-ratio:1;border-radius:48% 52% 45% 55%;background:radial-gradient(circle at 35% 25%,#ff8d74,#bd3228 50%,#6c1713);box-shadow:0 3px 5px #0008;transform:rotate(22deg);animation:drop .25s ease-out}.figure-card:not(.compact) .figure-copy span{font-size:18px}.figure-card:not(.compact) .figure-copy b{font-size:17px}.empty-state{text-align:center;border:1px dashed #ffffff35;border-radius:14px;padding:60px;color:var(--muted)}.empty-state>div{font-size:60px;color:var(--gold)}.field{display:flex;flex-direction:column;gap:7px;max-width:480px;margin:15px 0}.field input,.figure-picker input,.modal input{background:#fff;color:#172d27;padding:13px;border:0;border-radius:7px}.editor-layout{display:grid;grid-template-columns:minmax(360px,600px) 1fr;gap:28px;align-items:start}.editor .board{width:100%}.layout-options{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.layout-options span{width:100%;color:var(--muted);font-size:13px}.layout-options button{background:#ffffff0d;border:1px solid #ffffff25;color:#fff;padding:8px;border-radius:5px}.layout-options button.active{border-color:var(--gold);color:var(--gold)}.figure-picker{background:#ffffff0b;padding:20px;border-radius:12px}.figure-picker input{width:100%;margin-bottom:14px}.figure-picker>div{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.figure-picker button{padding:10px;text-align:left;background:#ffffff0d;border:1px solid #ffffff15;color:#fff;border-radius:5px}.figure-picker button:disabled{opacity:.25}.figure-picker button span{color:var(--gold);margin-right:8px}.mode-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:40px}.mode-grid button{display:flex;align-items:center;gap:12px;background:#ffffff09;border:1px solid #ffffff22;border-radius:10px;color:#fff;padding:15px;text-align:left}.mode-grid button.active{border-color:var(--gold);background:#d8ae5015}.mode-grid b{font-size:30px;color:var(--gold)}.mode-grid span{display:flex;flex-direction:column}.mode-grid small{color:var(--muted)}.setup-boards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.setup-boards label{padding:5px;border:2px solid transparent;border-radius:9px;position:relative}.setup-boards label.active{border-color:var(--gold)}.setup-boards input{position:absolute;z-index:2;right:12px;top:12px;width:21px;height:21px}.sticky-action{position:sticky;bottom:85px;display:flex;justify-content:center;margin-top:35px}.live-main{padding:0}.live{min-height:calc(100vh - 72px);padding:16px 210px 95px 16px;position:relative}.live-status{display:flex;gap:15px;align-items:center}.live-status>button,.live-status button{background:transparent;border:0;color:#fff}.live-status>div:nth-child(2){display:flex;gap:8px;align-items:center;min-width:220px}.live-status i{width:9px;height:9px;border-radius:50%;background:#777}.live-status i.on{background:#50d697;box-shadow:0 0 12px #50d697}.meter{height:5px;background:#ffffff18;border-radius:5px;overflow:hidden;flex:1;max-width:180px}.meter i{display:block;height:100%;background:linear-gradient(90deg,#50d697,var(--gold),var(--red));transition:width .08s}.last-card{height:200px;margin:18px auto;display:flex;align-items:center;justify-content:center;gap:26px}.last-card>.figure-card{width:130px;height:180px;box-shadow:0 15px 30px #0008;border:5px solid var(--cream);transform:rotate(-2deg)}.last-card h1{font:700 42px Playfair Display;margin:4px 0}.last-card div>p{color:var(--gold);letter-spacing:2px;font-size:11px}.last-card div>small{display:block;color:var(--muted)}.waiting{text-align:center;color:var(--muted)}.waiting svg{color:var(--gold);width:40px;height:40px}.live-boards{display:grid;gap:14px}.live-boards.all{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.live-boards.focus{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.live-boards.focus>div{min-width:min(75vw,520px);scroll-snap-align:center}.live-boards>div>small{display:block;text-align:center;color:var(--muted);margin-top:5px}.view-toggle{display:flex;justify-content:center;margin:10px}.view-toggle button{background:#ffffff0b;color:#aaa;border:0;padding:8px 14px}.view-toggle button.active{background:var(--cream);color:var(--ink)}.history{position:fixed;right:0;top:72px;bottom:82px;width:195px;background:#071f1acc;border-left:1px solid #ffffff1a;padding:16px;overflow:auto}.history h3{display:flex;justify-content:space-between}.history h3 span{color:var(--gold)}.history button{display:grid;grid-template-columns:25px 1fr;background:none;color:#fff;border:0;border-bottom:1px solid #ffffff16;padding:9px 0;width:100%;text-align:left;font-size:12px}.history button b{color:var(--gold)}.history button small{grid-column:2;color:var(--muted)}.game-controls{position:fixed;z-index:12;left:0;right:0;bottom:0;height:82px;background:#08231ded;border-top:1px solid #ffffff20;display:flex;justify-content:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.game-controls button{width:110px;border:0;background:transparent;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.game-controls button:first-child{background:var(--red)}.game-controls b{font-size:19px}.game-controls span{font-size:11px}.winner{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;background:#092920ed;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;animation:fade .2s}.winner span{font-size:80px;color:var(--gold)}.winner h1{font:700 70px Playfair Display;color:var(--gold);margin:0}.winner button{margin:5px;padding:12px 18px}.modal{position:fixed;z-index:40;top:0;right:0;bottom:0;left:0;background:#000b;display:grid;place-items:center;padding:15px}.modal>div{background:#133e33;border:1px solid #ffffff28;width:min(780px,100%);height:min(760px,90vh);padding:24px;border-radius:15px;display:flex;flex-direction:column}.modal header{display:flex;justify-content:space-between}.modal header h2{margin:5px 0}.modal header button{background:none;border:0;color:#fff}.manual-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;overflow:auto;margin-top:12px}.manual-grid button{min-height:60px;background:#f2e3c2;border:0;color:var(--ink);border-radius:5px;display:flex;gap:7px;align-items:center;text-align:left}.manual-grid button b{color:var(--red)}.manual-grid button:disabled{opacity:.3}.settings,.help{max-width:800px}.settings section,.help section{background:#ffffff08;border:1px solid #ffffff12;padding:22px;margin:14px 0;border-radius:10px}.settings section>p,.help p,.help li{color:#b9cbc4;line-height:1.65}.calibration{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.meter.large{height:10px;max-width:none;flex-basis:100%}.range{display:grid;grid-template-columns:1fr auto;margin:20px 0}.range input{grid-column:1/-1;width:100%;accent-color:var(--red)}.toggle{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff14;padding:15px 0}.toggle span{display:flex;flex-direction:column}.toggle small{color:var(--muted)}.toggle input{display:none}.toggle i{width:45px;height:25px;border-radius:20px;background:#53655e;position:relative}.toggle i:after{content:"";position:absolute;width:19px;height:19px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}.toggle input:checked+i{background:var(--red)}.toggle input:checked+i:after{left:23px}.note{padding:14px;border-left:3px solid var(--gold);background:#d8ae5012;color:#d6c8aa}.update-toast{position:fixed;z-index:100;right:15px;bottom:90px;background:var(--cream);color:var(--ink);padding:14px;border-radius:8px;box-shadow:0 5px 20px #0007}.update-toast button{margin-left:12px}@keyframes drop{0%{transform:translateY(-100px) rotate(22deg);opacity:0}}@keyframes fade{0%{opacity:0}}@media (max-width:800px){.topbar{padding:0 16px}.topbar small{display:none}.page{padding:25px 14px}.hero{padding:40px 5px}.hero h1{font-size:40px}.feature-row{grid-template-columns:1fr 1fr}.feature-row article:nth-child(2){border-right:0}.boards-list{grid-template-columns:1fr 1fr}.editor-layout{grid-template-columns:1fr}.mode-grid,.setup-boards{grid-template-columns:1fr 1fr}.live{padding-right:12px}.history{display:none}.last-card{height:150px}.last-card>.figure-card{width:92px;height:130px}.last-card h1{font-size:29px}.live-boards.all{grid-template-columns:repeat(2,1fr)}.manual-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){body{padding-bottom:75px}.topbar{height:58px}.page-title{align-items:flex-start;gap:10px}.page-title h1{font-size:34px}.page-title .btn{padding:10px}.boards-list,.setup-boards,.feature-row{grid-template-columns:1fr}.feature-row article{border-right:0}.hero-actions{flex-direction:column}.mode-grid{grid-template-columns:1fr 1fr}.mode-grid button{padding:10px;gap:6px}.mode-grid b{font-size:20px}.live{min-height:calc(100vh - 58px);padding-top:8px}.last-card{margin:4px auto}.live-boards.all{gap:7px}.game-controls button{width:20%}.manual-grid{grid-template-columns:repeat(2,1fr)}.bottom-nav a{width:20%}.figure-copy b{font-size:7px}.winner h1{font-size:52px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}