*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{background:var(--bg,#a8c0ff);min-height:100%;color:var(--ink,#2b2b4e);padding-bottom:30px;font-family:Trebuchet MS,Segoe UI,Verdana,sans-serif;transition:background .5s}button{font-family:inherit}input,select{color:#222;background:#fff;border:2px solid #0003;border-radius:12px;width:100%;padding:10px 12px;font-family:inherit;font-size:1.05rem}input:focus-visible,select:focus-visible{outline:4px solid var(--focus,#ff9f1c);outline-offset:1px}#app{max-width:960px;margin:0 auto;padding:10px 12px}.topbar{background:var(--panel,#fff);border-radius:16px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;padding:10px 14px;display:flex;box-shadow:0 4px 12px #0004}.brand{letter-spacing:.5px;align-items:center;gap:6px;font-size:1.15rem;font-weight:900;display:flex}.chip{background:var(--key,#eef);white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:.95rem;font-weight:800}.chip small{opacity:.75;font-weight:600}.progress-wrap{flex:130px;min-width:120px}.progress-label{opacity:.75;margin-bottom:2px;font-size:.72rem;font-weight:700}.progress{background:#0002;border-radius:8px;height:12px;overflow:hidden}.progress>div{background:linear-gradient(90deg, var(--accent,#5b6ee1), var(--accent2,#f4a259));border-radius:8px;height:100%;transition:width .5s}.iconbtn{background:var(--key,#eef);cursor:pointer;border:none;border-radius:12px;padding:7px 10px;font-size:1.15rem;line-height:1}.iconbtn[aria-pressed=false]{opacity:.45;filter:grayscale(.8)}.card{background:var(--panel,#fff);border-radius:20px;margin-top:12px;padding:20px;box-shadow:0 6px 18px #00000038}.card h1{text-align:center;margin-bottom:6px;font-size:1.7rem}.card h2{margin-bottom:10px;font-size:1.35rem}.card h3{margin:14px 0 6px;font-size:1.1rem}.subtitle{text-align:center;opacity:.8;margin-bottom:14px;font-weight:600}.btn{background:var(--accent,#5b6ee1);color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-size:1.05rem;font-weight:800;transition:transform .1s;display:inline-flex;box-shadow:0 3px #00000045}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn:focus-visible,.iconbtn:focus-visible,.key:focus-visible,.themecard:focus-visible,.postn:focus-visible{outline:4px solid var(--focus,#ff9f1c);outline-offset:2px}.btn.secondary{background:var(--key,#e6e9f8);color:var(--ink,#2b2b4e)}.btn.warn{background:#c0392b}.btn.good{background:var(--good,#2f9e44)}.btn.wide{justify-content:flex-start;width:100%}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn .big{font-size:1.3rem}.row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}.keyboard{grid-template-columns:repeat(9,1fr);gap:6px;max-width:600px;margin:14px auto 4px;display:grid}.key{background:var(--key,#e6e9f8);min-height:46px;color:var(--ink,#2b2b4e);cursor:pointer;border:none;border-radius:10px;font-size:1.15rem;font-weight:900;position:relative;box-shadow:0 2px #00000030}.key:hover:not(:disabled){filter:brightness(1.08)}.key:disabled{cursor:not-allowed;box-shadow:none}.key.hit{background:var(--good,#2f9e44);color:#fff}.key.hit:after{content:"✓";font-size:.6rem;position:absolute;bottom:2px;right:4px}.key.miss{color:#fff;opacity:.75;background:#8d949c;text-decoration:line-through}.key.miss:after{content:"✗";font-size:.6rem;position:absolute;bottom:2px;right:4px}.key.hinted{color:#fff;background:#7c5cd6}.key.hinted:after{content:"★";font-size:.6rem;position:absolute;bottom:2px;right:4px}.tiles{flex-wrap:wrap;justify-content:center;gap:6px;margin:10px 0;display:flex}.tile{background:var(--cell,#fffc);border-bottom:5px solid var(--accent,#5b6ee1);width:46px;height:58px;color:var(--ink,#2b2b4e);border-radius:10px 10px 4px 4px;flex-direction:column;justify-content:center;align-items:center;font-size:1.5rem;font-weight:900;display:flex}.tile.blank span.ch{opacity:0}.tile.gap{background:0 0;border-bottom:none}.tile .pos{opacity:.6;font-size:.62rem;font-weight:700;line-height:1}.tile.hint-tile{background:#efe6ff;border-bottom-color:#7c5cd6}.msg{text-align:center;min-height:1.7em;margin:8px 0;font-size:1.08rem;font-weight:800}.msg.bad{color:var(--bad,#d64545)}.msg.good{color:var(--good,#2f9e44)}.gallows-wrap{flex-direction:column;align-items:center;display:flex}.gallows-wrap svg{width:100%;max-width:320px;height:auto}.mistake-track{flex-wrap:wrap;justify-content:center;gap:5px;margin:6px 0;display:flex}.mistake-dot{color:#fff;background:#00000020;border:2px solid #00000035;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;font-weight:900;display:flex}.mistake-dot.used{background:var(--bad,#d64545);border-color:var(--bad,#d64545)}.hintbar{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}.hintbar .btn{padding:10px 12px;font-size:.92rem}.hint-reveal{text-align:center;background:#efe6ff;border:2px dashed #7c5cd6;border-radius:12px;max-width:520px;margin:8px auto;padding:10px 14px;font-weight:700}.playerlist{gap:8px;margin-top:10px;display:grid}table.stats{border-collapse:collapse;width:100%;margin-top:8px}table.stats td{text-align:left;border-bottom:1px solid #00000015;padding:8px 10px;font-size:.98rem}table.stats td:last-child{text-align:right;font-weight:800}.lb-row{background:var(--key,#e6e9f8);border-radius:12px;align-items:center;gap:10px;margin-top:6px;padding:10px 12px;display:flex}.lb-row.me{outline:3px solid var(--accent,#5b6ee1)}.lb-rank{text-align:center;width:38px;font-size:1.3rem}.lb-name{flex:1;font-weight:800}.lb-coins{font-weight:900}.badge-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:10px;display:grid}.badge{background:var(--key,#e6e9f8);text-align:center;border-radius:14px;padding:12px}.badge .bicon{font-size:2rem}.badge .bname{margin-top:4px;font-size:.92rem;font-weight:800}.badge .bdesc{opacity:.75;margin-top:2px;font-size:.78rem}.badge.locked{opacity:.45;filter:grayscale()}.themegrid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:10px;display:grid}.themecard{text-align:center;cursor:pointer;color:#fff;text-shadow:0 1px 3px #0008;border:3px solid #0000;border-radius:16px;padding:14px 8px;font-size:1rem;font-weight:800}.themecard .ticon{margin-bottom:4px;font-size:2.1rem;display:block}.themecard.sel{box-shadow:0 0 0 3px var(--accent,#5b6ee1);border-color:#fff}.posgrid{flex-wrap:wrap;justify-content:center;gap:6px;margin:10px 0;display:flex}.postn{cursor:pointer;width:46px;height:46px;color:var(--ink,#2b2b4e);background:#fff;border:2px solid #00000030;border-radius:10px;font-size:1.05rem;font-weight:900}.postn.sel{background:var(--good,#2f9e44);color:#fff;border-color:var(--good,#2f9e44)}.postn:disabled{opacity:.35;cursor:not-allowed}dialog.modal{border:none;width:calc(100% - 32px);margin:auto}dialog.modal::backdrop{background:#000000a0}.modal{background:var(--panel,#fff);text-align:center;max-width:500px;max-height:88vh;color:var(--ink,#2b2b4e);border-radius:22px;padding:26px 22px;overflow:auto;box-shadow:0 12px 40px #0008}.modal h2{margin-bottom:8px;font-size:1.5rem}.modal .mbig{font-size:3.2rem;line-height:1.15}.modal .mword{letter-spacing:3px;color:var(--accent,#5b6ee1);margin:8px 0;font-size:1.6rem;font-weight:900}.modal .mclue{opacity:.85;margin-bottom:8px;font-style:italic}.reward-lines{background:var(--key,#eef);text-align:left;border-radius:14px;margin:12px 0;padding:10px 14px;font-size:.95rem;font-weight:700}.reward-lines div{justify-content:space-between;padding:2px 0;display:flex}.anim-on .pop{animation:.45s pop}.anim-on .modal{animation:.35s pop}.anim-on .wiggle{animation:.5s wiggle}@keyframes pop{0%{opacity:0;transform:scale(.55)}70%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}.scenebar{background:var(--sky,#dff1ff);border-radius:12px;justify-content:space-between;align-items:center;max-width:430px;margin:2px auto 8px;padding:5px 20px;font-size:1.25rem;display:flex}.cwgrid{justify-content:center;gap:2px;margin:10px auto;display:grid}.cwc{aspect-ratio:1;background:var(--cell,#fff);cursor:pointer;color:var(--ink);border:1px solid #00000030;border-radius:4px;justify-content:center;align-items:center;min-width:0;padding:0;font-size:clamp(.65rem,2.4vw,1.05rem);font-weight:900;display:flex;position:relative}.cwc.blank{cursor:default;background:0 0;border:none}.cwc .cwnum{opacity:.7;font-size:.55em;font-weight:700;line-height:1.4;position:absolute;top:0;left:2px}.cwc.inword{background:var(--key)}.cwc.sel{outline:3px solid var(--accent);z-index:2}.cwc.wrong{color:var(--bad);background:#ffd9d9}.cwc.wrong:after{content:"✗";font-size:.5em;position:absolute;bottom:0;right:2px}.cwc.hinted{background:#efe6ff}.cluebar{text-align:center;background:var(--key);border-radius:12px;min-height:2.2em;margin:6px 0;padding:8px 10px;font-weight:800}.cluecols{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.cluecols h3{margin:0 0 4px}.cluebtn{text-align:left;cursor:pointer;width:100%;color:var(--ink);background:0 0;border:none;border-radius:8px;padding:5px 8px;font-size:.9rem;line-height:1.3;display:block}.cluebtn.active{background:var(--key);font-weight:800}.cluebtn.done{opacity:.55;text-decoration:line-through}@media (width<=640px){.cluecols{grid-template-columns:1fr}}.hero{text-align:center;padding:20px 10px 6px}.heroimg{border-radius:20px;width:100%;max-width:540px;margin:0 auto 10px;display:block;box-shadow:0 8px 24px #0005}.playergrid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px;margin-top:12px;display:grid}.pcard{background:var(--key);cursor:pointer;color:var(--ink);border:none;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;display:flex}.pcard:hover{filter:brightness(1.06)}.avatar{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.5rem;font-weight:900;display:flex}.pcard .pname{font-size:1.05rem;font-weight:900}.pcard .pmeta{opacity:.75;font-size:.78rem;font-weight:700}.pcard.new .avatar{background:var(--accent2)}.footlinks{justify-content:center;gap:20px;margin-top:16px;display:flex}.footlinks button{color:var(--ink);opacity:.65;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px;font-size:.95rem;font-weight:800}.footlinks button:hover{opacity:1}.group{background:var(--key);border-radius:18px;margin-top:12px;padding:14px}.group h3{margin:0 0 2px;font-size:1.15rem}.group .gdesc{opacity:.75;margin-bottom:10px;font-size:.85rem;font-weight:600}.grouprow{grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:8px;display:grid}.tilegrid{grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:8px;margin-top:12px;display:grid}.mtile{background:var(--key);text-align:center;cursor:pointer;color:var(--ink);border:none;border-radius:14px;padding:12px 6px;font-size:.88rem;font-weight:800}.mtile:hover{filter:brightness(1.06)}.mtile .ticon2{margin-bottom:4px;font-size:1.5rem;display:block}.mtile small{opacity:.75;font-weight:600}.wsgrid{touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;gap:2px;margin:10px auto;display:grid}.wsc{aspect-ratio:1;background:var(--cell,#fff);color:var(--ink);cursor:pointer;border:1px solid #00000025;border-radius:6px;justify-content:center;align-items:center;min-width:0;font-size:clamp(.7rem,2.6vw,1.05rem);font-weight:900;display:flex}main:focus{outline:none}button.wsc{appearance:none;padding:0;font-family:inherit}.wsc.selpath{background:var(--accent2);color:#fff}.wsc.foundc{background:var(--good);color:#fff;border-color:var(--good)}.wsc.anchor{outline:3px solid var(--accent);z-index:2}.wsc.pulse{animation:1s 2 wspulse}.wsc.missedc{border-color:var(--bad);color:var(--bad);background:#ffe3e3}.chip.danger{color:#a32020;background:#ffd6d6;animation:.6s infinite wiggle}@keyframes wspulse{0%,to{background:var(--cell,#fff);color:var(--ink)}50%{color:#fff;background:#7c5cd6}}.wslist{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}.wsword{background:var(--key);border-radius:999px;padding:6px 12px;font-size:.9rem;font-weight:800}.wsword.foundw{background:var(--good);color:#fff;text-decoration:line-through}.wdrow{grid-template-columns:repeat(5,min(13vw,52px));justify-content:center;gap:5px;margin:3px 0;display:grid}.wdc{aspect-ratio:1;background:var(--cell,#fff);color:var(--ink);border:2px solid #00000035;border-radius:8px;justify-content:center;align-items:center;font-size:clamp(1rem,4vw,1.4rem);font-weight:900;display:flex;position:relative}.wdc.g{background:var(--good);color:#fff;border-color:var(--good)}.wdc.g:after{content:"✓";font-size:.5em;position:absolute;bottom:1px;right:3px}.wdc.y{color:#fff;background:#d99a06;border-color:#d99a06}.wdc.y:after{content:"↔";font-size:.5em;position:absolute;bottom:1px;right:3px}.wdc.x{color:#fff;background:#8d949c;border-color:#8d949c}.wdc.curc{border-color:var(--accent)}.key.near{color:#fff;background:#d99a06}.key.near:after{content:"↔";font-size:.6rem;position:absolute;bottom:2px;right:4px}.ldrow{justify-content:center;align-items:center;gap:5px;margin:3px 0;display:flex}.ldc{aspect-ratio:1;background:var(--cell,#fff);width:min(11vw,46px);color:var(--ink);border:2px solid #00000030;border-radius:8px;justify-content:center;align-items:center;font-size:clamp(.9rem,3.5vw,1.2rem);font-weight:900;display:flex}.ldc.diff{background:var(--accent);color:#fff;border-color:var(--accent)}.ldc.targetc{border-style:dashed;border-color:var(--accent);background:0 0}.ldc.curc{border-color:var(--accent)}.ldlabel{opacity:.7;text-align:right;width:52px;font-size:.75rem;font-weight:800}.help-scroll{-webkit-overflow-scrolling:touch;border-bottom:2px solid #00000015;max-height:62vh;margin-bottom:4px;padding-right:8px;overflow-y:auto}.help-scroll::-webkit-scrollbar{width:8px}.help-scroll::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}.help p{margin:8px 0;line-height:1.5}.help ul{margin:6px 0 10px 22px;line-height:1.55}.note{color:#5c4a00;background:#fff3cd;border:2px solid #e5c569;border-radius:12px;margin-top:10px;padding:10px 14px;font-size:.92rem;font-weight:700}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.field{text-align:left;margin-top:10px}.field label,.field .field-label{margin:0 0 4px;font-weight:800;display:block}.center-text{text-align:center}.small{opacity:.8;font-size:.85rem}.streakflame{color:#e8590c;font-weight:900}.two-col{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=640px){.keyboard{grid-template-columns:repeat(7,1fr)}.tile{width:36px;height:48px;font-size:1.15rem}.two-col{grid-template-columns:1fr}.card{padding:14px}}