.center-text{text-align:center}.title.sm{font-size:clamp(22px,6vw,28px)}.btn.white{background:#fff}.btn-ghost.grow{flex:1}.btn-ghost.ok{border-color:var(--lime);color:var(--lime)}.btn-ghost:disabled{opacity:.5}.label{color:inherit}.soft .label,.label.soft{color:#ffffffbf}.game-bar{align-items:center;gap:10px;min-height:48px;display:flex}.bar-logo{flex:none;display:block}.logo.in-bar{filter:none;width:auto;height:44px;margin:0}.bar-mid{flex:1;justify-content:center;align-items:center;gap:10px;min-width:0;display:flex}.room-chip{font-family:var(--marker);letter-spacing:.08em;background:#0d123699;border:2px solid #ffffff4d;border-radius:8px;flex:none;padding:2px 8px;font-size:15px}.round-chip{font-family:var(--marker);opacity:.9;font-size:16px}.word-pill,.who-pill{text-overflow:ellipsis;white-space:nowrap;background:var(--paper);min-width:0;color:var(--ink);font-family:var(--marker);border-radius:999px;padding:4px 14px;font-size:clamp(16px,4.6vw,22px);overflow:hidden;box-shadow:0 3px #04061c80}.word-pill .lbl{font-family:var(--body);opacity:.65;font-size:13px;font-weight:700}.word-pill bdi{background:linear-gradient(transparent 62%, var(--lime) 62%)}.clock{font-family:var(--marker);text-align:center;background:var(--cyan);min-width:52px;color:var(--ink);border:2px solid var(--ink);direction:ltr;border-radius:999px;flex:none;padding:0 10px;font-size:22px}.clock.hot{background:var(--red);color:#fff;animation:.5s infinite alternate pulse}.clock.done{background:var(--paper-2)}.word-card{width:100%;max-width:360px}.secret{font-family:var(--marker);overflow-wrap:anywhere;margin:4px 0;font-size:clamp(34px,10vw,52px);line-height:1.15}[data-script=hebrew] .secret{line-height:1.35}.play-screen{max-width:560px;height:100dvh;padding:calc(8px + var(--sat)) 10px max(10px, env(safe-area-inset-bottom,0px));flex-direction:column;gap:8px;margin:0 auto;display:flex}.play-screen,.play-screen .canvas-wrap *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.play-screen input{-webkit-user-select:text;user-select:text}.canvas-wrap{flex:1;place-items:center;min-height:120px;display:grid;position:relative}.canvas-paper{background:var(--paper);box-shadow:var(--drop);border-radius:14px;padding:6px;position:relative}.canvas{touch-action:none;cursor:crosshair;background:#fff;border-radius:8px;display:block}.canvas.view{cursor:default}.canvas-paper.locked .canvas{opacity:.85}.pad-net{bottom:10px;background:var(--yellow);color:var(--ink);border-radius:999px;padding:2px 10px;font-size:13px;font-weight:700;position:absolute;inset-inline-start:50%;translate:-50%}.toolbar{background:var(--paper);color:var(--ink);box-shadow:var(--drop);border-radius:14px;flex-wrap:wrap;justify-content:center;align-self:center;align-items:center;gap:5px;max-width:100%;padding:6px 8px;display:flex}.tool{cursor:pointer;width:40px;height:40px;color:var(--ink);background:0 0;border:2px solid #0000;border-radius:10px;place-items:center;padding:0;display:grid;position:relative}.tool svg{width:24px;height:24px}.tool.on{border-color:var(--ink);background:#fff}.tool:disabled{opacity:.35}.tool.armed{background:var(--red);border-color:var(--ink);color:#fff}.tool .dot{bottom:3px;background:var(--ink);border-radius:50%;width:7px;height:7px;position:absolute;inset-inline-end:3px}.tool .dot.thick{bottom:1px;width:12px;height:12px;inset-inline-end:1px}.sep{background:var(--ink);opacity:.15;border-radius:2px;width:2px;height:26px}.swatch{border:2px solid var(--ink);cursor:pointer;border-radius:50%;flex:none;width:28px;height:28px;padding:0}.swatch.on{box-shadow:0 0 0 2px var(--paper), 0 0 0 4px var(--ink)}.fair-play{text-align:center;margin:0}.solvers{flex-wrap:wrap;justify-content:center;gap:6px;min-height:34px;display:flex}.solver{opacity:.55;transition:opacity .2s,transform .2s;position:relative}.solver.done{opacity:1;transform:scale(1.08)}.solver-check{bottom:-4px;background:var(--lime);width:18px;height:18px;color:var(--ink);border:2px solid var(--ink);border-radius:50%;padding:1px;position:absolute;inset-inline-end:-4px}.guess-box{gap:6px;display:grid}.guess-row{gap:8px;display:flex;position:relative}.guess-row .input{flex:1;min-width:0;padding:10px 14px;font-size:19px}.guess-send{flex:none;width:56px;padding:0;font-size:22px}.guess-send svg{width:24px;height:24px}.cool-num{font-family:var(--marker)}.cool-bar{bottom:-5px;background:var(--red);height:4px;width:calc(var(--p) * 100%);border-radius:4px;transition:width .1s linear;position:absolute;inset-inline-start:0}.guess-row.shake{animation:.35s shake}@keyframes shake{20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}.guess-msg{color:#ffb3b0;margin:0;font-size:14px;font-weight:700}.guess-msg.err{color:#ff8db8}.my-guesses{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.my-guesses li{background:#ffffff1f;border-radius:999px;padding:2px 10px;font-size:13px;-webkit-text-decoration:line-through #ff5a4fcc;text-decoration:line-through #ff5a4fcc}.guess-done{background:var(--lime);align-items:center;gap:12px;padding:10px 16px;animation:.35s cubic-bezier(.3,1.6,.6,1) pop;display:flex}.guess-done>svg{flex:none;width:34px;height:34px}.guess-done p{margin:0}.watcher{text-align:center;margin:0}.clue-area{flex:1;min-height:0;padding:6px 2px;position:relative;overflow-y:auto}.clue-stack{gap:10px;margin:0;padding:0;list-style:none;display:grid}.clue-card{align-items:baseline;gap:12px;padding:10px 14px;font-size:clamp(18px,5vw,22px);font-weight:600;animation:.45s cubic-bezier(.3,1.4,.6,1) both clue-in;display:flex}.clue-card:nth-child(odd){transform:rotate(-.6deg)}.clue-card:nth-child(2n){transform:rotate(.5deg)}@keyframes clue-in{0%{opacity:0;translate:0 14px;scale:.9}}.clue-n{font-family:var(--marker);color:var(--ink);background:var(--lime);border-radius:8px;flex:none;padding:0 8px}.clue-text{overflow-wrap:anywhere}.clue-empty{text-align:center;opacity:.7;padding:30px 10px}.clue-composer{gap:6px;padding:10px;display:grid}.clue-slot{font-size:14px;font-weight:700}.slot-open{background:var(--lime);border-radius:6px;padding:1px 8px}.clue-meta{color:var(--muted);justify-content:space-between;gap:10px;font-size:12px;display:flex}.clue-meta .over{color:#d0103a;font-weight:700}.thinking{color:var(--ink);text-align:center;background:#fbf3e2d1;border-radius:10px;place-content:center;justify-items:center;gap:6px;animation:.3s fade;display:grid;position:absolute;inset:6px}.thinking p{margin:0;font-size:22px}.bot-face{filter:drop-shadow(0 4px #04061c59);display:block}.bot-face.think{animation:1.2s ease-in-out infinite think}@keyframes think{50%{transform:rotate(-8deg)translateY(-4px)}}.reveal-screen{gap:12px}.reveal-word,.reveal-solves,.bot-card{opacity:0;transition:opacity .35s,transform .45s cubic-bezier(.3,1.5,.6,1);transform:translateY(10px)scale(.97)}.reveal-word.in,.reveal-solves.in,.bot-card.in{opacity:1;transform:none}.reveal-solves{gap:6px;margin:0;padding:0;list-style:none;display:grid}.solve-row{background:#0d12368c;border:2px solid #ffffff26;border-radius:12px;align-items:center;gap:10px;padding:6px 10px;display:flex}.solve-row .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.solve-row .when{opacity:.85;direction:ltr;font-size:14px}.solve-row.missed{opacity:.6}.solve-row.beat{border-color:var(--lime)}.solve-row.creator-row{border-style:dashed}.tag{border-radius:6px;padding:1px 6px;font-size:12px;font-weight:800}.beat-tag{background:var(--lime);color:var(--ink);animation:.3s cubic-bezier(.3,1.6,.6,1) pop}.pts{text-align:end;min-width:48px;font-family:var(--marker);color:var(--lime);font-size:20px}.pts.in{animation:.35s cubic-bezier(.3,1.8,.6,1) pop}.bot-card{align-items:center;gap:12px;display:flex}.bot-card p{margin:0}.bot-card.won{background:#ffe1df}.bot-card.fooled{background:#effccd}.bot-face.smug{animation:.8s ease-in-out 2 smug}.bot-face.confused{animation:1s ease-in-out 2 confused}@keyframes smug{50%{transform:rotate(6deg)scale(1.06)}}@keyframes confused{25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.funny .label{color:#ffffffbf}.funny ul{flex-wrap:wrap;gap:6px;margin:6px 0 0;padding:0;list-style:none;display:flex}.funny-chip{background:#ffffff1a;border-radius:10px;padding:4px 10px;font-size:15px;animation:.3s both pop}.funny-chip .muted{color:#fff9}.ranking{gap:8px;margin:0;padding:0;list-style:none;display:grid}.rank-row{animation:.35s both slide-in;animation-delay:calc(var(--i) * 70ms);align-items:center;gap:10px;padding:8px 12px;display:flex}.rank-row.me{box-shadow:var(--drop), 0 0 0 3px var(--lime)}.rank-n{font-family:var(--marker);text-align:center;width:22px;font-size:20px}.rank-row .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.rank-row .score{font-family:var(--marker);font-size:22px}.delta{color:#3d7a00;font-size:14px;font-weight:800}.winner-card{animation:.5s cubic-bezier(.3,1.6,.6,1) pop}.final-links{align-items:center}.more-games{color:#ffffffbf}.lobby-invite{gap:8px}.share{width:100%}.share .row{flex-wrap:wrap;justify-content:center}.qr{justify-items:center;gap:4px;margin:0;display:grid}.qr img{background:#fff;border-radius:12px;padding:6px}.qr figcaption{opacity:.8;font-size:13px}.players-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:16px 8px;padding-top:10px;display:grid}.player{flex-direction:column;align-items:center;gap:6px;min-width:0;animation:.3s cubic-bezier(.3,1.6,.6,1) pop;display:flex;position:relative}.player .nm{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;font-weight:700;overflow:hidden}.player.away{opacity:.55}.player.ghost-seat .avatar{color:var(--muted);background:0 0;border-style:dashed}.presence{top:-3px;z-index:2;border:2px solid var(--ink);border-radius:50%;width:14px;height:14px;position:absolute;inset-inline-end:calc(50% - 33px)}.presence.live{background:var(--green)}.presence.away{background:var(--yellow)}.code-box{background:var(--lime);color:var(--ink);font-family:var(--marker);letter-spacing:.08em;direction:ltr;border-radius:10px 6px 12px;padding:2px 14px;font-size:clamp(40px,12vw,54px);line-height:1.15;display:inline-block}.mode-pick{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mode-card{text-align:start;cursor:pointer;font:inherit;border:3px solid #0000;justify-items:start;gap:4px;display:grid}.mode-card svg{width:28px;height:28px}.mode-card .mode-name{font-family:var(--marker);font-size:22px}.mode-card .mode-desc{color:var(--muted);line-height:1.3}.mode-card.on{border-color:var(--ink);box-shadow:var(--drop), inset 0 -6px 0 var(--lime);background:#f4ffd6}.mode-card:disabled{cursor:default}.mode-card:disabled:not(.on){opacity:.6}.av-pick{cursor:pointer;background:0 0;border:0;padding:0}.av-opt{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:12px;padding:2px}.av-opt.on{border-color:var(--ink);background:var(--lime)}.av-opt img{width:100%;height:auto;display:block}.join-card{width:100%;max-width:420px}.conn-lost{z-index:60;top:calc(env(safe-area-inset-top,0px) + 8px);background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:999px;align-items:center;gap:7px;margin:0;padding:4px 12px;font-size:14px;font-weight:700;display:flex;position:fixed;left:50%;translate:-50%}.conn-lost i{background:var(--yellow);border:2px solid var(--ink);border-radius:50%;width:10px;height:10px;animation:.6s infinite alternate pulse}.consent{z-index:70;bottom:12px;gap:8px;max-width:520px;margin:0 auto;display:grid;position:fixed;inset-inline:12px}.consent p{margin:0;font-size:14px}.consent-btns{justify-content:flex-end;gap:8px;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.landing{gap:22px;max-width:520px}.top-nav{align-items:center}.top-nav nav{align-items:center;gap:12px}.hero-cta{gap:12px}.steps{gap:12px;margin:0;padding:0;list-style:none;display:grid}.step{align-items:flex-start;gap:14px;display:flex}.step p{margin:0}.step-n{font-family:var(--marker);background:var(--lime);border:3px solid var(--ink);border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-size:26px;display:grid}.step-t{font-size:18px;font-weight:800}a.mode-card{color:var(--ink);text-decoration:none}.bot-pitch{text-align:center;align-items:center}.bot-pitch p{margin:0}.site-foot{text-align:center;max-width:520px;margin:0 auto;padding:24px 16px 40px}.site-foot nav{flex-wrap:wrap;justify-content:center;gap:8px 16px;display:flex}.site-foot a{color:#fffc;font-size:14px}.tagline span{background:linear-gradient(transparent 70%, var(--lime) 70%, var(--lime) 88%, transparent 88%);color:#fff}.rec-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.center-self{align-self:center}.challenge-intro .full{width:100%}.pts-big{color:#3d7a00}.small-secret{font-size:30px}.share .btn-ghost{white-space:nowrap;padding-inline:16px}.player .nm.is-me{text-decoration:underline;-webkit-text-decoration-color:var(--lime);text-decoration-color:var(--lime);text-underline-offset:4px;text-decoration-thickness:3px}.content{gap:18px;max-width:720px}.content-cta{margin-top:10px}.legal{font-size:15px;line-height:1.6}.legal h1{font-family:var(--marker);margin:0 0 6px;font-size:30px}.legal h2{margin:22px 0 6px;font-size:18px}.legal .updated{color:var(--muted);font-size:13px}.legal a{color:#3a5a00}.legal mark.todo{color:#7a1d00;background:#ffe066;border-radius:4px;padding:0 4px;font-weight:700}.legal-note{margin:0}.prose{line-height:1.6}.prose h1{font-family:var(--marker);margin:0 0 8px;font-size:clamp(30px,8vw,42px);line-height:1.15}.prose h2{font-family:var(--marker);margin:26px 0 8px;font-size:24px}.prose p,.prose li{font-size:16.5px}.prose a{color:var(--lime)}.prose .lead{color:#ffffffd9;font-size:18px}.faq-item{padding:0}.faq-item summary{cursor:pointer;padding:14px 16px;font-weight:800;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item[open] summary{border-bottom:2px dashed #161a3d26}.faq-item .a{padding:10px 16px 14px}.faq-item .a a{color:#3a5a00}.faq-search{margin-bottom:4px}.price-table{border-collapse:collapse;width:100%}.price-table td,.price-table th{text-align:start;border-bottom:1px solid #161a3d1f;padding:8px 6px}.plan-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:520px){.plan-grid{grid-template-columns:1fr}}.plan h2{font-family:var(--marker);margin:0}.plan ul{margin:6px 0 0;padding-inline-start:18px}.plan.full{box-shadow:var(--drop), inset 0 -6px 0 var(--lime)}.big-price{font-family:var(--marker);margin:4px 0;font-size:34px}.bar-cta{background:var(--lime);color:var(--ink);box-shadow:0 4px 0 var(--lime-deep)}.lp-mode-ico{place-items:center;width:110px;height:110px;display:grid}.lp-mode-ico svg{width:64px;height:64px}a.lp-mode{color:inherit;text-decoration:none}.seg-ico svg{width:30px;height:30px}.bar-play-ctx{align-items:center;gap:8px;min-width:0;display:flex}.play-screen>.bar{flex:none}.lobby-send .is-copied{background:var(--green);border-color:var(--green)}.bot-guesses{margin:0}.bot-guesses .bg.wrong bdi{text-decoration:line-through;-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red)}.bot-guesses .bg.right bdi{background:var(--lime);border-radius:4px;padding:0 4px;font-weight:800}.decode-bar{gap:6px;display:grid}.btn.gotit{padding-block:14px 16px;font-size:30px}.btn.gotit svg{width:30px;height:30px}.answer-view{flex-direction:column;flex:1;justify-content:center;align-items:stretch;gap:16px;padding:10px 4px;animation:.25s cubic-bezier(.3,1.6,.6,1) pop;display:flex}.answer-q{text-align:center;margin:0}.answer-clock{align-self:center;width:108px;height:108px;position:relative}.answer-clock svg{width:100%;height:100%;transform:rotate(-90deg)}.answer-clock circle{fill:var(--paper);stroke:#ffffff26;stroke-width:3.5px}.answer-clock circle.fill{fill:none;stroke:var(--lime);stroke-width:3.5px;stroke-linecap:round;stroke-dasharray:100;transition:stroke-dashoffset .1s linear}.answer-clock b{font-family:var(--marker);color:var(--ink);place-items:center;font-size:44px;display:grid;position:absolute;inset:0}.answer-clock.hot circle.fill{stroke:var(--red)}.answer-input{text-align:center;padding:14px;font-size:24px}.board{justify-content:center;align-items:center;gap:8px;font-weight:800;display:flex}.board .side{background:#0d123699;border:2px solid #fff3;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;display:inline-flex}.board .side svg{width:18px;height:18px}.board .side b{font-family:var(--marker);font-size:18px}.board .side.table b{color:var(--lime)}.board .side.bot b{color:var(--lavender)}.board .side.ahead{border-color:currentColor}.board .side.table.ahead{border-color:var(--lime)}.board .side.bot.ahead{border-color:var(--lavender)}.board .nm{opacity:.85;font-size:13px}.board .vs{font-family:var(--marker);opacity:.7}.board.big .side{padding:8px 16px}.board.big .side b{font-size:30px}.board.big .nm{font-size:16px}.board.big img{width:36px;height:36px}.feed{flex-wrap:wrap;justify-content:center;gap:6px;min-height:34px;margin:0;padding:0;list-style:none;display:flex}.feed-item{background:var(--paper);color:var(--ink);border-radius:999px;align-items:center;gap:6px;padding:2px 10px 2px 4px;font-size:15px;font-weight:700;animation:.35s cubic-bezier(.3,1.6,.6,1) both feed-in;display:inline-flex;box-shadow:0 3px #04061c73}.feed-item:not(:first-child){opacity:.7;transform:scale(.94)}.feed-item.bot{background:#e7e0ff}.feed-item .x{width:14px;height:14px;color:var(--red)}.feed-item .txt{text-overflow:ellipsis;white-space:nowrap;max-width:46vw;overflow:hidden}@keyframes feed-in{0%{opacity:0;transform:translateY(-8px)scale(.8)}}.win-card{opacity:0;align-items:center;gap:14px;transition:opacity .35s,transform .45s cubic-bezier(.3,1.5,.6,1);display:flex;transform:translateY(10px)scale(.97)}.win-card.in{opacity:1;transform:none}.win-card p{margin:0}.win-card.table{background:#effccd}.win-card.bot{background:#ebe4ff}.win-pts{font-family:var(--marker);opacity:0;font-size:28px}.win-pts.in{opacity:1;animation:.35s cubic-bezier(.3,1.8,.6,1) pop}.win-pts span{font-family:var(--body);font-size:14px;font-weight:800}.funny-chip.bot{background:#b9a2ff33}.cracks{justify-items:center;gap:6px;display:grid}.cracks .row{flex-wrap:wrap;justify-content:center}.crack{align-items:center;gap:4px;display:inline-flex}.crack b{font-family:var(--marker);font-size:20px}.winner-card.table{box-shadow:var(--drop), inset 0 -6px 0 var(--lime)}.winner-card.bot{box-shadow:var(--drop), inset 0 -6px 0 var(--lavender)}.hero-round{gap:16px}.hr-card{width:min(100%,340px);color:var(--ink);border-radius:16px;padding:12px 12px 14px;transform:rotate(-2deg)}.hr-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.hr-chip{font-family:var(--marker);background:var(--ink);color:var(--paper);border-radius:999px;padding:2px 12px 4px;font-size:16px}.hr-clock{background:var(--lime);border:2px solid var(--ink);border-radius:999px;align-items:center;gap:4px;padding:1px 10px;font-size:16px;font-weight:800;display:inline-flex}.hr-clock svg{width:16px;height:16px}.hr-canvas{border:2px solid var(--ink);background:#fff;border-radius:12px;place-items:center;padding:6px;display:grid}.hr-canvas .doodle{aspect-ratio:1;object-fit:contain;width:min(72%,200px)}.hr-feed{gap:6px;margin:10px 0 0;padding:0;list-style:none;display:grid}.hr-feed li{background:#e9e3ff;border-radius:12px;align-items:center;gap:8px;padding:5px 10px;font-weight:700;display:flex}.hr-feed li img{border-radius:8px;flex:none}.hr-feed li.bot span{text-decoration:line-through;-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red)}.hr-feed li span{flex:1;min-width:0}.hr-feed li em{opacity:.6;font-size:13px;font-style:normal}.hr-feed li.win{background:var(--lime);box-shadow:0 3px 0 var(--ink);border:2px solid var(--ink);font-size:18px}.hr-feed li.win b{font-family:var(--marker)}.hr-score{font-family:var(--marker);align-items:center;gap:10px;font-size:20px;display:flex;transform:rotate(1.5deg)}.hr-score .side{background:var(--paper);color:var(--ink);box-shadow:var(--drop);border-radius:12px;padding:4px 14px 6px}.hr-score .side.table{background:var(--lime)}.hr-score .side b{font-size:26px}.hr-score .vs{color:var(--paper);font-size:26px}.hero-round .lp-bubble{margin-top:0}.hero-round .lp-bubble img{flex:none}.intro-card{color:var(--ink)}.intro-pens{flex-wrap:wrap}.tut-pad{background:#fff}.tut-pad .canvas{touch-action:none}.lobby-go .have-pass{color:#fffc}.avatar.gold{box-shadow:0 0 0 2px var(--ink), 0 0 12px 3px #ffc4008c;border-color:#f2b705;animation:3.2s ease-in-out infinite gold-glow}.avatar.sm.gold{box-shadow:0 0 0 1.5px var(--ink), 0 0 8px 2px #ffc4008c}@keyframes gold-glow{50%{box-shadow:0 0 0 2px var(--ink), 0 0 18px 6px #ffc400b3}}@media (prefers-reduced-motion:reduce){.avatar.gold{animation:none}}.acct-mark{cursor:pointer;align-items:center;gap:10px;font-size:14px;display:flex}.acct-mark input{width:20px;height:20px;accent-color:var(--pink);flex:none;margin:0}.acct-mark .avatar{flex:none}.knock{width:100%;animation:.45s cubic-bezier(.2,1.6,.4,1) pop;position:relative}.knock-main{text-align:start;border:3px solid var(--ink);background:var(--paper);width:100%;color:var(--ink);box-shadow:0 5px 0 var(--pink);font-family:var(--body);cursor:pointer;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 42px 12px 12px;display:grid}[dir=rtl] .knock-main{padding:12px 12px 12px 42px}.knock-main:active{box-shadow:0 2px 0 var(--pink);transform:translateY(3px)}.knock-who{background:var(--pink);border:3px solid var(--ink);color:#fff;width:44px;height:44px;box-shadow:0 3px 0 var(--ink);border-radius:50%;place-items:center;display:grid;transform:rotate(-6deg)}.knock-who svg{width:24px;height:24px}.knock-text{gap:2px;min-width:0;display:grid}.knock-text b{font-family:var(--marker);overflow-wrap:break-word;font-size:20px;line-height:1.15}.knock-text small{color:var(--muted);overflow-wrap:break-word;font-size:14px;font-weight:700;line-height:1.3}.knock-main>svg{width:22px;height:22px}[dir=rtl] .knock-main>svg.dir{transform:scaleX(-1)}.knock-x{top:8px;border:2px solid var(--ink);width:28px;height:28px;color:var(--ink);cursor:pointer;background:#fff;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;inset-inline-end:8px}.knock-x svg{width:14px;height:14px}.join-full{text-align:center}