.play-intro{padding:29px 30px;border:1px solid #365447;border-radius:13px;background:radial-gradient(ellipse at 95% 0,#426f2d2b,transparent 60%),#14232a;margin-bottom:20px}.play-eyebrow{font:700 9px Arial;letter-spacing:2px;color:#9ac875;margin-bottom:12px}.play-intro h2{font-size:29px;line-height:1.35;margin:0 0 12px;max-width:580px;letter-spacing:-.5px}.play-intro p{font-size:12px;color:#92aebc;line-height:1.8;max-width:530px}.play-intro-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.play-intro-actions button{min-height:42px;font-size:12px;padding:11px 17px}.play-assurance{display:flex;flex-wrap:wrap;gap:17px;margin-top:22px;padding-top:18px;border-top:1px solid #345044;font-size:10px;color:#8fa991}.play-formats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:0 0 30px}.play-formats>button{display:flex;align-items:flex-start;gap:13px;text-align:start;padding:21px 18px;background:#14212b;border:1px solid #304650;border-radius:10px}.play-formats>button:hover{border-color:#779c60;background:#192b2c}.play-format-icon{display:grid;place-items:center;height:37px;width:37px;flex-shrink:0;color:#b6de92;background:#2a4233;border:1px solid #45603e;border-radius:10px}.play-format-icon.cup{color:#d9cc99;background:#39382b;border-color:#57533a}.play-format-icon svg{width:19px;height:19px}.play-formats strong{font-size:15px;color:#deebee}.play-formats p{font-size:11px;line-height:1.8;color:#8ea6b5;margin:9px 0}.play-formats small{font-size:10px;color:#9bc384}.play-formats b{margin-inline-start:auto;color:#6e8e9e;font-size:16px}.play-library-heading{display:flex;gap:15px;align-items:center;justify-content:space-between;margin:22px 0 15px}.play-library-heading h3{font-size:19px;margin:0}.play-library-heading h3 small{font:11px Arial;background:#253641;border-radius:6px;padding:3px 7px;margin-inline-start:5px;color:#aac1d0}.play-library-heading label{display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid #2b414c;border-radius:6px;background:#131f29;max-width:220px}.play-library-heading label svg{width:15px;height:15px;color:#6d899a}.play-library-heading input{width:100%;min-width:0;background:none;border:0;color:#c5dbe5;font-size:11px;min-height:35px;outline:0}.play-library-tabs{display:flex;gap:6px;margin-bottom:16px}.play-library-tabs button{padding:8px 13px;background:#14232e;border:1px solid #2a3f4b;border-radius:6px;font-size:11px;color:#849faf;min-height:36px}.play-library-tabs .selected{background:#29402b;border-color:#527447;color:#c0e79f}.play-library-card{padding:22px;background:#131f29;border:1px solid #2e444f;border-radius:10px;min-width:0}.play-library-top{display:flex;align-items:center;gap:10px;color:#7e9eaf;font-size:10px}.play-library-top .play-format-icon{width:29px;height:29px;border-radius:8px}.play-library-top svg{width:16px;height:16px}.play-library-card h3{font-size:18px;line-height:1.6;margin:19px 0 7px}.play-library-card p{font-size:10px;color:#7e9cac;line-height:1.8;min-height:20px}.play-library-card button{width:100%;margin-top:12px;min-height:39px;font-size:12px}.play-empty{grid-column:1/-1;border:1px dashed #3c5661;background:#111d26;padding:36px 22px;text-align:center;border-radius:11px}.play-empty>span{display:grid;place-items:center;width:49px;height:49px;border-radius:14px;margin:0 auto 18px;background:#263d31;color:#add786}.play-empty h3{font-size:20px;margin-bottom:10px}.play-empty p{font-size:12px;line-height:1.8;color:#819dab;max-width:370px;margin:0 auto 20px}.play-empty>button{margin:4px 5px;font-size:12px}.play-footnote{font-size:10px;color:#6a8596;line-height:1.9;border-top:1px solid #263b47;padding-top:19px;margin-top:25px}.play-wizard-title>span{font-size:9px;font-weight:700;letter-spacing:1.7px;color:#abd18f}.play-wizard-title h2{font-size:27px;margin:11px 0}.play-wizard-title>p{font-size:11px;color:#849fac;line-height:1.8}.play-step-track{display:flex;gap:6px;margin:23px 0 25px}.play-step-track>span{height:4px;border-radius:4px;background:#2a3f4b;flex:1}.play-step-track>span.done{background:#acd984}.play-format-note{display:flex;gap:13px;padding:15px;background:#1c2e2b;border:1px solid #3a5141;border-radius:8px}.play-format-note>svg{flex-shrink:0;color:#b5d893;margin-top:3px}.play-format-note b{font-size:12px;color:#c4dcb7}.play-format-note p{font-size:11px;line-height:1.9;margin:7px 0 0;color:#8fa995}.play-advanced{border:1px solid #2e434e;border-radius:8px;padding:14px;margin-top:6px}.play-advanced summary{font-size:11px;color:#9db6c4;cursor:pointer;min-height:19px}.play-advanced label{margin-top:17px}.play-advanced>small{display:block;font-size:10px;color:#738f9f;line-height:1.8;margin-top:13px}.play-date-pills{display:flex;gap:7px;margin-bottom:17px}.play-date-pills button{background:#1c2d39;color:#8faab9;border:1px solid #354c59;border-radius:6px;min-height:35px;padding:8px 13px;font-size:11px}.play-date-pills button.selected{background:#2b412e;color:#caeab0;border-color:#678450}#play-selected-matches{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 17px;max-height:120px;overflow-y:auto}.play-selected-match{display:flex;align-items:center;gap:9px;max-width:100%;background:#20362a;color:#b5d8a0;padding:7px 9px;border:1px solid #4b6945;border-radius:5px;font-size:10px}.play-selected-match span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.play-selected-match b{font-size:16px;font-weight:400}.play-pool-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-bottom:10px;color:#b6cad5}.play-pool-heading>span{font-size:10px;color:#718d9f}.room-pool-row{gap:8px;padding:13px 10px}.room-pool-row .play-pool-team{display:flex;gap:7px;align-items:center;flex:1;min-width:0}.play-pool-team strong{overflow-wrap:anywhere;font-size:11px}.room-pool-row .play-pool-vs{flex:0;font:10px Arial;color:#648596}.room-pool-row time{font-size:10px;width:37px;flex-shrink:0;text-align:end}.play-show-more{width:100%;background:#1a2b37;color:#9bb1c1;border:1px solid #304752;border-radius:6px;min-height:37px;font-size:11px;margin-top:12px}.play-pool-state{text-align:center;padding:35px 14px;color:#8da8b8;font-size:12px;line-height:1.9}.play-spinner{display:block;width:19px;height:19px;border:2px solid #344d5c;border-top-color:#acd984;border-radius:50%;margin:0 auto 14px;animation:play-spin .9s linear infinite}@keyframes play-spin{to{transform:rotate(360deg)}}.play-help{font-size:12px;color:#94afbe;line-height:1.9;margin:0 0 18px}.play-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:20px}.play-presets>button{text-align:start;background:#172630;border:1px solid #334b59;border-radius:8px;padding:14px 11px}.play-presets>button.selected{border-color:#98c56b;background:#263c2b}.play-presets strong{font-size:12px;display:block;color:#d1e1e9;line-height:1.6}.play-presets small{font-size:8px;color:#c7e5ad;border:1px solid #5c7c49;padding:1px 4px;border-radius:4px;display:table;margin-top:7px}.play-presets span{font-size:10px;color:#8aa4b4;line-height:1.8;display:block;margin-top:10px}.play-rule-preview{background:#1a2b34;padding:16px;border:1px solid #344b55;border-radius:9px;margin:16px 0}.play-rule-preview>span{display:flex;justify-content:space-between;gap:12px;color:#b5cbd7;font-size:12px;margin-bottom:10px}.play-rule-preview>span>b{color:#b2df84;font:600 14px Arial}.play-rule-preview>small{font-size:10px;line-height:1.9;display:block;color:#7f9cab;margin-top:15px}.play-review{border:1px solid #395443;background:#182b23;padding:19px;border-radius:9px}.play-review>div>small{display:block;font-size:9px;color:#83a177}.play-review>div>strong{display:block;font-size:20px;line-height:1.6;margin-top:8px}.play-review dl{display:flex;gap:8px;border-top:1px solid #35503b;padding-top:17px;margin:17px 0}.play-review dl>div{flex:1;min-width:0}.play-review dt{font-size:9px;color:#809b85}.play-review dd{font:600 22px Arial;color:#bfe6a1;margin:9px 0 0}.play-review>p{color:#8aa68a;font-size:10px;line-height:1.9;margin-bottom:0}.play-room-cover{padding:23px 25px}.play-room-cover h2{font-size:28px;margin:19px 0 10px}.play-room-cover .room-cover-cup{bottom:30px;left:auto;inset-inline-end:25px}.play-room-cover .room-cover-cup svg{width:85px;height:85px}.play-room-cover .room-state{border:1px solid #3c5744;border-radius:5px;padding:3px 7px;font-size:9px;color:#a5c48d}.play-my-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:16px 0 15px;border:1px solid #2d454f;border-radius:9px;background:#131f29;padding:18px 0}.play-my-stats>div{padding:0 20px;min-width:0}.play-my-stats>div+div{border-inline-start:1px solid #2d434e}.play-my-stats span{display:block;color:#819eaf;font-size:10px;margin-bottom:9px}.play-my-stats strong{display:block;color:#bddf9b;font:600 25px Arial}.play-my-stats strong small{font:11px Arial;color:#6c8c9e}.play-next-action{display:flex;align-items:center;gap:14px;background:#1d3027;border:1px solid #42603e;border-radius:9px;padding:18px;margin-bottom:19px}.play-next-icon{display:grid;place-items:center;height:36px;width:36px;background:#314a30;color:#b7df88;border-radius:10px;flex-shrink:0}.play-next-action strong{font-size:13px;color:#c5dfb5}.play-next-action p{font-size:10px;color:#8ca58e;line-height:1.8;margin:6px 0 0}.play-next-action button{margin-inline-start:auto;flex-shrink:0;font-size:11px;min-height:38px}.play-saved-picks{display:flex;flex-wrap:wrap;align-items:center;gap:8px 11px;padding:14px 17px;background:#182a2a;border-top:1px solid #29443e}.play-saved-picks>span{font-size:10px;color:#a7ce8a}.play-saved-picks small{font-size:10px;color:#7898a6;line-height:1.8}.play-saved-picks b{font-weight:500;color:#bbd3cf}.play-result-line{font-size:10px;color:#99b98b;border-top:1px solid #2e4538;padding:12px 17px;line-height:1.9}.play-invite-hint{background:#1c2d34;border:1px solid #354e59;padding:16px;border-radius:8px;font-size:11px;color:#8eacbc;margin:17px 0;line-height:1.9}.play-invite-hint button{font-size:11px}.play-updated{font-size:9px;color:#6d8a9b;margin-top:20px}.play-pick-notice{padding:12px 14px;border:1px solid #38513d;border-radius:7px;background:#203329;color:#a5bf97;font-size:10px;line-height:1.9;margin:6px 0 20px}.play-number-stepper{display:flex;align-items:center;gap:5px;width:100%;margin-top:7px}.play-number-stepper button{background:#243d46;border:1px solid #415c69;color:#c5dce5;border-radius:6px;width:37px;height:40px;flex-shrink:0;font:19px Arial}.play-number-stepper input{min-width:0;width:100%;text-align:center;font:600 22px Arial;margin:0!important;height:42px;appearance:textfield;-moz-appearance:textfield}.play-number-stepper input::-webkit-inner-spin-button{display:none}.play-quick-scores{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:16px}.play-quick-scores>span{font-size:10px;color:#718e9e;margin-inline-end:4px}.play-quick-scores>button{min-height:31px;background:#233641;border:1px solid #3e5562;border-radius:5px;color:#a9c5d4;padding:6px 10px;font:11px Arial}.room-pick-market legend{line-height:1.7}.play-next-action.complete{background:#172a2c;border-color:#304e55}.play-next-action.complete .play-next-icon{background:#294547}.play-next-action.complete strong{color:#accbd6}
@media(max-width:767px){.play-intro{padding:24px 19px}.play-intro h2{font-size:25px}.play-intro p{font-size:11px}.play-intro-actions{gap:8px;margin-top:20px}.play-intro-actions button{font-size:11px;padding:10px 12px}.play-assurance{font-size:9px;gap:11px;line-height:1.8}.play-formats{grid-template-columns:1fr;gap:10px;margin-bottom:25px}.play-formats>button{padding:18px 16px;gap:13px}.play-formats p{margin:7px 0;font-size:11px}.play-formats strong{font-size:15px}.play-library-heading{flex-wrap:wrap;gap:14px}.play-library-heading h3{font-size:18px}.play-library-heading label{max-width:none;width:100%}.play-library-heading input{font-size:12px;height:37px}.play-library-tabs button{font-size:11px;flex:1;min-height:38px}.play-empty{padding:30px 20px}.play-empty h3{font-size:18px}.play-empty p{font-size:11px}.play-library-card h3{font-size:18px}.play-wizard-title h2{font-size:25px}.play-wizard-title>p{font-size:11px}.play-format-note{padding:14px;gap:10px}.play-format-note p{font-size:10px}.play-advanced summary{font-size:11px}.play-presets{gap:6px}.play-presets>button{padding:12px 9px}.play-presets strong{font-size:11px}.play-presets span{font-size:9px}.play-help{font-size:11px}.play-review{padding:17px}.play-review>div>strong{font-size:18px}.play-review dt{font-size:9px}.play-review dd{font-size:23px}.play-rule-preview>span{font-size:11px}.room-pool-tools{flex-direction:row!important;gap:9px}.room-pool-tools>label{font-size:10px}.room-pool-tools input{font-size:11px;min-width:0;width:100%;padding:10px 7px}.play-date-pills button{flex:1;font-size:10px}.room-pool-row{gap:6px;padding:12px 8px}.room-pool-row .play-pool-team{gap:5px}.play-pool-team strong{font-size:10px;line-height:1.7}.room-pool-row time{font-size:9px;width:33px}.room-pool-row .team-logo{width:19px;height:23px}.play-room-cover{padding:22px 18px}.play-room-cover h2{font-size:24px;margin-top:20px}.play-my-stats{padding:16px 0}.play-my-stats>div{padding:0 13px}.play-my-stats span{font-size:9px;line-height:1.6;min-height:16px}.play-my-stats strong{font-size:24px}.play-my-stats strong small{font-size:10px}.play-next-action{flex-wrap:wrap;padding:16px;gap:12px}.play-next-action>div{flex:1;min-width:0}.play-next-action strong{font-size:13px}.play-next-action button{width:100%;font-size:12px}.play-saved-picks{padding:12px 14px;gap:7px 10px}.play-saved-picks>span{flex-basis:100%}.play-saved-picks small{font-size:10px}.play-number-stepper{gap:4px}.play-number-stepper button{width:30px;height:38px;font-size:18px}.play-number-stepper input{height:40px;font-size:20px;padding:4px!important}.play-quick-scores{gap:5px}.play-quick-scores>span{font-size:9px;flex-basis:100%;margin-bottom:4px}.play-quick-scores>button{flex:1;font-size:11px;min-height:34px}.play-footnote{font-size:9px}.play-invite-hint{font-size:10px}}
@media(prefers-reduced-motion:reduce){.play-spinner{animation:none}}