body{margin:0;background:#FBF7F0;color:#13292C;font-family:-apple-system,sans-serif}main{max-width:780px;margin:0 auto;padding:24px 16px}h1{font-family:Georgia,serif;font-weight:400;margin:0 0 4px}h1 b{color:#FF5B14}a{color:#006D77}
.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-height:92px}.lbl{font:12px monospace;letter-spacing:.1em;text-transform:uppercase;color:#5C6664;margin:14px 0 6px}
.card{width:58px;height:84px;border-radius:8px;border:1px solid #DDD5C8;background:#fff;font:600 20px Georgia,serif;color:#13292C;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:.15s}
.card.red{color:#A32D2D}.card.back{background:repeating-linear-gradient(45deg,#006D77 0 6px,#0b7c86 6px 12px);border-color:#006D77;cursor:default}.card.sel{transform:translateY(-10px);box-shadow:0 0 0 3px #FF5B14}.card.m{background:#d9efec}.card.st{cursor:default}.card:disabled{opacity:.45;cursor:default}
.btn{background:#FF5B14;border:0;border-radius:99px;padding:10px 20px;font:600 15px sans-serif;cursor:pointer;color:#13292C}.btn.alt{background:#83C5BE}.btn:disabled{opacity:.4;cursor:default}
#log{background:#F1EBE1;border-radius:10px;padding:10px 14px;font-size:14px;color:#5C6664;margin-top:14px;line-height:1.5}