:root{--paper:#f1e9d9;--paper-2:#fbf6ea;--ink:#18120b;--muted:#7e7460;--blue:#2c44c9;--red:#eb4d2e;--green:#1f9b6b;--gold:#ffc21f;--hair:#18120b24;--shadow-ink:#18120b;--r-card:8px;--r-cell:7px;--font-head:"Bricolage Grotesque", sans-serif;--font-body:"Archivo", sans-serif}.night{--paper:#171310;--paper-2:#221c15;--ink:#f1e9d9;--muted:#a39781;--blue:#6678f2;--red:#ff6a4a;--green:#3bcb92;--gold:#ffc21f;--hair:#f1e9d929}*{box-sizing:border-box}[hidden]{display:none!important}html,body{min-height:100%;margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.grain:before{content:"";z-index:0;pointer-events:none;opacity:.55;mix-blend-mode:multiply;background-image:radial-gradient(circle,#18120b0d .5px,#0000 .6px);background-size:3px 3px;position:fixed;top:0;bottom:0;left:0;right:0}.night .grain:before{mix-blend-mode:screen;opacity:.6;background-image:radial-gradient(circle,#f1e9d912 .5px,#0000 .6px)}.btn{font-family:var(--font-head);border:2px solid var(--ink);border-radius:var(--r-card);cursor:pointer;background:var(--paper-2);color:var(--ink);box-shadow:3px 3px 0 var(--shadow-ink);justify-content:center;align-items:center;gap:9px;padding:12px 18px;font-size:15px;font-weight:700;transition:transform 90ms,box-shadow 90ms;display:inline-flex}.btn:hover{box-shadow:4px 4px 0 var(--shadow-ink);transform:translate(-1px,-1px)}.btn:active{box-shadow:0 0 0 var(--shadow-ink);transform:translate(3px,3px)}.btn:disabled{opacity:.6;cursor:default;box-shadow:3px 3px 0 var(--shadow-ink);transform:none}.btn.primary{background:var(--red);color:#fbf6ea}.btn svg{fill:none;stroke:currentColor;stroke-width:2.4px;width:16px;height:16px}.input{border:2px solid var(--ink);border-radius:var(--r-card);background:var(--paper-2);width:100%;font-family:var(--font-head);color:var(--ink);outline:none;padding:14px 16px;font-size:18px;font-weight:700}.input::placeholder{color:var(--muted);opacity:.7}.input:focus{box-shadow:3px 3px 0 var(--shadow-ink)}.star{background:var(--gold);border:1px solid var(--ink);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);display:inline-block}.cs{z-index:1;background:var(--paper);min-height:100vh;color:var(--ink);flex-direction:column;display:flex;position:relative;overflow:hidden}.cs:after{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(circle, var(--ink) 22%, transparent 24%);mix-blend-mode:multiply;opacity:.06;background-size:16px 16px;border-radius:50%;width:70vw;height:70vw;position:absolute;top:-26vw;right:-22vw}.cs.loud:after{opacity:.12}.night .cs:after{mix-blend-mode:screen;opacity:.08}.cs-nav{z-index:5;align-items:center;gap:16px;padding:22px 44px;display:flex;position:relative}.cs-brand{align-items:center;gap:12px;display:flex}.cs-mark{border:2px solid var(--ink);background:var(--red);width:40px;height:40px;box-shadow:2.5px 2.5px 0 var(--shadow-ink);border-radius:9px;flex:none;grid-template-columns:repeat(3,1fr);gap:2.5px;padding:5px;display:grid}.cs-mark i{background:#f1e9d957;border-radius:1px}.cs-mark i.on{background:var(--paper)}.cs-mark i.free{background:var(--gold)}.cs-word{font-family:var(--font-head);letter-spacing:-.04em;font-size:23px;font-weight:800;line-height:1}.cs-word small{font-family:var(--font-head);letter-spacing:.2em;color:var(--muted);margin-top:3px;font-size:9px;font-weight:700;display:block}.cs-nav-badge{font-family:var(--font-head);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border:2px solid var(--ink);background:var(--paper-2);border-radius:999px;align-items:center;gap:7px;margin-left:6px;padding:6px 13px;font-size:11px;font-weight:700;display:inline-flex}.cs-nav-badge .pulse{background:var(--green);border:1.5px solid var(--ink);width:8px;height:8px;box-shadow:0 0 0 0 var(--green);border-radius:50%;animation:2.4s infinite csPulse}@keyframes csPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--green) 55%, transparent)}70%{box-shadow:0 0 0 7px #0000}to{box-shadow:0 0 #0000}}.cs-nav-right{margin-left:auto}.cs-seg{border:2px solid var(--ink);background:var(--paper-2);border-radius:999px;gap:4px;padding:4px;display:flex}.cs-seg button{font-family:var(--font-head);cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:7px 13px;font-size:11px;font-weight:700;display:inline-flex}.cs-seg button.on{background:var(--ink);color:var(--paper)}.cs-seg svg{fill:none;stroke:currentColor;stroke-width:2.2px;width:12px;height:12px}.cs-hero{z-index:2;flex:1;align-items:center;gap:64px;width:100%;max-width:1200px;margin:0 auto;padding:30px 44px 64px;display:grid;position:relative}.cs-hero.split{grid-template-columns:1.04fr .96fr}.cs-copy{max-width:540px}.cs-kicker{font-family:var(--font-head);letter-spacing:.2em;text-transform:uppercase;color:var(--red);align-items:center;gap:11px;font-size:13px;font-weight:700;display:inline-flex}.cs-kicker-name{font-family:var(--font-head);letter-spacing:.08em;color:var(--ink);background:var(--gold);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--shadow-ink);border-radius:6px;padding:3px 9px;font-size:14px;font-weight:800}.cs-display{font-family:var(--font-head);letter-spacing:-.045em;text-wrap:balance;margin:18px 0 0;font-size:clamp(54px,7vw,108px);font-weight:800;line-height:.84}.cs-display .ink2{color:var(--red)}.cs-sub{color:var(--muted);text-wrap:pretty;max-width:470px;margin:24px 0 0;font-size:19px;font-weight:500;line-height:1.55}.cs-capture{margin-top:34px}.cs-form{gap:12px;max-width:480px;display:flex}.cs-form .input{flex:1;padding:14px 16px;font-size:16px}.cs-form .btn{white-space:nowrap;flex:none}.cs-hp{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;left:-9999px}.cs-note{color:var(--muted);align-items:center;gap:8px;margin-top:14px;font-size:13px;font-weight:600;display:flex}.cs-note .star{flex:none;width:12px;height:12px}.cs-hint{color:var(--red);margin-top:12px;font-size:13px;font-weight:700}.cs-confirm{border:2px solid var(--ink);border-radius:var(--r-card);background:var(--green);color:#fbf6ea;max-width:480px;box-shadow:4px 4px 0 var(--shadow-ink);padding:20px 22px;animation:.4s cubic-bezier(.2,.9,.3,1.3) csConfirmIn;position:relative;overflow:hidden}@keyframes csConfirmIn{0%{transform:translateY(10px)scale(.98)}to{transform:none}}.cs-confirm:before{content:"";mix-blend-mode:multiply;opacity:.22;pointer-events:none;background-image:radial-gradient(circle,#18120b4d 26%,#0000 28%);background-size:11px 11px;position:absolute;top:0;bottom:0;left:0;right:0}.cs-confirm-row{z-index:1;align-items:center;gap:14px;display:flex;position:relative}.cs-confirm-stamp{background:#ffffff24;border:2px solid #fbf6ea;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;display:grid}.cs-confirm-stamp svg{stroke:#fbf6ea;stroke-width:3px;fill:none;width:22px;height:22px}.cs-confirm-h{font-family:var(--font-head);letter-spacing:-.02em;font-size:22px;font-weight:800;line-height:1}.cs-confirm-p{opacity:.92;margin-top:6px;font-size:13.5px;font-weight:600;line-height:1.45}.cs-confirm-p b{font-weight:800}.cs-poster-wrap{z-index:2;justify-content:center;width:100%;display:flex;position:relative}.cs-board{border:3px solid var(--ink);background:var(--paper);width:100%;max-width:460px;box-shadow:14px 14px 0 var(--shadow-ink);border-radius:22px;padding:20px;transition:transform .3s cubic-bezier(.2,.9,.3,1.2);position:relative;transform:rotate(-2.2deg)}.cs-board.won{transform:rotate(-1deg)scale(1.012)}.cs-grid{grid-template-columns:repeat(5,1fr);gap:9px;display:grid}.cs-cell{aspect-ratio:1;border:2px solid var(--ink);border-radius:var(--r-cell);background:var(--paper-2);cursor:pointer;place-items:center;transition:transform .12s cubic-bezier(.2,.9,.3,1.3),box-shadow .12s;display:grid;position:relative}.cs-cell:hover{box-shadow:2px 2px 0 var(--shadow-ink);transform:translate(-1px,-1px)}.cs-cell.ink{background:var(--red);box-shadow:2px 2px 0 var(--shadow-ink);transform:translate(-1px,-1px)}.cs-cell.ink.blue{background:var(--blue)}.cs-cell.ink:after{content:"";mix-blend-mode:multiply;opacity:.5;background-image:radial-gradient(circle,#18120b73 26%,#0000 28%);background-size:9px 9px;border-radius:5px;position:absolute;top:0;bottom:0;left:0;right:0}.cs-cell.pop{animation:.36s cubic-bezier(.2,.9,.3,1.45) csPop}@keyframes csPop{0%{transform:translate(-1px,-1px)scale(.8)}55%{transform:translate(-1px,-1px)scale(1.09)}to{transform:translate(-1px,-1px)scale(1)}}.cs-cell.line{box-shadow:0 0 0 4px var(--gold), 2px 2px 0 var(--shadow-ink);z-index:1}.cs-cell.line:not(.ink){background:var(--gold)}.cs-cell.free{background:var(--ink);cursor:default}.night .cs-cell.free{background:#000}.cs-cell.free:hover{box-shadow:none;transform:none}.cs-cell.free:after{content:"★";color:var(--gold);font-size:22px}.cs-board-stamp{z-index:6;border:2.5px solid var(--ink);background:var(--green);color:#fbf6ea;text-align:center;width:92px;height:92px;box-shadow:4px 4px 0 var(--shadow-ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:-16px;right:-16px;transform:rotate(9deg)scale(0)}.cs-board-stamp.in{animation:.5s cubic-bezier(.2,.9,.3,1.5) .15s csStampIn;transform:rotate(9deg)scale(1)}@keyframes csStampIn{0%{transform:rotate(-30deg)scale(0)}65%{transform:rotate(12deg)scale(1.12)}to{transform:rotate(9deg)scale(1)}}.cs-board-stamp b{font-family:var(--font-head);letter-spacing:-.01em;font-size:13px;font-weight:800;line-height:1}.cs-board-stamp span{font-family:var(--font-head);letter-spacing:.14em;text-transform:uppercase;opacity:.85;margin-top:4px;font-size:8px;font-weight:700}.cs-board-cap{font-family:var(--font-head);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);background:var(--paper);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--shadow-ink);border-radius:999px;padding:5px 12px;font-size:11px;font-weight:700;position:absolute;bottom:-16px;left:20px;transform:translateY(50%)rotate(-2.2deg)}.cs-beats{z-index:2;border-top:2px solid var(--ink);background:var(--paper-2);position:relative}.cs-beats-in{grid-template-columns:auto 1fr 1fr 1fr;align-items:center;gap:26px;max-width:1200px;margin:0 auto;padding:30px 44px;display:grid}.cs-beats-lead{max-width:180px}.cs-beats-lead .lab{font-family:var(--font-head);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.cs-beats-lead .txt{font-family:var(--font-head);letter-spacing:-.02em;margin-top:8px;font-size:19px;font-weight:800;line-height:1}.cs-beat{align-items:center;gap:13px;display:flex}.cs-beat-mini{border:1.5px solid var(--ink);background:var(--paper);border-radius:5px;flex:none;grid-template-columns:repeat(5,1fr);gap:2px;width:50px;padding:3px;display:grid}.cs-beat-mini i{aspect-ratio:1;background:var(--paper-2);border:.5px solid var(--hair);border-radius:1px}.cs-beat-mini i.on{background:var(--red)}.cs-beat-mini i.free{background:var(--ink)}.cs-beat-mini i.line{background:var(--gold)}.cs-beat-n{font-family:var(--font-head);color:var(--muted);font-size:11px;font-weight:800}.cs-beat-h{font-family:var(--font-head);letter-spacing:-.01em;font-size:15px;font-weight:800;line-height:1.05}.cs-beat-p{color:var(--muted);margin-top:3px;font-size:12.5px;font-weight:500;line-height:1.4}.cs-foot{z-index:2;border-top:2px solid var(--ink);position:relative}.cs-foot-in{max-width:1200px;font-family:var(--font-head);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin:0 auto;padding:22px 44px;font-size:12.5px;font-weight:700;display:flex}.cs-foot-in a{color:inherit;cursor:pointer;text-decoration:none}.cs-foot-in a:hover{color:var(--ink)}.cs-foot-links{gap:20px;display:flex}@media (max-width:940px){.cs-hero.split{text-align:center;grid-template-columns:1fr;justify-items:center;gap:40px}.cs-hero.split .cs-poster-wrap{order:-1}.cs-hero.split .cs-sub,.cs-hero.split .cs-form,.cs-hero.split .cs-note,.cs-hero.split .cs-confirm{margin-left:auto;margin-right:auto}.cs-hero.split .cs-note{justify-content:center}.cs-hero.split .cs-confirm{text-align:left}.cs-beats-in{grid-template-columns:1fr;gap:18px}.cs-beats-lead{max-width:none}}@media (max-width:620px){.cs-nav{flex-wrap:wrap;padding:18px 22px}.cs-hero{padding:22px 22px 48px}.cs-beats-in,.cs-foot-in{padding-left:22px;padding-right:22px}.cs-form{flex-direction:column}.cs-board{max-width:320px}.cs-nav-badge{display:none}}@media (prefers-reduced-motion:reduce){.cs-cell.pop,.cs-board-stamp.in,.cs-confirm,.cs-nav-badge .pulse{animation:none}}