@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-ext-wght-normal.0x9ccydb91kkt.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-wght-normal.0fpdy-lufm69d.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/fraunces-vietnamese-wght-normal.27mjgerpp-p8q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/fraunces-latin-ext-wght-normal.0w34jt9rgyj5v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/fraunces-latin-wght-normal.2on4lsczlu6gv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.generator-layout{align-items:start;gap:24px;display:grid}.preview-panel{border-radius:var(--radius);background:#e9ecdf;border:1px solid #dce1d2;padding:22px 16px;overflow:hidden}.preview-label{letter-spacing:.04em;color:#5a6f57;justify-content:space-between;gap:15px;margin-bottom:22px;font-size:.7rem;display:flex}.preview-frame{padding:20px 0 30px}.card-preview{isolation:isolate;background:#fffdf6;border:1px solid #dae1d3;border-radius:5px;padding:14px 10px;position:relative;overflow:hidden;box-shadow:0 8px 25px #173e3315}.card-preview-wrap{position:relative}.card-preview-wrap.has-guides{outline-offset:7px;outline:1px dashed #87927c}.cut-scissors{z-index:2;color:#496154;background:0 0;width:28px;height:28px;padding:2px;position:absolute}.cut-scissors-top{top:-21px;left:18px}.cut-scissors-bottom{bottom:-21px;right:18px;transform:rotate(180deg)}.card-title{white-space:nowrap;min-height:32px;margin-bottom:10px;font-size:1.15rem;line-height:1.3}.card-grid{background:#ffffffb8;border-top:1px solid;border-left:1px solid;grid-template-columns:repeat(9,minmax(0,1fr));display:grid}.card-cell{aspect-ratio:11/9;border-bottom:1px solid;border-right:1px solid;place-items:center;font-size:clamp(.85rem,3.3vw,1.55rem);line-height:1;display:grid}.card-cell.empty{background:color-mix(in srgb, currentColor 15%, transparent)}.card-cell.has-image{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover}.card-footer{letter-spacing:.08em;text-align:right;color:#596954;justify-content:space-between;align-items:baseline;gap:8px;margin-top:9px;font-family:Lato,sans-serif;font-size:.6rem;display:flex}.card-number{letter-spacing:normal;white-space:nowrap}.card-website{margin-left:auto}.preview-caption{text-align:center;color:var(--muted);max-width:320px;margin:8px auto 0;font-size:.78rem}.preview-points{color:#45634d;flex-wrap:wrap;justify-content:center;gap:18px;padding-top:22px;font-size:.72rem;display:flex}.preview-points span{align-items:center;gap:5px;display:inline-flex}.generator-form{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:24px 20px;scroll-margin-top:24px}.generator-step-nav{margin-bottom:25px}.generator-step-nav ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid;position:relative}.generator-step-nav ol:before{content:"";top:16px;background:var(--line);height:1px;position:absolute;inset-inline:12.5%}.generator-step-nav button{width:100%;min-height:66px;color:var(--muted);background:0 0;border:0;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:0 2px 5px;display:flex}.generator-step-nav button:hover:not(:disabled){color:var(--green)}.generator-step-number{z-index:1;background:#f4f6ed;border:1px solid #cbd6c3;border-radius:50%;outline:4px solid #fff;place-items:center;width:32px;height:32px;font-size:.8rem;font-weight:600;display:grid;position:relative}.generator-step-label{font-size:.72rem;font-weight:500}.generator-step-nav button[aria-current=step]{color:var(--green)}.generator-step-nav button[aria-current=step] .generator-step-number{color:#fff;background:var(--green);border-color:var(--green)}.generator-step-nav button[aria-current=step] .generator-step-label{font-weight:700}.generator-step-position{color:var(--green-mid);margin-bottom:10px;font-size:.73rem;font-weight:600}.generator-step-position span{color:var(--muted);font-weight:400}.generator-step-actions{border-top:1px solid var(--line);gap:10px;margin-top:25px;padding-top:20px;display:flex}.generator-step-actions .button-primary{flex:1}.generator-preview-jump{min-height:44px;color:var(--green);text-underline-offset:4px;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:8px 0;font-size:.8rem;text-decoration:underline;display:flex}.preview-panel>.generator-preview-jump{margin:15px auto 0}.generator-form>.generator-preview-jump{margin-top:-12px;margin-bottom:18px}.generator-print-info{background:#f2f5e9;border-radius:10px;padding:18px;font-size:.86rem}.generator-print-info span{color:var(--muted);margin-top:5px;font-size:.8rem;display:block}.generator-form h2{margin-bottom:8px;font-size:1.4rem}.generator-fields{border:0;min-width:0;margin:0;padding:0}.card-image-controls{margin:0;padding:0}.card-image-controls h3{margin-bottom:10px;font-size:1.2rem}.card-image-controls>p{color:var(--muted);font-size:.84rem}.card-image-controls .button{padding-inline:14px;font-size:.8rem}.card-image-controls .small{margin:15px 0;font-size:.73rem}.card-image-controls .image-privacy{color:#3d5941;background:#f5f7ef;border:1px solid #d5dfcc;border-radius:9px;margin:16px 0 0;padding:14px;font-size:.76rem}.image-privacy strong{margin-bottom:3px;display:block}.selected-card-image{align-items:center;gap:14px;margin-top:18px;display:flex}.photo-format{margin-top:24px}.photo-format-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.photo-format-option{min-height:112px;color:var(--green);cursor:pointer;background:#fff;border:2px solid #c4d4b9;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:14px 10px;display:flex;position:relative}.photo-format-option[aria-pressed=true]{border-color:var(--green);background:#edf4e8}.photo-format-option[aria-pressed=true]:after{content:"✓";position:absolute;top:8px;right:8px}.photo-format-option small{color:var(--muted);font-size:.75rem}.photo-crop{border:1px solid #c4d4b9;border-radius:12px;min-width:0;margin:20px 0;padding:16px}.photo-crop legend{padding:0 6px;font-weight:700}.photo-crop-preview{border:1px solid #c4d4b9;width:min(100%,220px);margin:0 auto}.photo-crop-preview img{width:100%;height:auto;display:block}.photo-crop label{justify-content:space-between;gap:8px;display:flex}.photo-crop input[type=range]{width:100%;min-height:44px;accent-color:var(--green);padding:0}.selected-card-image img{object-fit:cover;border:1px solid #c4d4b9;border-radius:5px}.selected-card-image span{font-size:.77rem;display:block}.image-remove{color:var(--green);text-underline-offset:3px;background:0 0;border:0;min-height:44px;padding:8px 0;font-size:.78rem;text-decoration:underline;display:block}.camera-frame{aspect-ratio:16/9;background:#18352b;border-radius:12px;margin-bottom:15px;position:relative;overflow:hidden}.camera-frame video{object-fit:contain;width:100%;height:100%;display:block;transform:scaleX(-1)}.camera-frame>span{color:#f5f4e5;place-items:center;font-size:.9rem;display:grid;position:absolute;inset:0}.form-description{color:var(--muted);margin-bottom:25px;font-size:.85rem}.field{flex-direction:column;gap:8px;min-width:0;margin-bottom:22px;display:flex}.field>label,.field>span:first-child,.field>legend{font-size:.84rem;font-weight:700}.title-field-label{justify-content:space-between;align-items:center;gap:12px;display:flex}.title-field-label label{font-size:.84rem;font-weight:700}.emoji-toggle{border:1px solid var(--line);min-height:44px;color:var(--green);background:#fafbf6;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:8px 11px;font-size:.78rem;display:inline-flex}.emoji-toggle[aria-expanded=true]{background:#e7efdf;border-color:#8da784}.title-emoji-picker{border:1px solid var(--line);background:#f7f9f1;border-radius:10px;padding:10px}.emoji-grid{grid-template-columns:repeat(auto-fit,minmax(42px,1fr));gap:6px;display:grid}.emoji-option{background:#fff;border:1px solid #0000;border-radius:8px;place-items:center;min-width:0;min-height:44px;padding:5px;font-size:1.55rem;line-height:1;display:grid}.emoji-option:hover{background:#e5eddc;border-color:#c4d3b7}.field .emoji-error{color:#903528}.field select,.field input[type=text],.field input[type=email]{width:100%;min-height:47px;color:var(--ink);background:#fafbf6;border:1px solid #cdd7c7;border-radius:8px;padding:10px 12px}.field input[type=file]{border:1px dashed #b9c9b3;border-radius:8px;width:100%;padding:12px;font-size:.8rem}.field small{color:var(--muted);font-size:.75rem}fieldset.field{border:0;padding:0}.field legend{margin-bottom:8px}.swatches{flex-wrap:wrap;gap:9px;padding:4px;display:flex}.swatch{border:2px solid #0000;border-radius:50%;width:30px;height:30px;padding:0;position:relative;box-shadow:inset 0 0 0 1px #0002}.swatch[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:3px}.swatch svg{filter:drop-shadow(0 1px 2px #0009);color:#fff;margin:auto;position:absolute;inset:0}.color-custom{color:var(--muted);align-items:center;gap:12px;margin-top:12px;font-size:.75rem;display:flex}.color-custom input{cursor:pointer;background:#fff;border:1px solid #cdd7c7;border-radius:6px;width:40px;height:36px;padding:3px}.toggle-row{flex-wrap:wrap;gap:8px;display:flex}.toggle-button{border:1px solid var(--line);min-width:44px;min-height:44px;color:var(--ink);background:#fafbf7;border-radius:7px;padding:9px 15px;font-size:.83rem}.toggle-button[aria-pressed=true]{background:#e3ecdc;border-color:#719c79;box-shadow:inset 0 0 0 1px #719c79}.checkbox-field{cursor:pointer;align-items:center;gap:12px;min-height:44px;margin-block:12px 22px;font-size:.85rem;display:flex}.checkbox-field input{width:20px;height:20px;accent-color:var(--green)}.form-grid{gap:0 16px;display:grid}.full-button{width:100%}.form-message{color:#254e30;background:#eaf2e4;border-radius:8px;margin-top:16px;padding:12px 15px;font-size:.84rem}.form-message.error{color:#903528;background:#ffefed}.generator-help{border:1px solid var(--line);border-radius:15px;margin-top:35px;padding:24px;font-size:.9rem}.generator-help h2{margin-bottom:12px;font-size:1.2rem}.generator-help p{color:var(--muted);margin-bottom:0}@media (min-width:600px){.generator-step-label{font-size:.75rem}.form-grid{grid-template-columns:1fr 1fr}.card-cell{font-size:1.5rem}.preview-panel{padding:28px}.generator-form{padding:30px}}@media (min-width:900px){.generator-preview-jump{display:none}.generator-layout{grid-template-columns:1fr 1fr;gap:35px}.preview-panel{padding:32px 28px;position:sticky;top:25px}.preview-frame{padding-block:30px 45px}.card-preview{padding:20px 16px}.card-title{margin-bottom:18px;font-size:1.5rem}.card-footer{margin-top:14px;font-size:.7rem}.card-cell{font-size:1.6rem}}
.game-shell{background:#f1f2e9;padding-bottom:50px}.game-shell:fullscreen{background:#f1f2e9;padding:20px;overflow:auto}.game-shell:fullscreen .container{max-width:1500px}.game-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;padding-top:30px;display:flex}.game-heading>div:first-child{flex:280px}.game-heading-actions{align-items:center;gap:10px;width:100%;display:flex}.game-reset-button{background:var(--green);color:#fff8e9;border:1px solid #245b45;border-radius:100px;flex:1;justify-content:center;align-items:center;gap:12px;min-height:50px;padding:8px 20px 8px 9px;font-size:.85rem;font-weight:600;display:inline-flex;box-shadow:0 6px 18px #173e3318}.game-reset-button:hover:not(:disabled){background:#245b45;transform:translateY(-1px)}.game-reset-icon{background:var(--gold);width:32px;height:32px;color:var(--green);border-radius:50%;place-items:center;display:grid}.game-heading h1{margin-bottom:6px;font-size:1.8rem}.game-heading p{color:var(--muted);margin-bottom:0;font-size:.83rem}.game-heading .eyebrow{margin-bottom:8px;font-size:.7rem}.icon-button{min-width:44px;min-height:44px;color:var(--green);background:#fff;border:1px solid #cdd8c4;border-radius:9px;place-items:center;display:grid}.game-layout{gap:20px;display:grid}.game-stage{color:var(--paper);border-radius:var(--radius);background:radial-gradient(at 70% 25%,#285d48 0%,#163e32 45%,#0f2b23 100%);padding:24px 18px;position:relative;overflow:hidden}.stage-top{color:#c1d3c5;justify-content:space-between;align-items:center;gap:12px;font-size:.72rem;display:flex}.game-status{align-items:center;gap:7px;display:inline-flex}.game-status i{background:var(--gold);border-radius:50%;width:6px;height:6px}.stage-main{grid-template-columns:.9fr 1.1fr;align-items:center;gap:10px;min-height:235px;display:grid}.last-number{text-align:center;place-items:center;display:grid}.last-number-label{letter-spacing:.05em;color:#c8d7c9;margin-bottom:10px;font-size:.7rem;display:block}.number-ball{width:125px;height:125px;color:var(--green);font-variant-numeric:tabular-nums;background:radial-gradient(at 32% 22%,#fff9e7 0%,#efdfb9 36%,#ccb285 66%,#7e603a 91%,#4a3823 100%);border:1px solid #e5d3a5;border-radius:50%;place-items:center;font-size:2.9rem;font-weight:800;line-height:1;display:grid;position:relative;box-shadow:8px 20px 22px #06190d80,inset -9px -12px 18px #69452355,inset 3px 4px 10px #fffbdf99}.number-ball:before{content:"";background:#fbf7e9;border:1px solid #54462c;border-radius:50%;position:absolute;inset:21%;box-shadow:0 0 0 2px #ad916177,inset -2px -3px 8px #d0be96}.number-ball:after{content:"";filter:blur(3px);background:#fffc;border-radius:50%;width:28%;height:12%;position:absolute;top:11%;left:20%;transform:rotate(-35deg)}.ball-face{z-index:1;font-family:var(--font-body);position:relative}.number-ball.new-ball{animation:.4s ease-out ball-pop}.last-number .small{color:#c8d7c9;margin-top:15px;font-size:.7rem}.game-drum{min-width:0;position:relative}.game-drum .drum-illustration{width:100%}.game-drum-label{text-align:center;color:#b9cfbd;margin-top:6px;font-size:.65rem;display:block}.stage-controls{gap:9px;display:flex}.stage-controls .button{flex:1;padding-inline:10px;font-size:.87rem}.game-audio-button{color:#faf5e4;background:#ffffff0d;border:1px solid #ffffff45;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;min-height:48px;padding:10px;font-size:.75rem;font-weight:600;display:inline-flex}.game-audio-button[aria-pressed=true]{color:#f5deb4;background:#e7bf7420;border-color:#e7bf74}.game-audio-button:hover:not(:disabled){background:#ffffff20}.award-controls{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:12px;display:grid}.award-controls button{color:#e3e8d6;background:0 0;border:1px solid #ffffff35;border-radius:8px;min-height:44px;font-size:.8rem;font-weight:700}.award-controls button:hover:not(:disabled){background:#ffffff13}.stage-progress{background:#ffffff16;border-radius:3px;height:3px;margin:22px 0 10px;overflow:hidden}.stage-progress span{background:var(--gold);height:100%;transition:width .3s;display:block}.stage-count{color:#b5cbb8;justify-content:space-between;font-size:.7rem;display:flex}.game-board-panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:22px 16px}.panel-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.panel-heading h2{margin:0;font-size:1.12rem}.panel-heading span{color:var(--muted);font-size:.7rem}.number-board{grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid}.board-number{aspect-ratio:1;color:#63715f;font-variant-numeric:tabular-nums;background:#f1f3eb;border:1px solid #0000;border-radius:5px;place-items:center;font-size:.78rem;font-weight:700;display:grid}.board-number.drawn{color:#fff8e8;background:#275c47;border-color:#1a4a38;font-weight:800;-webkit-text-decoration:line-through #e7bf74;text-decoration:line-through #e7bf74;text-decoration-thickness:2px}.board-number.latest{background:var(--gold);color:var(--green);border-color:#bd9142;text-decoration:none;box-shadow:0 0 0 2px #143e3340}.board-legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:15px;margin:17px 0 0;font-size:.68rem;display:flex}.board-legend span{align-items:center;gap:5px;display:flex}.legend-dot{background:#275c47;border:1px solid #1a4a38;border-radius:2px;width:9px;height:9px;display:inline-block}.legend-dot.current{background:var(--gold);border:1px solid #bd9142}.history-panel{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.history-list{flex-wrap:wrap;gap:7px;margin:10px 0;padding:0;list-style:none;display:flex}.history-list li{background:#f0f2e8;border-radius:50%;place-items:center;min-width:32px;height:32px;font-size:.75rem;font-weight:700;display:grid}.history-list li:first-child{color:var(--green);background:#e9c780}.history-scroll{max-height:150px;padding:4px;overflow:auto}.history-panel .muted{font-size:.8rem}.game-notice{color:#436241;background:#e8eddc;border-radius:9px;margin-block:15px 0;padding:10px 14px;font-size:.78rem}.three-mount{width:100%;height:185px}.three-mount canvas{width:100%;height:100%;display:block}.game-fineprint{text-align:center;color:var(--muted);max-width:580px;margin:20px auto 0;font-size:.75rem}.game-save-note{margin-bottom:6px;display:block}.modal{background:var(--paper);color:var(--ink);border:1px solid #d6dfcb;border-radius:18px;width:min(540px,100% - 32px);max-height:85dvh;padding:28px 22px;box-shadow:0 20px 100px #0003}.modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0c241caa}.modal h2{font-size:1.6rem}.modal p{color:var(--muted);font-size:.9rem}.modal .button-row{margin-top:25px}.modal .history-scroll{max-height:230px}.modal-actions{gap:9px;margin-top:25px;display:grid}@keyframes ball-pop{0%{opacity:.3;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@media (min-width:600px){.number-ball{width:165px;height:165px;font-size:3.8rem}.stage-main{min-height:260px}.game-stage{padding:28px}.game-board-panel{padding:25px}.board-number{font-size:.9rem}.number-board{gap:6px}.three-mount{height:230px}.game-heading h1{font-size:2.2rem}.game-heading{padding-top:42px}}@media (min-width:760px){.game-heading-actions{width:auto}.game-reset-button{flex:initial}}@media (min-width:1000px){.game-layout{grid-template-columns:1.1fr .9fr;align-items:start}.game-heading{padding-top:40px}.stage-main{grid-template-columns:.7fr 1.3fr;gap:0;min-height:340px}.game-stage{padding:28px}.number-ball{width:155px;height:155px;font-size:3.6rem}.last-number-label{font-size:.75rem}.board-number{font-size:.83rem}.game-board-panel{padding:28px}.number-board{gap:7px}.three-mount{height:320px}}@media (max-width:359px){.game-stage{padding:20px 14px}.number-ball{width:110px;height:110px;font-size:2.5rem}.game-board-panel{padding:20px 12px}.number-board{gap:3px}.board-number{font-size:.72rem}.stage-controls .button{font-size:.78rem}.game-heading h1{font-size:1.6rem}}
.site-header{color:#faf8f2;border-top:3px solid var(--gold);background:#102f27;position:relative}.header-inner{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:18px;padding-top:20px;display:grid}.brand{flex-shrink:0;align-items:center;width:fit-content;display:inline-flex}.brand-logo{object-fit:contain;width:210px;height:auto}.header-play{background:var(--gold);color:#163d30;border:1px solid #f3d69d;border-radius:100px;grid-area:1/2;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:10px 15px;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 3px 12px #0002}.header-play:hover{background:#f5d69d}.desktop-label{display:none}.site-header nav{border-top:1px solid #ffffff1c;grid-area:2/1/auto/-1;justify-content:space-between;gap:12px;margin-top:18px;display:flex}.nav-link{color:#d7e2d6;justify-content:center;align-items:center;gap:7px;min-height:49px;padding:8px 4px;font-size:.8rem;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.nav-link svg{opacity:.8}.nav-link:after{content:"";bottom:0;background:0 0;height:2px;position:absolute;inset-inline:4px}.nav-link:hover,.nav-link[aria-current=page]{color:#f1cf91}.nav-link[aria-current=page]:after{background:var(--gold)}.site-header :focus-visible{outline-color:var(--gold)}@media (min-width:900px){.brand-logo{width:230px}.header-inner{grid-template-columns:1fr auto auto;gap:36px;padding-block:25px}.site-header nav{border:0;grid-area:1/2;gap:25px;margin:0}.header-play{grid-column:3;padding-inline:20px}.desktop-label{display:inline}.nav-link{min-height:44px;font-size:.86rem}.nav-link svg{display:none}}@media (max-width:359px){.brand-logo{width:178px;height:auto}.header-inner{column-gap:12px}.header-play{gap:6px;padding-inline:12px}.nav-link{font-size:.76rem}}
:root{--paper:#faf8f2;--white:#fff;--ink:#203b32;--muted:#536258;--green:#143e33;--green-mid:#246b57;--gold:#e7bf74;--line:#dfe3d8;--radius:20px;--font-body:"DM Sans Variable", system-ui, sans-serif;--font-display:"Fraunces Variable", Georgia, serif;--shadow:0 12px 40px #163e3310}*{box-sizing:border-box}html{scroll-padding-top:30px}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.65}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-underline-offset:4px}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline-offset:5px;outline:3px solid #bb7421}::selection{background:#e7bf7480}img,svg{max-width:100%}svg{vertical-align:middle;flex-shrink:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;font-weight:650;line-height:1.15}h1{font-size:clamp(2.3rem,1.6rem + 3vw,4rem);font-weight:700}h2{font-size:clamp(1.9rem,1.3rem + 1.8vw,2.7rem);font-weight:650}h3{font-size:1.4rem}p{max-width:65ch}button,a{transition:background .18s,color .18s,transform .18s}.container{width:min(1184px,100% - 40px);margin-inline:auto}.section{padding-block:64px}.muted{color:var(--muted)}.small{font-size:.83rem}.lead{color:var(--muted);font-size:1.2rem}.center{text-align:center}.eyebrow{letter-spacing:.05em;color:var(--green-mid);align-items:center;gap:8px;margin-bottom:16px;font-size:.8rem;font-weight:700;display:inline-flex}.button{border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:12px 22px;font-size:.93rem;font-weight:700;line-height:1.4;text-decoration:none;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-2px)}.button-primary{background:var(--green);color:var(--white)}.button-primary:hover{background:var(--green-mid)}.button-gold{background:var(--gold);color:#283c2f}.button-gold:hover{background:#f4cf8c}.button-secondary{border-color:var(--line);color:var(--green);background:#fff}.button-outline-light{color:#fff;background:0 0;border-color:#ffffff60}.button-outline-light:hover{background:#ffffff12}.button-danger{color:#fff;background:#913a3a}.button-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.text-link{align-items:center;gap:12px;font-weight:700;text-decoration:none;display:inline-flex}.skip-link{z-index:100;opacity:0;pointer-events:none;background:#fff;padding:12px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{opacity:1;pointer-events:auto;transform:translateY(0)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero{background:var(--green);color:#fcfaf2;position:relative;overflow:hidden}.hero-grid{gap:5px;padding-top:40px;display:grid}.hero-copy{z-index:2;padding-bottom:24px;position:relative}.hero .eyebrow{color:#d9d9bf;font-size:.72rem}.status-dot{background:var(--gold);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #e7bf7417}.hero h1{letter-spacing:-.045em;margin-bottom:24px;font-size:clamp(2.7rem,1.8rem + 3.7vw,5rem);line-height:1.06}.hero h1 em{color:var(--gold);font-style:normal}.hero-copy>p{color:#cbd8ce;max-width:430px;margin-bottom:27px;font-size:1.05rem;line-height:1.8}.hero-perks{color:#d3dfd4;flex-wrap:wrap;gap:22px;margin-top:23px;font-size:.76rem;display:flex}.hero-perks span{align-items:center;gap:5px;display:inline-flex}.hero-art{width:100%;max-width:520px;height:330px;margin:auto;position:relative}.art-ring{border:1px solid #e7bf7426;border-radius:50%;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.ring-one{width:330px;height:330px}.ring-two{width:460px;height:460px}.hero-art .drum-illustration{width:245px;position:absolute;top:0;left:12%;transform:rotate(-10deg)}.art-caption{letter-spacing:.15em;color:#bfd2b7;font-size:8px;position:absolute;top:140px;right:-35px;transform:rotate(90deg)}.hero-card{filter:drop-shadow(0 16px 16px #0003);width:245px;position:absolute;bottom:37px;left:14%;transform:rotate(-7deg)}.mini-card{color:var(--green);background:#faf7ec;border:1px solid #d2bf92;border-radius:10px;padding:15px;box-shadow:0 4px #d5c6a5}.mini-card-title{text-align:center;margin-bottom:11px;font-family:Georgia,serif;font-size:1rem;font-style:italic}.mini-grid{border-top:1px solid #a3b9a4;border-left:1px solid #a3b9a4;grid-template-columns:repeat(9,1fr);display:grid}.mini-grid span{aspect-ratio:1.05;border-bottom:1px solid #a3b9a4;border-right:1px solid #a3b9a4;place-items:center;font-size:.72rem;font-weight:700;display:grid}.mini-grid .blank{background:#dce6d6}.mini-card-footer{letter-spacing:.11em;text-align:right;margin-top:9px;font-size:5.5px;display:block}.floating-ball{width:65px;height:65px;color:var(--green);background:radial-gradient(circle at 35% 28%,#fffefa,#eee3c8 65%,#cdb887);border-radius:50%;place-items:center;font-size:1.7rem;font-weight:900;display:grid;position:absolute;box-shadow:7px 12px 15px #0003}.ball-23{top:55px;right:10px;transform:rotate(14deg)}.ball-7{background:radial-gradient(circle at 35% 28%,#ffeac1,#e0af5a 70%,#a67c32);bottom:28px;right:20px;transform:rotate(12deg)}.art-star{color:var(--gold);font-size:40px;position:absolute}.star-one{top:0;left:10px}.star-two{font-size:27px;top:160px;right:35px}.feature-strip{border-bottom:1px solid var(--line);background:#f0efe5}.feature-strip .container{flex-wrap:wrap;justify-content:center;gap:12px 35px;padding-block:19px;font-size:.77rem;font-weight:700;display:flex}.feature-strip span{align-items:center;gap:9px;display:flex}.feature-strip svg{color:#6e8061;width:19px}.section-heading{flex-direction:column;gap:12px;margin-bottom:32px;display:flex}.section-heading h2{margin-bottom:0}.section-heading p{color:var(--muted);margin-bottom:0;font-size:.92rem}.offer-grid{gap:16px;display:grid}.offer{border-radius:var(--radius);border:1px solid var(--line);flex-direction:column;align-items:flex-start;padding:30px;text-decoration:none;display:flex;position:relative;overflow:hidden}.offer:hover{transform:translateY(-4px)}.offer h3{z-index:1;max-width:230px;margin-block:24px 14px;font-size:1.6rem;position:relative}.offer p{color:var(--muted);z-index:1;margin-bottom:28px;font-size:.94rem;line-height:1.7;position:relative}.offer-icon{background:#fff9;border-radius:14px;place-items:center;width:54px;height:54px;display:grid}.offer .text-link{margin-top:auto;font-size:.86rem}.offer-game{background:var(--green);color:var(--white);border-color:var(--green)}.offer-game p{color:#c6d8cb}.offer-game .offer-icon{color:var(--gold);background:#ffffff16}.offer-cards{background:#e8eddf}.offer-products{background:#f2e9d8}.offer-coming-soon:hover{transform:none}.products-pending{color:#63512d;background:#fff7e7;border:1px solid #d3bf95;border-radius:100px;margin-top:auto;padding:7px 12px;font-size:.76rem;font-weight:600;display:inline-block}.pill{color:#e6d7b0;background:#ffffff12;border:1px solid #ffffff25;border-radius:20px;padding:3px 10px;font-size:.65rem;position:absolute;top:36px;right:20px}.offer-ball{color:#ffffff08;border:1px solid #ffffff15;border-radius:50%;place-items:center;width:145px;height:145px;font-size:5rem;font-weight:900;display:grid;position:absolute;bottom:-35px;right:-20px;transform:rotate(-12deg)}.how-section{border-block:1px solid var(--line);background:#f0f1e8}.centered{text-align:center;align-items:center;gap:0}.steps{gap:30px;margin:40px 0 28px;padding:0;list-style:none;display:grid}.steps li{text-align:center}.steps h3{margin:16px 0 10px;font-size:1.2rem}.steps p{color:var(--muted);max-width:260px;margin:0 auto;font-size:.92rem}.step-number{background:var(--paper);border:1px solid #c9d2bd;border-radius:50%;place-items:center;width:44px;height:44px;margin:auto;font-weight:900;display:grid}.custom-promo{align-items:center;gap:40px;display:grid}.custom-promo h2{line-height:1.2}.custom-promo p{color:var(--muted)}.custom-art{border-radius:var(--radius);background:#e8e4d4 radial-gradient(#8f9d7b33 1px,#0000 1px) 0 0/16px 16px;flex-direction:column;justify-content:center;align-items:center;gap:25px;min-height:260px;display:flex;position:relative}.custom-art .mini-card{width:78%;max-width:330px;transform:rotate(-6deg);box-shadow:0 10px 30px #183d3220}.custom-art-note{color:#6e775b;font:italic 1.1rem Georgia,serif;transform:rotate(-6deg)}.custom-promo .small{max-width:330px;margin:16px 0 0}.faq-section{border-block:1px solid var(--line);background:#f1f1e9}.faq-grid{gap:24px;display:grid}.faq-grid>div>p{color:var(--muted);max-width:330px;font-size:.94rem}.faqs details{border-bottom:1px solid #d8ddd0}.faqs summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font-size:.96rem;font-weight:700;list-style:none;display:flex}.faqs summary::-webkit-details-marker{display:none}.faqs summary span{color:var(--green-mid);font-size:1.4rem;font-weight:400}.faqs details[open] summary span{transform:rotate(45deg)}.faqs p{color:var(--muted);padding-right:20px;font-size:.92rem}.final-cta{text-align:center;border-radius:var(--radius);background:var(--green);color:var(--paper);margin-block:55px;padding:48px 24px}.final-cta>svg{color:var(--gold);margin-bottom:20px}.final-cta h2{margin-bottom:12px}.final-cta p{color:#c4d4c7;margin:0 auto 25px}.site-footer{border-top:1px solid var(--line);color:#f8f4e9;background:#102f27;padding-top:45px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid h2{font-family:var(--font-body);letter-spacing:0;margin-bottom:17px;font-size:.86rem;font-weight:600}.footer-grid p{color:#c4d1c6;margin:16px 0 0;font-size:.87rem}.footer-grid>div>a:not(.brand){color:#c4d1c6;margin-bottom:10px;font-size:.82rem;text-decoration:none;display:block}.footer-grid>div>a:hover{text-decoration:underline}.footer-bottom{color:#c4d1c6;border-top:1px solid #ffffff20;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:35px;padding-block:22px;font-size:.72rem;display:flex}.page-heading{max-width:720px;margin-bottom:35px}.page-heading h1{margin-bottom:18px}.page-heading p{color:var(--muted);font-size:1.05rem}.page-heading .eyebrow{margin-bottom:12px}.empty-state{text-align:center;padding:45px 20px}.empty-state p{color:var(--muted);max-width:520px;margin-inline:auto}.empty-state .button-row{justify-content:center;margin-top:25px}.catalog-empty{border-radius:var(--radius);background:#f0f2e8;border:1px dashed #becbb8}.empty-icon{width:86px;height:86px;color:var(--green-mid);background:#e2e9d8;border-radius:50%;place-items:center;margin:0 auto 24px;display:grid}.catalog-empty h2{font-size:1.9rem}.affiliate-note{border:1px solid var(--line);color:var(--muted);background:#f0f2e8;border-radius:14px;align-items:flex-start;gap:14px;margin:30px 0 0;padding:22px;display:flex}.affiliate-note p{max-width:850px;font-size:.9rem}.affiliate-note p:last-child{margin-bottom:0}.affiliate-note svg{margin-top:4px}.product-grid{gap:24px;display:grid}.product-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;min-width:0;display:flex;overflow:hidden}.product-art{color:var(--green);background:#edf1e7;padding:14px 14px 12px}.product-art-electric,.product-art-markers{background:#f7edda}.product-art svg{aspect-ratio:360/200;width:100%;height:auto;display:block}.product-art>span{text-align:center;color:var(--muted);font-size:.7rem;display:block}.product-content{flex-direction:column;flex:1;padding:24px;display:flex}.product-content .eyebrow{margin-bottom:12px;font-size:.73rem}.product-card h3{font-size:1.5rem;line-height:1.2}.product-card p{color:var(--muted)}.product-details{margin:0 0 20px;font-size:.9rem}.product-details>div+div{margin-top:16px}.product-details dt{font-weight:700}.product-details dd{color:var(--muted);margin:4px 0 0}.product-reference{overflow-wrap:anywhere;font-size:.76rem}.product-pending,.product-action{border-top:1px solid var(--line);margin-top:auto;padding-top:18px}.product-card .product-pending{align-items:center;gap:8px;margin-bottom:0;font-size:.83rem;display:flex}.product-action .button{width:100%}.product-action p{margin:12px 0 0}.catalog-heading{max-width:850px}.catalog-group,.catalog-guide{margin-top:64px;scroll-margin-top:24px}.catalog-section-heading{max-width:730px;margin-bottom:28px}.catalog-section-heading h2{margin-bottom:14px}.catalog-section-heading p{color:var(--muted)}.catalog-guide{border-radius:var(--radius);background:#f0f2e8;padding:clamp(22px,4vw,42px)}.catalog-tips{gap:24px;margin-block:30px;display:grid}.catalog-tips h3{margin-bottom:12px;font-size:1.3rem}.catalog-tips p{color:var(--muted);margin-bottom:0}.catalog-free{border-top:1px solid var(--line);margin-top:48px;padding-top:40px}.catalog-free h2{font-size:1.8rem}@media (min-width:650px){.catalog-tips{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}}.prose{max-width:790px}.prose h1{margin-bottom:25px}.prose h2{margin-top:38px;font-size:1.55rem}.prose p,.prose li{color:var(--muted)}.prose li{margin-bottom:10px}.notice{background:#fff8e7;border:1px solid #d8c38f;border-radius:10px;padding:15px 18px;font-size:.87rem;color:#624b20!important}.drum-svg{width:100%;display:block}.mixing .drum-balls>g{animation:.8s ease-in-out infinite alternate mix-ball;animation-delay:var(--ball-delay)}@keyframes mix-ball{0%{transform:translate(-6px,-8px)}to{transform:translate(5px,8px)}}@media (min-width:600px){.container{width:min(1184px,100% - 64px)}.steps{grid-template-columns:repeat(3,1fr);gap:25px}.hero-art{height:380px}.hero-art .drum-illustration{width:295px}.hero-card{width:300px}.ball-23{right:20px}.ball-7{right:40px}.hero-card{bottom:30px}.footer-grid{grid-template-columns:1.6fr 1fr 1fr}.footer-grid>div:first-child{grid-column:auto}.product-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.section{padding-block:88px}.hero-grid{grid-template-columns:1.05fr 1fr;align-items:center;padding-block:62px}.hero-copy{padding-bottom:0}.hero-art{height:470px}.hero-art .drum-illustration{width:340px;top:15px;left:12%}.hero-card{width:350px;bottom:35px;left:5%}.ring-one{width:400px;height:400px}.ring-two{width:530px;height:530px}.ball-23{width:80px;height:80px;font-size:2.2rem;top:105px;right:0}.ball-7{width:75px;height:75px;bottom:40px;right:0}.art-caption{font-size:9px;top:220px;right:-50px}.star-one{top:35px;left:15px}.star-two{top:225px;right:20px}.hero-perks{margin-top:28px}.offer-grid{grid-template-columns:1.15fr 1fr 1fr;gap:22px}.offer{padding:32px}.section-heading{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:40px}.section-heading h2{max-width:560px}.section-heading p{flex-shrink:0;max-width:300px;padding-bottom:4px}.centered{flex-direction:column;align-items:center;gap:0}.custom-promo{grid-template-columns:1fr 1fr;gap:75px}.custom-art{min-height:350px}.custom-art .mini-card-title{font-size:1.35rem}.custom-art .mini-grid span{font-size:1rem}.custom-art .mini-card-footer{font-size:7px}.faq-grid{grid-template-columns:.8fr 1.2fr;gap:85px}.final-cta{margin-block:75px;padding:58px}.product-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:359px){.container{width:calc(100% - 28px)}.hero h1{font-size:2.7rem}.hero-perks{gap:14px}.hero-art{height:305px}.hero-card{width:225px;left:8%}.ball-23{width:50px;height:50px}.offer{padding:24px}.pill{font-size:.6rem;right:14px}.footer-grid{gap:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}