:root{color-scheme:light;--ink: #1d2733;--muted: #617080;--paper: #fffaf1;--panel: #ffffff;--line: #d8d0c4;--red: #d94f45;--jade: #188f78;--gold: #f1b84b;--blue: #3f75b7;--plum: #8f4f9d;--tile-shadow: 0 9px 0 rgba(31, 42, 55, .14)}*{box-sizing:border-box}body{min-height:100vh;margin:0;color:var(--ink);font-family:ui-rounded,PingFang TC,Microsoft JhengHei,system-ui,sans-serif;background:radial-gradient(circle at 15% 18%,rgba(241,184,75,.2),transparent 24rem),linear-gradient(135deg,#fbf1df,#f6fbf8 52%,#eef4fb)}button{font:inherit}.game-shell{width:min(1180px,calc(100vw - 32px));min-height:calc(100vh - 32px);margin:16px auto;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:stretch}.play-area,.lexicon{border:1px solid var(--line);background:#ffffffd6;box-shadow:0 18px 50px #2229301f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.play-area{padding:20px}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:start}h1,h2,p{margin:0}h1{font-size:clamp(2rem,5vw,4.6rem);line-height:.95;letter-spacing:0}h2{font-size:1.25rem}.topbar p{margin-top:10px;color:var(--muted);font-size:1rem}.score-box{min-width:92px;padding:10px 14px;border:1px solid var(--line);background:var(--paper);text-align:center}.score-box span{display:block;color:var(--muted);font-size:.82rem}.score-box strong{display:block;margin-top:2px;font-size:2rem}.status-row{min-height:46px;margin:20px 0 16px;display:flex;gap:10px;align-items:center}.tool-button,.speak-button{position:relative;flex:0 0 auto;width:42px;height:42px;border:1px solid #bfc7ce;border-radius:8px;background:#fff;color:var(--ink);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.tool-button:hover:not(:disabled),.speak-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 14px #1d27331f}.tool-button:disabled{opacity:.4;cursor:default}.tool-button--attn{border-color:var(--gold);animation:attn .9s ease-in-out infinite}.tool-button--shake{border-color:var(--red);animation:buttonshake .38s ease}.tool-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--jade);color:#fff;font-size:.7rem;font-weight:700;line-height:18px;text-align:center}.message{color:var(--muted);min-width:0}.board{--cell: min(11.8vw, 82px);width:calc(var(--cell) * 7 + 48px);max-width:100%;margin:0 auto;padding:8px;display:grid;grid-template-columns:repeat(7,var(--cell));grid-auto-rows:var(--cell);gap:8px;justify-content:center;border:1px solid #c6bba9;background:linear-gradient(45deg,rgba(255,255,255,.5) 25%,transparent 25% 75%,rgba(255,255,255,.5) 75%),#dfd2bc;background-size:28px 28px}.tile{width:var(--cell);height:var(--cell);border:0;border-radius:8px;color:#fff;font-size:clamp(1.45rem,4.7vw,2.25rem);font-weight:800;line-height:1;cursor:pointer;box-shadow:var(--tile-shadow);text-shadow:0 2px 0 rgba(0,0,0,.18);transition:transform .15s ease,box-shadow .15s ease,outline-color .15s ease}.tile:hover{transform:translateY(-2px)}.tile.selected{outline:4px solid #17202a;outline-offset:2px;transform:translateY(-4px) scale(1.02)}.tile.matched{animation:pop .52s ease}.tile.invalid{animation:shake .38s ease;outline:3px solid #d94f45;outline-offset:2px}.tile.hint{animation:hintpulse .7s ease-in-out infinite;outline:4px solid #fff;outline-offset:-8px}.tile:disabled{cursor:default}.empty-cell{width:var(--cell);height:var(--cell);border:1px dashed rgba(77,88,100,.28);border-radius:8px;background:#fff3}.tone-red{background:linear-gradient(180deg,#f06a5f,var(--red))}.tone-jade{background:linear-gradient(180deg,#2eb99e,var(--jade))}.tone-gold{background:linear-gradient(180deg,#ffd56d,var(--gold))}.tone-blue{background:linear-gradient(180deg,#6498d6,var(--blue))}.tone-plum{background:linear-gradient(180deg,#b86ac4,var(--plum))}.lexicon{padding:18px;display:flex;flex-direction:column;min-height:520px}.lexicon-head{display:flex;justify-content:space-between;align-items:center}.featured{min-height:172px;margin:18px 0;padding:16px;border:1px solid var(--line);background:var(--paper)}.featured strong{display:block;font-size:clamp(2rem,4vw,3rem);line-height:1.05}.featured em{display:block;margin-top:8px;color:var(--jade);font-style:normal;font-weight:700}.featured p{margin-top:12px;color:var(--muted);line-height:1.55}.empty-word{display:block;color:#8994a0;font-size:1.8rem;font-weight:800}.found-list{list-style:none;padding:0;margin:0;display:grid;gap:8px;overflow:auto}.found-list button{width:100%;min-height:52px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;text-align:left;cursor:pointer}.found-list button:hover{border-color:var(--jade)}.found-list strong{font-size:1.2rem}.found-list span{color:var(--muted);font-size:.85rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:20px;background:#17202a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade .22s ease}.modal{width:min(440px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:24px;border-radius:16px;background:var(--panel);box-shadow:0 24px 70px #00000059;animation:rise .26s ease}.modal h2{font-size:1.8rem}.modal-sub{margin-top:6px;color:var(--muted)}.modal-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.modal-stats div{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--paper);text-align:center}.modal-stats span{display:block;color:var(--muted);font-size:.82rem}.modal-stats strong{display:block;margin-top:4px;font-size:1.9rem}.modal-words h3{margin:0 0 8px;font-size:1rem}.modal-words ul{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:8px;max-height:240px;overflow:auto}.modal-words button{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;text-align:left;cursor:pointer;display:grid;gap:2px}.modal-words button:hover{border-color:var(--jade)}.modal-words strong{font-size:1.15rem}.modal-words span{color:var(--jade);font-weight:700;font-size:.85rem}.modal-words em{color:var(--muted);font-style:normal;font-size:.85rem}.modal-actions{display:flex;gap:12px}.btn-primary,.btn-ghost{flex:1;padding:12px;border-radius:10px;font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.btn-primary{border:0;color:#fff;background:linear-gradient(180deg,#2eb99e,var(--jade))}.btn-ghost{border:1px solid var(--line);background:#fff;color:var(--ink)}.btn-primary:hover,.btn-ghost:hover{transform:translateY(-1px);box-shadow:0 8px 18px #1d273329}@keyframes pop{0%{transform:scale(1)}45%{transform:scale(1.18) rotate(-2deg)}to{transform:scale(.2);opacity:0}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes buttonshake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes hintpulse{0%,to{transform:translateY(0);box-shadow:var(--tile-shadow)}50%{transform:translateY(-4px) scale(1.04);box-shadow:0 14px #1f2a3724}}@keyframes attn{0%,to{transform:translateY(0)}50%{transform:translateY(-2px);box-shadow:0 8px 16px #f1b84b66}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:860px){.game-shell{grid-template-columns:1fr}.lexicon{min-height:320px}.board{--cell: min(12vw, 70px)}}@media(max-width:560px){.game-shell{width:min(100vw - 18px,520px);margin:9px auto}.play-area,.lexicon{padding:12px}.topbar{align-items:center}.topbar p{font-size:.9rem}.score-box{min-width:74px}.board{--cell: calc((100vw - 106px) / 7);gap:6px;padding:6px}}