*{box-sizing:border-box}body{margin:0;background:#f0ede3;color:#21382c;font:15px system-ui,sans-serif}header,main,details,footer,#status{max-width:960px;margin:auto;padding:12px 16px}header{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #bdc9b5}header a,a{color:inherit}header strong{flex:1;font-size:15px}.panel{background:#fffef8;padding:14px;border:1px solid #c5ceba;border-radius:12px;margin-bottom:12px}h1,h2{font-size:17px}.players{display:grid;grid-template-columns:1fr 1fr;gap:12px}button,input{font:inherit;padding:10px 12px;border:1px solid #87977a;border-radius:6px;margin:4px;background:#fff;color:#21382c}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}.cards{display:flex;gap:6px;min-height:76px;align-items:center}.card{display:flex;flex-direction:column;justify-content:space-between;width:49px;height:74px;padding:6px;border:1px solid #bac6af;border-radius:5px;background:white;font-size:22px}.card i{font-style:normal}.red{color:#ac3335}details,.note,footer{font-size:12px;line-height:1.5}.actions{display:flex;flex-wrap:wrap}#status{color:#a2432f}form{margin:12px 0}@media(max-width:600px){.players{grid-template-columns:1fr}header,main,details,footer,#status{padding:10px 12px}.panel{padding:12px}input{max-width:95%}}@media(max-height:420px)and(orientation:landscape){.players{grid-template-columns:1fr 1fr}header,main,details{padding-top:7px;padding-bottom:7px}.card{height:58px;width:42px}.cards{min-height:58px}.panel p{margin:7px 0}}
.critical{max-width:960px;margin:0 auto;padding:8px 16px;background:#fff1cb;border-bottom:1px solid #c5a451;font-size:12px;line-height:1.5;font-weight:650} .panel{min-width:0}.cards{flex-wrap:wrap}.card{flex-shrink:0}footer{overflow-wrap:anywhere}header strong{min-width:120px} .actions{position:sticky;bottom:0;background:#f0ede3;padding:6px 0;z-index:2}button{min-height:44px}