/* D12 PLAYERS TURN v1.2 visual refinement */
:root{--space:16px;--radius:22px}
.content{display:flex;flex-direction:column;gap:var(--space)}
.grid{gap:var(--space)!important;align-items:stretch}.card,.hero-panel{padding:18px!important;border-radius:var(--radius)!important;box-sizing:border-box}.section{margin:0!important}.two>*{min-width:0}.row{min-width:0}.queue-row,.registry-row,.staff-slot,.active-player-card{box-sizing:border-box;min-width:0}
.nav{gap:8px;padding:8px}.nav button{min-width:0;overflow:hidden}.nav button span{display:grid;place-items:center;flex:0 0 auto}.topbar{gap:14px}.top-actions{gap:8px}.top-actions>*{max-width:100%}
.compact-hero{min-height:auto}.mono-id{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em}.danger-note{border-color:rgba(255,80,95,.38)!important;background:rgba(120,15,27,.22)!important}.good-note{border-color:rgba(65,232,154,.35)!important;background:rgba(20,110,75,.18)!important}
.active-player-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.active-player-card{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--panel2);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.active-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:7px}.active-meta span{font-size:12px;padding:5px 8px;border-radius:999px;background:var(--panel2);border:1px solid var(--line)}
.registry-top{align-items:stretch}.registry-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.registry-kpis span{display:grid;place-items:center;min-height:80px;border:1px solid var(--line);border-radius:16px;background:var(--panel2);font-size:12px}.registry-kpis b{font-size:24px}.registry-list{display:grid;gap:10px}.registry-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--panel2)}.identity-card{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.identity-card>b{font-size:24px;letter-spacing:.08em}.qrbox{background:#fff;border-radius:18px;padding:12px;display:grid;place-items:center;width:max-content;max-width:100%;margin-inline:auto}
.cashier-grid{align-items:stretch}.selected-player-preview{display:flex;align-items:center;gap:12px;min-height:74px;padding:12px;border-radius:16px;border:1px solid var(--line);background:var(--panel2)}#registeredPlayer{min-height:155px;padding:7px}#registeredPlayer option{padding:8px;border-radius:8px}.scanner-form{display:grid;grid-template-columns:minmax(180px,1fr) auto auto auto auto auto;gap:10px;align-items:end}.scanner-form .field:last-of-type{min-width:180px}.qr-reader{width:100%;min-height:280px;border-radius:20px;overflow:hidden;background:#050807}.scanner-fallback{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}
.staff-structure{align-items:stretch}.staff-slot{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:17px;background:var(--panel2);min-height:78px}.staff-slot.vacant{opacity:.7;border-style:dashed}.shift-live{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid rgba(68,232,153,.35);background:rgba(20,110,75,.14);border-radius:18px;margin-bottom:12px}.live-dot{width:12px;height:12px;border-radius:50%;background:#4ff59d;box-shadow:0 0 0 5px rgba(79,245,157,.12),0 0 18px #4ff59d;animation:v12pulse 1.6s infinite}.shift-person{display:grid;grid-template-columns:130px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}@keyframes v12pulse{50%{opacity:.45;transform:scale(.8)}}
.glossy-winners label,.decision-card{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.18)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 14px 35px rgba(0,0,0,.22);backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%)}.glossy-winners label:before,.decision-card:before{content:"";position:absolute;inset:-40% 40% 55% -25%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.28),transparent);transform:rotate(8deg);pointer-events:none}.glossy-winners label:has(input:checked),.decision-card:has(input:checked){border-color:var(--accent)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 40%,transparent),0 0 30px color-mix(in srgb,var(--accent) 25%,transparent),inset 0 1px 0 rgba(255,255,255,.28)}.decision-card{display:flex!important;flex-direction:column;align-items:center;justify-content:center;min-height:160px;text-align:center;padding:16px!important;gap:7px}.decision-card input{position:absolute;opacity:0}.decision-icon{display:grid;place-items:center;width:76px;height:76px;border-radius:24px;font-size:38px;font-weight:800;background:radial-gradient(circle at 32% 25%,rgba(255,255,255,.55),rgba(255,255,255,.12) 38%,rgba(0,0,0,.12) 72%);border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 0 24px color-mix(in srgb,var(--accent2) 38%,transparent),0 10px 24px rgba(0,0,0,.26);text-shadow:0 0 16px rgba(255,255,255,.72)}.decision-card b{font-size:16px}.decision-card small{line-height:1.35;max-width:180px}.action-grid.glossy-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.player-login-mode{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.player-login-mode button{min-height:44px;border:1px solid var(--line);border-radius:13px;background:var(--panel2);color:var(--text);font-weight:700}.player-login-mode button.active{background:color-mix(in srgb,var(--accent) 20%,var(--panel2));border-color:var(--accent)}
.icon-action{display:grid!important;place-items:center!important;line-height:1!important;overflow:hidden!important}.queue-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.queue-actions>*{flex:0 0 auto}.check-grid label{min-width:0;overflow:hidden}.avatar{object-fit:cover!important;aspect-ratio:1/1;flex:0 0 auto}
@media(max-width:900px){.scanner-form{grid-template-columns:1fr 1fr}.scanner-form .field,.scanner-form .field:last-of-type{grid-column:1/-1}.action-grid.glossy-actions{grid-template-columns:1fr 1fr}.shift-person{grid-template-columns:1fr}.registry-row{flex-wrap:wrap}.registry-row .grow{min-width:150px}}
@media(max-width:620px){:root{--space:11px;--radius:18px}.content{padding-inline:10px!important}.card,.hero-panel{padding:13px!important}.active-player-grid{grid-template-columns:1fr}.scanner-form{display:flex;flex-direction:column;align-items:stretch}.scanner-form>*{width:100%;max-width:100%}.action-grid.glossy-actions{grid-template-columns:1fr 1fr}.decision-card{min-height:145px}.decision-icon{width:66px;height:66px;font-size:32px}.registry-kpis{grid-template-columns:1fr}.registry-row{display:grid;grid-template-columns:auto 1fr auto}.registry-row .pill{grid-column:2}.registry-row .btn{width:100%;grid-column:span 1}.queue-actions{width:100%;justify-content:flex-start}.nav{overflow-x:auto;scrollbar-width:none}.nav button{flex:0 0 auto;max-width:150px}.topbar,.top-actions{max-width:100%;overflow:hidden}.top-actions{flex-wrap:wrap}.mini-select{max-width:140px}.modal-card{width:min(94vw,700px)!important;max-height:90vh;overflow:auto}.winner-grid{grid-template-columns:1fr 1fr!important}}