@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Fraunces:opsz,wght@9..144,600;9..144,800&display=swap');:root{--ink:#14231e;--paper:#e9dfc6;--lime:#c8ef64;--rust:#c95d3e}*{box-sizing:border-box}body{margin:0;padding:26px 14px;background:#18362e;color:var(--ink);font:14px/1.5 'DM Mono',monospace}main{max-width:760px;min-height:calc(100vh - 52px);margin:auto;padding:clamp(24px,6vw,54px);background:var(--paper);box-shadow:10px 12px #0c1713}header p,.stamp{font-size:11px;letter-spacing:.12em;color:#527064}h1,h2{font-family:Fraunces,serif}h1{font-size:clamp(52px,12vw,90px);line-height:.85;margin:12px 0 18px;letter-spacing:-.07em}h2{font-size:clamp(31px,6vw,48px);line-height:1;margin:28px 0 14px}.meters{display:grid;grid-template-columns:repeat(3,1fr);border-block:2px solid var(--ink);padding:12px 0;margin:30px 0}.meters b{font-size:11px;border-right:1px solid #829388;padding-left:10px}.meters b:first-child{padding-left:0}.meters b:last-child{border:0}aside{margin:24px 0;padding:14px 16px;border:1px dashed #6c7d71;background:#ddd3ba}aside b{font-size:11px;letter-spacing:.08em}aside p{color:#596b60}ul{padding-left:18px}.actions{display:grid;gap:10px}button{font:inherit;color:inherit;cursor:pointer} .actions button{padding:16px;text-align:left;background:transparent;border:1px solid var(--ink)}.actions button:hover,.actions button:focus{background:var(--lime);outline:none;transform:translate(3px,-2px);box-shadow:-3px 2px var(--ink)}.actions strong,.actions small{display:block}.actions strong{font:600 21px/1.1 Fraunces,serif}.actions small{color:#4d6458}.result,.ending{margin-top:24px;padding:17px;border-left:5px solid var(--rust);background:#f7edd6}.result button,.ending button,#reset{margin-top:14px;padding:10px 14px;background:var(--ink);color:var(--paper);border:0}.ending{border:3px solid var(--ink);border-left:3px solid var(--ink);background:var(--lime)}.bad{background:#edac8e}footer{margin-top:40px;padding-top:14px;border-top:1px solid #829388;display:flex;justify-content:space-between;font-size:11px}@media(max-width:500px){body{padding:12px}main{min-height:calc(100vh - 24px);padding:27px 21px}.meters{gap:4px}.meters b{font-size:9px;padding-left:6px}footer span{display:none}}