:root{--bg:#26221f;--panel:#322d29;--panel-2:#3d3733;--text:#ece5da;--text-dim:#a89e91;--accent:#d9a24a;--red:#c0392b}*{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:900px;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:560px}.status{text-align:center;background:var(--panel);border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;min-height:42px;margin-bottom:12px;padding:10px 12px;font-size:15px;display:flex}.status.result{background:var(--accent-dark,#b07f2e);color:#fff;font-weight:600}.status .dim{color:inherit;opacity:.85}.dim{color:var(--text-dim);font-size:13px}.card-grid{perspective:800px;gap:10px;display:grid}.card{appearance:none;cursor:pointer;aspect-ratio:3/4;background:0 0;border:none;padding:0;position:relative}.card-inner{transform-style:preserve-3d;transition:transform .35s;position:absolute;inset:0}.card.up .card-inner,.card.done .card-inner{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;border-radius:10px;justify-content:center;align-items:center;font-size:clamp(24px,6vw,40px);display:flex;position:absolute;inset:0}.card-face.back{color:#26221f8c;background:linear-gradient(135deg,#d9a24a,#b07f2e);font-size:clamp(22px,5vw,34px);font-weight:800}.card-face.front{background:#f6e7c8;transform:rotateY(180deg)}.card.done .card-face.front{opacity:.45}.card:hover:not(.done) .card-inner{transform:rotateY(180deg)scale(1.03)}.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}.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;transition:background .15s,border-color .15s}.btn:hover:not(:disabled){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{gap:10px;display:flex}.actions .btn{flex:1;padding:11px;font-size:15px}.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%}}