:root{font-family:-apple-system,BlinkMacSystemFont,"Yu Gothic",sans-serif;color:#111827;background:#f7f9fc;font-size:16px}*{box-sizing:border-box}body{margin:0}.topbar{height:64px;background:#0f172a;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,4vw)}.topbar a,.link-button{color:#fff;text-decoration:none}.brand{font-size:1.2rem;font-weight:800}.topbar nav{display:flex;gap:20px;align-items:center}.link-button{border:0;background:none;font:inherit;cursor:pointer}.container{max-width:1180px;margin:0 auto;padding:34px 24px 80px}h1{font-size:clamp(2rem,4vw,3rem);margin:.2em 0}h2{margin-top:2rem}.lead{color:#475569;font-size:1.15rem}.muted,.note{color:#64748b}.warning,.error,.success{padding:14px 18px;border-radius:8px;margin-bottom:20px}.warning{background:#fff7ed;color:#9a3412}.error{background:#fef2f2;color:#b91c1c}.success{background:#ecfdf5;color:#047857}.narrow{max-width:620px;margin:30px auto}.card{background:#fff;border:1px solid #dbe3ed;border-radius:14px;padding:24px;box-shadow:0 8px 24px #0f172a0a}.stack{display:flex;flex-direction:column;gap:18px}.row{display:flex;gap:12px;align-items:end}.compact{padding:16px}label{display:flex;flex-direction:column;gap:7px;font-weight:700}input,select,textarea,button{font:inherit}input,select,textarea{border:1px solid #b8c4d4;border-radius:8px;padding:12px;background:#fff}textarea{min-height:100px}.primary,.secondary{border:0;border-radius:9px;padding:13px 20px;font-weight:800;cursor:pointer}.primary{background:#2563eb;color:#fff}.secondary{background:#e2e8f0;color:#0f172a}.small{padding:7px 12px}.inline{display:inline}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.stats div{background:#fff;border-left:5px solid #2563eb;padding:20px}.stats strong{display:block;font-size:2rem}.stats span{color:#64748b}.grid.two{display:grid;grid-template-columns:1.3fr 1fr;gap:28px}.table-wrap{overflow:auto;background:#fff;border:1px solid #dbe3ed;border-radius:12px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid #e2e8f0;white-space:nowrap}th{background:#eef2f7}.list{display:flex;flex-direction:column}.list a{display:flex;justify-content:space-between;padding:14px;border-bottom:1px solid #e2e8f0;color:#0f172a;text-decoration:none}.camera-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(340px,.8fr);gap:24px}.camera-panel{position:relative;background:#0f172a;border-radius:16px;overflow:hidden;min-height:560px}.camera-panel video,.camera-panel canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.camera-panel canvas{pointer-events:none}.status{padding:14px;background:#eff6ff;border-radius:9px;color:#1d4ed8;font-weight:700}.challenge{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:8px}.segmented input{display:none}.segmented span{display:block;text-align:center;padding:14px;border:2px solid #cbd5e1;border-radius:9px}.segmented input:checked+span{border-color:#2563eb;background:#eff6ff;color:#1d4ed8;font-weight:800}.switch{flex-direction:row;align-items:center}.kiosk-head{display:flex;justify-content:space-between;align-items:center}.kiosk-head time{font-size:2rem;font-weight:800}.event-fieldset{border:0;padding:0;margin:0}.event-fieldset legend{font-weight:800;margin-bottom:8px}.state-hint{background:#f0fdf4;color:#166534;border-radius:9px;padding:11px;font-size:.92rem}.direct-fields{background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;padding:14px}.direct-fields[hidden]{display:none}.direct-fields label+label{margin-top:12px}footer{padding:24px;text-align:center;color:#64748b;border-top:1px solid #e2e8f0}@media(max-width:800px){.grid.two,.camera-grid{grid-template-columns:1fr}.camera-panel{min-height:50vh}.stats{grid-template-columns:1fr}.topbar nav{gap:10px;font-size:.85rem}.row{flex-direction:column;align-items:stretch}}