:root{--bg:#26221f;--panel:#322d29;--panel-2:#3d3733;--text:#ece5da;--text-dim:#a89e91;--accent:#d9a24a;--red:#c0392b;--ok:#2e8b57}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);min-height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.page{max-width:860px;margin:0 auto;padding:20px 16px 32px}.header{text-align:center;margin-bottom:18px}.header h1{letter-spacing:2px;margin:0;font-size:26px}.main{justify-content:center;align-items:flex-start;gap:20px;display:flex}.board-area{flex:auto;min-width:0;max-width:520px}.status{text-align:center;background:var(--panel);border-radius:8px;justify-content:center;align-items:center;min-height:42px;margin-bottom:12px;padding:10px 12px;font-size:15px;display:flex}.status.result{background:var(--ok);color:#fff;font-weight:600}.status.warn{color:#e8a24a}.cards-row{justify-content:center;gap:12px;margin-bottom:14px;display:flex}.playing-card{border:2px solid var(--panel-2);width:76px;height:104px;color:var(--red);cursor:pointer;background:#f6e7c8;border-radius:10px;font-family:Georgia,serif;font-size:30px;font-weight:800;transition:transform .12s,opacity .12s}.playing-card:hover:not(.dimmed){transform:translateY(-3px)}.playing-card.used{opacity:.25;border-color:var(--accent)}.playing-card.dimmed{opacity:.35;cursor:default}.expr-box{background:var(--panel);word-break:break-all;border-radius:8px;justify-content:center;align-items:center;min-height:52px;margin-bottom:14px;padding:8px 12px;font-size:20px;display:flex}.pad{flex-direction:column;gap:8px;display:flex}.pad-row{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.key{appearance:none;border:1px solid var(--panel-2);background:var(--panel-2);color:var(--text);cursor:pointer;border-radius:8px;padding:13px 0;font-size:18px;transition:background .12s,border-color .12s}.key:hover:not(:disabled){border-color:var(--accent)}.key:disabled{opacity:.35;cursor:default}.key.op{background:#453e37}.key.wide{grid-column:span 1;font-size:15px}.key.primary{background:var(--red);border-color:var(--red);color:#fff;font-weight:700}.key.primary:hover{background:#d4463a}.key.dimmed{opacity:.35}.solution{background:var(--panel);text-align:center;color:var(--accent);border-radius:8px;margin-top:14px;padding:12px;font-size:15px}.sidebar{flex-direction:column;flex-shrink:0;gap:16px;width:280px;display:flex}.sidebar section{background:var(--panel);border-radius:8px;padding:14px}.sidebar h2{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin:0 0 10px;font-size:13px;font-weight:600}.big-num{font-size:28px;font-weight:700}.btn{appearance:none;border:1px solid var(--panel-2);background:var(--panel-2);color:var(--text);cursor:pointer;text-align:left;border-radius:6px;width:100%;padding:8px 12px;font-size:14px}.btn:hover{border-color:var(--accent)}.btn.active{background:var(--accent);border-color:var(--accent);color:#1d1b18;font-weight:600}.btn.primary{background:var(--red);border-color:var(--red);color:#fff;text-align:center;font-weight:600}.btn.primary:hover{background:#d4463a}.side-col{flex-direction:column;gap:8px;display:flex}.lang-row{gap:8px;display:flex}.lang-row .btn{text-align:center;flex:1}.btn.small{padding:6px 12px;font-size:13px}.actions{flex-direction:column;gap:8px;display:flex}.footer{text-align:center;color:var(--text-dim);margin-top:22px;font-size:12px}.footer a{color:inherit}@media (width<=860px){.main{flex-direction:column;align-items:stretch}.board-area{width:100%;margin:0 auto}.sidebar{width:100%}.playing-card{width:66px;height:92px;font-size:26px}}