.z-settings{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:20px}.z-settings label{font-size:12px;color:var(--muted)}.z-settings select{background:#172338;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px}.z-settings .primary-button{width:auto}.z-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:20px 0}.z-stats>div{padding:14px;background:var(--card);border:1px solid var(--border);border-radius:12px;font-size:10px;color:var(--muted)}.z-stats strong{display:block;font-size:26px;color:var(--mint);margin-top:6px}#z-arena{height:390px;position:relative;overflow:hidden;border:1px solid #39495b;border-radius:16px;background:repeating-linear-gradient(0deg,transparent 0 76px,#ffffff06 77px 78px),radial-gradient(ellipse at 80% 20%,#33503b66,transparent 70%),#101b23}.z-city{position:absolute;left:0;top:0;bottom:0;width:12%;border-right:2px dashed var(--mint);background:#9bf6cf0b;color:var(--mint);writing-mode:vertical-rl;text-align:center;padding:12px;font-size:11px;letter-spacing:3px}.z-enemy{position:absolute;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:3px;min-width:65px;max-width:75%;pointer-events:none}.z-body{font-size:32px;line-height:1.15}.z-word{font:bold 15px monospace;color:#e2ffdf;padding:5px 8px;border:1px solid #91c57977;background:#1a3028;border-radius:6px;overflow-wrap:anywhere;max-width:100%}.z-enemy.target .z-word{border-color:#ffd399;color:#ffd399}#z-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0b101be8;text-align:center;padding:24px}#z-overlay[hidden]{display:none}#z-overlay strong{font-size:30px;color:var(--mint)}#z-overlay p{color:var(--muted);line-height:1.8}#z-form{margin:20px 0 8px}#z-form label{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}#z-form>div{display:flex;gap:10px}#z-answer{min-width:0;flex:1;padding:15px;background:#172338;border:1px solid #49615a;color:var(--text);border-radius:10px;font:20px monospace}#z-form .primary-button{width:auto}.z-review{padding:20px;margin:22px 0}.z-review h2{font-size:12px;color:var(--muted)}.z-review strong{font-size:24px;color:var(--mint)}#z-status,#z-speech{font-size:13px;line-height:1.8;color:var(--muted);min-height:24px}@media(max-width:640px){#z-arena{height:350px}.z-stats{gap:5px}.z-stats>div{padding:10px 6px;font-size:9px}.z-stats strong{font-size:22px}.z-word{font-size:12px}.z-body{font-size:26px}.z-settings{gap:10px}}

.z-enemy{pointer-events:auto}.z-word{cursor:help}.z-tooltip{position:absolute;top:100%;left:50%;transform:translateX(-50%);display:none;width:max-content;max-width:180px;overflow-wrap:anywhere;background:#eef9e9;color:#14251b;border:1px solid #91c579;border-radius:7px;padding:7px 10px;font-size:12px;line-height:1.6;box-shadow:0 4px 15px #0005;z-index:2}.z-enemy:hover,.z-enemy:focus-within,.z-enemy.meaning-open{z-index:5}.z-enemy:hover .z-tooltip,.z-enemy:focus-within .z-tooltip,.z-enemy.meaning-open .z-tooltip{display:block}.z-vocabulary{padding:22px;margin-bottom:20px}.z-vocabulary h2{font-size:20px}.z-vocabulary p{font-size:12px;color:var(--muted);line-height:1.8}.z-vocabulary form{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.z-vocabulary label{display:grid;gap:7px;flex:1;min-width:140px;font-size:12px}.z-vocabulary input{padding:12px;border:1px solid var(--border);border-radius:8px;background:#172338;color:var(--text);width:100%}.z-vocabulary details{margin-top:16px;font-size:13px}.z-vocabulary summary{cursor:pointer}.z-word-table{max-height:240px;overflow:auto;margin-top:12px}.z-word-table table{width:100%;border-collapse:collapse;text-align:left}.z-word-table td,.z-word-table th{padding:10px;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.z-word-table th{color:var(--mint)}