:root{--bg: #eef5fc;--panel: #ffffff;--panel-alt: #f0f6fc;--border: #d8e6f2;--text: #1b2c3d;--muted: #62798e;--accent: #2f8fe0;--accent-text: #ffffff;--good: #1f9d5c;--bad: #d6484f;--warn: #c98a1c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;max-width:100%;overflow-x:hidden}body{background:var(--bg);color:var(--text);overflow-wrap:break-word}img{max-width:100%}a{color:var(--accent)}.container{max-width:720px;margin:0 auto;padding:16px;width:100%}.navbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;row-gap:8px;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--panel);box-shadow:0 1px 3px #1e50820f}.navbar .brand{font-weight:800;font-size:1.25rem;letter-spacing:.5px;color:var(--text);text-decoration:none}.navbar nav{display:flex;flex-wrap:wrap;gap:14px;row-gap:8px;align-items:center}.navbar nav a,.navbar nav button{color:var(--muted);text-decoration:none;font-size:.95rem;background:none;border:none;cursor:pointer;padding:4px 0}.navbar nav a.active,.navbar nav a:hover,.navbar nav button:hover{color:var(--text)}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:0 1px 3px #1e50820f}.table-card{overflow-x:auto;overflow-y:clip}h1,h2,h3{margin-top:0}.muted{color:var(--muted)}.btn{background:var(--accent);color:var(--accent-text);border:none;padding:10px 18px;border-radius:8px;font-weight:700;cursor:pointer;font-size:.95rem}.btn:hover{filter:brightness(1.08)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:var(--panel-alt);color:var(--text);border:1px solid var(--border)}.btn.danger{background:var(--bad);color:#fff}input,select,textarea{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--panel-alt);color:var(--text);font-size:.95rem}label{display:block;margin:10px 0 4px;font-size:.85rem;color:var(--muted)}.form-row{margin-bottom:8px}.prompt-list{list-style:none;padding:0;margin:0 0 16px}.prompt-list li{padding:12px 14px;border-radius:8px;background:var(--panel-alt);border:1px solid var(--border);margin-bottom:8px;display:flex;gap:10px}.prompt-list .clue-num{font-weight:800;color:var(--accent);min-width:22px}.guess-row{display:flex;gap:8px}.guess-row input{flex:1}.guess-history{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.guess-chip{padding:6px 10px;border-radius:20px;font-size:.85rem;border:1px solid var(--border)}.guess-chip.wrong{background:#e0555a26;color:var(--bad);border-color:var(--bad)}.guess-chip.right{background:#3fb56f26;color:var(--good);border-color:var(--good)}.result-banner{padding:14px 16px;border-radius:10px;margin-bottom:16px;font-weight:700}.result-banner.win{background:#3fb56f26;color:var(--good);border:1px solid var(--good)}.result-banner.lose{background:#e0555a26;color:var(--bad);border:1px solid var(--bad)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);font-size:.9rem;vertical-align:top}th{color:var(--muted);font-weight:600}.badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.75rem;background:var(--panel-alt);border:1px solid var(--border);color:var(--muted)}.error-text{color:var(--bad);font-size:.9rem;margin-top:6px}.success-text{color:var(--good);font-size:.9rem;margin-top:6px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.tabs button{padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:var(--panel-alt);color:var(--muted);cursor:pointer}.tabs button.active{background:var(--accent);color:var(--accent-text);border-color:var(--accent);font-weight:700}@media (max-width: 640px){.container{padding:12px}.navbar{flex-direction:column;align-items:flex-start;padding:10px 14px}.navbar nav{width:100%;gap:10px}.navbar nav a,.navbar nav button{font-size:.88rem}h1{font-size:1.4rem}h2{font-size:1.15rem}h3{font-size:1rem}.card{padding:14px}.grid-2{grid-template-columns:1fr}table{min-width:520px}.guess-row{flex-wrap:wrap}.guess-row button{flex:1 1 100%}.prompt-list li{padding:10px 12px}}@media (max-width: 380px){.navbar .brand{font-size:1.05rem}.btn{padding:9px 14px;font-size:.9rem}}