:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cream:#fff4e6;--surface:#fff;--ink:#241a52;--ink-soft:#5b5384;--violet:#6b4cf6;--violet-soft:#e9e3ff;--coral:#ff6b57;--coral-soft:#ffe2dc;--sun:#ffc83d;--sun-soft:#fff1c7;--mint:#2cc4a2;--mint-soft:#d5f5ec;--pink:#ff8cc8;--violet-skin:#8f74ff;--peach-skin:#ffa98a;--shadow:#241a521f;--blob-1:#ffd9cf;--blob-2:#dcd3ff;--blob-3:#ffe8a8;--squiggle:#2cc4a2;--dots:#ff8cc8;--accent-text:#6b4cf6;--good-text:#0f7a63;--bad-text:#b8321f;--on-bright:#241a52;--pending-tint:.12;--pending-fill:.28;--player-0:#d33a3c;--player-1:#c2510b;--player-2:#a16606;--player-3:#88720e;--player-4:#5e7c05;--player-5:#0a843d;--player-6:#0c826c;--player-7:#0d7f84;--player-8:#127d9d;--player-9:#0776c9;--player-10:#4d69e5;--player-11:#7b59e4;--player-12:#9e4dd0;--player-13:#b740b1;--player-14:#c63c8a;--player-15:#b35768;--player-16:#9c683b;--player-17:#547e4b;--player-18:#44799e;--player-19:#91639b;--radius:28px;--pop:4px 4px 0 var(--ink);font-family:ui-rounded,SF Pro Rounded,Nunito,Varela Round,Segoe UI Rounded,system-ui,sans-serif;line-height:1.45}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cream:#17123a;--surface:#241c55;--ink:#fdf6ec;--ink-soft:#c4bce8;--violet-soft:#3a2f80;--coral-soft:#5a2c3a;--sun-soft:#4d3f22;--mint-soft:#1d4a4a;--shadow:#0000004d;--blob-1:#2c2266;--blob-2:#3a1f52;--blob-3:#2a2f5c;--pop:4px 4px 0 #0b0820;--accent-text:#b9a6ff;--good-text:#6ff0d0;--bad-text:#ffab9e;--pending-tint:.16;--pending-fill:.36;--player-0:#fd6762;--player-1:#ec783e;--player-2:#d38914;--player-3:#b29614;--player-4:#7fa610;--player-5:#40ad60;--player-6:#1dac90;--player-7:#1aaab0;--player-8:#10a5cf;--player-9:#329dfd;--player-10:#7593fe;--player-11:#9e87fe;--player-12:#c776fc;--player-13:#e36adb;--player-14:#f466b1;--player-15:#dc7c8c;--player-16:#c58e61;--player-17:#78a46e;--player-18:#699fc4;--player-19:#b787c2}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);min-height:100vh;margin:0;overflow-x:hidden}#app{max-width:1000px;margin:0 auto;padding:16px;position:relative}.backdrop{z-index:-1;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}h1,h2,h3{letter-spacing:-.01em;font-weight:800}h2{margin:0 0 8px;font-size:1.35rem}h3{margin:0 0 8px;font-size:1rem}p{margin:0 0 12px}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.logo{flex-wrap:wrap;gap:6px;margin:0;font-size:1.6rem;display:flex}.logo-word{background:var(--violet);color:#fff;border-radius:999px;padding:2px 14px 4px;transform:rotate(-2deg)}.logo-word.alt{background:var(--coral);color:var(--on-bright);transform:rotate(1.5deg)}.top-right{align-items:center;gap:10px;margin-left:auto;display:flex}.cog{background:var(--surface);width:40px;height:40px;color:var(--ink);box-shadow:2px 2px 0 var(--ink);border-width:2px;place-items:center;padding:0;display:grid}.cog:hover{box-shadow:3px 3px 0 var(--ink)}.settings{border:3px solid var(--ink);border-radius:var(--radius);background:var(--surface);width:min(360px,100vw - 32px);color:var(--ink);box-shadow:var(--pop);padding:22px}.settings::backdrop{background:#17123a73}.switch-row{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;font-weight:700;display:flex}.switch-row input{appearance:none;border:3px solid var(--ink);background:var(--surface);cursor:pointer;border-radius:999px;flex:none;width:52px;height:30px;margin:0;padding:0;transition:background .15s;position:relative}.switch-row input:after{content:"";background:var(--ink);border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch-row input:checked{background:var(--violet)}.switch-row input:checked:after{background:#fff;transform:translate(22px)}.switch-row input:focus-visible{outline:4px solid var(--sun);outline-offset:2px}.settings-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.settings-actions .close{margin-left:auto}.online{background:var(--mint-soft);color:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;margin:0;padding:2px 10px;font-size:.9rem;font-weight:800;display:inline-flex}.online:before{content:"";background:var(--good-text);border-radius:50%;width:8px;height:8px}.status{color:var(--ink-soft);margin:0;font-weight:700}.muted{color:var(--ink-soft)}.notice{background:var(--sun);color:#241a52;box-shadow:var(--pop);border-radius:999px;width:fit-content;padding:10px 16px;font-weight:700}.error{color:var(--bad-text);min-height:1.45em;font-weight:700}.card{background:var(--surface);border-radius:var(--radius);box-shadow:0 10px 0 var(--shadow);margin-bottom:18px;padding:22px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}input{font:inherit;border:3px solid var(--ink);background:var(--surface);color:var(--ink);border-radius:999px;outline:none;min-width:0;padding:12px 18px;font-weight:700}input::placeholder{color:var(--ink-soft);opacity:1}input:focus-visible{border-color:var(--violet);box-shadow:0 0 0 4px var(--violet-soft)}input:disabled{opacity:.45}button{font:inherit;border:3px solid var(--ink);background:var(--violet);color:#fff;cursor:pointer;box-shadow:var(--pop);border-radius:999px;padding:12px 22px;font-weight:800;transition:transform 80ms,box-shadow 80ms}button:hover{box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)}button:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}button:focus-visible{outline:4px solid var(--sun);outline-offset:2px}button.start{background:var(--coral);color:var(--on-bright);padding:14px 30px;font-size:1.2rem}button.link{box-shadow:none;color:var(--accent-text);text-underline-offset:4px;background:0 0;border:none;padding:4px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.hero{background:linear-gradient(135deg, var(--surface) 60%, var(--violet-soft));grid-template-columns:minmax(160px,240px) 1fr;align-items:center;gap:24px;display:grid}.figure{width:100%;height:auto;max-height:280px}.hero h2{font-size:2rem;line-height:1.1}.intro-examples strong{font-weight:900}.intro-start{font-weight:800}.intro-examples .example{white-space:nowrap}.intro-examples em{color:var(--accent-text);font-weight:800}.chips{flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:0;list-style:none;display:flex}.chips li{background:var(--mint-soft);color:var(--ink);border-radius:999px;padding:4px 14px;font-weight:700}.chips li:nth-child(3n+2){background:var(--sun-soft)}.chips li:nth-child(3n){background:var(--coral-soft)}.chips li.me{background:var(--violet);color:#fff}ol{margin:0;padding:0;list-style:none}.scores,.board ol{counter-reset:rank}.scores li,.board li{counter-increment:rank}.scores li:before,.board li:before{content:counter(rank);background:var(--violet-soft);width:1.7em;height:1.7em;color:var(--ink);border-radius:50%;flex:none;place-items:center;font-size:.8rem;font-weight:800;display:inline-grid}.scores li:first-child:before,.board li:first-child:before{background:var(--sun);color:#241a52}.scores li>span:first-child,.board li>span:first-child{flex:1}.scores li,.board li{justify-content:space-between;align-items:center;gap:10px;padding:4px 0;font-weight:600;display:flex}.scores .you{font-weight:600}.scores{--tag-base:var(--surface)}.scores li.me{color:var(--accent-text);font-weight:800}.me-name{gap:6px;margin-top:12px}.online-row{justify-content:flex-end;margin:0 0 8px;display:flex}.player-tag{border:2px solid var(--player);background:color-mix(in srgb, var(--player) 25%, var(--tag-base,var(--cream)));max-width:100%;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;border-radius:999px;padding:1px 10px;font-weight:700;display:inline-block;overflow:hidden}.points{font-variant-numeric:tabular-nums;font-weight:800}.leaderboards{background:var(--surface)}.highlights{gap:8px;margin:0 0 16px;padding:0;list-style:none;display:grid}.highlights li{background:var(--sun-soft);border-radius:16px;padding:8px 14px;font-weight:600}.highlights li:nth-child(2){background:var(--mint-soft)}.highlights li:nth-child(3){background:var(--coral-soft)}.boards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.board{background:var(--cream);border-radius:20px;padding:14px 16px}.celebrate{grid-template-columns:140px 1fr;align-items:center;gap:18px;display:grid}.celebrate .figure{max-height:170px}.result{background:linear-gradient(135deg, var(--surface) 55%, var(--sun-soft))}.round-bar{justify-content:space-between;align-items:center;margin-bottom:12px;font-weight:800;display:flex}.help{background:var(--surface);width:40px;height:40px;color:var(--ink);box-shadow:2px 2px 0 var(--ink);border-width:2px;place-items:center;padding:0;font-size:1.05rem;display:grid}.help:hover{box-shadow:3px 3px 0 var(--ink)}.help-dialog{width:min(440px,100vw - 32px);font-weight:400}.help-dialog h2{font-size:1.6rem}.round-label{background:var(--mint);color:var(--on-bright);border-radius:999px;padding:4px 16px}.timer{font-variant-numeric:tabular-nums;background:var(--surface);border:3px solid var(--ink);border-radius:999px;padding:4px 16px}.timer.urgent{background:var(--coral);color:var(--on-bright);animation:1s ease-in-out infinite pulse}.play{background:linear-gradient(135deg, var(--sun-soft), var(--surface) 45%, var(--violet-soft));container-type:inline-size}.word-row{align-items:center;gap:16px;display:flex}.word-row .guess{flex:1 1 0;min-width:5.5rem;transition:flex-grow .2s}.word-row .guess:focus-within{flex-grow:3}.word-row input{width:100%;font-size:1.15rem}.guess.before input{text-align:right}.base-word{--share:40cqi;font-size:clamp(1.05rem, calc(var(--share) / (var(--len,6) * .72 + 1.2)), 3.2rem);letter-spacing:.03em;color:#fff;background:var(--violet);box-shadow:.12em .12em 0 var(--coral);border-radius:46% 54% 52% 48%/60% 45% 55% 40%;flex:none;padding:.15em .6em .25em;font-weight:900;transform:rotate(-2deg)}.side h2{font-size:1.1rem}.round-summary{background:var(--surface);border:3px dashed var(--violet);border-radius:24px;margin-top:20px;padding:16px}.clever strong{color:var(--accent-text)}.found li{background:var(--mint-soft)}.loading{text-align:center;padding:60px 0;font-size:1.2rem;font-weight:800}@keyframes land{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes pulse{50%{transform:scale(1.06)}}:root[data-motion=reduced] *,:root[data-motion=reduced] :before,:root[data-motion=reduced] :after{transition:none!important;animation:none!important}:root[data-motion=reduced] .landed-pop{animation:popover-fade var(--pop-ms,3s) linear forwards!important}@keyframes popover-fade{0%,70%{opacity:1}to{opacity:0}}@media (width<=700px){.hero,.celebrate{text-align:center;grid-template-columns:1fr}.hero .figure{max-height:180px}.celebrate .figure{max-height:120px}.hero .row,.chips{justify-content:center}.card.play{padding:14px}.word-row{gap:8px}.word-row input{padding:10px 12px;font-size:1rem}.base-word{--share:34cqi}}.game{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:18px;display:grid}.game-main,.game-side{flex-direction:column;min-width:0;display:flex}.stage{background:linear-gradient(160deg, var(--surface) 55%, var(--violet-soft));min-height:340px;padding:0;position:relative;overflow:hidden}.stage-canvas{width:100%;height:340px;display:block}.stage-summary{position:absolute;inset:12px;overflow:auto}.stage-summary .round-summary{height:100%;margin:0}.play{margin-bottom:0}.tabs{background:var(--cream);border-radius:999px;gap:6px;margin-bottom:12px;padding:4px;display:flex}.tab{color:var(--ink);box-shadow:none;background:0 0;border:none;flex:1;padding:6px 10px;font-size:.9rem}.tab:hover{box-shadow:none;background:var(--violet-soft);transform:none}.tab.selected{background:var(--violet);color:#fff}.last-winner p{flex-wrap:wrap;align-items:center;gap:6px;margin:0;display:flex}.winner-name{color:var(--accent-text)}.points-pill{background:var(--sun);color:#241a52;border-radius:999px;margin-left:auto;padding:2px 12px;font-weight:800}.discovered{gap:6px;max-height:320px;display:grid;overflow-y:auto}.discovered li{background:var(--mint-soft);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;animation:.35s cubic-bezier(.34,1.56,.64,1) land;display:flex}.discovered li.me{box-shadow:inset 0 0 0 2px var(--mint)}.discovered li.muted{background:0 0;padding:0;animation:none}.discovered .phrase{overflow-wrap:anywhere;flex:1;min-width:0}.discovered .finder,.discovered .multiplier{color:var(--ink-soft);font-size:.85rem;font-weight:700}.discovered .finder{text-overflow:ellipsis;white-space:nowrap;max-width:8em;overflow:hidden}.discovered .phrase strong{font-weight:900}.discovered .points{background:var(--mint);color:var(--on-bright);border-radius:999px;padding:2px 10px}.landed-layer{--spread:1;pointer-events:none;position:absolute;inset:0}.landed-pop{left:calc(50% + var(--x,0%) * var(--spread));bottom:var(--y,14px);transform:translateX(-50%) rotate(var(--r,0deg));width:max-content;max-width:calc(100% - 28px);animation:popover-fade var(--pop-ms,3s) linear forwards;position:absolute}.landed-card{border:3px solid var(--ink);background:var(--surface);box-shadow:var(--pop);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:2px;padding:10px 22px 12px;animation:.35s cubic-bezier(.34,1.56,.64,1) land;display:flex;position:relative}.landed-card.good{background:var(--mint-soft)}.landed-card.bad{background:var(--coral-soft)}.landed-card.neutral{background:var(--sun-soft)}.landed-line{align-items:center;gap:8px;display:flex}.landed-who,.landed-verdict{color:var(--ink-soft);font-size:.9rem;font-weight:700}.landed-phrase{overflow-wrap:anywhere;font-size:1.4rem;font-weight:900}.landed-points{background:var(--sun);color:var(--on-bright);border-radius:999px;padding:1px 10px;font-weight:800}.splash{border:3px solid var(--ink);background:var(--sun);color:var(--on-bright);transform:rotate(var(--sr,8deg));border-radius:46% 54% 52% 48%/60% 45% 55% 40%;padding:2px 12px 4px;font-size:.95rem;font-weight:900;animation:.45s cubic-bezier(.34,1.56,.64,1) both splash;position:absolute;top:-16px;right:-12px}.splash.rejected{background:var(--ink);color:var(--surface)}.splash.duplicate{background:var(--violet);color:#fff}.splash.lateral{background:var(--coral);letter-spacing:.02em;padding:3px 14px 5px;font-size:1.15rem;animation:.45s cubic-bezier(.34,1.56,.64,1) both splash,.6s ease-in-out .45s 2 wiggle;top:-20px;right:-16px}@keyframes splash{0%{transform:scale(0)rotate(-30deg)}}@keyframes wiggle{25%{transform:rotate(calc(var(--sr,8deg) + 6deg)) scale(1.08)}75%{transform:rotate(calc(var(--sr,8deg) - 6deg)) scale(1.08)}}@media (width>=861px){.round-slot{margin-right:318px}}@media (width<=860px){.masthead.in-game{z-index:10;background:var(--cream);box-shadow:0 6px 0 var(--shadow);margin:-16px -16px 16px;padding:10px 16px 12px;position:sticky;top:0}.masthead.in-game .top{margin-bottom:8px}.masthead.in-game .help,.masthead.in-game .cog{width:34px;height:34px}.masthead.in-game .logo{font-size:1.2rem}.masthead.in-game .notice{margin:0 0 8px}.masthead.in-game .round-bar{margin-bottom:0}.landed-layer{--spread:.6}.game{flex-direction:column;align-items:stretch;gap:8px;display:flex}.game-main,.game-side{display:contents}.leaderboard,.leaderboard-online{order:1}.game .leaderboard-online{margin:0}.stage{order:2;min-height:260px}.play{order:3}.game .play{margin-bottom:18px}.found-card{order:4}.last-round{order:5}.stage-canvas{height:260px}}
