:root{font-family:Arial,Helvetica,sans-serif;color:#192e35;background:#f3f6f8}*{box-sizing:border-box}body{margin:0}header{background:#102e3b;color:white;padding:24px max(5%,calc((100% - 1200px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:30px;color:#f2be57;display:flex;gap:18px;text-decoration:none;align-items:center}.brand>span{font-size:18px;color:white;font-weight:bold;letter-spacing:2px}.brand-small{display:block;font-size:12px;letter-spacing:1px;margin-top:6px;color:#bed0d6}nav{display:flex;gap:8px;flex-wrap:wrap}nav a{color:#c6d4da;padding:12px 18px;text-decoration:none;border-radius:6px;font-size:15px}nav a.selected{color:#102e3b;background:#f2be57}.admin-link{border:1px solid #52707b}main{max-width:1200px;margin:auto;padding:38px 24px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:bold;color:#647980}.title-row{display:flex;justify-content:space-between;align-items:center}h1{font-size:clamp(32px,5vw,54px);letter-spacing:-2px;margin:14px 0}p{line-height:1.6;color:#61747b;font-size:16px}.suit{font-size:92px;color:#163d4b}h2{font-size:24px;margin:0}h3{font-size:18px;margin:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin:28px 0;background:white;border:1px solid #dce4e8;border-radius:10px}.stats>div{padding:24px;border-right:1px solid #dce4e8}.stats>div:last-child{border:0}.stats strong{font-size:32px;display:block}.stats span{display:block;font-size:14px;color:#61747b;margin-top:5px}.tabs{border-bottom:1px solid #cedbe0;display:flex;gap:28px;margin-bottom:28px}.tabs button{background:none;border:none;color:#647980;padding:16px 0;border-radius:0}.tabs .chosen{color:#183f4e;border-bottom:3px solid #c88923}button{cursor:pointer;font:inherit;background:#143c4b;color:white;border:0;border-radius:6px;padding:12px 20px}button:disabled{opacity:.45;cursor:not-allowed}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:24px 0}.section-heading span{font-size:14px;color:#61747b}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid.rummy{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:white;border:1px solid #dce4e8;border-radius:10px;padding:22px}.card-heading{display:flex;gap:12px;align-items:center;padding-bottom:18px;border-bottom:1px solid #e5ecef}.number{font-size:14px;color:#9c6b20;font-weight:bold}.tag{font-size:12px;background:#fff3d9;color:#92641d;padding:5px 8px;border-radius:4px;margin-left:auto;white-space:nowrap}.player{padding:16px 0;border-bottom:1px solid #edf1f3}.player:last-child{border:none;padding-bottom:0}.player-name{display:flex;justify-content:space-between;gap:12px;font-size:17px}.unavailable .player-name{color:#8a9195}.player-name small{font-size:12px;color:#a04833}.toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:24px 0}.segmented{display:flex;gap:6px}.segmented button{background:#dce6eb;color:#173c4b}.segmented .on{background:#173c4b;color:white}.notice{padding:16px 20px;background:#fff2d9;border-left:3px solid #d5a547;border-radius:4px;color:#624b27;font-size:15px}.edit-controls{display:flex;justify-content:space-between;gap:12px;margin-top:12px;font-size:14px}.edit-controls label{display:flex;align-items:center;gap:8px}input,select,textarea{font:inherit;border:1px solid #cad6db;border-radius:5px;padding:9px;background:white;color:#183740;min-width:0}input:not([type=checkbox]){width:100%}input[type=checkbox]{accent-color:#173c4b;width:18px;height:18px}textarea{display:block;width:100%;min-height:600px;line-height:1.6;margin-top:12px}.score{display:flex;gap:12px;align-items:center;margin-top:12px}.score label{flex:1;font-size:12px;color:#61747b}.score input{margin-top:5px}.score small{font-size:12px;color:#61747b}.rules{background:white;padding:28px;border:1px solid #dce4e8;border-radius:10px}.rules pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:16px;line-height:1.75}.section-heading a{color:#155b71;font-size:14px}.final-section{margin-top:36px;padding:28px;background:#e6edf1;border-radius:10px}.confirm{display:flex;align-items:center;gap:12px;margin:20px 0;font-size:15px}.empty{padding:30px;text-align:center;border:1px dashed #a4bbc4;border-radius:8px;color:#60777f}.winners{background:#143c4b;color:white;padding:24px;margin-top:24px;border-radius:8px;display:flex;gap:40px}.winners p{color:white;margin:0}.winners span{display:block;font-size:12px;color:#f2be57}.winners strong{font-size:22px}footer{display:flex;justify-content:space-between;font-size:12px;color:#748990;border-top:1px solid #dce4e8;padding:28px 0;margin-top:40px}.final-match{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.final-team{background:white;padding:22px;border:1px solid #c9d9df;border-top:4px solid #d5a547;border-radius:8px}.seat{display:block;padding:12px 0;border-bottom:1px solid #e5ecef}.vs{font-size:14px;font-weight:bold;color:#68808a}.final-team select{width:100%;margin-bottom:12px}@media(max-width:850px){header{flex-direction:column;align-items:flex-start}.grid.rummy{grid-template-columns:1fr}.stats>div{padding:18px}.section-heading{align-items:flex-start}.section-heading span{max-width:40%;text-align:right}}@media(max-width:600px){main{padding:28px 16px}.grid{grid-template-columns:1fr}nav a{padding:10px 12px}.suit{font-size:60px}.stats strong{font-size:27px}.stats span{font-size:12px}.toolbar{align-items:stretch;flex-direction:column}.final-section,.rules{padding:20px}.final-match{grid-template-columns:1fr}.vs{text-align:center}footer{gap:12px;flex-direction:column}.winners{flex-direction:column;gap:20px}}

.brand-logo{width:96px;height:96px;object-fit:contain;background:white;border-radius:8px;padding:5px}.login{max-width:440px;margin:50px auto;background:white;padding:32px;border:1px solid #dce4e8;border-radius:10px}.login label{display:block;margin:24px 0}.login input{margin-top:10px}.login button{width:100%}.account-bar{display:flex;justify-content:flex-end;align-items:center;gap:14px;padding:12px 5%;background:#e6edf1;font-size:14px}.account-bar button{padding:8px 14px}@media(max-width:600px){.brand-logo{width:76px;height:76px}}