@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Mono:wght@400;500&family=Manrope:wght@500;600;700;800&display=swap";:root{color:#172018;font-synthesis:none;background:#f3efdf;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% -10%,#e9d66a80,#0000 28rem),#f3efdf;min-width:320px;margin:0}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.6}.app-shell{flex-direction:column;width:min(100%,760px);min-height:100dvh;margin:auto;padding:22px 16px 104px;display:flex}.topbar,.panel-heading,.versus,.result>div{align-items:center;display:flex}.topbar{justify-content:space-between;gap:16px}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.logout-button,.invite-button,.theme-toggle{color:#526857;background:#fffbed;border:1px solid #c9c2a5;border-radius:9px;padding:8px 10px;font-size:16px;font-weight:800;line-height:1}.logout-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:18px;height:18px;display:block}.theme-toggle{place-items:center;width:34px;height:34px;padding:0;font-size:18px;display:grid}.theme-toggle:focus-visible{outline-offset:2px;outline:3px solid #f2b13f}.system-help-button{color:#526857;background:#fffbed;border:1px solid #c9c2a5;border-radius:9px;place-items:center;width:34px;height:34px;padding:0;font:800 13px/1 DM Mono,monospace;display:grid}.system-help-button:focus-visible{outline-offset:2px;outline:3px solid #f2b13f}.team-card .team-player.manual-selected{background:#fffbed70;border-radius:8px;outline:2px solid #172018;padding:8px 5px 0}.custom-mode-note{color:#526857;margin:10px 4px 0;font-size:12px}h1,h2,p{margin:0}h1{letter-spacing:-1.5px;font:28px/1 Archivo Black,sans-serif}h1 em{color:#ef4444;font-style:normal}h2{letter-spacing:-.7px;font-size:19px}.eyebrow{color:#65715f;letter-spacing:1px;font:11px/1.2 DM Mono,monospace}.export-button,.panel-heading>button,.make-teams-button,.result button{color:#fdf8e9;background:#14261b;border:0;border-radius:10px;padding:11px 14px;font-weight:800;box-shadow:0 3px #07130a}.notice-toast{z-index:300;top:max(16px, env(safe-area-inset-top));color:#354238;background:#fffdf5;border:1px solid #d9d4bf;border-radius:14px;grid-template-columns:30px minmax(0,1fr) 24px;align-items:center;gap:9px;width:min(100% - 32px,360px);padding:10px 11px;animation:.2s ease-out toast-enter;display:grid;position:fixed;right:16px;box-shadow:0 5px 16px #1720182b}.notice-toast-icon{color:#28623a;background:#ddf4ce;border-radius:50%;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.notice-toast p{font-size:12px;font-weight:700;line-height:1.35}.notice-toast button{color:#879381;background:0 0;border:0;border-radius:50%;place-items:center;width:24px;height:24px;padding:0;font-size:20px;line-height:1;display:grid}.notice-toast button:hover{color:#354238;background:#f0ede1}.notice-toast button:focus-visible{outline-offset:2px;outline:3px solid #f2b13f}.panel{background:#fffbedb8;border:1px solid #d9d4bf;border-radius:18px;margin-top:18px;padding:18px;box-shadow:0 4px #ded7be}.tab-loader{color:#526857;text-align:center;place-content:center;justify-items:center;gap:10px;min-height:180px;display:grid}.tab-loader span{font-size:42px;line-height:1;animation:.7s ease-in-out infinite alternate ball-bounce;display:block}.tab-loader p{font:12px DM Mono,monospace}.panel-heading{justify-content:space-between;gap:16px}.panel-heading h2{margin-top:5px}.callup-actions{align-items:center;gap:7px;display:flex}.custom-mode-toggle{background:#fffbed;border:1px solid #c9c2a5;border-radius:9px;place-items:center;width:34px;height:34px;font-size:15px;line-height:1;display:grid}.custom-mode-toggle.active{background:#14261b;border-color:#14261b}.make-teams-button{letter-spacing:.1px;background:linear-gradient(135deg,#1b3825,#14261b);border:1px solid #0e2115;border-radius:11px;min-height:42px;padding:10px 13px;transition:transform .15s,box-shadow .15s,background .15s;box-shadow:0 4px #07130a,inset 0 1px #ffffff24}.make-teams-button:hover:not(:disabled){background:linear-gradient(135deg,#255036,#172d20);transform:translateY(-1px);box-shadow:0 5px #07130a,inset 0 1px #ffffff30}.make-teams-button:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #07130a,inset 0 1px #00000020}.make-teams-button:focus-visible{outline-offset:3px;outline:3px solid #f2b13f}.callup-counter{color:#526857;margin-top:7px;font:11px DM Mono,monospace}.callup-groups{gap:16px;padding:18px 0 2px;display:flex;overflow-x:auto}.callup-group{flex:0 0 max-content}.callup-group-label{color:#526857;border-bottom:1px solid #d9d4bf;margin-bottom:8px;padding:0 2px 6px;font:11px DM Mono,monospace}.callup-group-chips{grid-template-rows:repeat(4,auto);grid-auto-columns:max-content;grid-auto-flow:column;gap:8px;display:grid}.player-chip{color:#5d655d;background:#f5f1e2;border:1px solid #d9d4bf;border-radius:99px;flex:none;align-items:center;gap:7px;padding:8px 11px 8px 8px;font-size:13px;font-weight:700;display:flex}.player-chip span,.player-icon,.team-player i{border-radius:50%;place-items:center;display:inline-grid}.player-chip span{width:22px;height:22px}.player-chip.selected{color:#122b1d;background:#ddf4ce;border-color:#266343}.versus{align-items:stretch;gap:8px;margin-top:24px}.team-card{color:#172018;border-radius:18px;flex:1;min-width:0;padding:16px 12px}.team-card.orange{background:#ffd6a3}.team-card.blue{background:#c7ddff}.team-card h2{margin:9px 0 2px;font:31px/1 DM Mono,monospace}.team-card>span{color:#536158;font-size:11px}.vs{text-align:center;color:#3a433c;flex-direction:column;flex:0 0 42px;justify-content:center;font:800 15px Archivo Black}.vs small{color:#7d7162;margin-top:8px;font:11px DM Mono}.team-player{text-align:left;width:100%;color:inherit;background:0 0;border:0;align-items:center;gap:7px;padding:8px 0 0;font-size:13px;display:flex}.team-card button.team-player:hover{text-decoration:underline}.team-player i{flex:0 0 23px;width:23px;height:23px;font-style:normal}.team-player-details{align-items:center;gap:5px;margin-left:auto;display:flex}.team-player-details>small{font:11px DM Mono}.rating-offset{white-space:nowrap;align-items:center;gap:2px;font:800 11px DM Mono,monospace;display:inline-flex}.positive-offset,.player-card .positive-offset{color:#28623a}.negative-offset,.player-card .negative-offset{color:#aa4a35}.unassigned{color:#74613f;margin:12px 4px 0;font-size:13px}.pitch-panel{overflow:hidden}.pitches{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.pitch{background:repeating-linear-gradient(90deg,#247b51 0 22px,#1e7149 22px 44px);border:5px solid #d9f2c3;border-radius:12px;min-height:310px;position:relative;overflow:hidden}.pitch:before{content:"";border-top:2px solid #d9f2c3a8;position:absolute;inset:48% 0 auto}.centre-circle{border:2px solid #d9f2c3a8;border-radius:50%;width:52px;height:52px;position:absolute;top:calc(50% - 26px);left:calc(50% - 26px)}.pitch-player{z-index:1;justify-items:center;gap:3px;display:grid;position:absolute;transform:translate(-50%,-50%)}.pitch-player span{border:2px solid #f9f7e7;border-radius:50%;place-items:center;width:31px;height:31px;font-size:15px;display:grid;box-shadow:0 2px #123523}.pitch-player small{text-overflow:ellipsis;white-space:nowrap;color:#fff;text-shadow:0 1px 2px #123523;max-width:64px;font-size:10px;font-weight:800;overflow:hidden}.result{text-align:center}.result h2{margin:6px 0 16px}.result>input{width:100%;margin:0 0 12px}.result>div{justify-content:center;gap:8px}.result button:first-child{background:#df641c}.result button:nth-child(2){background:#39443c}.result button:nth-child(3){background:#2464b7}.squad-title-row{align-items:center;gap:7px;margin-top:5px;display:flex}.squad-title-row h2{margin-top:0}.rating-info-button{color:#526857;background:0 0;border:1px solid #879381;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;padding:0;font:800 12px/1 DM Mono,monospace;display:grid}.rating-info-button:hover{color:#14261b;border-color:#14261b}.rating-info-button:focus-visible{outline-offset:2px;outline:3px solid #f2b13f}.squad-grid{gap:9px;margin-top:16px;display:grid}.player-card{background:#fffdf5;border:1px solid #e0dccb;border-radius:12px;align-items:center;gap:10px;padding:11px;display:flex}.player-icon{flex:0 0 36px;height:36px}.player-card div{gap:2px;display:grid}.player-card small{color:#737b73;font-size:11px}.player-card b{margin-left:auto;font:14px DM Mono}.player-card b small{font:10px DM Mono}.player-card>button{color:#aa4a35;background:0 0;border:0;font-size:20px}.player-form{gap:9px;margin-top:16px;display:grid}.player-form input,.player-form select,.result>input{color:#172018;background:#fffdf5;border:1px solid #d9d4bf;border-radius:9px;min-height:42px;padding:9px 10px;font:13px Manrope,sans-serif}.player-form button{color:#fdf8e9;background:#14261b;border:0;border-radius:9px;min-height:42px;font-weight:800}.history{padding-left:22px}.history li{border-bottom:1px solid #e2ddc9;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;font-size:14px;display:flex}.player-offsets{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.player-offsets small{color:#526857;background:#f5f1e2;border-radius:99px;padding:3px 6px;font:10px DM Mono,monospace}.player-offsets .positive-offset{color:#28623a;background:#ddf4ce}.player-offsets .negative-offset{color:#aa4a35;background:#ffebe4}.history-actions{gap:3px;display:flex}.history-actions button{background:#f5f1e2;border:0;border-radius:7px;padding:5px}.history-actions button:last-child{background:#ffebe4}.muted{color:#74796f;margin-top:15px;font-size:14px}.bottom-nav{background:#16251a;border:1px solid #3b5140;border-radius:16px;gap:5px;width:min(100% - 24px,500px);padding:7px;display:flex;position:fixed;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #17201850}.bottom-nav button{color:#adc0ae;background:0 0;border:0;border-radius:10px;flex:1;padding:8px 5px;font-size:10px;font-weight:800}.bottom-nav button span{margin-bottom:2px;font-size:17px;display:block}.bottom-nav button.active{color:#18251a;background:#ddf4ce}.cafecito-support{justify-content:center;margin:auto 0 8px;padding-top:28px;display:flex}.cafecito-support a{color:#fdf8e9;background:#14261b;border:1px solid #0e2115;border-radius:10px;align-items:center;gap:7px;min-height:42px;padding:10px 13px;font-size:13px;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex;box-shadow:0 3px #07130a}.cafecito-support a:hover{background:#255036;transform:translateY(-1px);box-shadow:0 4px #07130a}.cafecito-support a:focus-visible{outline-offset:3px;outline:3px solid #f2b13f}.mayofy-credit{color:#65715f;border-top:1px dashed #c9c2a5;justify-content:center;align-items:center;gap:8px;padding:12px 0 2px;font-size:11px;font-weight:700;text-decoration:none;display:flex}.mayofy-credit img{width:76px;height:auto;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.roster-switcher select{color:#526857;background:#fffbed;border:1px solid #c9c2a5;border-radius:9px;max-width:132px;min-height:34px;padding:0 8px;font:700 12px Manrope,sans-serif}.history-more-button{color:#526857;background:#fffdf5;border:1px solid #c9c2a5;border-radius:10px;width:100%;min-height:42px;margin-top:14px;font-weight:800}@media (width>=640px){.app-shell{padding-top:36px}.pitch{min-height:380px}.team-card{padding:22px}.player-form:not(.player-modal){grid-template-columns:2fr repeat(4,1fr) auto;align-items:center}.bottom-nav{bottom:18px}}.app-shell{padding-bottom:132px}.pitch-panel{z-index:0;isolation:isolate;position:relative}.bottom-nav{z-index:100;bottom:max(12px, env(safe-area-inset-bottom))}.result-actions{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.result-actions button{min-height:57px;padding:8px 6px;font-size:12px}.result-actions button.selected{outline:3px solid #172018;transform:translateY(-2px)}.result-actions .orange-result{background:#df641c}.result-actions .draw-result{background:#39443c}.result-actions .blue-result{background:#2464b7}.result-confirm{text-align:left;border:1px dashed #a99c67;border-radius:12px;gap:8px;margin-top:16px;padding:14px;display:grid}.result-confirm label{font-size:13px;font-weight:800}.result-confirm label small{color:#737b73;font-weight:600}.result-confirm input{color:#172018;background:#fffdf5;border:1px solid #d9d4bf;border-radius:9px;min-height:42px;padding:9px 10px;font:13px Manrope,sans-serif}.result-confirm button{justify-self:stretch}.player-detail-trigger{color:#172018;text-align:left;min-width:0;font:inherit;background:0 0;border:0;flex:1;align-items:center;gap:10px;padding:0;display:flex}.player-detail-trigger>span:last-child{gap:2px;min-width:0;display:grid}.player-detail-trigger strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player-detail-trigger:hover strong,.team-player-detail:hover{text-decoration:underline}.player-detail-trigger:focus-visible,.team-player-detail:focus-visible,.team-player-swap:focus-visible{outline-offset:3px;border-radius:7px;outline:3px solid #f2b13f}.team-card .team-player{align-items:center;gap:5px;width:100%;padding:8px 0 0;display:flex}.team-player-detail{min-width:0;color:inherit;font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:7px;padding:0;display:flex}.team-player-detail i{border-radius:50%;flex:0 0 23px;place-items:center;width:23px;height:23px;font-style:normal;display:inline-grid}.team-player-swap{color:inherit;background:0 0;border:0;align-items:center;gap:5px;margin-left:auto;padding:2px;font:800 15px/1 DM Mono,monospace;display:flex}.team-player-swap .team-player-details{margin-left:0}.player-detail-modal{max-height:min(92dvh,700px);overflow-y:auto}.player-detail-summary{background:#f5f1e2;border-radius:12px;align-items:center;gap:12px;padding:11px;display:flex}.player-detail-summary>span{border-radius:50%;place-items:center;width:44px;height:44px;font-size:20px;display:grid}.player-detail-summary>div{gap:2px;display:grid}.player-detail-summary>div:last-child{text-align:right;margin-left:auto}.player-detail-summary strong{font:800 16px DM Mono,monospace}.player-detail-summary small{color:#65715f;font-size:10px}.player-detail-history{gap:10px;display:grid}.player-detail-history h3{margin:0;font-size:14px}.player-detail-history ol{gap:7px;margin:0;padding:0;list-style:none;display:grid}.player-detail-history li{background:#fffdf5;border:1px solid #e0dccb;border-radius:10px;justify-content:space-between;align-items:center;gap:9px;padding:10px;display:flex}.player-detail-history li>div:first-child{gap:3px;min-width:0;display:grid}.player-detail-history li strong{font-size:12px}.player-detail-history li>div:first-child small{color:#737b73;font-size:10px}.player-match-metrics{justify-items:end;gap:4px;display:grid}.performance-badge{color:#172018;white-space:nowrap;border-radius:99px;padding:3px 6px;font:800 10px DM Mono,monospace}.detail-error{color:#aa4a35;background:#ffebe4;border-radius:10px;padding:10px;font-size:12px}.player-card>div:not(.player-actions){gap:2px;display:grid}.player-actions{gap:2px;display:flex}.player-actions button{color:#516158;background:0 0;border:0;padding:5px;font-size:18px;line-height:1}.player-actions button:last-child{color:#aa4a35;font-size:21px}.player-form{border-top:1px solid #e0dccb;padding-top:16px}.form-heading{justify-content:space-between;align-items:center;display:flex}.form-heading button{color:#aa4a35;min-height:0;box-shadow:none;background:0 0;padding:0 4px;font-size:22px}.roster-export{border-top:1px dashed #c9c2a5;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding-top:18px;display:flex}.roster-export .muted{margin:0;font-size:12px}.google-login{color:#242d26;background:#fff;border:1px solid #cbc5ae;border-radius:13px;align-items:center;gap:11px;width:100%;margin-top:24px;padding:8px 10px 8px 8px;font-weight:800;display:flex;box-shadow:0 4px #cfc8ae}.google-login:focus-visible{outline-offset:3px;outline:3px solid #f2b13f}.google-login span{background:conic-gradient(from -45deg, #4285f4 0 25%, #34a853 0 50%, #fbbc05 0 75%, #ea4335 0);color:#fff;border-radius:8px;place-items:center;width:34px;height:34px;font:900 18px Arial,sans-serif;display:grid}.google-login b{color:#ef5b2a;margin-left:auto;font-size:19px}@media (width>=640px){.form-heading{grid-column:1/-1}}.modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#102218b8;place-items:end center;padding:16px;animation:.18s ease-out modal-fade;display:grid;position:fixed;inset:0}.player-modal{background:#fffbed;border:1px solid #e6d780;border-radius:22px;gap:15px;width:min(100%,510px);max-height:min(92dvh,760px);padding:22px;animation:.2s ease-out modal-rise;display:grid;overflow-y:auto;box-shadow:0 14px #07130a,0 26px 60px #0008}.player-modal .form-heading{border-bottom:1px dashed #c9c2a5;padding-bottom:12px}.player-modal .form-heading h2{margin-top:4px}.player-modal .form-heading button{color:#aa4a35;background:0 0;border:0;font-size:28px}.field-label,.picker-field{color:#3c4c40;gap:7px;font-size:13px;font-weight:800;display:grid}.field-label input,.field-label select{color:#172018;background:#fffdf5;border:1px solid #d9d4bf;border-radius:10px;width:100%;min-height:46px;padding:10px 12px;font:14px Manrope,sans-serif}.field-label input:focus,.field-label select:focus,.picker-field button:focus-visible{outline-offset:2px;outline:3px solid #f2b13f}.picker-field{border:0;margin:0;padding:0}.picker-field legend{padding:0}.color-value{color:#788274;margin-left:5px;font:500 11px DM Mono,monospace}.icon-picker,.color-picker{scrollbar-width:thin;gap:8px;padding:2px 1px 8px;display:flex;overflow-x:auto}.icon-picker button,.color-picker button{background:#fffdf5;border:1px solid #d9d4bf;border-radius:10px;flex:0 0 43px;width:43px;height:43px;font-size:21px;transition:transform .15s,border-color .15s,box-shadow .15s}.icon-picker button.selected,.color-picker button.selected{border-color:#172018;transform:translateY(-2px);box-shadow:inset 0 0 0 2px #f2b13f}.color-picker button{border-radius:50%;place-items:center;padding:4px;display:grid}.color-picker i{border:2px solid #fffbed;border-radius:50%;width:100%;height:100%;display:block;box-shadow:0 0 0 1px #17201830}.position-picker{scrollbar-width:thin;gap:8px;padding:2px 1px 8px;display:flex;overflow-x:auto}.position-picker button{color:#3c4c40;text-align:left;background:#fffdf5;border:1px solid #d9d4bf;border-radius:10px;flex:none;gap:2px;min-height:43px;padding:7px 10px;font:800 12px/1.15 Manrope,sans-serif;transition:transform .15s,border-color .15s,box-shadow .15s;display:grid}.position-picker button strong{font:800 13px/1 DM Mono,monospace}.position-picker button span{color:#65715f;white-space:nowrap;font-size:10px;font-weight:600}.position-picker button.selected{border-color:#172018;transform:translateY(-2px);box-shadow:inset 0 0 0 2px #f2b13f}.player-preview{background:#f5f1e2;border:1px dashed #b8ae81;border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex}.player-preview span{border:2px solid #fffbed;border-radius:50%;flex:0 0 42px;place-items:center;height:42px;font-size:20px;display:grid;box-shadow:0 2px #123523}.player-preview small{color:#65715f;margin-left:auto;font:11px DM Mono,monospace}.save-player{color:#fdf8e9;background:#14261b;border:0;border-radius:11px;min-height:48px;font-weight:800;box-shadow:0 4px #07130a}.result-modal{background:#fffbed;border:1px solid #e6d780;border-radius:22px;gap:17px;width:min(100%,430px);padding:22px;animation:.2s ease-out modal-rise;display:grid;box-shadow:0 14px #07130a,0 26px 60px #0008}.result-modal .form-heading{border-bottom:1px dashed #c9c2a5;padding-bottom:12px}.result-modal .form-heading h2{margin-top:4px}.result-modal .form-heading button{color:#aa4a35;background:0 0;border:0;font-size:28px}.rating-info-modal p{color:#526857;font-size:14px;line-height:1.5}.rating-info-modal p strong{color:#172018}.rating-formula{background:#ddf4ce;border-radius:9px;justify-self:start;padding:8px 11px;font:800 12px DM Mono,monospace;color:#172018!important}.result-choice{color:#172018;background:#ddf4ce;border-radius:99px;justify-self:start;padding:8px 11px;font-size:13px;font-weight:800}.result-modal .field-label small{color:#737b73;font-weight:600}.performance-field{border:0;border-top:1px dashed #c9c2a5;gap:8px;margin:0;padding:13px 0 0;display:grid}.performance-field legend{color:#3c4c40;padding:0;font-size:13px;font-weight:800}.performance-field>p{color:#737b73;margin:-3px 0 2px;font-size:11px}.performance-list{gap:8px;display:grid}.performance-player{grid-template-columns:30px minmax(76px,1fr) minmax(145px,1.4fr);align-items:center;gap:7px;display:grid}.performance-player>span{border-radius:50%;place-items:center;width:30px;height:30px;font-size:14px;display:grid}.performance-name{gap:1px;min-width:0;display:grid}.performance-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.performance-name small{color:#737b73;font-size:10px}.performance-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.performance-option{color:#172018;overflow-wrap:anywhere;border:2px solid #0000;border-radius:8px;min-height:36px;font:800 10px/1.05 DM Mono,monospace}.performance-option:focus-visible{outline-offset:2px;outline:3px solid #172018}.performance-option.selected{border-color:#172018;transform:translateY(-1px);box-shadow:0 2px #172018}.performance-0{background:#f29a8f}.performance-1{background:#f5be79}.performance-2{background:#eadc78}.performance-3{background:#b5dd88}.performance-4{background:#79c88a}.modal-actions{grid-template-columns:.8fr 1.2fr;gap:9px;display:grid}.cancel-button{color:#526857;background:#fffdf5;border:1px solid #c9c2a5;border-radius:11px;font-weight:800}.modal-result-actions{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.modal-result-actions button{color:#fffbed;border:0;border-radius:10px;min-height:48px;font-size:12px;font-weight:800}.modal-result-actions .orange-result{background:#df641c}.modal-result-actions .draw-result{background:#39443c}.modal-result-actions .blue-result{background:#2464b7}.modal-result-actions button.selected{outline:3px solid #172018;transform:translateY(-2px)}.performance-player{grid-template-columns:30px minmax(66px,1fr) minmax(145px,1.4fr)}.performance-options{grid-column:auto}.performance-option{aspect-ratio:1;overflow-wrap:normal;border-radius:50%;justify-self:center;place-items:center;width:30px;min-height:30px;font:800 15px/1 Manrope,sans-serif;display:grid}.rating-info-modal{grid-template-rows:auto minmax(0,1fr) auto;max-height:min(88dvh,700px);overflow:hidden}.rating-info-content{gap:16px;min-height:0;padding-right:4px;display:grid;overflow-y:auto}.rating-info-content section{gap:8px;display:grid}.rating-info-content h3{margin:0;font-size:15px}.rating-info-content p{margin:0}.performance-explanation{color:#526857;gap:5px;margin:0;padding-left:19px;font-size:13px;line-height:1.45;display:grid}.performance-explanation strong{color:#172018}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes ball-bounce{0%{transform:translateY(-7px)rotate(-12deg)}to{transform:translateY(7px)rotate(12deg)}}@media (prefers-reduced-motion:reduce){.tab-loader span,.notice-toast{animation:none}}@media (width>=640px){.modal-backdrop{place-items:center;padding:28px}.player-modal{grid-template-columns:minmax(0,1fr) 150px;align-items:end;gap:18px 16px;width:min(100%,640px);padding:30px}.player-modal .form-heading,.player-modal .picker-field,.player-modal .player-preview,.player-modal .save-player,.player-modal>.field-label:nth-of-type(3){grid-column:1/-1}.result-modal{width:min(100%,500px);padding:30px}}.color-picker{grid-template-columns:repeat(4,1fr)}.color-picker button{aspect-ratio:1;border-radius:50%;min-height:0;padding:4px}.color-picker i{border-radius:50%}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf4ed;background:#0c1510}html[data-theme=dark] body{background:radial-gradient(circle at 80% -10%,#7e6d1f55,#0000 28rem),#0c1510}html[data-theme=dark] .panel,html[data-theme=dark] .player-modal,html[data-theme=dark] .result-modal{background:#142018;border-color:#3c5142;box-shadow:0 4px #070d09}html[data-theme=dark] .notice-toast{color:#edf4ed;background:#1b2a20;border-color:#3c5142;box-shadow:0 5px 16px #0008}html[data-theme=dark] .notice-toast button{color:#b8c8ba}html[data-theme=dark] .notice-toast button:hover{color:#edf4ed;background:#294032}html[data-theme=dark] .eyebrow,html[data-theme=dark] .muted,html[data-theme=dark] .custom-mode-note,html[data-theme=dark] .callup-counter,html[data-theme=dark] .callup-group-label,html[data-theme=dark] .rating-info-modal p,html[data-theme=dark] .field-label,html[data-theme=dark] .picker-field,html[data-theme=dark] .performance-field legend{color:#b8c8ba}html[data-theme=dark] .callup-group-label{border-color:#3c5142}html[data-theme=dark] .rating-info-content h3,html[data-theme=dark] .performance-explanation strong{color:#edf4ed}html[data-theme=dark] .performance-explanation{color:#b8c8ba}html[data-theme=dark] .logout-button,html[data-theme=dark] .invite-button,html[data-theme=dark] .theme-toggle,html[data-theme=dark] .custom-mode-toggle,html[data-theme=dark] .player-chip,html[data-theme=dark] .player-card,html[data-theme=dark] .field-label input,html[data-theme=dark] .field-label select,html[data-theme=dark] .player-form input,html[data-theme=dark] .player-form select,html[data-theme=dark] .result>input,html[data-theme=dark] .cancel-button,html[data-theme=dark] .icon-picker button,html[data-theme=dark] .color-picker button,html[data-theme=dark] .position-picker button,html[data-theme=dark] .player-detail-history li{color:#edf4ed;background:#1b2a20;border-color:#3c5142}html[data-theme=dark] .rating-info-button,html[data-theme=dark] .player-detail-trigger,html[data-theme=dark] .player-actions button,html[data-theme=dark] .performance-option{color:#dbe9dc}html[data-theme=dark] .export-button,html[data-theme=dark] .panel-heading>button,html[data-theme=dark] .make-teams-button,html[data-theme=dark] .save-player{color:#152019;background:#d9eeb9;box-shadow:0 3px #08100a}html[data-theme=dark] .player-preview,html[data-theme=dark] .player-detail-summary,html[data-theme=dark] .player-offsets small{background:#213426}html[data-theme=dark] .player-card small,html[data-theme=dark] .performance-name small,html[data-theme=dark] .player-detail-summary small,html[data-theme=dark] .player-detail-history li>div:first-child small,html[data-theme=dark] .field-label small,html[data-theme=dark] .performance-field>p,html[data-theme=dark] .color-value,html[data-theme=dark] .position-picker button span{color:#aebdaf}html[data-theme=dark] .team-card .team-player.manual-selected{background:#ffffff12;outline-color:#d9eeb9}html[data-theme=dark] .player-chip.selected{color:#f3fbe9;background:#315a39;border-color:#9fd58d;box-shadow:inset 0 0 0 1px #78b46e,0 2px #0b160d}html[data-theme=dark] .player-chip.selected span{box-shadow:0 0 0 2px #d9eeb9}html[data-theme=dark] .team-card.orange{color:#fff1e5;background:linear-gradient(155deg,#542b1b,#2c1913);border:1px solid #9d572c}html[data-theme=dark] .team-card.blue{color:#e8f1ff;background:linear-gradient(155deg,#1b3a68,#12233e);border:1px solid #406fbd}html[data-theme=dark] .team-card.orange .eyebrow{color:#ffbf8c}html[data-theme=dark] .team-card.blue .eyebrow{color:#bcd6ff}html[data-theme=dark] .team-card.orange>span{color:#f0c4a7}html[data-theme=dark] .team-card.blue>span{color:#bcd2f4}html[data-theme=dark] .vs{color:#d6e7d8}html[data-theme=dark] .vs small{color:#aabfac}html[data-theme=dark] .rating-info-modal p strong{color:#fff6d9}html[data-theme=dark] .performance-field legend{color:#edf4ed}html[data-theme=dark] .performance-field>p,html[data-theme=dark] .performance-name small{color:#c5d6c7}html[data-theme=dark] .performance-option{color:#102216}html[data-theme=dark] .performance-0{background:#ff8b82}html[data-theme=dark] .performance-1{background:#ffb86c}html[data-theme=dark] .performance-2{background:#f4dc67}html[data-theme=dark] .performance-3{background:#a9e277}html[data-theme=dark] .performance-4{background:#64d188}html[data-theme=dark] .performance-option.selected{border-color:#fff6d9;box-shadow:0 0 0 2px #0c1510,0 3px #020703}html[data-theme=dark] .performance-option:focus-visible{outline-color:#fff6d9}html[data-theme=dark] .rating-formula,html[data-theme=dark] .result-choice{background:#2d4d31;color:#edf4ed!important}html[data-theme=dark] .modal-backdrop{background:#020703c9}html[data-theme=dark] .system-help-button{color:#dbe9dc;background:#1b2a20;border-color:#3c5142}html[data-theme=dark] .cafecito-support a{color:#152019;background:#d9eeb9;border-color:#a6ca8f;box-shadow:0 3px #08100a}html[data-theme=dark] .cafecito-support a:hover{background:#edf8d8;box-shadow:0 4px #08100a}html[data-theme=dark] .mayofy-credit{color:#b8c8ba;border-color:#3c5142}html[data-theme=dark] .positive-offset,html[data-theme=dark] .player-card .positive-offset{color:#a9f0b4}html[data-theme=dark] .negative-offset,html[data-theme=dark] .player-card .negative-offset{color:#ffb4a8}html[data-theme=dark] .player-offsets .positive-offset{background:#1e4a2e}html[data-theme=dark] .player-offsets .negative-offset{background:#542725}.landing-shell{--ink:#14261b;--red:#c53d24;--mustard:#edb63a;--rule:#d8d2ba;--muted:#55624f;min-height:100dvh}.landing-wrap{width:min(100%,720px);margin-inline:auto;padding-inline:20px}.landing h3,.landing h4{margin:0}.landing-masthead{border-bottom:1px solid var(--rule)}.landing-masthead-inner{justify-content:space-between;align-items:center;gap:14px;padding-block:15px;display:flex}.landing-cover,.landing-closing,.landing-footer{color:#fdf6e3;background:#10402a}.landing-cover-inner{padding-block:clamp(48px,12vw,82px) clamp(52px,13vw,88px)}.landing-kicker{color:var(--mustard);letter-spacing:2px;font:11px DM Mono,monospace}.landing-headline{letter-spacing:-2px;text-wrap:balance;margin-top:16px;font:clamp(36px,9vw,60px)/1 Archivo Black,sans-serif}.landing-headline em{color:var(--mustard);font-style:normal}.landing-lead{color:#cfe2cc;max-width:42ch;margin-top:20px;font-size:16px;line-height:1.6}.landing-cta{max-width:360px;margin-top:30px}.landing .google-login{max-width:360px;box-shadow:none;margin-top:0;padding:10px 14px 10px 10px;font-size:15px}.landing-cta-note{color:#9fb89e;margin-top:12px;font-size:12px;line-height:1.5}.landing-section{border-top:1px solid var(--rule);padding-block:clamp(38px,9vw,56px)}.landing-cover+.landing-section{border-top:0}.landing-eyebrow{color:var(--red);letter-spacing:2px;font:11px DM Mono,monospace}.landing-title{letter-spacing:-1.1px;text-wrap:balance;margin-top:12px;font:clamp(25px,6vw,33px)/1.05 Archivo Black,sans-serif}.landing-body{max-width:62ch;color:var(--muted);margin-top:16px;font-size:15px;line-height:1.7}.landing-body+.landing-body{margin-top:12px}.landing-dropcap:first-letter{float:left;color:var(--red);margin:8px 10px 0 0;font:50px/.76 Archivo Black,sans-serif}.landing-quote{letter-spacing:-.8px;text-wrap:balance;margin:26px 0 0;font:clamp(19px,4.6vw,24px)/1.25 Archivo Black,sans-serif}.landing-note{color:#7a8578;max-width:62ch;margin-top:18px;font-size:13px;line-height:1.6}.landing-rows{margin:22px 0 0;padding:0;list-style:none}.landing-rows>*{border-top:1px solid var(--rule);gap:5px;padding:15px 0;display:grid}.landing-rows>:last-child{border-bottom:1px solid var(--rule)}.landing-rows dt,.landing-rows h4{align-items:center;gap:10px;font-size:15px;font-weight:800;display:flex}.landing-rows h4 span{color:var(--red);font:12px DM Mono,monospace}.landing-rows dd,.landing-rows p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.landing-dot{color:#172018;border-radius:50%;place-items:center;width:26px;height:26px;font:800 14px/1 Manrope,sans-serif;display:grid}@media (width>=640px){.landing-rows>*{grid-template-columns:190px minmax(0,1fr);align-items:baseline;gap:24px}}.landing-closing-inner{padding-block:clamp(44px,11vw,68px)}.landing-closing-title{letter-spacing:-1.6px;text-wrap:balance;font:clamp(28px,7vw,42px)/1 Archivo Black,sans-serif}.landing-closing-inner>p{color:#cfe2cc;max-width:44ch;margin-top:14px;font-size:15px;line-height:1.6}.landing-closing .google-login{margin-top:26px}.landing-footer{color:#8fae91;border-top:1px solid #2b4a37;padding-block:20px 96px}.landing-footer p{letter-spacing:.5px;font:11px DM Mono,monospace}.landing-sticky{z-index:150;left:50%;bottom:max(14px, env(safe-area-inset-bottom));opacity:0;pointer-events:none;width:min(100% - 32px,360px);transition:transform .25s,opacity .25s;position:fixed;transform:translate(-50%,130%)}.landing-sticky.visible{opacity:1;pointer-events:auto;transform:translate(-50%)}.landing .landing-sticky .google-login{width:100%;max-width:none;margin:0;box-shadow:0 6px 22px #14261b47}.google-login-compact{padding:8px 12px 8px 8px;font-size:14px}.google-login-compact span{width:30px;height:30px;font-size:16px}@media (width>=1040px){.landing-sticky{width:300px;left:auto;right:28px;transform:translateY(130%)}.landing-sticky.visible{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.landing-sticky{transition:none}}html[data-theme=dark] .landing-shell{--rule:#2f4436;--muted:#a9bcab}html[data-theme=dark] .landing-cover,html[data-theme=dark] .landing-closing,html[data-theme=dark] .landing-footer{background:#0e3324}html[data-theme=dark] .landing-eyebrow,html[data-theme=dark] .landing-dropcap:first-letter,html[data-theme=dark] .landing-rows h4 span{color:#ff8f74}html[data-theme=dark] .landing-note{color:#8fa391}html[data-theme=dark] .roster-switcher select,html[data-theme=dark] .history-more-button{color:#edf4ed;background:#1b2a20;border-color:#3c5142}.squad-controls{grid-template-columns:minmax(0,1fr) minmax(132px,.52fr);gap:9px;margin-top:16px;display:grid}.squad-control{color:#526857;gap:5px;font:800 11px DM Mono,monospace;display:grid}.squad-control input,.squad-control select{color:#172018;background:#fffdf5;border:1px solid #d9d4bf;border-radius:9px;width:100%;min-height:42px;padding:9px 10px;font:700 13px Manrope,sans-serif}.squad-control input:focus,.squad-control select:focus{outline-offset:2px;outline:3px solid #f2b13f}.squad-empty{padding:8px 0 3px}html[data-theme=dark] .squad-control{color:#b8c8ba}html[data-theme=dark] .squad-control input,html[data-theme=dark] .squad-control select{color:#edf4ed;background:#1b2a20;border-color:#3c5142}@media (width<=420px){.squad-controls{grid-template-columns:1fr}}