*{box-sizing:border-box}body{margin:0;background:#142c33;color:#e8eadf;font:16px/1.55 system-ui}main{max-width:1080px;margin:auto;padding:30px 20px}header{padding:20px 0}h1,h2{font-family:Georgia,serif;line-height:1.15}h1{font-size:clamp(48px,9vw,88px);margin:10px 0}h2{font-size:26px}.eyebrow{letter-spacing:.17em;color:#b6cbbf;font-size:12px}section,details{background:#f6f2e6;color:#233e44;border-radius:18px;padding:24px;margin:22px 0}.controls{display:flex;gap:12px;flex-wrap:wrap;align-items:end}label{display:grid;gap:6px}button,select{font:inherit;border:1px solid #a1b3a7;border-radius:9px;padding:12px;color:#234c4d;background:#fffdf6;cursor:pointer}button:hover,button:focus-visible{background:#dfebdc;outline:2px solid #b56837}button:disabled{opacity:.5;cursor:default}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat{border:1px solid #4b6a6a;border-radius:12px;padding:16px}.stat strong{display:block;font:700 28px Georgia;color:#f3dca1}.stat small{font-size:11px}.instrument-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.instrument-head strong{color:#8d442c}.belief{display:grid;grid-template-columns:100px 1fr 60px;gap:12px;align-items:center;margin:14px 0}.track{height:18px;background:#deded0;border-radius:9px;overflow:hidden}.bar{height:100%;background:#4c8274}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.actions button{display:flex;flex-direction:column;text-align:left;align-items:start;gap:8px}.art{width:100%;height:130px;background-image:url('actions.webp');background-size:300% 100%;border-radius:8px}.actions strong{font-size:20px}.actions span:last-child,.note{font-size:13px}#feedback{border-left:4px solid #b56837;background:#e7e5d5;padding:14px}.entry{padding:12px 0;border-bottom:1px solid #d2d9cc}.entry b{color:#9b4f30}.entry small{display:block;color:#56665c}#result{background:#dce9d9}#result.fail{background:#f0d6c3}footer{font-size:12px;color:#bdc9bc;padding:25px 0}summary{cursor:pointer}table{width:100%;border-collapse:collapse}td,th{padding:8px;border:1px solid #bcc8ba}@media(max-width:650px){main{padding:20px 12px}section,details{padding:17px}.stats{grid-template-columns:1fr 1fr}.actions{grid-template-columns:1fr}.actions button{display:grid;grid-template-columns:85px 1fr;gap:7px 14px}.art{width:85px;height:85px;grid-row:span 2}.actions strong{align-self:end}.instrument-head{display:block}.belief{grid-template-columns:70px 1fr 45px;gap:8px}}
