
:root{--bg:#f3efe3;--ink:#151515;--panel:#fffaf0;--line:#b9aa86;--muted:#6b6252;--mind:#2777c9;--body:#c93c3c;--soul:#2b9d55;--gold:#9a792d;}
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif} main{max-width:980px;margin:auto;padding:12px}.hero{display:flex;justify-content:space-between;align-items:center;padding:12px 4px}.hero h1{margin:0;letter-spacing:.08em;text-transform:uppercase}.hero span{border:2px solid var(--gold);border-radius:999px;padding:6px 12px;font-weight:900;color:var(--gold)}.card{background:var(--panel);border:2px solid var(--line);border-radius:16px;padding:14px;margin:12px 0;box-shadow:0 2px 8px #0001} h2{margin:0 0 10px}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:end}label{display:flex;flex-direction:column;font-size:.85rem;color:var(--muted);font-weight:700}select,input{padding:10px;border:1px solid var(--line);border-radius:10px;background:white;min-width:110px}button{padding:10px 12px;border:1px solid #7b6d4b;border-radius:10px;background:#eadfbd;font-weight:900}.player,.entryPanel,.result,.cleanup{border:1px solid var(--line);border-radius:12px;padding:10px;margin:8px 0;background:#fffdf5}.pressed{border-color:#b63a3a;background:#fff4f4}.aspect small{display:block;color:var(--muted);margin-top:4px}.targets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.targets div{border:2px solid var(--line);border-radius:12px;padding:10px;text-align:center;font-weight:900}.mind{color:var(--mind)}.body{color:var(--body)}.soul{color:var(--soul)}.timer{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}.small,.note{color:var(--muted);font-size:.9rem}.grade{display:inline-block;margin:4px;padding:5px 8px;border-radius:999px;font-weight:900}.ideal{background:#d8f8df;color:#12632b}.close{background:#fff0b8;color:#705b00}.miss{background:#ffd9dd;color:#8c1d28}.final{border:2px solid var(--gold);background:#fff7d8}.hidden{display:none}.cleanup{border:2px solid #446b38;background:#f2fff0} @media(max-width:700px){.targets{grid-template-columns:1fr}.hero{align-items:flex-start}.row{display:block}label,button{margin:7px 0;width:100%}}
