.topbar{display:flex;justify-content:space-between;align-items:center;padding:1.2rem clamp(1rem,4vw,3rem);border-bottom:1px solid var(--line);background:rgba(5,12,10,.75);position:sticky;top:0;z-index:5;backdrop-filter:blur(15px)}
.topbar h1{font-size:1.35rem;margin:.2rem 0 0}.topbar nav{display:flex;gap:.6rem}.admin-grid{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(320px,1.15fr);gap:1rem;max-width:1450px;margin:auto;padding:1rem}.hero-control{text-align:center}.hero-control .section-heading{text-align:left}.clock{font-variant-numeric:tabular-nums;font-size:clamp(4rem,8vw,7rem);font-weight:900;line-height:1;margin:1rem 0;text-shadow:0 0 30px var(--glow)}.blinds{font-size:2rem;font-weight:900;margin-bottom:1.4rem}.blinds small{display:block;color:var(--muted);font-size:.8rem;margin-top:.4rem}.form-grid,.counter-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1rem}.counter-grid{grid-template-columns:repeat(4,1fr)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1rem}.metrics div{background:rgba(0,0,0,.18);padding:.8rem;border-radius:.6rem}.metrics span,.metrics strong{display:block}.metrics span{color:var(--muted);font-size:.7rem}.metrics strong{margin-top:.25rem}.structure-card{grid-column:1/-1}.template-bar{display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(210px,1fr) auto auto;gap:.6rem;align-items:end;margin-top:1rem}.template-bar button{min-height:42px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;margin-top:1rem}th,td{text-align:left;padding:.55rem;border-bottom:1px solid var(--line)}th{color:var(--muted);font-size:.72rem}td input,td select{margin:0;min-width:70px;padding:.45rem}.row-actions{display:flex;gap:.25rem}.row-actions button{padding:.4rem}.break-row{background:rgba(226,184,75,.06)}.data-card{grid-column:1/-1}.file-button input{display:none}
.primary-nav{position:sticky;top:88px;z-index:4;display:flex;gap:.35rem;max-width:1450px;margin:auto;padding:.65rem 1rem;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(15px);overflow-x:auto}.primary-nav a{border-radius:.6rem;color:var(--muted);font-weight:750;padding:.65rem .85rem;text-decoration:none;white-space:nowrap}.primary-nav a:hover,.primary-nav a.active{background:var(--panel-2);color:var(--text)}.primary-nav .dashboard-link{color:var(--accent)}[data-app-section][hidden]{display:none!important}.quick-actions{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin:0 0 1rem;padding-top:1rem;border-top:1px solid var(--line)}.quick-actions button{font-size:.82rem;padding:.55rem .75rem}.feature-settings{grid-column:1/-1}.feature-settings>label{display:block;max-width:28rem;margin-top:1rem}.feature-grid{border:0;padding:0;margin:1.25rem 0 0;display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:.5rem 1rem}.feature-grid legend{color:var(--text);font-weight:800;margin-bottom:.5rem}.feature-grid .switch-row{margin:.25rem 0;min-height:2.75rem}.dashboard-button{display:none}
.structure-insights{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:.6rem;margin-top:1rem}.structure-insights>div{padding:.8rem;border-radius:.65rem;background:rgba(0,0,0,.18)}.structure-insights span,.structure-insights strong{display:block}.structure-insights span{color:var(--muted);font-size:.72rem}.structure-insights strong{margin-top:.25rem}.structure-warnings,.structure-valid{grid-column:1/-1;margin:0;padding:.8rem 1rem;border-radius:.65rem}.structure-warnings{list-style-position:inside;color:#ffd37a;background:rgba(226,184,75,.09);border:1px solid rgba(226,184,75,.3)}.structure-valid{color:#75d7a3;background:rgba(69,185,124,.09);border:1px solid rgba(69,185,124,.3)}.warning-row{background:rgba(226,184,75,.08)}
.dashboard-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:0 0 1.25rem}.dashboard-summary>div{padding:.7rem;border-radius:.65rem;background:rgba(0,0,0,.16)}.dashboard-summary span,.dashboard-summary strong{display:block}.dashboard-summary span{font-size:.68rem;color:var(--muted)}.dashboard-summary strong{margin-top:.2rem;font-size:.9rem}.rare-actions{margin:.75rem auto 1rem;width:max-content;color:var(--muted);font-size:.8rem}.rare-actions summary{cursor:pointer}.rare-actions>div{margin-top:.6rem}.global-toast{position:fixed;z-index:50;left:50%;bottom:1.25rem;transform:translateX(-50%);display:flex;align-items:center;gap:1rem;max-width:min(90vw,560px);padding:.8rem 1rem;border:1px solid var(--line);border-radius:.8rem;background:var(--panel-2);box-shadow:0 15px 45px rgba(0,0,0,.35);font-weight:750}.global-toast.error{border-color:var(--danger)}.global-toast button{padding:.4rem .65rem;color:var(--accent);background:transparent}.global-toast[hidden]{display:none}
.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;min-height:120px;padding:1.25rem;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:.75rem;background:rgba(0,0,0,.08)}.empty-state strong{color:var(--text)}.empty-state button{margin-top:.4rem}.empty-table-row td{border:0}.empty-table-row td::before{display:none}
.confirm-dialog{width:min(460px,calc(100% - 2rem));padding:0;border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--panel);color:var(--text);box-shadow:var(--shadow-overlay)}.confirm-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}.confirm-dialog form{padding:var(--space-6)}.confirm-dialog h2{margin:.4rem 0 .65rem}.confirm-dialog p{color:var(--muted);line-height:1.5}.confirm-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6)}.confirm-actions .confirm-danger{background:var(--danger);color:#fff}
.setup-dialog{width:min(900px,calc(100% - 2rem));max-height:calc(100vh - 2rem);padding:0;border:1px solid var(--line);border-radius:1.25rem;background:var(--panel);color:var(--text);box-shadow:0 30px 100px rgba(0,0,0,.5)}.setup-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}.setup-dialog form{padding:clamp(1rem,3vw,2rem)}.setup-header,.setup-footer{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.setup-header h1{font-size:clamp(1.5rem,4vw,2.25rem);margin:.3rem 0}.setup-progress{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;color:var(--muted);font-size:.8rem;margin:1rem 0 1.5rem}.setup-progress span{height:4px;border-radius:99px;background:linear-gradient(90deg,var(--accent) calc(var(--progress)*100%),var(--line) 0)}.setup-step{min-height:340px}.setup-intro{color:var(--muted);max-width:60ch}.choice-grid,.feature-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.choice-card,.feature-choice{display:flex;text-align:left;gap:.75rem;min-height:110px;padding:1rem;border:1px solid var(--line);border-radius:.85rem;background:rgba(0,0,0,.12);color:var(--text)}button.choice-card{flex-direction:column}.choice-card:has(input:checked),.choice-card.selected,.feature-choice:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.choice-card input,.feature-choice input{width:auto;margin:.15rem 0 0}.choice-card strong,.choice-card small,.feature-choice strong,.feature-choice small{display:block}.choice-card small,.feature-choice small{color:var(--muted);margin-top:.35rem}.setup-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.speed-choices{border:0;padding:0;margin:1.5rem 0;display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.speed-choices legend{font-weight:800;margin-bottom:.75rem}.speed-choices .choice-card{min-height:145px;flex-direction:column}.field-unit{float:right;color:var(--muted);font-weight:500}.revealed-field{display:block;max-width:300px;margin-top:1.25rem}.setup-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem}.setup-summary article,.summary-options{padding:1rem;border-radius:.75rem;background:rgba(0,0,0,.18)}.setup-summary span,.setup-summary strong,.summary-options span,.summary-options strong{display:block}.setup-summary span,.summary-options span{font-size:.75rem;color:var(--muted)}.setup-summary strong,.summary-options strong{margin-top:.35rem}.summary-options{margin-top:.75rem}.setup-footer{align-items:center;border-top:1px solid var(--line);padding-top:1rem}.setup-footer>div{display:flex;gap:.6rem}
@media(max-width:850px){.admin-grid{grid-template-columns:1fr;padding-bottom:5.5rem}.structure-card,.data-card,.feature-settings{grid-column:auto}.counter-grid{grid-template-columns:repeat(2,1fr)}.topbar{position:static;align-items:flex-start;padding:.9rem 1rem}.topbar nav{display:grid;grid-template-columns:1fr;gap:.4rem}.topbar nav #install-app,.topbar nav .dashboard-button,.topbar nav a[href="remote.html"],.topbar nav #fullscreen-btn{display:none}.topbar nav a,.topbar nav button{padding:.55rem .7rem;font-size:.75rem}.template-bar{grid-template-columns:1fr 1fr}.template-bar label{grid-column:1/-1}.primary-nav{position:fixed;inset:auto 0 0;top:auto;justify-content:space-around;border-top:1px solid var(--line);background:var(--bg);padding:.4rem .2rem;z-index:10;overflow-x:visible}.primary-nav a{flex:1 1 0;min-width:0;padding:.55rem .15rem;font-size:.66rem;line-height:1.15;text-align:center;white-space:normal}.primary-nav .dashboard-link{display:none}.feature-grid{grid-template-columns:repeat(2,minmax(130px,1fr))}}
.generator-card{grid-column:1/-1}.generator-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin:1rem 0}.check-stack{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.check-stack .switch-row{margin:0}.generator-result{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.generator-result .metrics{grid-template-columns:repeat(4,1fr);margin-bottom:1rem}
@media(max-width:1000px){.generator-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.generator-grid,.generator-result .metrics{grid-template-columns:1fr}}
@media(max-width:650px){.setup-dialog{width:100%;max-height:100vh;height:100%;border-radius:0}.setup-dialog form{min-height:100%;display:flex;flex-direction:column}.setup-step{min-height:0;flex:1}.choice-grid,.feature-choice-grid,.setup-fields,.setup-summary{grid-template-columns:1fr}.speed-choices{grid-template-columns:repeat(2,1fr)}.setup-footer{position:sticky;bottom:0;background:var(--panel)}.setup-header button{padding:.55rem}.setup-summary{gap:.4rem}.setup-summary article{padding:.7rem}.dashboard-summary{grid-template-columns:repeat(2,1fr)}.global-toast{bottom:5rem}}
@media(max-width:700px){.structure-insights{grid-template-columns:repeat(2,1fr)}.structure-card .table-wrap{overflow:visible}.structure-card table,.structure-card tbody,.structure-card tr,.structure-card td{display:block}.structure-card thead{display:none}.structure-card tr{margin:1rem 0;padding:.75rem;border:1px solid var(--line);border-radius:.8rem;background:rgba(0,0,0,.12)}.structure-card td{display:grid;grid-template-columns:7rem minmax(0,1fr);align-items:center;gap:.75rem;border:0;padding:.4rem}.structure-card td::before{content:attr(data-label);color:var(--muted);font-size:.72rem;font-weight:800}.structure-card td input,.structure-card td select{min-width:0}.structure-card .row-actions{flex-wrap:wrap}}
@media(max-width:700px){.players-card .table-wrap,.chips-card .table-wrap{overflow:visible}.players-table,.players-table tbody,.players-table tr,.players-table td,.chip-table,.chip-table tbody,.chip-table tr,.chip-table td{display:block}.players-table thead,.chip-table thead{display:none}.players-table tr,.chip-table tr{margin:1rem 0;padding:.75rem;border:1px solid var(--line);border-radius:.8rem;background:rgba(0,0,0,.12)}.players-table td,.chip-table td{display:grid;grid-template-columns:7rem minmax(0,1fr);align-items:center;gap:.75rem;border:0;padding:.4rem}.players-table td::before,.chip-table td::before{content:attr(data-label);color:var(--muted);font-size:.72rem;font-weight:800}.players-table td input,.chip-table td input{min-width:0}.players-table .player-actions{display:flex;flex-wrap:wrap;gap:.35rem}.players-table .empty-table-row,.chip-table .empty-table-row{padding:0;border:0}.players-table .empty-table-row td,.chip-table .empty-table-row td{display:block;padding:0}}
.dashboard-side-stack{display:flex;flex-direction:column;gap:1rem;min-width:0}.dashboard-side-stack>.card{margin:0}.transfer-toolbar{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin:.8rem 0}.transfer-toolbar .muted{margin:0;flex:1 1 280px}@media(max-width:850px){.dashboard-side-stack{display:contents}}
@media(max-width:600px){body{padding-bottom:calc(5.25rem + env(safe-area-inset-bottom))}.admin-grid{padding:.65rem}.card{padding:1rem;border-radius:.8rem}.section-heading{align-items:flex-start;flex-wrap:wrap}.section-heading .pill{margin-left:0}.topbar{gap:.65rem;flex-direction:column}.topbar>div,.topbar nav{width:100%}.topbar nav{display:flex;overflow-x:auto}.topbar nav a,.topbar nav button{flex:0 0 auto}.primary-nav{justify-content:flex-start;gap:.15rem;padding:.35rem .25rem calc(.35rem + env(safe-area-inset-bottom));overflow-x:auto;scrollbar-width:none}.primary-nav::-webkit-scrollbar{display:none}.primary-nav a{flex:0 0 5.4rem;min-height:3.25rem;display:grid;place-items:center}.counter-grid,.metrics,.feature-grid,.structure-insights,.dashboard-summary{grid-template-columns:1fr 1fr}.template-bar{grid-template-columns:1fr}.template-bar label,.template-bar button{grid-column:auto}.control-row{align-items:stretch;flex-direction:column}.control-row>*,.control-row button,.control-row .button{width:100%}.confirm-actions{flex-direction:column-reverse}.confirm-actions button{width:100%}}