:root{--ink:#173234;--muted:#637879;--bg:#f3f5f0;--card:#fff;--line:#d9e2dd;--accent:#126b68;--accent-dark:#0c514f;--warm:#d97536;--danger:#a53f36;--shadow:0 8px 25px rgba(25,55,52,.07)}*{box-sizing:border-box}html{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button,.button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.045em;line-height:1.05;margin-bottom:.55rem}h2{font-size:1.45rem;letter-spacing:-.025em}h3{font-size:1.18rem}small{font-size:.78rem}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--accent);font-size:.72rem;font-weight:800;margin-bottom:.55rem}.topbar{background:#102d2e;color:white;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem max(1rem,calc((100vw - 1200px)/2));min-height:86px}.brand{display:flex;gap:.85rem;align-items:center}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#e8a46b;color:#102d2e;font-weight:900;font-size:1.6rem}.brand strong{display:block;font-size:1.12rem;letter-spacing:.01em}.brand small{display:block;color:#b5c9c3;margin-top:.15rem}.user-chip{text-align:right}.user-chip span,.user-chip small{display:block}.user-chip small{color:#b5c9c3}.nav{display:flex;gap:.35rem;align-items:center;overflow-x:auto;background:#174040;padding:.55rem max(1rem,calc((100vw - 1200px)/2));scrollbar-width:thin}.nav-link{display:inline-block;white-space:nowrap;color:#d8e9e1;background:transparent;border:0;border-radius:10px;text-decoration:none;padding:.68rem .95rem;font-size:.94rem;font-weight:650}.nav-link:hover,.nav-link.active{background:#e9f3e9;color:#123b38}.logout{margin-left:auto}.container{width:min(1200px,calc(100% - 2rem));margin:2.3rem auto 5rem}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.4rem}.page-head .muted{margin-bottom:0}.button,button.primary,button.pudel{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:11px;min-height:46px;padding:.7rem 1rem;text-decoration:none;font-weight:750;white-space:nowrap}.primary{background:var(--accent);color:white;border:1px solid var(--accent);border-radius:11px;min-height:46px;padding:.7rem 1rem;font-weight:750}.primary:hover{background:var(--accent-dark)}.button.subtle{background:#e3ece6;color:#18534f}.button.outline{border-color:#aac4bc;background:transparent;color:var(--accent)}.pudel{background:#efad72;color:#36200f}.pudel:hover{background:#e79b59}.card,.list-card,.panel,.empty,.auth-card{background:var(--card);border:1px solid var(--line);border-radius:19px;box-shadow:var(--shadow)}.card,.empty{padding:1.4rem;margin:1.2rem 0}.empty{padding:3rem;text-align:center}.empty p{max-width:500px;margin:0 auto 1.5rem;color:var(--muted)}.panel{padding:1.35rem}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.panel-head h2{margin-bottom:0}.loading{padding:3rem;text-align:center;color:var(--muted)}.connection{border-radius:99px;background:#e2f1eb;color:#195b48;padding:.45rem .75rem;font-size:.8rem;font-weight:800;white-space:nowrap}.connection.bad{background:#ffe8df;color:#a13f2b}.alert{padding:1rem 1.2rem;border-radius:11px;margin:1rem 0;font-weight:650}.alert.error{background:#ffebe7;color:#873a31;border:1px solid #eeb3a8}.alert.success{background:#e6f5e9;color:#255d39;border:1px solid #b8dcc2}.auth-card{max-width:500px;margin:5vw auto;padding:2rem}.stack{display:grid;gap:1rem}.form-row{display:flex;flex-wrap:wrap;align-items:end;gap:.8rem}.form-row>label{flex:1 1 150px}.form-row>button{align-self:end}label{display:grid;gap:.4rem;font-size:.9rem;font-weight:700}label.check{display:flex;align-items:center;gap:.55rem;min-height:46px}input:not([type=checkbox]):not([type=color]),select,textarea{width:100%;min-height:46px;background:#fff;border:1px solid #b8c9c3;border-radius:9px;padding:.65rem .8rem;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #bce1d7}input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}input[type=color]{height:46px;width:75px;border:1px solid #b8c9c3;border-radius:9px;background:white;padding:.2rem}.card-list{display:grid;gap:.7rem}.list-card{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem}.list-card h2{font-size:1.1rem;margin:0}.list-card p{margin:.35rem 0 0}.list-card summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;width:100%;list-style:none}.list-card summary::-webkit-details-marker{display:none}.list-card summary::after{content:"⌄";color:var(--accent);font-size:1.5rem}.list-card[open]{display:block}.list-card[open] summary{padding-bottom:.9rem;border-bottom:1px solid var(--line)}.edit-row{padding-top:1rem}.actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.status-actions{margin-bottom:1rem}.badge,.pill{display:inline-flex;align-items:center;padding:.35rem .7rem;border-radius:99px;background:#e9efe9;font-weight:800;font-size:.76rem}.badge.live{background:#ffe5d2;color:#a5451d;letter-spacing:.08em}.row-title{display:flex;gap:.6rem;align-items:center}.toolbar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1rem 0}.quick{display:grid;gap:.35rem;background:#e1eee8;border-radius:15px;padding:1.3rem;text-decoration:none;color:var(--ink)}.quick strong{font-size:1.12rem}.quick span{color:var(--muted);font-size:.9rem}.participant-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.participant-choice{display:flex;align-items:center;gap:.5rem;background:#f0f5f1;padding:.5rem .7rem;border-radius:9px}.participant-choice span{flex:1}.participant-choice input[type=number]{width:60px;min-height:38px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.two-col>.card{margin:0}.section-title{margin:2rem 0 1rem}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.8rem}.section-heading h3{margin:0}.section-heading span{font-size:.8rem;color:var(--muted)}.next-card{background:#e3f0e9;border:1px solid #b8dace;border-radius:15px;padding:1.2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.next-card h3{font-size:1.8rem;margin-bottom:.2rem}.next-card p:last-child{margin-bottom:0;color:#4b6f64}.score-form{display:flex;align-items:end;gap:.5rem;flex-wrap:wrap}.score-form input[type=number]{width:110px;min-height:56px;font-size:1.35rem;font-weight:800;text-align:center}.score-form button{min-height:56px}.standings{margin:0 0 1rem}.standings .card{min-width:0}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:left;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;padding:.55rem .5rem;border-bottom:1px solid var(--line)}td{padding:.7rem .5rem;border-bottom:1px solid #ecf0ed;vertical-align:middle}tbody tr:last-child td{border-bottom:0}td small{display:block;color:var(--muted);margin-top:.1rem}td.rank{font-size:1.25rem;font-weight:800;color:var(--accent)}td.total{text-align:right;font-size:1.25rem;font-weight:850}.color-dot{display:inline-block;width:12px;height:12px;border-radius:50%;vertical-align:middle}.score-history{margin:0}.score-row{display:grid;grid-template-columns:145px 1fr;gap:.8rem;padding:.65rem 0;border-top:1px solid var(--line)}.score-row:first-of-type{border-top:0}.score-row-name{display:grid;align-content:center}.score-row-name small{color:var(--muted)}.chip-list{display:flex;gap:.35rem;overflow:auto;padding:.15rem 0;scrollbar-width:thin}.score-chip{flex:none;min-width:65px;background:#edf5f0;color:#184841;border:1px solid #bdd7c9;border-radius:9px;padding:.45rem .55rem;font-weight:800;text-align:center}.score-chip small{display:block;font-size:.65rem;color:#51766c}.score-chip.is-pudel{background:#fff0df;border-color:#e9bf91;color:#8a4b1c}.score-chip.empty-chip{background:#f6f7f5;color:#a0aaa3;border-color:#e1e6e1}.edit-dialog{border:0;border-radius:18px;padding:1.5rem;min-width:min(420px,calc(100vw - 2rem));box-shadow:0 20px 80px #102b2d55}.edit-dialog::backdrop{background:#102b2d9c}.copy-row{display:flex;gap:.5rem}.copy-row input{font-size:.85rem}.notice{background:#e8f5e9}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}footer{text-align:center;color:#82938d;font-size:.78rem;padding:2rem}
.monitor-body{background:#081719;color:#f7faf7;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}.monitor-shell{padding:2.5vw 3vw;min-height:100vh}.monitor-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-bottom:2px solid #45615d;padding-bottom:1.2rem}.monitor-header h1{font-size:clamp(2rem,4vw,4.4rem);margin:0;letter-spacing:-.04em}.monitor-body .eyebrow{color:#ffb774;font-size:clamp(.8rem,1.2vw,1.2rem)}.monitor-body .connection{background:#214137;color:#b9f6cf;font-size:clamp(.75rem,1vw,1rem)}.monitor-body .connection.bad{background:#7c261f;color:#fff}.monitor-empty{display:grid;place-items:center;min-height:60vh;font-size:clamp(1.5rem,3vw,3rem);text-align:center;color:#d0ddd8}.monitor-title{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:2vw 0}.monitor-title h2{font-size:clamp(2rem,4.5vw,5rem);line-height:1.05;margin:0}.monitor-status{border:2px solid #ffb774;color:#ffb774;padding:.55rem 1rem;border-radius:10px;letter-spacing:.1em;font-weight:900;font-size:clamp(.9rem,1.4vw,1.5rem)}.monitor-facts{display:grid;grid-template-columns:1fr 1fr 2fr;gap:1vw;margin-bottom:2vw}.monitor-facts>div{background:#193234;border:1px solid #3c5e5e;border-radius:14px;padding:1.1vw 1.5vw;display:grid;gap:.35rem}.monitor-facts span{color:#b7cbc2;text-transform:uppercase;letter-spacing:.13em;font-size:clamp(.8rem,1vw,1.2rem);font-weight:800}.monitor-facts strong{font-size:clamp(2rem,4.5vw,5rem);line-height:1.05}.monitor-facts strong small{font-size:.45em;color:#aabeb5}.monitor-facts .current{background:#a65b23;border-color:#eaa565}.monitor-facts .current span{color:#ffe3c6}.monitor-grids{display:grid;grid-template-columns:1.6fr 1fr;gap:2vw}.monitor-grids section{background:#12282a;border:1px solid #3c5e5e;border-radius:14px;padding:1vw 1.5vw;min-width:0}.monitor-grids h3{font-size:clamp(1.2rem,2vw,2.2rem);margin:.3rem 0 1rem}.monitor-body table{font-size:clamp(.9rem,1.35vw,1.7rem)}.monitor-body th{color:#a9beb4;border-bottom:1px solid #486561;font-size:.7em;padding:.45em}.monitor-body td{border-bottom:1px solid #304949;padding:.4em}.monitor-body td small{color:#a9beb4}.monitor-rank{color:#ffbd7e;font-weight:900;font-size:1.35em}.monitor-total{text-align:right;color:#fff;font-weight:900;font-size:1.4em}.monitor-note{color:#a9beb4;margin:1rem 0 0;font-size:clamp(.8rem,1vw,1.1rem)}
@media(max-width:760px){.topbar{min-height:70px;padding:.7rem 1rem}.brand-mark{width:42px;height:42px}.user-chip{font-size:.8rem}.nav{padding:.4rem 1rem}.container{width:calc(100% - 1rem);margin:1.3rem auto 4rem}.page-head{align-items:start}.page-head .button{display:none}.panel,.card{padding:1rem}.two-col,.quick-grid{grid-template-columns:1fr}.next-card{display:block}.next-card h3{font-size:1.55rem}.score-form{margin-top:1rem}.score-form input[type=number]{flex:1}.score-form button{flex:1}.score-row{grid-template-columns:1fr;gap:.3rem}.score-row-name{display:flex;gap:.4rem}.participant-grid{grid-template-columns:1fr}.list-card{align-items:start}.list-card:not(details){display:block}.list-card .actions{margin-top:.8rem}.copy-row{display:block}.copy-row button{margin-top:.5rem;width:100%}.monitor-shell{padding:1rem}.monitor-header h1{font-size:1.6rem}.monitor-facts{grid-template-columns:1fr 1fr}.monitor-facts .current{grid-column:1/-1}.monitor-facts>div{padding:1rem}.monitor-facts strong{font-size:2rem}.monitor-grids{grid-template-columns:1fr}.monitor-grids section{padding:1rem}}/* Beamer: zwölf Spieler ohne Scrollen bei 1280 × 720 */
.monitor-shell{padding:1.4vw 2.5vw}.monitor-header{padding-bottom:.7vw}.monitor-header h1{font-size:clamp(1.9rem,3vw,3.4rem)}.monitor-title{margin:1.1vw 0}.monitor-title h2{font-size:clamp(1.9rem,3.2vw,3.8rem)}.monitor-facts{margin-bottom:1.2vw}.monitor-facts>div{padding:.7vw 1vw}.monitor-facts strong{font-size:clamp(2rem,3.1vw,3.8rem)}.monitor-grids section{padding:.7vw 1vw}.monitor-grids h3{font-size:clamp(1.2rem,1.7vw,1.9rem);margin:.15rem 0 .5rem}.monitor-rank-columns{display:grid;grid-template-columns:1fr 1fr;gap:1vw}.monitor-body table{font-size:clamp(.9rem,1.15vw,1.3rem)}.monitor-body th{padding:.35em}.monitor-body td{padding:.32em}.monitor-body td small{font-size:.68em}.monitor-rank{font-size:1.2em}.monitor-total{font-size:1.25em}
@media(max-width:760px){.score-form input[type=number]{flex:1 1 100%;width:100%}.score-form button{flex:1 1 calc(50% - .25rem)}.monitor-shell{padding:1rem}.monitor-rank-columns{grid-template-columns:1fr}.monitor-grids section{padding:1rem}}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:1rem}.catalog-grid .card{margin:0;display:flex;flex-direction:column}.catalog-grid .button{margin-top:auto;align-self:start}.game-choice[hidden]{display:none}.filters{display:flex;gap:1rem;flex-wrap:wrap}.rule-preview{background:#f0f5ef;padding:1rem;border-radius:12px;margin:1rem 0}.rule-preview li{margin:.4rem 0}.series-active{padding:1.2rem;background:#e3f0e9;border:1px solid #b8dace;border-radius:16px}.series-active h3{font-size:clamp(1.5rem,3vw,2.3rem);margin-bottom:.3rem}.series-input{display:grid;gap:1rem;max-width:640px}.series-input input[type=number]{font-size:1.6rem;font-weight:800;text-align:center;min-height:58px}.series-input .actions button{min-height:54px;flex:1}.series-chips{display:flex;gap:.5rem;margin:.8rem 0;flex-wrap:wrap}.pins{display:grid;grid-template-columns:repeat(5,44px);grid-template-rows:repeat(5,44px);gap:4px;width:max-content;margin:1rem auto}.pin{display:grid;place-items:center;position:relative;border-radius:50%;border:2px solid #236b64;background:#fff;color:#13443e;cursor:pointer;font-weight:900}.pin input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}.pin span{pointer-events:none}.pin.absent{opacity:.15;cursor:default}.pin.fallen{background:#ecaa6e;border-color:#a15f26;color:#37200e}.pin:has(input:focus-visible){outline:3px solid #126b68;outline-offset:3px}.house-digits{display:grid;grid-template-columns:repeat(var(--digits),1fr);gap:.6rem;margin:1rem 0}.house-digit{padding:.6rem;text-align:center;border:2px dashed #8db6a5;border-radius:12px;background:#fff;color:#35584d;min-width:0}.house-digit small{display:block;font-size:.7rem}.house-digit strong{display:block;font-size:clamp(2rem,5vw,4rem);line-height:1.2}.house-digit.filled{border-style:solid;border-color:#226c5e;background:#c9e5d6;color:#123e32}.house-digit.selected{border:3px solid #a45c23;background:#ffe3c2;box-shadow:0 0 0 3px #d68a4444}.house-number{font-family:ui-monospace,Consolas,monospace!important;letter-spacing:.1em;font-size:1.2rem!important;color:var(--accent)!important}.tree-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin:1rem 0}.tree-board{border:1px solid var(--line);border-radius:14px;padding:1rem;background:white;overflow:auto}.tree-board h3{margin-bottom:.25rem}.tree-board p{font-size:.8rem;color:var(--muted)}.tree-board.complete{border:3px solid #25845d}.tree-shape{display:grid;gap:.4rem;min-width:220px}.tree-row{display:flex;align-items:center;justify-content:center;gap:.45rem}.tree-row>b{min-width:16px;font-size:.9rem}.tree-row>span{display:flex;gap:.2rem}.tree-field{display:grid;place-items:center;width:24px;height:26px;border:1px solid #aac3b2;border-radius:5px;background:#f8fbf8;font-style:normal;font-weight:800;color:#476757}.tree-field.done{color:#fff;background:#277658;border-color:#277658}.tree-preview{max-width:650px;margin:1rem auto}.tree-counts label{flex:1 1 65px}.throw-history{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.5rem;max-height:600px;overflow:auto;margin:1rem 0}.throw-history-item{text-align:left;border:1px solid var(--line);padding:.7rem;background:#f2f6f1;border-radius:9px;color:var(--ink)}.throw-history-item span{display:block;font-size:.8rem;color:var(--muted)}.participant-choice>label:not(.sr-only){flex:1}.participant-choice>input[type=number]{width:70px}.monitor-trees{display:grid;grid-template-columns:repeat(3,1fr);gap:.7vw}.monitor-trees .tree-board{background:#12282a;color:white;border-color:#4f7165;padding:.5vw}.monitor-trees .tree-board h3{font-size:1.2vw;margin:0}.monitor-trees .tree-board p{font-size:.8vw;margin:.15rem 0;color:#b9d1c3}.monitor-trees .tree-shape{gap:.15rem;min-width:0}.monitor-trees .tree-row{gap:.3rem}.monitor-trees .tree-field{width:1.2vw;height:1.2vw;font-size:.8vw;background:#203e3c;color:#cbe4d7;border-color:#709286}.monitor-trees .tree-field.done{background:#f3ae6d;color:#1b201b;border-color:#f3ae6d}.monitor-trees .tree-row>b{font-size:.8vw}.monitor-list{background:#12282a;border:1px solid #3c5e5e;border-radius:14px;padding:1vw}.monitor-body .house-digit{background:#173b3b;color:#fff;border-color:#6c9584}.monitor-body .house-digit.selected{background:#955322;border-color:#ffc58e}.monitor-body .house-digit small{color:#bddacb}.monitor-body .house-digit strong{font-size:3.2vw}.monitor-body .house-number{font-size:1.5vw!important;color:#ffbd7e!important}.monitor-body .house-digits{max-width:700px;margin:.5vw auto}
@media(max-width:760px){.catalog-grid{grid-template-columns:1fr}.house-digits{gap:.3rem}.house-digit{padding:.35rem .1rem}.house-digit small{font-size:.55rem}.house-digit strong{font-size:2rem}.series-active{padding:.8rem}.series-active .panel-head{display:block}.pins{grid-template-columns:repeat(5,40px);grid-template-rows:repeat(5,40px)}.tree-grid{grid-template-columns:1fr}.participant-choice>input[type=number]{width:60px}.monitor-trees{grid-template-columns:1fr}.monitor-trees .tree-board h3{font-size:1rem}.monitor-trees .tree-board p{font-size:.8rem}.monitor-trees .tree-field{width:22px;height:22px;font-size:.8rem}.monitor-trees .tree-row>b{font-size:.8rem}}
[data-series-undo]{white-space:normal;width:100%}
.actions{flex-wrap:wrap}
.monitor-body{--monitor-scale:1}
.monitor-body td.rank,.monitor-body .monitor-rank{color:#ffbd7e}
.monitor-body .monitor-trees{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.monitor-body .monitor-trees .tree-row{font-size:calc(20px * var(--monitor-scale))}
.monitor-body .monitor-trees h3{font-size:calc(24px * var(--monitor-scale))}
.monitor-body .monitor-facts strong{font-size:calc(34px * var(--monitor-scale))}
.monitor-body .monitor-facts .current strong{font-size:calc(42px * var(--monitor-scale))}
.monitor-body .monitor-list td{font-size:calc(23px * var(--monitor-scale))}
.monitor-body .house-digit{font-size:calc(38px * var(--monitor-scale))}
.monitor-body.hide-next .monitor-facts .current>span:last-child{display:none}
.monitor-body.hide-throws .monitor-facts>div:nth-child(2){display:none}
.monitor-body.hide-throws .house-digits{display:none}
.monitor-toolbar{display:flex;gap:12px;align-items:center;margin:10px 0}
.monitor-toolbar button{background:#152d30;color:#d4e4e2;border:1px solid #47686a;font-size:14px;padding:6px 12px;min-height:34px}
.monitor-paused{color:#ffd485;font-weight:800;letter-spacing:.08em}
.pair-code{font-size:clamp(48px,8vw,100px);letter-spacing:.13em;font-variant-numeric:tabular-nums;color:#ffbd7e}
@media(max-width:600px){.monitor-body .monitor-trees{grid-template-columns:1fr}.monitor-facts{grid-template-columns:1fr}.monitor-body .monitor-facts strong,.monitor-body .monitor-facts .current strong{font-size:30px}}

.monitor-body .monitor-trees .tree-field{width:24px;height:24px;font-size:calc(17px * var(--monitor-scale))}
.monitor-body .monitor-trees .tree-row>b{font-size:calc(18px * var(--monitor-scale));min-width:22px}
.monitor-body .house-digit strong{font-size:calc(42px * var(--monitor-scale))}
.avatar{border-radius:22%;object-fit:cover;flex:none;background:#d5e4df}
.avatar.small{width:52px;height:52px}
.player-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:16px}
.player-card{border:2px solid #b5c5bb;border-radius:16px;background:#f5f8f4;padding:10px;min-width:0}
.player-card.selected{border:3px solid #247a78;background:#d9eee1;padding:9px}
.avatar-pick{display:flex;align-items:center;flex-direction:column;gap:8px;position:relative;padding:8px 0;cursor:pointer;min-height:145px;text-align:center}
.avatar-pick>input{position:absolute;width:100%;height:100%;inset:0;opacity:0;cursor:pointer;z-index:1}
.avatar-pick .avatar{width:72px;height:72px}
.pick-indicator{position:absolute;top:4px;right:4px;border-radius:50%;background:#247a78;color:white;width:25px;height:25px;visibility:hidden}
.selected .pick-indicator{visibility:visible}
.avatar-pick:has(input:focus-visible){outline:3px solid #d68537;border-radius:10px}
.order-input input{min-height:44px;text-align:center}
.picker-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:18px 0}
.ad-hoc-teams{border-radius:12px;background:#edf3ed;padding:14px}
[data-team-name][hidden],[data-team-pick][hidden],[data-teams][hidden]{display:none!important}
[data-team-name]{min-width:120px;flex:1}
.monitor-avatar{width:72px;height:72px;float:left;margin:0 14px 2px 0}
.active-avatar{width:58px;height:58px;vertical-align:middle;margin-right:12px}
.monitor-tree-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.tree-progress{background:#12282a;border:1px solid #6d8b7d;border-radius:12px;padding:12px;min-width:0}
.tree-progress h3{font-size:20px;margin:0}
.tree-progress progress{width:100%;accent-color:#ffbd7e;height:18px}
.tree-progress small{display:block;color:#cadbd3;font-size:15px}
.monitor-body.monitor-many .monitor-list td{font-size:calc(18px * var(--monitor-scale));padding:5px 10px}
.monitor-body.monitor-many .monitor-list td small{font-size:14px}
@media(max-width:420px){.player-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.picker-toolbar button{flex:1}.player-card select{min-width:0}.monitor-tree-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}.monitor-body.monitor-many .monitor-shell{padding:14px 24px}
.monitor-body.monitor-many .monitor-header h1{font-size:28px;margin:0}
.monitor-body.monitor-many .monitor-header .eyebrow{font-size:12px;margin:0}
.monitor-body.monitor-many .monitor-toolbar{margin:4px 0}
.monitor-body.monitor-many .monitor-toolbar button{font-size:12px;min-height:26px;padding:4px 8px}
.monitor-body.monitor-many .monitor-title{margin:8px 0}
.monitor-body.monitor-many .monitor-title h2{font-size:28px;margin:3px 0;line-height:1.1}
.monitor-body.monitor-many .monitor-title .eyebrow{font-size:12px;margin:0}
.monitor-body.monitor-many .monitor-facts{gap:10px;margin:0 0 10px}
.monitor-body.monitor-many .monitor-facts>div{padding:8px 10px}
.monitor-body.monitor-many .monitor-facts strong,.monitor-body.monitor-many .monitor-facts .current strong{font-size:calc(30px * var(--monitor-scale));line-height:1.1;margin:2px 0}
.monitor-body.monitor-many .monitor-facts .current>span:last-child{font-size:12px}
.monitor-body.monitor-many .monitor-avatar{width:48px;height:48px;margin-right:10px}
.monitor-body.monitor-many .monitor-list{padding:8px}
.monitor-body.monitor-many .monitor-list td{font-size:calc(20px * var(--monitor-scale));line-height:1.1;padding:5px 8px}
.monitor-body.monitor-many .monitor-list td small{display:inline;font-size:14px;line-height:1;margin-left:10px}
.monitor-body.monitor-many .monitor-list td strong{display:inline}
.monitor-body.monitor-many .monitor-note{font-size:12px;margin:8px 0 0}.monitor-body.monitor-many .tree-progress{padding:8px}
.monitor-body.monitor-many .tree-progress h3{font-size:calc(20px * var(--monitor-scale));line-height:1.15;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.monitor-body.monitor-many .tree-progress progress{height:9px;margin:3px 0}
.monitor-body.monitor-many .tree-progress small{font-size:14px;line-height:1.15}
.monitor-body.monitor-many .tree-progress small:last-child{display:none}.monitor-body.monitor-many .tree-progress progress{display:block;height:6px;margin:3px 0}.monitor-body.monitor-many .monitor-facts .current{display:block;position:relative}
.monitor-body.monitor-many .monitor-facts .current>span,.monitor-body.monitor-many .monitor-facts .current>strong{display:block;margin-left:58px}
.monitor-body.monitor-many .monitor-facts .current .monitor-avatar{position:absolute;left:10px;top:16px;float:none}
.monitor-body.monitor-many.monitor-house .monitor-list td{font-size:calc(18px * var(--monitor-scale));padding:4px 8px}
.monitor-body.monitor-many.monitor-house .house-digits{max-width:600px;margin:6px auto;gap:8px}
.monitor-body.monitor-many.monitor-house .house-digit{padding:4px}
.monitor-body.monitor-many.monitor-house .house-digit strong{font-size:calc(34px * var(--monitor-scale));line-height:1}
.monitor-body.monitor-many.monitor-house .house-digit small{font-size:10px;line-height:1.2}
/* Match membership, readable without relying on colour alone. */
/* Team name and avatar strip share one row. Names remain accessible as labels. */
.team-identity{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%;flex-wrap:nowrap}
.team-identity>.team-label{flex:0 1 auto;min-width:0;max-width:48%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}
.team-identity>.team-roster{display:grid;grid-template-columns:repeat(var(--members),minmax(0,1fr));flex:0 1 auto;width:calc(var(--members) * 32px + (var(--members) - 1) * 5px);min-width:0;max-width:100%;gap:min(5px,calc(40% / var(--members)));list-style:none;margin:0;padding:0;line-height:0}
.team-roster li{display:block;min-width:0;max-width:100%;padding:0;border-radius:5px;line-height:0}
.team-roster .avatar{display:block;width:100%;height:auto;aspect-ratio:1;max-width:32px;object-fit:cover;padding:2px;background:transparent;box-sizing:border-box}
.team-roster .member-active{outline:2px solid currentColor;outline-offset:-2px}
.team-ranking{table-layout:fixed;width:100%}
.team-ranking th:first-child{width:50px}.team-ranking th:last-child{width:80px}
.tree-board .team-identity{margin-bottom:6px}
@media(max-width:760px){.team-ranking th:first-child{width:38px}.team-ranking th:last-child{width:65px}.team-identity{gap:5px}.team-identity>.team-label{max-width:45%}}
.tree-board[style*=team-color]{border-top:7px solid var(--team-color)}
tr[style*=team-color]>td:first-child{border-left:7px solid var(--team-color)}
.active-person.team-active{background:var(--team-color);color:var(--team-ink);padding:10px;border-radius:10px}
.active-person.team-active .eyebrow,.active-person.team-active p:last-child,.active-person.team-active h3,.active-person.team-active .active-team-name{color:var(--team-ink);background:transparent}
.active-person.team-active .active-team-name{padding:0;text-decoration:underline;text-underline-offset:3px}

.team-progress{display:block;font-size:.75rem;line-height:1.25;font-weight:500;margin:4px 0 0;color:#4a685c}
.team-roster li{position:relative}
.team-roster .member-done .avatar{opacity:.55}
.team-roster .member-done:after{content:'✓';position:absolute;right:0;bottom:0;background:#e7f3d3;color:#174a2d;border-radius:50%;font-size:10px;font-weight:900;line-height:1;padding:2px}
.team-roster .member-out .avatar{opacity:.35}

.team-roster [data-turns]:before{content:attr(data-turns);position:absolute;right:0;top:-4px;background:#ffdf9e;color:#21342c;font-size:9px;font-weight:900;padding:1px 3px;line-height:1;border-radius:4px;z-index:1}
.balance-setup button{margin-top:12px}.balance-setup summary{font-weight:750}