:root{font-family:Arial,Helvetica,sans-serif;color:#151515;background:#f2f2f2}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}main{min-height:100dvh;max-width:540px;margin:auto;padding:16px;display:flex;flex-direction:column;gap:14px}header{display:flex;justify-content:space-between;align-items:center}h1{margin:0;font-size:23px;letter-spacing:-.5px}.live{display:flex;align-items:center;gap:6px;color:#555;font-size:12px;font-weight:600;text-transform:uppercase}.live i{display:block;width:8px;height:8px;border-radius:50%;background:#198754}.identity{display:grid;gap:6px}label{font-size:13px;font-weight:700}input{width:100%;border:1px solid #aaa;border-radius:8px;padding:12px;font-size:16px;background:#fff;color:#151515}input:focus{border-color:#176b43;outline:2px solid #b6d8c5}.claim-area{display:grid;justify-items:center;gap:12px}.claim-button{width:min(52vw,242px);aspect-ratio:1;border-radius:50%;border:5px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#132c20;transition:transform .15s}.claim-button:active:not(:disabled){transform:scale(.97)}.claim-button.available{background:#a9e6bc;border-color:#298651;box-shadow:0 0 24px #6fd794}.claim-button.occupied{background:#f1aaa2;border-color:#ae3027;color:#57201d;box-shadow:0 0 24px #e2736a}.icon{font-size:33px;margin-bottom:4px}.button-kicker,.button-sub{font-size:11px;text-transform:uppercase;font-weight:700}.claim-button strong{font-size:24px;margin:3px 0}.status-card{width:100%;text-align:center}.status-label{display:block;color:#666;font-size:11px;font-weight:700;text-transform:uppercase}.status-card strong{display:block;font-size:18px;margin:2px 0 5px}.available-card strong{color:#197744}.occupied-card strong{color:#a72f27}.timing,.status-card>span:last-child{font-size:13px;color:#555}.timing{display:flex;justify-content:center;gap:12px}.timing span+span{border-left:1px solid #aaa;padding-left:12px}.message{margin:0;color:#a72f27;text-align:center;font-size:13px;font-weight:600}.queue{border-top:1px solid #bbb;padding-top:12px;margin-top:auto}.queue-heading{display:flex;justify-content:space-between;align-items:center}.queue h2{font-size:18px;margin:0}.queue h2 span{color:#666;font-size:14px;margin-left:3px}.queue-action{border:1px solid #555;background:#fff;border-radius:6px;padding:7px 12px;font-size:13px;font-weight:700}.queue-action:active{background:#ddd}ol{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:7px}li{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #ddd;border-radius:6px;padding:8px 10px;font-size:14px}li.me{border-color:#198754;color:#14653d;font-weight:700}.place{color:#777;font-size:12px;width:20px}li small{margin-left:auto;color:#14653d;font-size:11px}.empty-queue,.config-warning{margin:10px 0 0;color:#666;font-size:13px}.config-warning{color:#9c421b}@media(max-height:680px){main{gap:9px;padding:12px 16px}.claim-button{width:min(43vw,190px)}.icon{font-size:28px}.claim-button strong{font-size:21px}.queue{margin-top:0}}