:root{font-family:system-ui,sans-serif;color:#1c1c1e;background:#f4f4f6}body{margin:0}main{max-width:720px;margin:0 auto;padding:1rem}main.wide{max-width:1000px}.poster{width:100%;height:auto;border-radius:8px}nav{background:#222;padding:.6rem 1rem;display:flex;gap:1rem}nav a{color:#fff;text-decoration:none}nav a.router-link-active{text-decoration:underline}nav .langs{margin-left:auto;display:flex;gap:.6rem}nav .langs a{opacity:.6}nav .langs a.active{opacity:1;font-weight:700}form,.card{background:#fff;padding:1rem;border-radius:8px;box-shadow:0 1px 3px #0002}label{display:block;margin:.8rem 0 .2rem;font-weight:600}input{width:100%;box-sizing:border-box;padding:.6rem;font-size:1rem;border:1px solid #bbb;border-radius:6px}button{padding:.6rem 1rem;font-size:1rem;border:0;border-radius:6px;background:#3b5bdb;color:#fff;cursor:pointer}button.sm{padding:.25rem .6rem;font-size:.85rem;margin-right:.3rem}button.danger{background:#c92a2a}button:disabled{opacity:.5;cursor:default}.error{color:#c92a2a}.hp{position:absolute;left:-9999px}.how{margin-bottom:1rem}.how h2{margin-top:0}.how li{margin-bottom:.5rem}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.8rem;margin-bottom:1rem}.stats .card b{display:block;font-size:1.8rem}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:.4rem;border-bottom:1px solid #ddd;text-align:left;font-size:.9rem}.result{padding:1rem;border-radius:8px;margin-top:1rem;color:#fff;font-size:1.1rem}.result.ok{background:#2b8a3e}.result.warn{background:#e67700}.result.bad{background:#c92a2a}
