:root{--ink:#17211f;--paper:#f4f0e7;--lime:#d7f263;--coral:#ff7c5c;--line:#bed0c7;--muted:#5e716b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.45 Arial,sans-serif}main{max-width:1100px;margin:auto;padding:56px 28px 84px}h1{font-size:clamp(2.6rem,8vw,6rem);letter-spacing:-.07em;line-height:.95;margin:.1em 0}h2{margin:.2em 0 .4em;letter-spacing:-.035em}.subtitle{max-width:560px;font-size:1.15rem}.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.13em;margin:0 0 .6rem}.notice{background:#fff7d6;border-left:4px solid var(--coral);padding:12px 14px;margin:28px 0 0}.grid,.summary{display:grid;grid-gap:14px;gap:14px;margin-top:18px}.summary{grid-template-columns:repeat(3,1fr)}.summary div,article{border:1px solid var(--line);padding:20px;background:#fcfaf4}.summary span{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.summary strong{font-size:1.3rem}.grid{grid-template-columns:1fr 1fr}.grid article:last-child{background:var(--lime)}button,input,select{font:inherit}button{border:0;background:var(--ink);color:#fff;padding:11px 16px;font-weight:700;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.secondary{background:transparent;color:var(--ink);outline:1px solid var(--ink)}.actions{display:flex;gap:8px;margin-top:16px}.format{display:flex;gap:10px;align-items:center;font-weight:700;margin-top:14px}.format select{padding:7px;border:1px solid var(--ink);background:#fff}.queue{margin-top:14px;padding:24px;background:var(--ink);color:#fff}.queue ol{list-style:none;padding:0;margin:16px 0 0}.queue li{display:grid;grid-template-columns:38px 1fr auto auto;grid-gap:12px;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #456057}.queue li>span{color:var(--lime)}.queue small{display:block;color:#b8c9c2}.queue em{font-style:normal;color:#dbe7e2;text-transform:capitalize}.text-button{background:transparent;color:var(--lime);padding:4px 0;text-decoration:underline}.add-player{display:grid;grid-template-columns:1fr 2fr auto;grid-gap:8px;gap:8px;align-items:end;margin-top:22px;padding-top:18px;border-top:1px solid #456057}.add-player label{font-weight:700}.add-player input{padding:10px;border:1px solid #b8c9c2;background:#fff}.report{border:1px solid var(--line);margin-top:14px;padding:24px;background:#fcfaf4}.report-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:10px;gap:10px}.report-grid div{border-top:3px solid var(--lime);padding:10px;background:#edf0e9}.report-grid b,.report-grid span{display:block}.report-grid span{font-size:.86rem;color:var(--muted)}@media(max-width:650px){main{padding:30px 16px}.grid,.summary{grid-template-columns:1fr}.queue{padding:18px}.queue li{grid-template-columns:30px 1fr auto}.queue .text-button{grid-column:2}.add-player{grid-template-columns:1fr}.add-player button{width:max-content}}