:root{font-family:Inter,Arial Black,PingFang SC,Microsoft YaHei,sans-serif;color:#171717;background:#f7f6f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.4;cursor:not-allowed}main{max-width:680px;margin:auto;min-height:100dvh;padding:20px 18px 12px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}header strong{font-size:34px;letter-spacing:-2px;cursor:pointer}header strong span,h1 em{color:#5265ff;font-style:normal}header small{font-size:10px;font-weight:900}h1{font-size:clamp(40px,10vw,66px);line-height:1.08;letter-spacing:-2px;margin:12px 0 22px;font-weight:950}h2{font-size:44px}h3{font-size:14px;margin:25px 0 12px;font-weight:900}.hero{background:#dfff50;padding:20px;border:2px solid #171717;border-radius:22px}.hero h1{margin:32px 0}.pill{display:inline-block;border-radius:30px;background:#171717;color:#fff;padding:8px 14px;font-size:11px;font-weight:900}.heroBlock{background:#5265ff;color:#fff;padding:22px;border-radius:18px;position:relative;overflow:hidden;margin-bottom:18px}.heroBlock b{font-size:32px}.heroBlock p{font-size:14px}.shapes{font-size:35px;letter-spacing:10px;color:#dfff50}.wide{display:block;width:100%;padding:17px 20px;border-radius:13px;font-size:16px;font-weight:950;margin:14px 0}.dark{background:#171717;color:#fff}.light{background:#fff;color:#171717;border:2px solid #171717}.foot{text-align:center;font-size:10px;font-weight:900;letter-spacing:1px}.muted{color:#666;font-size:13px}.deckgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.deck{display:flex;flex-direction:column;text-align:left;border:2px solid #171717;min-height:125px;padding:14px;border-radius:14px;box-shadow:0 0 #171717;transition:transform .15s,box-shadow .15s}.deck.selected{box-shadow:4px 4px #171717;transform:translate(-2px,-2px)}.deck span{align-self:flex-end;font-size:20px}.deck b{font-size:15px;margin-top:auto}.deck small{margin-top:5px;font-size:12px}.panel{background:#fff;border-radius:14px;padding:14px;margin-top:14px}.chips{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.chips button,.choices button{border:2px solid #171717;background:#fff;border-radius:9px;padding:12px 6px;font-weight:850}.chips button.active{background:#dfff50}.choices{display:flex;gap:8px}.choices button{flex:1;font-size:12px}.choices button.active{background:#5265ff;color:#fff}.player{display:flex;gap:8px;align-items:center;background:#fff;border-radius:10px;padding:6px;margin:7px 0}.player span{padding:10px;background:#dfff50;border-radius:6px;font-weight:900}.player input{flex:1;min-width:0;border:0;padding:10px;outline:none}.player button{padding:10px;background:#eee;border-radius:8px}.toggles{display:flex;gap:15px;flex-wrap:wrap;margin:24px 0}.toggles label{font-size:13px;font-weight:700}.ready{text-align:center;background:#a8afff;border:2px solid #171717;border-radius:20px;padding:24px 18px}.ready h2{margin:30px 0 8px}.instructions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0}.instructions div{display:flex;flex-direction:column;gap:6px;padding:15px 6px;background:#fff;border-radius:12px;font-size:23px}.instructions b{font-size:14px}.instructions span{font-size:12px}.count{font-size:90px;margin:24px}.playing{max-width:none;padding:10px;display:flex;flex-direction:column}.playing header,.playing footer{display:none}.game{background:#5265ff;border-radius:18px;min-height:calc(100dvh - 20px);padding:15px;display:flex;flex-direction:column;color:#fff;gap:12px}.game.correct{background:#7fe1a2;color:#171717}.game.passed{background:#ffac70;color:#171717}.gameTop,.gameBottom{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px}.gameTop strong{background:#171717;color:#fff;border-radius:50px;padding:10px 16px;font-size:22px}.word{flex:1;min-height:160px;background:#fff;color:#171717;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px;text-align:center}.word small{font-size:12px;color:#777}.word h1{font-size:clamp(40px,10vw,100px);margin:12px 0}.gameButtons{display:flex;gap:12px}.gameButtons button{flex:1;padding:17px;background:#fff;color:#171717;border-radius:10px;font-weight:900}.gameButtons button:last-child{background:#dfff50}.end{align-self:center;background:transparent;color:inherit;font-size:12px;text-decoration:underline}.result{background:#ff9dcb;padding:20px;border:2px solid #171717;border-radius:20px}.score{background:#171717;color:#fff;border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:6px}.score small{color:#dfff50;font-weight:900}.score>strong{font-size:100px;line-height:1.1}.wordlist{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:25px}.wordlist span{padding:8px 11px;border-radius:30px;font-size:12px;font-weight:700}.good{background:#dfff50}.bad{background:#ffac70}.rank{width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #555;padding:12px 0}.rank strong{font-size:26px}footer{text-align:center;font-size:10px;color:#888;margin:30px 0 10px}.playing{max-width:520px;padding:10px;padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(10px,env(safe-area-inset-bottom))}.game{width:100%;min-height:calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom));gap:14px}.word{min-width:0;min-height:240px;padding:24px 14px}.word h1{font-size:clamp(38px,12vw,62px);line-height:1.25;letter-spacing:-1px;max-width:100%;overflow-wrap:anywhere;text-wrap:balance}.gameTop b{font-size:12px}.gameTop strong{font-size:26px}.gameBottom{font-size:12px}.gameButtons button{min-height:56px}.end{min-height:36px}@media(max-height:600px){.game{gap:8px}.word{min-height:130px}.word h1{font-size:clamp(32px,9vw,48px)}.gameButtons button{min-height:44px;padding:10px}.gameTop strong{padding:6px 12px}}.deck{color:#171717;-webkit-text-fill-color:#171717;min-height:142px;gap:6px;padding:14px 12px;align-items:flex-start}.deck b{font-size:18px;line-height:1.35;font-weight:900;letter-spacing:0;overflow-wrap:anywhere}.deck small{font-size:11px;line-height:1.5;font-weight:750;opacity:1;margin-top:0}.deck span{font-weight:900}.deck:focus-visible{outline:3px solid #171717;outline-offset:5px}@media(max-width:360px){.deck b{font-size:16px}.deck small{font-size:10px}}.deck{color:var(--deck-ink,#171717);-webkit-text-fill-color:var(--deck-ink,#171717);border-radius:14px}.deck b,.deck small,.deck span{color:inherit;-webkit-text-fill-color:inherit}.deck.selected{box-shadow:5px 5px #171717}.deck[aria-pressed=true] span{font-weight:950}.deck:last-child:nth-child(odd){grid-column:1 / -1;min-height:120px}
