@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--ink:#172229;--muted:#78878a;--line:#e5ece9;--paper:#f8fbf8;--card:#fff;--teal:#087f78;--teal-dark:#075f5b;--mint:#e1f2ec;--coral:#ed765d;--shadow:0 18px 50px rgba(25,67,60,.08)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:15px}a{color:inherit;text-decoration:none}.site-header{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(5vw,28px);gap:42px}.brand{font:700 21px 'Space Grotesk',sans-serif;letter-spacing:-.7px;display:flex;align-items:center;gap:9px}.brand-mark{display:grid;place-items:center;width:31px;height:31px;background:var(--teal);color:#fff;border-radius:9px;font-size:17px}.brand-dot{color:var(--coral)}nav{display:flex;gap:32px;height:100%;align-items:center;color:#83908f;font-weight:600}nav a{height:100%;display:flex;align-items:center;border-bottom:2px solid transparent}nav a.active{color:var(--teal);border-color:var(--teal)}.icon-link{margin-left:auto;color:#647473;font-size:20px}.game-shell{max-width:1120px;margin:0 auto;padding:56px 28px 45px}.intro-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:700;color:var(--teal);margin:0 0 11px}.live-dot{width:6px;height:6px;background:#55b78b;border-radius:50%;display:inline-block;vertical-align:middle;margin-left:4px}h1,h2{font-family:'Space Grotesk',sans-serif;letter-spacing:-1.6px;margin:0}h1{font-size:42px;line-height:1.1}.subhead{color:var(--muted);margin:10px 0 0;font-size:16px}.streak-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);padding:12px 17px;border-radius:13px;box-shadow:0 4px 15px rgba(30,70,60,.04)}.streak-icon{font-size:23px}.streak-card strong{font-size:20px;display:block;line-height:1}.streak-card small{font-size:11px;color:var(--muted);display:block;margin-top:4px}.game-grid{display:grid;grid-template-columns:43% 57%;min-height:510px}.card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow)}.visual-card{border-radius:17px 0 0 17px;padding:27px 31px;display:flex;flex-direction:column}.category-row,.keyboard-head{display:flex;justify-content:space-between;align-items:center}.category-pill{font-size:10px;letter-spacing:1.3px;color:var(--teal);background:var(--mint);padding:7px 11px;border-radius:5px;font-weight:700}.round-count{color:#a0acab;font-size:10px;letter-spacing:1px}.round-count strong{color:var(--ink)}.scene{flex:1;display:grid;place-items:center;position:relative}.hangman-svg{width:min(90%,300px);height:auto;overflow:visible}.gallows{fill:none;stroke:#b8cec7;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.figure{fill:none;stroke:var(--coral);stroke-width:6;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .25s}.figure.shown{opacity:1}.mist{position:absolute;background:#eff7f4;border-radius:50%;width:130px;height:25px;z-index:0}.mist-one{bottom:38px;left:8%}.mist-two{bottom:20px;right:5%;width:90px}.hangman-svg{position:relative;z-index:1}.wrong-count{text-align:center;color:var(--muted);font-size:12px}.heart{color:var(--coral);font-size:16px;margin-right:3px}.play-card{border-radius:0 17px 17px 0;padding:43px 45px;display:flex;flex-direction:column}.word-area{display:flex;justify-content:center;align-items:center;gap:10px;min-height:74px;margin-bottom:21px;flex-wrap:wrap}.letter-slot{font:600 31px 'Space Grotesk';width:30px;height:43px;text-align:center;border-bottom:3px solid var(--teal);color:var(--teal)}.word-space{width:15px}.hint{background:#f8faf9;border-radius:8px;padding:14px 17px;color:#748381;margin:0;font-size:13px}.hint-icon{color:#e3a13e;margin-right:7px}.divider{height:1px;background:var(--line);margin:29px 0 21px}.keyboard-head{font-size:13px;font-weight:600;margin-bottom:13px}.used-label{font-weight:400;color:#a1acab;font-size:11px}.key-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#d6dfdc;margin-right:5px}.keyboard{display:grid;grid-template-columns:repeat(9,1fr);gap:8px}.key{height:39px;background:#fff;border:1px solid #dce6e2;border-radius:6px;color:var(--ink);font:600 13px 'DM Sans';cursor:pointer;transition:.15s}.key:hover:not(:disabled){border-color:var(--teal);color:var(--teal);transform:translateY(-2px)}.key.correct{background:var(--mint);border-color:var(--mint);color:var(--teal)}.key.wrong{background:#f2f4f3;border-color:#f2f4f3;color:#b6c0be}.key:disabled{cursor:default}.game-actions{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:30px}.primary-btn,.secondary-btn{font:600 13px 'DM Sans';border-radius:7px;padding:12px 21px;cursor:pointer}.primary-btn{background:var(--teal);color:#fff;border:1px solid var(--teal);box-shadow:0 6px 14px rgba(8,127,120,.18)}.primary-btn:hover{background:var(--teal-dark)}.secondary-btn{background:none;border:0;color:var(--muted);padding-left:0}.secondary-btn:hover{color:var(--teal)}.tip-banner{margin-top:25px;border:1px solid #dcece6;background:#f0f8f4;border-radius:12px;display:flex;align-items:center;padding:17px 22px;gap:14px}.tip-badge{width:35px;height:35px;display:grid;place-items:center;background:#fff;border-radius:50%;font-size:17px}.tip-banner strong{font-size:13px}.tip-banner p{margin:3px 0 0;color:#71817d;font-size:12px}.tip-banner a{margin-left:auto;color:var(--teal);font-weight:600;font-size:12px}footer{border-top:1px solid var(--line);padding:22px max(5vw,28px);display:flex;justify-content:space-between;color:#9ba8a5;font-size:11px}footer span:last-child{display:flex;gap:22px}.modal-backdrop{position:fixed;inset:0;background:rgba(18,43,39,.42);display:grid;place-items:center;padding:20px;z-index:5}.modal-backdrop[hidden]{display:none}.result-modal{position:relative;background:white;width:min(390px,100%);border-radius:17px;padding:39px;text-align:center;box-shadow:0 25px 70px rgba(0,0,0,.18)}.close-modal{position:absolute;right:17px;top:13px;background:none;border:0;font-size:25px;color:#9ca9a6;cursor:pointer}.result-emoji{font-size:42px;margin-bottom:17px}.result-modal h2{font-size:27px;margin-bottom:9px}.result-modal p:not(.eyebrow){color:var(--muted);margin:0 0 21px}.answer-reveal{background:var(--mint);padding:12px;border-radius:8px;margin-bottom:20px}.answer-reveal span{display:block;color:var(--muted);font-size:11px}.answer-reveal strong{font:700 20px 'Space Grotesk';color:var(--teal)}.full{width:100%}@media(max-width:760px){.site-header{height:66px;padding:0 20px;gap:20px}nav{gap:15px;font-size:12px}nav a:nth-child(2){display:none}.game-shell{padding:35px 17px}.intro-row{align-items:start;margin-bottom:24px}.streak-card{padding:9px 11px}.streak-icon{font-size:18px}h1{font-size:31px}.subhead{font-size:13px;max-width:230px;line-height:1.4}.game-grid{display:block}.visual-card{min-height:340px;border-radius:15px 15px 0 0;padding:22px}.play-card{border-radius:0 0 15px 15px;padding:28px 20px;min-height:450px}.scene{min-height:215px}.keyboard{gap:5px}.key{height:36px;font-size:12px}.tip-banner{align-items:flex-start;padding:14px}.tip-banner a{display:none}footer{padding:20px}.intro-row .eyebrow{font-size:9px}}@media(max-width:390px){.keyboard{grid-template-columns:repeat(7,1fr)}.key{height:38px}.brand{font-size:18px}.game-actions{padding-top:20px}}