*{box-sizing:border-box}body{margin:0;background:#24262c;color:#f6f7f8;font:16px system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #53535f;background:#1b1d23;color:#fff;border-radius:9px;padding:10px;min-height:42px}button:disabled{opacity:.4;cursor:default}a{color:#aadfef;text-decoration:none}h1,h2,p{margin:0}.hidden{display:none!important}.app{max-width:1100px;margin:auto;padding:18px}header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}h1{font-size:1.6rem}h2{font-size:1.1rem}.panel,.team-card{background:#1b1d23;border:1px solid #44444e;border-radius:12px;padding:18px}.setup{max-width:780px;margin:auto}.muted{color:#a7a9b5;font-size:.8rem;line-height:1.5;margin:12px 0}.team-setup,.settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}fieldset{min-width:0;border:1px solid #41454b;border-radius:10px;padding:14px}legend{color:#9ddbee}label{display:grid;gap:5px;font-size:.8rem;color:#babcc6;margin-bottom:12px}input,select{min-width:0;width:100%;background:#111318;border:1px solid #454753;border-radius:8px;padding:10px;color:#fff;min-height:44px}.primary{background:#237892;border-color:#459fbb}.wide{width:100%}#setupStatus,#status{color:#aadfef;font-size:.8rem;line-height:1.3}.scoreboards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.team-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:12px}.team-card.active{border-color:#66c3e0;background:#272a2d}.team-card>span{font-size:.75rem;color:#8ecadc}.team-card>b{font-size:.95rem;margin:6px 0;overflow-wrap:anywhere;text-align:center}.team-card>strong{font-size:clamp(54px,14dvh,140px);line-height:1.1;letter-spacing:-3px}.team-card>small{font-size:.75rem;color:#afb0bb}.controls{display:grid;gap:10px;margin-top:12px;min-height:0}.turn-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.turn-head small{font-size:.7rem;color:#9fa2ae}.entry-controls{display:flex;gap:10px}.entry-controls>button{font-size:.8rem}#scoreForm{display:flex;gap:8px;flex:1;min-width:0}#scoreInput{flex:1;width:0}.keypad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.keypad button{font-size:1.3rem;min-height:48px}.key-submit{background:#237892}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button{font-size:.75rem;min-height:36px;padding:7px 10px}#finishDarts{display:flex;align-items:center;gap:7px;font-size:.75rem}#finishDarts button{min-height:36px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #9ddbee;outline-offset:2px}
body:has(#playing:not(.hidden)){height:100dvh;overflow:hidden}.app:has(#playing:not(.hidden)){height:100dvh;max-width:none;display:grid;grid-template-rows:auto minmax(0,1fr);padding:10px 12px;gap:8px}.app:has(#playing:not(.hidden)) header{margin:0}#playing:not(.hidden){display:grid;grid-template-rows:minmax(0,1.1fr) minmax(0,1.2fr);gap:8px;min-height:0}#playing .controls{margin:0;grid-template-rows:auto auto auto minmax(0,1fr) auto auto;gap:6px;padding:12px;overflow:hidden}.keypad button{min-height:0}.keypad{min-height:0}.scoreboards{min-height:0}#status:empty{display:none}@media(max-width:600px){.app{padding:14px 10px}header a{font-size:.8rem}.team-card{padding:8px}.team-card>b{font-size:.8rem}.scoreboards{gap:8px}.turn-head{flex-wrap:wrap;gap:3px}.entry-controls{gap:6px}.entry-controls>button{font-size:.65rem;padding:6px}.actions{gap:5px}.actions button{font-size:.65rem}.team-card>strong{font-size:clamp(54px,13dvh,108px)}.app:has(#playing:not(.hidden)){padding:8px;padding-bottom:max(8px,env(safe-area-inset-bottom))}}@media(orientation:landscape) and (max-height:600px){#playing:not(.hidden){grid-template-rows:minmax(0,.95fr) minmax(0,1.5fr)}.turn-head small{font-size:.65rem}#playing .controls{gap:4px;padding:8px}.entry-controls button,.entry-controls input{min-height:32px;padding:5px}.actions button{min-height:28px;padding:4px 8px}.team-card>strong{font-size:clamp(42px,15dvh,84px)}h1{font-size:1.1rem}}
#playing .turn-head{grid-row:1}#playing .entry-controls{grid-row:2}#playing #finishDarts{grid-row:3}#playing .keypad{grid-row:4}#playing #status{grid-row:5}#playing .actions{grid-row:6}

#playing .team-card>small{font-size:clamp(.9rem,2.6dvh,1.4rem);font-weight:750;line-height:1.15;color:#f1f2f7;padding:4px 10px;margin-top:4px;background:#14161e;border:1px solid #ffffff1c;border-radius:7px;font-variant-numeric:tabular-nums}
#playing .team-card>b{font-size:clamp(.95rem,2.6dvh,1.35rem);line-height:1.15}
@media(max-height:600px){#playing .team-card>small{font-size:clamp(.75rem,2.4dvh,1rem);padding:3px 7px;margin-top:3px}#playing .team-card>b{font-size:.85rem;margin:4px 0}}

/* Clear turn highlight without changing card size or position. */
#playing .team-card.active{background:radial-gradient(ellipse at 50% 0,#3188a366,transparent 85%),linear-gradient(145deg,#245e70,#1d3942);border-color:#8bdbf4;box-shadow:inset 0 0 0 2px #5cc7e8,inset 0 5px 0 #9ee1f5,0 0 18px #3198b82b;color:#fff}