:root{color:#243f3a;font-synthesis:none;--bg:#fbf8f0;--surface:#fffdf8;--ink:#243f3a;--muted:#63716a;--line:#dfdfd3;--teal:#17675d;--teal-soft:#e6f0e9;--coral:#f7e2d9;--yellow:#f8edcb;--ink-drawing:#244b50;--shadow:0 12px 35px #35534608;background:#fbf8f0;font-family:Trebuchet MS,Arial,sans-serif;font-weight:400}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#172c29;--surface:#213a35;--ink:#f3f2e7;--muted:#b6c7be;--line:#466159;--teal:#9bd9c5;--teal-soft:#304d43;--coral:#553c36;--yellow:#51472d;--ink-drawing:#87b8b2;--shadow:0 12px 35px #07181326;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default}button{border:0}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #b9872b}button{touch-action:manipulation}p{margin:0 0 14px;line-height:1.65}h1,h2,h3{letter-spacing:-.045em;margin:0}h1{font-size:clamp(32px,4vw,48px);line-height:1.13}h2{font-size:25px}h3{font-size:26px}button:hover{filter:brightness(.97)}.app-shell{flex-direction:column;max-width:1152px;min-height:100dvh;margin:auto;padding:0 40px;display:flex}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;height:110px;display:flex}.brand{text-align:left;background:0 0;align-items:center;gap:12px;padding:4px 0;display:flex}.brand-icon{background:var(--teal);width:46px;height:46px;color:var(--bg);letter-spacing:-6px;border-radius:14px;justify-content:center;align-items:center;padding-right:5px;font-size:27px;font-weight:800;display:flex;transform:rotate(-4deg)}.brand-icon span{font-size:19px;transform:translateY(4px)}.brand-words{letter-spacing:-1px;font-size:26px;font-weight:800;line-height:1.05}.brand-words small{letter-spacing:1.7px;margin-top:7px;font-size:9px;font-weight:700;display:block}nav{gap:14px;display:flex}.nav-button{background:0 0;min-height:44px;padding:10px 8px;font-size:13px;font-weight:700}.nav-button>span:first-child{vertical-align:middle;margin-right:4px;font-size:20px}main{flex:1}.hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:35px;min-height:393px;padding:44px 16px 34px;display:grid}.eyebrow{letter-spacing:2px;color:var(--teal);margin-bottom:20px;font-size:10px;font-weight:800}.live-dot{background:var(--teal);border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.hero h1{letter-spacing:-3px;font-size:clamp(42px,5.3vw,65px);line-height:1.08}.hero h1 em{color:var(--teal);font-style:normal}.hero p{color:var(--muted);margin-top:23px;font-size:16px;line-height:1.7}.hero-tags{color:var(--muted);flex-wrap:wrap;gap:20px;margin-top:24px;font-size:11px;font-weight:700;display:flex}.hero-art{aspect-ratio:1.1;background:var(--teal-soft);border-radius:49% 51% 43% 57%/60% 43% 57% 40%;justify-self:center;width:100%;max-width:330px;position:relative}.hero-art>.character{width:78%;height:95%;position:absolute;top:-4%;left:11%}.character{width:100%;height:auto;max-height:270px;display:block}.art-spark{color:#b9862c;font-size:30px;position:absolute}.s1{top:10%;left:8%}.s2{font-size:45px;top:15%;right:6%}.s3{font-size:23px;bottom:26%;right:4%}.art-chip{background:var(--surface);box-shadow:0 6px 0 var(--line);text-align:center;z-index:1;border-radius:10px;width:47px;height:51px;font-size:26px;font-weight:700;line-height:51px;position:absolute}.chip-one{top:47%;left:-3%;transform:rotate(-14deg)}.chip-two{color:#ae7341;top:48%;right:-2%;transform:rotate(12deg)}.mini-word{gap:6px;display:flex;position:absolute;bottom:4%;left:24%;transform:rotate(-4deg)}.mini-word span{background:var(--surface);box-shadow:0 4px 0 var(--line);border-radius:7px;padding:8px 10px;font-size:20px;font-weight:800}.play-section{padding:10px 0 26px}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.section-heading h2{font-size:24px}.section-heading p{color:var(--muted);margin:8px 0 0;font-size:13px}.player-select{white-space:nowrap;color:var(--muted);flex-wrap:wrap;align-items:center;gap:9px;font-size:12px;display:flex}select{border:1px solid var(--line);max-width:190px;color:var(--ink);background:var(--surface);border-radius:9px;min-height:44px;padding:11px 30px 11px 12px;font-size:13px;font-weight:700}.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.mode-card{text-align:left;border:1px solid var(--line);border-radius:20px;min-height:275px;padding:25px 25px 22px;transition:transform .18s,box-shadow .18s;position:relative}.mode-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.mode-card.together{background:var(--coral)}.mode-card.quick{background:var(--teal-soft)}.mode-card.category{background:var(--yellow)}.mode-icon{text-align:center;background:#fff5;border:1px solid #fff7;border-radius:14px;width:47px;height:47px;margin-bottom:20px;font-size:31px;line-height:47px;display:block}.mode-kicker{letter-spacing:1.5px;color:var(--muted);margin-bottom:8px;font-size:8px;font-weight:800;display:block}.mode-card h3{font-size:clamp(20px,2.4vw,27px)}.mode-card p{color:var(--muted);margin-top:12px;font-size:13px;line-height:1.65}.card-action{justify-content:space-between;align-items:center;margin-top:19px;font-size:12px;font-weight:800;display:flex}.card-action>span{font-size:20px}.home-options{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;padding:20px 4px 0;font-size:11px;display:flex}.text-button{min-height:44px;color:var(--teal);background:0 0;padding:10px 0;font-size:12px;font-weight:700}.bottom-note{color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:10px;padding:8px 0 31px;font-size:12px;display:flex}.bottom-note>span{font-size:24px}footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;align-items:center;gap:20px;padding:14px 0 20px;font-size:10px;display:flex}footer>span:first-child{margin-right:auto}footer a{align-items:center;min-height:44px;font-weight:700;text-decoration:none;display:flex}.offline-status{font-size:9px}.page{padding:24px 0 48px}.narrow{max-width:660px;margin:auto}.back{margin-bottom:15px}.page-heading{margin-bottom:30px}.page-heading .eyebrow{margin-bottom:12px}.page-heading p{color:var(--muted);margin:18px 0 0;font-size:15px}.selection-bar{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;font-size:12px;display:flex}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.category-tile{background:var(--surface);border:1px solid var(--line);border-radius:18px;min-height:160px;padding:20px 10px;transition:transform .18s}.category-tile:hover{transform:translateY(-3px)}.category-tile>span{margin-bottom:12px;font-size:34px;display:block}.category-tile h2{font-size:20px}.category-tile p{color:var(--muted);margin:8px 0 0;font-size:11px}.button{border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:15px 22px;font-size:13px;font-weight:800;display:inline-flex}.primary{background:var(--teal);color:var(--bg)}.secondary{background:var(--surface);border:1px solid var(--line)}.surprise{margin:26px auto 0;display:flex}.panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;padding:28px}.together-form{flex-direction:column;gap:16px;display:flex}.together-form>label:not(.player-select),.add-player label{font-size:13px;font-weight:700;display:block}input:not([type=checkbox]):not([type=range]){background:var(--bg);border:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);border-radius:10px;margin-top:10px;padding:13px 14px;font-size:14px;display:block}input::placeholder{color:var(--muted);opacity:.85}.optional{color:var(--muted);margin-left:6px;font-size:10px;font-weight:400}.helper{color:var(--muted);font-size:11px;line-height:1.6}.together-form .helper{margin:0}.form-summary{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:6px;font-size:12px;display:flex}.error{color:#b74236;font-size:13px}.privacy-screen{text-align:center;padding:65px 20px 85px}.privacy-screen .eyebrow{margin:25px 0 15px}.privacy-screen p{color:var(--muted);margin:22px 0}.privacy-screen .text-button{margin:18px auto 0;display:block}.privacy-icon{background:var(--teal-soft);border-radius:28px;width:105px;height:105px;margin:auto;font-size:54px;line-height:105px;transform:rotate(-7deg)}.game-page{padding:24px 0 45px}.game-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px;font-size:12px;display:flex}.game-top>span{text-align:center}.muted{color:var(--muted)}.game-panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;grid-template-columns:270px minmax(0,1fr);display:grid;overflow:hidden}.drawing-column{background:var(--teal-soft);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:25px 24px;display:flex}.pill{background:var(--surface);color:var(--muted);text-transform:capitalize;border-radius:30px;padding:8px 13px;font-size:10px}.drawing-column .character{min-height:200px;margin:10px 0 0}.mistakes-counter{color:var(--muted);align-items:baseline;gap:6px;font-size:12px;display:flex}.mistakes-counter strong{color:var(--ink);letter-spacing:-1px;font-size:30px}.progress-dots{flex-wrap:wrap;justify-content:center;gap:4px;max-width:195px;margin-top:13px;display:flex}.progress-dots span{background:var(--teal);border-radius:50%;width:7px;height:7px}.progress-dots .used{opacity:.65;background:#cc7969}.puzzle-column{min-width:0;padding:38px 34px}.game-status .eyebrow{margin-bottom:12px}.game-status h1{font-size:34px}.game-status p{color:var(--muted);margin:14px 0 0;font-size:13px}.word-board{flex-wrap:wrap;justify-content:center;gap:16px;min-height:46px;margin:32px 0 22px;display:flex}.word-group{flex-wrap:wrap;justify-content:center;gap:10px 5px;max-width:100%;display:flex}.letter-slot{border-bottom:3px solid var(--teal);background:var(--teal-soft);border-radius:5px 5px 0 0;justify-content:center;align-items:center;width:31px;height:42px;font-size:22px;font-weight:800;display:flex}.letter-slot.blank{background:var(--bg)}.letter-slot.punctuation{background:0 0;border-color:#0000;width:18px}.guess-feedback{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;font-size:11px;display:flex}.guess-feedback strong{letter-spacing:1px;font-size:12px}.hint-area{text-align:center;margin-top:24px}.hint-button{background:var(--bg);border:1px solid var(--line);color:var(--ink);border-radius:10px;min-height:44px;padding:13px 16px;font-size:12px}.hint-button span{color:var(--muted);margin-left:10px;font-size:9px}.hint-area p{color:var(--teal);background:var(--teal-soft);border-radius:10px;margin:0;padding:12px;font-size:13px}.keyboard{max-width:730px;margin:27px auto 0}.keyboard-row{justify-content:center;gap:7px;margin-bottom:8px;display:flex}.keyboard button{border:1px solid var(--line);background:var(--surface);border-bottom-width:3px;border-radius:9px;width:54px;height:50px;font-size:17px;font-weight:800}.keyboard button.correct{background:var(--teal);color:var(--bg);border-color:var(--teal)}.keyboard button.incorrect{background:var(--coral);color:var(--muted);border-color:var(--line);text-decoration:line-through}.keyboard-tip{text-align:center;color:var(--muted);margin:17px 0 0;font-size:10px}.fact-card{background:var(--yellow);border-radius:12px;margin-top:22px;padding:19px}.fact-card .eyebrow{color:var(--ink);margin-bottom:8px;font-size:9px}.fact-card p{margin:0;font-size:13px}.result-actions{flex-wrap:wrap;gap:10px;margin-top:25px;display:flex}.won .game-status h1{color:var(--teal)}.celebration{pointer-events:none;z-index:5;position:fixed;inset:0;overflow:hidden}.celebration i{width:7px;height:12px;animation:2s ease-out both confetti;position:absolute;top:-10px}.stats-panel .player-select{justify-content:center}.stats-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:30px 12px;margin:30px 0;display:grid}.stats-grid strong{color:var(--teal);letter-spacing:-1px;font-size:35px;display:block}.stats-grid span{color:var(--muted);margin-top:6px;font-size:11px;display:block}.stats-panel>.helper{text-align:center;margin:0}.add-player{margin-top:20px}.add-player h2{font-size:23px}.add-player p{color:var(--muted);margin:10px 0 17px;font-size:12px}.add-player .button{margin-top:18px}.notice,.offline-banner{background:var(--yellow);border-radius:10px;margin:15px 0 0;padding:12px 18px;font-size:12px;line-height:1.6}.offline-banner{background:var(--teal-soft)}dialog{color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:22px;width:calc(100% - 28px);max-width:540px;max-height:calc(100dvh - 40px);padding:27px;overflow-y:auto;box-shadow:0 25px 80px #0003}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#102a29a0}.dialog-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px;display:flex}.dialog-head h2{font-size:26px}.icon-button{background:var(--bg);border-radius:50%;min-width:44px;height:44px;font-size:27px}.dialog-head+p{color:var(--muted);font-size:13px}.settings-body fieldset{border:0;margin:22px 0;padding:0}.settings-body legend{margin-bottom:11px;font-size:12px;font-weight:800}.segmented{background:var(--bg);border:1px solid var(--line);border-radius:12px;gap:5px;padding:5px;display:flex}.segmented button{background:0 0;border-radius:8px;flex:1;min-height:42px;font-size:12px}.segmented button.selected{background:var(--teal);color:var(--bg);font-weight:800}.segmented+.helper{margin:9px 0 0}.preset-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.preset-grid button{background:var(--bg);border:1px solid var(--line);border-radius:10px;min-height:60px;padding:12px 6px;font-size:11px;font-weight:700}.preset-grid button small{margin-top:5px;font-size:9px;font-weight:400;display:block}.preset-grid button.selected,.character-picker button.selected{border:2px solid var(--teal);background:var(--teal-soft)}.range-label{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:18px;font-size:12px;display:flex}.range-label input{width:100%;accent-color:var(--teal);min-height:32px}.character-picker{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.character-picker button{background:var(--bg);border:1px solid var(--line);border-radius:12px;min-width:0;padding:6px 2px 13px}.character-picker svg{height:100px}.character-picker span{font-size:10px;font-weight:700;display:block}.toggle-list label{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:15px 0;font-size:12px;display:flex}.toggle-list small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.toggle-list input{width:21px;height:21px;accent-color:var(--teal);cursor:pointer;outline-offset:8px}.full{width:100%;margin-top:12px}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}dialog li{margin-bottom:14px;font-size:13px;line-height:1.7}.drawing-part{animation:.2s ease-out draw-in}@keyframes draw-in{0%{opacity:0}to{opacity:1}}@keyframes confetti{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(80vh)rotate(540deg)}}@media (width>=1300px){.hero{min-height:420px}}@media (width<=800px){.app-shell{padding:0 24px}.hero{gap:15px;padding:35px 0}.hero-art{max-width:270px}.hero h1{font-size:49px}.hero-tags{gap:12px;font-size:10px}.mode-card{min-height:265px;padding:21px 18px}.mode-card h3{font-size:22px}.mode-kicker{letter-spacing:1px;font-size:7px}.game-panel{grid-template-columns:220px minmax(0,1fr)}.puzzle-column{padding:30px 22px}.drawing-column{padding:22px 12px}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.category-tile h2{font-size:17px}.game-status h1{font-size:30px}}@media (width<=600px){.app-shell{padding:0 18px}header{height:83px}.brand-icon{border-radius:11px;width:38px;height:38px;font-size:24px}.brand-words{font-size:22px}.brand-words small{letter-spacing:1.2px;margin-top:6px;font-size:7px}.brand{gap:9px}nav{gap:1px}.nav-label{display:none}.nav-button{min-width:44px;padding:10px}.nav-button>span:first-child{margin:0}.hero{grid-template-columns:1.25fr .85fr;gap:10px;min-height:0;padding:34px 0 27px}.hero .eyebrow{letter-spacing:1.2px;margin-bottom:14px;font-size:7px}.hero h1{letter-spacing:-1.8px;font-size:36px}.hero p{margin-top:17px;font-size:12px}.hero-tags{grid-column:1/-1;gap:8px;font-size:9px}.hero-art{max-width:180px}.art-chip{border-radius:6px;width:29px;height:34px;font-size:18px;line-height:34px}.art-spark{font-size:19px}.s2{font-size:28px}.mini-word{gap:4px;bottom:0;left:19%}.mini-word span{border-radius:4px;padding:5px 7px;font-size:13px}.section-heading{flex-wrap:wrap;align-items:flex-start;gap:14px;margin-bottom:17px}.section-heading h2{font-size:22px}.section-heading p{margin-top:7px;font-size:12px}.section-heading .player-select{font-size:11px}.section-heading select{min-height:44px;padding:9px 27px 9px 10px;font-size:12px}.mode-grid{grid-template-columns:1fr;gap:12px}.mode-card{border-radius:17px;min-height:0;padding:21px 21px 21px 81px;position:relative}.mode-card h3{font-size:23px}.mode-card p{margin:8px 0;font-size:12px;line-height:1.5}.mode-card p br{display:none}.mode-icon{width:43px;height:43px;margin:0;font-size:29px;line-height:43px;position:absolute;top:27px;left:20px}.mode-kicker{letter-spacing:1.3px;margin-bottom:6px;font-size:7px}.card-action{margin-top:10px;font-size:11px}.home-options{flex-wrap:wrap;gap:0;padding-top:13px;font-size:10px}.bottom-note{padding-bottom:23px;font-size:10px;line-height:1.5}.play-section{padding-bottom:15px}footer{gap:8px 16px;padding:10px 0 16px;font-size:9px}footer>span:first-child{display:none}footer a{margin-right:auto}.offline-status{text-align:center;flex-basis:100%}.page{padding-top:17px}.page-heading{margin-bottom:23px}.page-heading h1{font-size:33px}.page-heading p{font-size:13px}.page-heading .eyebrow{letter-spacing:1.3px;font-size:8px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-tile{min-height:142px}.category-tile h2{font-size:19px}.selection-bar{gap:8px;font-size:10px}.panel{padding:22px}.together-form{gap:15px}.optional{line-height:1.6;display:inline-block}.privacy-screen{padding:55px 10px}.game-page{padding-top:13px}.game-top{flex-wrap:wrap;gap:2px;font-size:10px}.game-top .text-button{font-size:11px}.game-top>span{max-width:55%;line-height:1.5}.game-panel{border-radius:18px;grid-template-columns:1fr}.drawing-column{grid-template-columns:1fr 1fr;justify-items:center;gap:4px;min-height:150px;padding:12px 16px;display:grid;position:relative}.drawing-column .character{grid-area:1/1/4;width:142px;height:146px;min-height:0;margin:0}.drawing-column .pill{grid-column:2;align-self:end;font-size:9px}.mistakes-counter{grid-column:2;align-self:center;font-size:11px}.mistakes-counter strong{font-size:32px}.progress-dots{grid-column:2;align-self:start;gap:4px;max-width:120px;margin:0}.progress-dots span{width:6px;height:6px}.puzzle-column{text-align:center;padding:23px 18px}.game-status .eyebrow{margin-bottom:8px;font-size:8px}.game-status h1{font-size:28px}.game-status p{margin-top:10px;font-size:11px}.word-board{gap:14px;margin:23px 0 18px}.letter-slot{width:27px;height:36px;font-size:20px}.word-group{gap:4px}.letter-slot.punctuation{width:14px}.guess-feedback{gap:10px;font-size:10px}.hint-area{margin-top:18px}.keyboard{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:20px;display:grid}.keyboard-row{display:contents}.keyboard button{width:100%;min-width:0;height:46px;font-size:16px}.keyboard-tip{grid-column:1/-1;margin-top:10px}.result-actions{justify-content:center;margin-top:19px}.button{padding:14px 18px;font-size:12px}.fact-card{text-align:left;padding:16px}.fact-card p{font-size:12px}.stats-grid{gap:26px 7px}.stats-grid strong{font-size:31px}.stats-grid span{font-size:10px}.continue{padding:16px!important}.continue small{font-size:10px!important}.continue strong{font-size:12px}dialog{padding:22px}.dialog-head h2{font-size:24px}}@media (width<=360px){.app-shell{padding:0 12px}.hero h1{font-size:32px}.hero p{font-size:11px}.hero-tags{font-size:8px}.hero .eyebrow{font-size:6px}.keyboard{grid-template-columns:repeat(6,minmax(0,1fr))}.hero-art{max-width:130px}.brand-words{font-size:20px}.brand-words small{font-size:6px}.brand-icon{width:34px;height:34px}.letter-slot{width:25px}.category-tile p{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.celebration{display:none}}.continue{text-align:left;background:var(--surface);border:1px solid var(--teal);width:100%;color:var(--teal);border-radius:13px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:17px 22px;display:flex}.continue small{color:var(--muted);margin-top:6px;font-size:11px;display:block}.continue>span:last-child{font-size:23px}@media (width<=380px){.keyboard{grid-template-columns:repeat(6,minmax(0,1fr))}}.illustrated-icon{width:42px;height:42px;color:var(--ink-drawing);flex-shrink:0;display:block}.category-tile>.illustrated-icon{width:45px;height:45px;margin:0 auto 13px}.mode-icon .illustrated-icon{width:31px;height:31px;margin:8px auto}.privacy-icon .illustrated-icon{width:70px;height:70px;margin:auto;position:relative;top:17px}.hint-button{align-items:center;gap:7px;display:inline-flex}.hint-button .illustrated-icon{width:18px;height:18px}.hint-area p{justify-content:center;align-items:center;gap:8px;display:flex}.hint-area p .illustrated-icon{width:21px;height:21px}