:root{color-scheme:light;--ink:#16253d;--muted:#778397;--navy:#101b2d;--blue:#526ee6;--blue-dark:#3c55ca;--line:#e7eaf2;--cream:#faf9f6;--green:#3aa98e;--red:#d87472}*{box-sizing:border-box}html{min-width:320px}body{margin:0;background:radial-gradient(ellipse 55% 40% at 50% -15%,#dce3ff 0,transparent 100%),var(--cream);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);min-height:100svh}button,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible{outline:3px solid #a6b8ff;outline-offset:2px}.shell{max-width:1160px;margin:auto;padding:20px 28px 16px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{display:flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--navy);color:#f4cb75;font-size:25px;box-shadow:0 6px 14px #152b5040}.brand strong{display:block;font-size:18px;letter-spacing:-.04em}.brand small{display:block;color:var(--muted);font-size:11px;letter-spacing:.02em}.top-actions{display:flex;gap:7px}.icon-btn{width:42px;height:42px;border:1px solid #e3e6ef;border-radius:12px;background:#fff;color:#43516b;font-size:21px;transition:transform .15s,background .15s}.icon-btn:hover{transform:translateY(-2px);background:#f0f3ff}.hero{text-align:center;padding:29px 0 24px}.eyebrow{color:var(--blue);font-size:10px;letter-spacing:.24em;font-weight:800}.hero h1{font-size:clamp(29px,4vw,44px);letter-spacing:-.055em;line-height:1.08;margin:9px 0 8px}.hero p{margin:0;color:var(--muted);font-size:14px}.game-card{position:relative;background:#fff;border:1px solid #e7e9ef;border-radius:24px;box-shadow:0 16px 55px #1e31491a;overflow:hidden}.game-toolbar{height:64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 28px}.mode-tabs{display:flex;gap:5px;background:#f3f5f9;border-radius:12px;padding:4px}.tab{border:0;background:transparent;border-radius:9px;padding:9px 17px;color:#7e899b;font-weight:750;font-size:12px;white-space:nowrap}.tab.active{background:white;color:var(--navy);box-shadow:0 2px 7px #25395b1a}.text-btn{border:0;background:transparent;color:#74829c;font-weight:700;font-size:12px;padding:12px}.text-btn:hover{color:var(--blue)}.game-body{display:grid;grid-template-columns:minmax(270px,.84fr) minmax(0,1.16fr);min-height:460px}.art-panel{background:#f6f8fd;padding:26px 27px 23px;display:flex;flex-direction:column;justify-content:space-between}.art-backdrop{position:relative;height:329px;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#cfe7f0,#eaf2ed 78%)}.sun{position:absolute;width:92px;height:92px;border-radius:50%;right:43px;top:31px;background:#ffe6ae;box-shadow:0 0 0 19px #fff6dc61}.hill{position:absolute;border-radius:50%;width:450px;height:180px;bottom:-124px}.hill-one{background:#a7cfba;left:-180px}.hill-two{background:#87baa3;right:-225px;bottom:-143px}.gallows{position:absolute;inset:5% 13%;width:74%;height:91%;overflow:visible}.gallows path,.gallows circle{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:7}.gallows .frame{stroke:#627d86}.gallows .part{stroke:#293d56;opacity:0;transform:translateY(-4px);transition:opacity .28s,transform .28s}.gallows .part.visible{opacity:1;transform:translateY(0)}.journey{display:flex;align-items:center;gap:12px;font-size:11px;color:#78869a;font-weight:700;margin-top:16px}.journey span{white-space:nowrap}.journey strong{color:var(--ink);white-space:nowrap}.progress-track{flex:1;height:7px;background:#e4e9f1;border-radius:10px;overflow:hidden}.progress-track span{display:block;background:linear-gradient(90deg,#71caac,#47a9a2);height:100%;border-radius:10px;transition:width .3s}.puzzle-panel{padding:27px 37px 18px;min-width:0}.puzzle-top{display:flex;gap:7px}.pill{font-size:10px;letter-spacing:.12em;font-weight:900;color:#596fdd;background:#edf0ff;border-radius:7px;padding:7px 9px}.pill.subtle{background:#f3f5f8;color:#8290a1}.category{margin-top:27px;display:flex;flex-direction:column;gap:5px}.category span,.metrics small{font-size:10px;letter-spacing:.14em;color:#96a0ae;font-weight:850}.category strong{font-size:19px;letter-spacing:-.03em}.word{display:flex;flex-wrap:wrap;justify-content:center;align-items:end;gap:5px;margin:28px 0 8px;min-height:47px}.letter-tile{width:clamp(20px,2.7vw,31px);height:40px;border-bottom:3px solid #6278de;display:grid;place-items:center;font-size:24px;font-weight:800;line-height:1;flex-shrink:0}.letter-tile.revealed{color:var(--ink)}.letter-tile.missed-reveal{color:var(--red)}.word-space{width:13px;flex-shrink:0}.hint-line{height:17px;text-align:center;font-size:11px;color:#8895a5;margin:8px 0 18px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;margin-bottom:19px}.metrics div{text-align:center}.metrics div+div{border-left:1px solid var(--line)}.metrics small{display:block;font-size:9px}.metrics strong{display:block;margin-top:4px;font-size:16px}.keyboard{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;max-width:500px;margin:auto}.key{width:calc((100% - 9*6px)/10);min-width:30px;max-width:43px;height:41px;background:#f4f6fa;border:1px solid #e7eaf1;border-bottom-color:#d5dbe5;border-radius:8px;font-size:13px;font-weight:800;color:#3c4b63;transition:transform .12s,background .12s}.key:hover:not(:disabled){background:#e7ebff;transform:translateY(-2px)}.key:disabled{cursor:default}.key.correct{background:#dcf3e9;color:#22896d;border-color:#bfe8d5}.key.wrong{background:#f3f4f7;color:#abb3c0;border-color:#eef0f4}.game-actions{display:flex;justify-content:center;gap:10px;margin-top:21px}.primary-btn,.secondary-btn{border-radius:10px;min-height:43px;padding:0 19px;font-weight:800;font-size:12px;transition:transform .15s,box-shadow .15s}.primary-btn{border:1px solid var(--blue);background:var(--blue);color:#fff;box-shadow:0 5px 14px #526ee633}.primary-btn:hover:not(:disabled){background:var(--blue-dark);transform:translateY(-1px)}.secondary-btn{border:1px solid #dfe5f2;background:white;color:#5d70a0}.secondary-btn:hover:not(:disabled){background:#f5f7ff}.primary-btn:disabled,.secondary-btn:disabled{opacity:.5;cursor:default;box-shadow:none}.keyboard-note{text-align:center;font-size:10px;color:#a1aab7;margin:11px 0 0}footer{display:flex;justify-content:space-between;align-items:center;padding:16px 8px;color:#9ba4b2;font-size:11px}footer button{border:0;background:transparent;color:#6479ce;font-size:11px;font-weight:750}.overlay{position:absolute;inset:64px 0 0;background:#f8faffd9;backdrop-filter:blur(7px);display:grid;place-items:center;z-index:3;padding:20px}.overlay.hidden{display:none}.overlay-card{text-align:center;background:white;border:1px solid #e6eaf3;border-radius:20px;box-shadow:0 15px 55px #23365324;padding:29px 32px;max-width:380px;width:100%}.overlay-icon{display:grid;place-items:center;margin:0 auto 8px;width:52px;height:52px;border-radius:16px;background:#edf0ff;color:var(--blue);font-size:30px}.overlay-icon.success{background:#e5f5ee;color:var(--green)}.overlay h2{font-size:25px;letter-spacing:-.04em;margin:10px 0}.overlay p{font-size:13px;line-height:1.55;color:#7a8799;margin:0 0 15px}.result-meta{font-size:12px;color:#8b98a8;font-weight:800;margin:0 0 18px}.daily-done{font-size:13px;font-weight:750;color:var(--blue)}.modal{border:1px solid #e5e9f1;border-radius:20px;padding:27px;width:min(420px,calc(100vw - 32px));box-shadow:0 20px 70px #0b1a3866;color:var(--ink)}.modal::backdrop{background:#15233a88;backdrop-filter:blur(3px)}.modal h2{margin:0 0 22px;font-size:24px;letter-spacing:-.04em}.modal label:not(.switch-row){display:block;margin:14px 0 7px;font-size:12px;font-weight:800}.modal select{width:100%;height:44px;border:1px solid #dce2ee;border-radius:9px;background:#f8faff;color:var(--ink);padding:0 12px}.modal p{font-size:13px;line-height:1.55;color:#7a8799}.modal-note{font-size:11px!important}.close{position:absolute;right:19px;top:17px;background:#f2f4f8;border:0;border-radius:9px;width:33px;height:33px;color:#647184;font-size:22px}.switch-row{display:flex;justify-content:space-between;align-items:center;margin:20px 0;font-size:12px;font-weight:800}.switch-row input{width:21px;height:21px;accent-color:var(--blue)}.wide{width:100%;margin-top:8px}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.stat-grid div{background:#f6f8fc;border-radius:12px;text-align:center;padding:15px 6px}.stat-grid strong{display:block;font-size:23px;letter-spacing:-.04em}.stat-grid span{display:block;font-size:11px;color:#8a96a6;margin-top:3px}.stat-grid div:last-child:nth-child(odd){grid-column:span 2}@media(max-width:850px){.shell{padding:14px 16px}.game-body{grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr)}.art-panel{padding:17px}.puzzle-panel{padding:22px}.art-backdrop{height:300px}.word{margin:23px 0 8px}.key{min-width:28px}}@media(max-width:660px){.shell{padding:12px 12px 10px}.brand-mark{width:37px;height:37px}.brand strong{font-size:15px}.brand small{font-size:9px}.top-actions{gap:4px}.icon-btn{width:37px;height:37px;font-size:18px}.hero{padding:25px 0 20px}.hero h1{font-size:30px}.hero p{font-size:12px}.eyebrow{font-size:8px}.game-toolbar{height:58px;padding:0 13px}.tab{padding:9px 11px;font-size:11px}.game-body{display:block}.art-panel{padding:13px 16px 9px}.art-backdrop{height:170px}.gallows{inset:2% 25%;width:50%;height:95%}.sun{width:60px;height:60px;right:18%;top:18px}.journey{margin:9px 0 2px}.puzzle-panel{padding:17px 16px 18px}.puzzle-top{justify-content:center}.category{text-align:center;margin-top:15px}.category strong{font-size:17px}.word{margin:14px 0 5px;min-height:37px}.letter-tile{height:34px;font-size:20px;width:clamp(18px,5vw,29px)}.hint-line{margin:4px 0 10px}.metrics{padding:9px 0;margin-bottom:13px}.key{height:42px;min-width:26px}.game-actions{margin-top:14px}.keyboard-note{margin-top:8px}.overlay{inset:58px 0 0}footer{padding:13px 3px}}@media(max-width:390px){.shell{padding:9px 8px}.brand small{display:none}.icon-btn{width:34px;height:34px}.game-toolbar{padding:0 9px}.tab{padding:8px 7px;font-size:10px}.puzzle-panel{padding:14px 10px}.keyboard{gap:4px}.key{width:calc((100% - 9*4px)/10);min-width:25px}.letter-tile{width:19px}.word{gap:3px}.game-actions{gap:6px}.primary-btn,.secondary-btn{padding:0 13px}}@media(max-height:650px) and (min-width:661px){.hero{padding:10px 0}.art-backdrop{height:270px}.game-body{min-height:410px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(max-width:660px){.key{width:calc((100% - 7*6px)/8);max-width:none;height:44px}.primary-btn,.secondary-btn{min-height:44px}}@media(max-width:390px){.key{width:calc((100% - 7*4px)/8);min-width:32px}.top-actions{gap:3px}}