:root{--bg: #f3eee6;--bg2: #eee6db;--card: #fffaf2;--card2: #f8f1e6;--border: #cdbda8;--ink: #2f261d;--soft: #6f6153;--accent: #d8b591;--accent2: #b9c9ba;--success: #4f7a5a;--danger: #9d4b4b;--key: #efe4d4;--panel-btn-h: 40px;--mobile-ad-height: 68px;--mobile-action-bottom: 78px;--mobile-overlay-stack: 148px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--ink)}.page{min-height:100vh;padding:48px 12px 24px;max-width:1140px;margin:0 auto;position:relative;isolation:isolate}.headerCard,.mainGrid,.mobileActionBar,.sponsorCard{position:relative;z-index:1}.page.phaseSetup:after{content:"";position:fixed;left:0;right:0;width:100vw;bottom:calc(-1*env(safe-area-inset-bottom));height:calc(170px + env(safe-area-inset-bottom));pointer-events:none;z-index:0;background:radial-gradient(120% 100% at 12% 100%,#b88f632e,#b88f6300 70%),radial-gradient(95% 85% at 88% 100%,#89aa9129,#89aa9100 72%),linear-gradient(180deg,#f7efe200,#f7efe2d1 62%,#f2e8daf0)}.centered{display:grid;place-items:center;text-align:center}.headerCard,.card,.wordCard,.drawingCard,.sponsorCard{background:var(--card2);border:1px solid var(--border);border-radius:14px}.headerCard{padding:12px;margin-bottom:8px;box-shadow:0 4px 10px #6f523414}.headerCard h1{margin:0}.headerTop{display:flex;align-items:center;justify-content:space-between;gap:10px}.headerRulesBtn{border:1px solid var(--border);background:#efe3d2;border-radius:999px;font-size:12px;font-weight:700;color:var(--ink);cursor:pointer;padding:6px 12px;white-space:nowrap}.headerCard p{margin:6px 0 0;color:var(--soft);font-style:italic}.quoteLine{display:flex;align-items:baseline;gap:6px;min-width:0}.quoteLine>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quoteAuthor{display:inline;margin-top:0;flex:0 0 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.statChipHideMobile,.statChipHideMobileExtra{display:inline-flex}.statsRow{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.statsRow>span{background:#efe3d2;border:1px solid var(--border);padding:4px 10px;border-radius:999px;font-weight:600}.heartPill,.iconStat{display:inline-flex;align-items:center;gap:4px}.iconStat.inline{display:inline-flex}.iconGlyph{font-size:13px;line-height:1;transform:translateY(-1px);display:inline-block}.hintGlyph{color:#b8893c;text-shadow:0 0 4px rgba(184,137,60,.28)}.skipGlyph{color:#7a6b58;font-weight:800}.iconGlyph.off{color:#cdbda8;text-shadow:none;opacity:.55}.iconRow{display:inline-flex;align-items:center;gap:2px;min-width:12px}.heartRow{display:inline-flex;align-items:center;gap:2px;vertical-align:middle;transform:translateY(-1px)}.heartRow.small .heart{font-size:13px}.heart{color:#cbb9a3;font-size:14px;line-height:1;display:block}.heart.full{color:#c55b63;text-shadow:0 0 4px rgba(197,91,99,.28)}.mainGrid{display:grid;gap:8px;grid-template-columns:1fr;min-width:0;min-height:0;flex:1 1 auto}.primaryCol,.secondaryCol{display:grid;gap:8px;min-width:0;min-height:0}.playField{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-content:start;justify-items:stretch;min-width:0}.wordCardShell{width:100%;min-width:0;max-width:100%;justify-self:stretch}@media(min-width:980px){.mainGrid{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:12px}.drawingCard{height:320px}.drawingSvg{height:100%;max-height:none}.settingsCard{height:320px;display:flex;flex-direction:column;gap:10px;padding-bottom:16px;overflow-y:auto}}.drawingCard{background:#fff8ee;padding:10px;box-shadow:0 6px 12px #5f4c371a;min-width:0}.drawingSvg{width:100%;max-height:280px;display:block;border-radius:12px;background:#f6efe3d1}.wood{stroke:#3f3932db;stroke-width:6;stroke-linecap:round}.woodDot{fill:#3f3932d1}.platform{fill:#cab395b8;stroke:#b49774bf;stroke-width:1}.ground{stroke:#6d6459d1;stroke-width:4;stroke-linecap:round}.rope{stroke:#b79462d1;stroke-width:3;stroke-linecap:round}.ropeKnot{fill:#a88454cc}.body{stroke:#1f1c19;stroke-width:4;fill:#fff;stroke-linecap:round;opacity:0}.wordCard{background:#fff8ee;padding:12px;text-align:center;border-color:var(--border);min-height:168px;width:100%;max-width:100%;display:grid;grid-template-rows:32px 1fr 20px auto;align-items:center;min-width:0;overflow:hidden;justify-self:stretch}.wordCardTop{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:32px;padding:6px 0 0;margin-bottom:2px;width:100%;min-width:0}.wordLearnBtn{border:1px solid var(--border);background:#efe3d2;border-radius:999px;font-size:12px;font-weight:700;color:var(--ink);cursor:pointer;padding:4px 10px}.wordLearnBtn.hidden{visibility:hidden;pointer-events:none}.wordText{margin:0;font-size:clamp(22px,3.6vw,34px);letter-spacing:2.5px;line-height:1.1;height:1.2em;min-width:0;width:100%;max-width:100%;white-space:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.wordTextSetup{font-size:2rem;letter-spacing:1px;white-space:normal;overflow:hidden;text-wrap:balance;line-height:1.05;height:auto}.wordText::-webkit-scrollbar{display:none}.wordChar{display:inline-block;width:1em;height:1em;line-height:1em;text-align:center;vertical-align:middle}.wordChar.missed{color:var(--danger);text-shadow:0 0 8px rgba(157,75,75,.35);animation:missedPulse 1.5s ease-in-out infinite}.wordGap{display:inline-block;width:.85em;height:1em;vertical-align:middle}@keyframes missedPulse{0%{text-shadow:0 0 0 rgba(157,75,75,0)}50%{text-shadow:0 0 10px rgba(157,75,75,.45)}to{text-shadow:0 0 0 rgba(157,75,75,0)}}.progressTrack{width:100%;max-width:420px;height:10px;border-radius:999px;margin:10px auto 0;background:#e7ddd0;border:1px solid var(--border);overflow:hidden}.progressFill{height:100%;background:var(--success)}.statusWrap{height:32px;text-align:center;display:flex;align-items:center;justify-content:center}.statusWrap p{margin:0;line-height:20px;font-size:14px;white-space:nowrap}.statusWrap .meta,.statusWrap .winText,.statusWrap .loseText{font-size:14px;line-height:20px}.statusPlaceholder{visibility:hidden}.winText{color:var(--success);font-weight:800}.loseText{color:var(--danger);font-weight:800}.inlineLinkBtn{border:0;background:transparent;color:inherit;text-decoration:underline;font-weight:800;cursor:pointer;padding:0}.inlineLearnBtn{display:none}.celebrationStage{display:grid;justify-items:center;gap:4px}.effectSlot{height:46px;display:grid;align-items:center;justify-items:center;overflow:hidden}.celebrationBadge{background:#e4cfb2;border:1px solid #b88f63;padding:4px 12px;border-radius:999px;font-weight:900;font-size:12px}.confettiRow{display:flex;gap:8px;font-size:18px;color:#a97b4d}.loseVeil{pointer-events:none;position:relative;height:0}.keyboard{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:760px;width:100%;min-width:0}button,input{font:inherit}.key{width:42px;height:46px;border-radius:10px;border:1px solid #ccb89c;background:var(--key);font-weight:800;cursor:pointer;transition:transform .12s ease,opacity .12s ease,background .12s ease}.key:active,.chip:active,.actionsRow button:active,.leaderToggle button:active,.sponsorCard button:active{transform:scale(.98)}.key.hit{background:#cce9d3;border-color:#4f7a5a}.key.miss{background:#f5d0d5;border-color:#a35656}.card{padding:12px;background:#fff8ee}.card h3{margin:0 0 8px}.difficultyHeading{margin-top:0}.chipWrap{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.chip{border:1px solid var(--border);border-radius:999px;padding:7px 12px;background:#f1e6d7;cursor:pointer;font-weight:700;font-size:13px;line-height:1}.chip.active{background:#d6b18b;border-color:#c69a6f}.difficultyRow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:20px}.difficultyRow .chip{border:1px solid var(--border);border-radius:10px;padding:9px 12px;height:var(--panel-btn-h);background:#eadcc8}.difficultyRow .chip.active{background:#d6b18b;border-color:#c69a6f}.actionsRow{display:flex;flex-wrap:wrap;gap:8px}.settingsCard .actionsRow{display:flex;flex-wrap:nowrap;align-items:center;min-height:40px}.settingsCard .chipWrap{margin-bottom:0}.settingsCard .difficultyHeading{margin:0 0 8px}.settingsCard .difficultyRow{margin-bottom:0}.settingsSection{display:grid;gap:8px}.difficultySection{margin-top:10px}.settingsActions{gap:0;margin-top:auto}.mobileActionBar{display:none}.settingsCard .actionsRow>button:only-child{flex:1}.settingsCard .actionsRow>button{flex:1;min-width:0;white-space:nowrap;padding:8px 10px;font-size:13px}.card .actionsRow>button{flex:1;min-width:0}.actionsRow button,.leaderToggle button,.sponsorCard button{border:1px solid var(--border);border-radius:10px;padding:9px 12px;height:var(--panel-btn-h);background:#eadcc8;cursor:pointer;font-weight:700}.leaderToggle{display:flex;justify-content:space-between;align-items:center}.leaderboardCard{display:flex;flex-direction:column;align-self:start;overflow:hidden}.leaderboardScroll{min-height:0;overflow-y:auto;padding-right:4px}.boardCategoryRow{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.boardCategoryRow::-webkit-scrollbar{display:none}.boardCategoryRow .chip{font-size:12px;padding:5px 10px;line-height:1}input{width:100%;margin-top:8px;border:1px solid var(--border);border-radius:10px;padding:8px 10px;background:#f1e9de}.meta{color:var(--soft)}.scoreHead{display:grid;grid-template-columns:44px 56px 1fr 1fr 1fr auto;gap:8px;padding:2px 0 6px;color:var(--soft);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.scoreRow{display:grid;grid-template-columns:44px 56px 1fr 1fr 1fr auto;gap:8px;padding:6px 0;border-bottom:1px solid #e2d8ca}.sponsorCard{border-style:dashed;background:#f7efe2;padding:8px 10px;margin-top:2px}.sponsorBadge{margin:0;color:var(--soft);font-size:11px;font-weight:700}.sponsorCard h3{margin:0 0 4px;font-size:15px;line-height:1.2}.sponsorCard p{margin:0;font-size:12px;line-height:1.3}.sponsorMain{display:grid;grid-auto-rows:min-content;gap:8px}.sponsorAdShell{position:relative;border-radius:8px;background:transparent;overflow:hidden}.sponsorAdSlot{width:100%;min-height:56px;border:0;border-radius:8px;background:transparent}.sponsorAdPlaceholder{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;background:linear-gradient(180deg,#fff8ee,#f9f1e5);display:flex;align-items:center;justify-content:space-between;padding:6px 10px;pointer-events:none}.sponsorAdPlaceholder .sponsorBadge{margin:0}.sponsorAdPlaceholder h3{margin:0;font-size:14px;line-height:1.2}.sponsorAdPlaceholder p{margin:0;font-size:11px;line-height:1.1}.sponsorCard .actionsRow{justify-content:flex-end;flex-wrap:nowrap;align-items:flex-start;margin-top:0}.sponsorCard .actionsRow button{height:36px;padding:6px 10px}.sponsorCardStickyMobile{display:none}@media(min-width:701px){.page:not(.centered){display:flex;flex-direction:column;min-height:100vh;padding-top:8px;padding-bottom:142px}.page:not(.centered) .mainGrid{flex:1 1 auto}.page:not(.centered) .primaryCol{padding-bottom:40px}.page:not(.centered) .keyboard{margin-bottom:42px}.page:not(.centered) .sponsorCard:not(.sponsorCardStickyMobile){position:fixed;left:50%;bottom:8px;transform:translate(-50%);width:min(1140px,calc(100vw - 24px));margin-top:0;z-index:12}.sponsorCard:not(.sponsorCardStickyMobile) .sponsorAdShell{height:44px;max-height:44px}.sponsorCard:not(.sponsorCardStickyMobile) .sponsorAdSlot{height:44px!important;min-height:44px!important;max-height:44px!important;overflow:hidden}.sponsorCard:not(.sponsorCardStickyMobile) .sponsorAdSlot iframe{height:44px!important;min-height:44px!important;max-height:44px!important}.sponsorCard.setupHideOnMobile,.mobileHideSponsorInGame{display:block!important}}@media(max-width:700px){html,body,#root{height:100%;overflow:hidden}.page{height:100dvh;overflow:hidden;display:flex;flex-direction:column}.page.phaseSetup .primaryCol,.page.phaseSetup .sponsorCard.setupHideOnMobile{display:none}.page.phaseSetup .secondaryCol{width:100%;margin-top:4px;align-content:start}.page.phaseSetup .secondaryCol>.card{width:100%}.page.phaseSetup .headerCard .statsRow{display:none}html,body{overflow-x:clip}.page{padding:18px 12px 16px}.page.phaseSetup:after{height:calc(130px + env(safe-area-inset-bottom));width:100vw;bottom:calc(-1*env(safe-area-inset-bottom))}.headerCard{padding:8px 10px}.headerCard p{display:none}.page.phaseSetup .headerCard p{display:block;margin-top:4px;font-size:11px;line-height:1.3}.page.phaseSetup .quoteLine{display:block}.page.phaseSetup .quoteLine>span:first-child{white-space:normal;overflow:visible;text-overflow:clip}.page.phaseSetup .quoteAuthor{display:block;margin-top:2px}.statsRow{margin-top:8px;gap:6px}.settingsCard{gap:12px}.page.phaseSetup .settingsCard{align-content:start}.settingsSection{gap:10px}.settingsCard .chipWrap{gap:8px}.difficultySection{margin-top:18px}.statsRow>span{min-height:30px;display:inline-flex;align-items:center;padding:3px 8px;font-size:12px}.statChipHideMobile,.statChipHideMobileExtra{display:none}.headerRulesBtn{min-height:36px;padding:6px 12px}.wordLearnBtn{min-height:36px;padding:6px 10px}.chip{min-height:38px;padding:9px 12px}.boardCategoryRow .chip{min-height:34px;padding:6px 10px}.settingsActions,.page.phaseSetup .settingsActions{margin-top:10px}.settingsActionsInGame,.settingsCard.hideOnMobileInGame,.leaderboardCard.mobileHidePlaying{display:none}.mobileActionBar{display:block;position:fixed;left:12px;right:12px;bottom:calc(var(--mobile-action-bottom) + env(safe-area-inset-bottom));z-index:17;margin-top:0}.mobileActionRow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;padding:5px;border:1px solid var(--border);border-radius:12px;background:#fff8ee;box-shadow:0 6px 14px #2f261d1f}.mobileActionRow button{width:100%;min-height:38px;white-space:nowrap}.scoreHead,.scoreRow{gap:6px;grid-template-columns:34px 48px minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) auto}.key{width:40px;height:44px}.drawingSvg{max-height:230px}.wordText{font-size:clamp(20px,6.2vw,30px);letter-spacing:2px}.wordText.wordTextSetup{font-size:22px;letter-spacing:.6px}.drawingSvg{max-height:180px}.wordCard{min-height:136px;padding:10px;grid-template-rows:32px 1fr auto auto}.statusWrap{height:24px}.effectSlot{height:28px}.sponsorCard .actionsRow{width:auto;justify-content:flex-end}.page.phasePlaying{padding-bottom:calc(var(--mobile-overlay-stack) + env(safe-area-inset-bottom))}.mobileHideSponsorInGame{display:none}.sponsorCardStickyMobile{display:block;position:fixed;left:12px;right:12px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:16;margin:0;padding:5px 8px;height:60px!important;max-height:60px!important;min-height:60px!important;overflow:hidden}.sponsorCardStickyMobile .sponsorMain{display:flex!important;align-items:center!important;height:100%!important;overflow:hidden!important}.sponsorCardStickyMobile .sponsorAdShell{display:flex!important;align-items:center!important;width:100%!important;flex:1 1 auto!important;height:100%!important;max-height:100%!important;overflow:hidden!important}.sponsorCardStickyMobile .sponsorAdSlot{display:flex!important;align-items:center!important;width:100%!important;flex:1 1 auto!important;height:100%!important;min-height:100%!important;max-height:100%!important;overflow:hidden}.sponsorCardStickyMobile .sponsorAdSlot iframe{height:100%!important;min-height:100%!important;max-height:100%!important}.sponsorCardStickyMobile h3{font-size:12px;margin-bottom:0}.sponsorCardStickyMobile p{font-size:10px;line-height:1.2}.page.phasePlaying .drawingCard{padding:8px;height:170px}.page.phasePlaying .primaryCol{align-content:start}.page.phasePlaying .drawingSvg{max-height:152px}.page.phasePlaying .wordCard{min-height:124px;height:124px;padding:8px;grid-template-rows:28px 1fr auto auto}.page.phasePlaying .statusWrap{height:20px}.page.phasePlaying .key{width:36px;height:40px}.page.phasePlaying .keyboard{gap:5px}}@media(min-width:701px)and (max-width:979px){html,body,#root{height:100%;overflow:hidden}.page{height:100dvh;overflow:hidden;display:flex;flex-direction:column}.page.phasePlaying{padding-bottom:calc(var(--mobile-overlay-stack) + env(safe-area-inset-bottom))}.page.phasePlaying .mainGrid{min-height:0;overflow:hidden;flex:0 0 auto}.page.phasePlaying .secondaryCol{display:none}.page.phasePlaying .primaryCol{padding-bottom:0;align-content:start}.page.phasePlaying .keyboard{margin-bottom:0}.page.phasePlaying .mobileHideSponsorInGame{display:block!important}.page.phaseSetup .primaryCol{display:none}.page.phaseSetup .secondaryCol{width:100%;align-content:start}.page.phaseSetup .secondaryCol>.card{width:100%}.page.phaseSetup .settingsSection.settingsActions{margin-top:12px}.page.phasePlaying .leaderboardCard.mobileHidePlaying,.page.phasePlaying .settingsSection.settingsActions.settingsActionsInGame{display:none}.mobileActionBar{display:block;position:fixed;left:12px;right:12px;bottom:calc(var(--mobile-action-bottom) + env(safe-area-inset-bottom));z-index:17;margin-top:0}.page.phasePlaying .sponsorCard.mobileHideSponsorInGame{bottom:8px;height:56px!important;min-height:56px!important;max-height:56px!important;overflow:hidden!important}.mobileActionRow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:6px;border:1px solid var(--border);border-radius:12px;background:#fff8ee;box-shadow:0 6px 14px #2f261d1f}.mobileActionRow button{width:100%;min-height:40px}.page.phasePlaying .settingsCard .settingsSection:not(.settingsActionsInGame){display:none}.page.phasePlaying .settingsCard{padding:10px;gap:0;align-content:start}.page.phasePlaying .drawingCard{padding:8px;height:170px}.page.phasePlaying .drawingSvg{max-height:152px}.page.phasePlaying .wordCard{min-height:124px;height:124px;padding:8px;grid-template-rows:28px 1fr auto auto}.page.phasePlaying .statusWrap{height:20px}.page.phasePlaying .key{width:36px;height:40px}.page.phasePlaying .keyboard{gap:5px}.settingsSection.settingsActions.settingsActionsInGame{margin-top:12px}}@media(min-width:701px)and (max-width:979px)and (max-height:860px){.page.phasePlaying{padding-bottom:calc(var(--mobile-overlay-stack) + env(safe-area-inset-bottom))}}@media(min-width:701px)and (max-width:979px)and (min-height:1000px){.page.phasePlaying{padding-bottom:calc(var(--mobile-overlay-stack) + env(safe-area-inset-bottom))}}@media(min-width:980px){.drawingCard{height:320px}.drawingSvg{height:100%;max-height:none}}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#20181094;display:grid;place-items:center;padding:16px;z-index:30}.modalCard{width:min(460px,100%);background:#fff8ee;border:1px solid var(--border);border-radius:14px;padding:14px;box-shadow:0 10px 24px #2f261d40}.modalEyebrow{margin:0;color:var(--soft);font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.modalCard h3{margin:4px 0 8px}.modalBody{margin:0 0 8px;color:var(--ink)}.learnModal{border-style:solid}.rulesModal{border-style:solid;background:linear-gradient(180deg,#fff8ee,#f8f1e6)}.rulesList{margin:0;padding-left:20px;color:var(--ink);line-height:1.45}.rulesList li{margin:0 0 6px}.learnDefinition{margin:4px 0 8px;padding:10px;border-radius:10px;background:#f2e7d8;border:1px solid var(--border);line-height:1.45}.learnExample,.learnFact{margin:0 0 8px;color:var(--soft);font-size:14px}.initialsInput{margin-top:6px;text-transform:uppercase;letter-spacing:.18em;font-weight:800;text-align:center}.modalError{margin:6px 0 0;color:var(--danger);font-weight:700}.modalCard .actionsRow{margin-top:12px}.restartModal{border-color:#9d4b4ba6;box-shadow:0 10px 24px #9d4b4b38;background:linear-gradient(180deg,#fff8ee,#fff2f2)}.restartEyebrow{color:var(--danger)}.dangerBtn{background:#f5d0d5;border-color:#a35656;color:#5e1f25}