html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;line-height:1.5715;overflow-x:hidden}button,a,[role=button]{touch-action:manipulation}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html,body,#root,.App{height:100%}.badge-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.badge-tile{text-align:center;background-color:#2c3a4a;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:12px 10px;transition:border-color .15s ease-out,background-color .15s ease-out,transform .15s ease-out;display:flex}.badge-tile.is-unlocked{background-color:#2f425a;border-color:#407ebd}.badge-tile.is-unlocked:hover{transform:translateY(-2px)}.badge-tile:focus{outline:none}.badge-tile:focus-visible{border-color:#62a3ec;box-shadow:0 0 0 2px #62a3ec59}.badge-icon{font-size:1.8rem;line-height:1;transition:filter .15s ease-out,opacity .15s ease-out}.badge-tile.is-locked .badge-icon{filter:grayscale();opacity:.5}.badge-title{color:#ececec;word-break:break-word;font-size:.82rem;font-weight:600;line-height:1.2}.badge-tile.is-locked .badge-title{color:#b8c5d3}.badge-progress-track{background-color:#1f2a38;border-radius:3px;width:100%;height:6px;margin-top:2px;overflow:hidden}.badge-progress-fill{background-color:#5c7895;border-radius:3px;height:100%;transition:width .25s ease-out}.badge-status{color:#8aa3bd;font-variant-numeric:tabular-nums;margin-top:2px;font-size:.72rem}.badge-tile.is-unlocked .badge-status{color:#62a3ec;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.data-backup{border-top:1px solid #2c3a4a;margin-top:24px;padding-top:12px}.data-backup-hint{color:#6b7f96;margin:0 0 10px;font-size:.72rem;line-height:1.5}.data-backup-actions{gap:8px;display:flex}.data-backup-button{appearance:none;color:#8aa3bd;cursor:pointer;background:0 0;border:1px solid #3a4654;border-radius:4px;padding:6px 16px;font-family:Inter,sans-serif;font-size:.8rem}.data-backup-button:hover{color:#ececec;background:#283b4e;border-color:#446280}.data-backup-error{color:#e08a8a;margin:8px 0 0;font-size:.75rem}.badge-toast{z-index:50;color:#ececec;cursor:pointer;will-change:transform, opacity;background:linear-gradient(135deg,#2f425a 0%,#3b5a7e 100%);border:1px solid #62a3ec;border-radius:10px;align-items:center;gap:12px;min-width:220px;max-width:min(90vw,320px);padding:10px 14px;animation:.36s cubic-bezier(.2,.8,.2,1) badge-toast-in;display:flex;position:fixed;bottom:24px;right:16px;box-shadow:0 8px 24px #00000059}@media (width>=1200px){.badge-toast{right:192px}}@keyframes badge-toast-in{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}.badge-toast-icon{filter:drop-shadow(0 1px 2px #0006);font-size:2rem;line-height:1}.badge-toast-text{flex-direction:column;gap:2px;min-width:0;display:flex}.badge-toast-header{color:#62a3ec;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:600}.badge-toast-title{color:#ececec;word-break:break-word;font-size:.95rem;font-weight:600;line-height:1.2}@media (prefers-reduced-motion:reduce){.badge-toast{animation:none}}.daily-game{color:#ececec;padding:8px 0 24px;font-family:Inter,sans-serif}.MuiTabs-root.daily-mode-tabs{border-bottom:1px solid #2c3a4a;min-height:36px;margin-bottom:14px}.MuiTabs-root.daily-mode-tabs .MuiTabs-indicator{background-color:#407ebd;height:2px}.MuiTab-root.daily-mode-tab{color:#8aa3bd;text-transform:none;min-width:96px;min-height:36px;padding:6px 18px;font-family:Inter,sans-serif;font-size:.95rem}.MuiTab-root.daily-mode-tab.Mui-selected,.MuiTab-root.daily-mode-tab:hover{color:#ececec}.daily-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.daily-title{color:#ececec;margin:0;font-size:1.4rem}.daily-streak{flex-direction:column;align-items:flex-end;font-size:.8rem;line-height:1.3;display:flex}.daily-streak-current{font-weight:700}.daily-streak-best{color:#8aa3bd}.daily-header-left,.daily-header-right{align-items:center;gap:10px;display:flex}.daily-icon-button{appearance:none;color:#ececec;cursor:pointer;background:#283b4e;border:1px solid #2c3a4a;border-radius:4px;width:36px;height:36px;font-size:1rem;line-height:1}.daily-icon-button:hover{background:#446280}.daily-help-dialog .MuiPaper-root{color:#ececec;background-color:#222831;font-family:Inter,sans-serif}.daily-stats-panel{padding:4px 0 8px}.daily-stats-panel-title{text-align:center;margin-bottom:16px}.daily-stats-achievements-summary{color:#8aa3bd;margin:0 0 10px;font-size:.8rem}.daily-help-text{color:#d6dde5;margin:0 0 12px;font-size:.9rem;line-height:1.5}.daily-help-text:last-of-type{margin-bottom:0}.daily-help-got-it.MuiButton-root{color:#fff;text-transform:none;background:#407ebd;border-radius:4px;padding:6px 22px;font-family:Inter,sans-serif;font-weight:600}.daily-help-got-it.MuiButton-root:hover{background:#4a8fd0}.daily-stats-section{margin-bottom:20px}.daily-stats-section-title{color:#ececec;border-bottom:1px solid #2c3a4a;margin:0 0 10px;padding-bottom:6px;font-size:1.1rem;font-weight:700}.daily-stats-summary{text-align:center;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:8px;margin-bottom:8px;display:grid}.daily-heatmap-wrap{margin-bottom:16px}.daily-heatmap{width:100%;max-width:440px;height:auto;margin:0 auto;display:block}.daily-heatmap-legend{color:#8aa3bd;flex-wrap:wrap;justify-content:center;gap:6px 16px;margin:8px 0 0;padding:0;font-size:.72rem;list-style:none;display:flex}.daily-heatmap-legend-item{align-items:center;gap:5px;display:inline-flex}.daily-heatmap-swatch{border-radius:3px;width:11px;height:11px;display:inline-block}.daily-stat{flex-direction:column;display:flex}.daily-stat-value{font-size:1.5rem;font-weight:700}.daily-stat-label{color:#8aa3bd;font-size:.7rem}.daily-stats-subhead{text-transform:uppercase;letter-spacing:.03em;color:#8aa3bd;margin:12px 0 8px;font-size:.8rem}.daily-stats-empty{color:#8aa3bd;font-size:.85rem}.daily-stats-dist{flex-direction:column;gap:4px;display:flex}.daily-dist-row{align-items:center;gap:8px;display:flex}.daily-dist-label{text-align:right;color:#8aa3bd;width:18px;font-size:.8rem}.daily-dist-track{flex:1}.daily-dist-fill{box-sizing:border-box;background:#407ebd;border-radius:4px;justify-content:flex-end;align-items:center;min-width:22px;height:22px;padding:0 6px;display:flex}.daily-dist-fill.is-today{background:#3a7d44}.daily-dist-count{color:#fff;font-size:.75rem;font-weight:700}.daily-stats-disclaimer{color:#6b7f96;margin:8px 0 12px;font-size:.72rem;line-height:1.5}.daily-stats-reset{appearance:none;color:#ececec;cursor:pointer;background:#4a2c2c;border:none;border-radius:4px;padding:6px 16px;font-family:Inter,sans-serif;font-size:.8rem}.daily-stats-reset:hover{background:#6b3c3c}.daily-archive-hint{color:#8aa3bd;margin:-6px 0 14px;font-size:.8rem;line-height:1.5}.daily-archive-list{flex-direction:column;gap:6px;max-height:480px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.daily-archive-row{color:#ececec;cursor:pointer;text-align:left;box-sizing:border-box;background:#283b4e;border:1px solid #2c3a4a;border-radius:4px;align-items:center;gap:12px;width:100%;padding:10px 14px;font-family:Inter,sans-serif;font-size:.9rem;display:flex}.daily-archive-row:hover{background:#446280;border-color:#446280}.daily-archive-number{min-width:52px;font-weight:700}.daily-archive-date{color:#8aa3bd;flex:1}.daily-archive-status{border-radius:999px;flex-shrink:0;padding:3px 10px;font-size:.72rem;font-weight:600}.daily-archive-status.is-win{color:#7fc98b;background:#3a7d4440}.daily-archive-status.is-loss{color:#d99a9a;background:#6b3c3c4d}.daily-archive-status.is-inProgress{color:#8fc1ec;background:#407ebd33}.daily-archive-status.is-unplayed{color:#8aa3bd;border:1px solid #3a4654}.daily-confirm-dialog .MuiPaper-root{color:#ececec;background-color:#222831;font-family:Inter,sans-serif}.daily-confirm-text{color:#d6dde5;margin:0;font-size:.9rem;line-height:1.5}.daily-share-dialog .MuiPaper-root{color:#ececec;background-color:#222831;font-family:Inter,sans-serif}.daily-share-preview{box-sizing:border-box;resize:none;color:#ececec;background:#283b4e;border:1px solid #2c3a4a;border-radius:4px;outline:none;width:100%;padding:10px 12px;font-family:Courier New,monospace;font-size:.95rem;line-height:1.35}.daily-share-preview:focus{border-color:#407ebd}.daily-confirm-cancel.MuiButton-root,.daily-confirm-ok.MuiButton-root{text-transform:none;border-radius:4px;font-family:Inter,sans-serif}.daily-confirm-cancel.MuiButton-root{color:#c7ccd3}.daily-confirm-ok.MuiButton-root{color:#fff;background:#407ebd;padding:4px 18px}.daily-confirm-ok.MuiButton-root:hover{background:#4a8fd0}.daily-confirm-ok.MuiButton-root.is-danger{background:#6b3c3c}.daily-confirm-ok.MuiButton-root.is-danger:hover{background:#844a4a}.daily-guess-input{margin-bottom:16px;position:relative}.daily-guess-field{box-sizing:border-box;color:#ececec;background:#283b4e;border:1px solid #446280;border-radius:4px;outline:none;width:100%;padding:12px 14px;font-family:Inter,sans-serif;font-size:1rem}.daily-guess-field:focus{border-color:#407ebd}.daily-guess-field:disabled{opacity:.5}.daily-suggestions{z-index:5;background:#283b4e;border:1px solid #446280;border-radius:4px;max-height:320px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.daily-suggestion{color:#ececec;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:10px;width:100%;padding:6px 8px;font-family:Inter,sans-serif;font-size:.95rem;display:flex}.daily-suggestion:hover,.daily-suggestion.is-active{background:#446280}.daily-suggestion img{border-radius:4px;width:32px;height:32px}.daily-grid{flex-direction:column;gap:4px;display:flex;overflow-x:auto}.daily-grid-head,.daily-grid-row{grid-template-columns:100px repeat(8,minmax(56px,1fr));gap:4px;min-width:548px;display:grid}.daily-grid-head{text-transform:uppercase;letter-spacing:.03em;color:#8aa3bd;font-size:.7rem}.daily-grid-head>span{text-align:center;padding:4px 2px}.daily-grid-corner,.daily-cell-champ{z-index:1;background:#222831;position:sticky;left:0}.daily-grid-corner{text-align:left!important}.daily-cell{text-align:center;word-break:break-word;background:#283b4e;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:56px;padding:4px;font-size:.78rem;display:flex}.daily-cell-value{line-height:1.15}.daily-cell-mark{opacity:.95;font-size:.72rem;font-weight:700}@keyframes daily-flip-in{0%{opacity:0;transform:rotateX(-90deg)}60%{opacity:1}to{opacity:1;transform:rotateX(0)}}.daily-cell-clue{transform-origin:50%;animation:.42s both daily-flip-in}.daily-cell-champ{flex-direction:row;justify-content:flex-start;gap:8px;font-weight:600}.daily-cell-champ img{border-radius:4px;flex-shrink:0;width:36px;height:36px}.daily-cell.is-match{color:#fff;background:#3a7d44}.daily-cell.is-partial{color:#fff;background:#b8860b}.daily-cell.is-miss{color:#c0cbd8;background:#283b4e}.daily-cell.is-unknown{color:#6b7f96;background:#283b4e}.daily-legend{color:#8aa3bd;flex-wrap:wrap;justify-content:center;gap:6px 14px;margin:4px 0 12px;padding:0;font-size:.75rem;list-style:none;display:flex}.daily-legend-item{align-items:center;gap:5px;display:inline-flex}.daily-legend-chip{color:#fff;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;font-size:.72rem;font-weight:700;display:inline-flex}.daily-progress{text-align:center;color:#8aa3bd;margin:8px 0 4px;font-size:.8rem}.daily-countdown{color:#8aa3bd;margin-top:12px;font-size:.8rem}.daily-yesterday{color:#8aa3bd;margin-top:6px;font-size:.78rem}.daily-give-up{appearance:none;color:#8aa3bd;cursor:pointer;background:0 0;border:1px solid #3a4654;border-radius:4px;margin:16px auto 0;padding:6px 18px;font-family:Inter,sans-serif;font-size:.8rem;display:block}.daily-give-up:hover{color:#ececec;background:#283b4e;border-color:#446280}.daily-win{text-align:center;flex-direction:column;align-items:center;margin-bottom:16px;display:flex}@keyframes daily-bounce-in{0%{opacity:0;transform:scale(.3)}55%{opacity:1;transform:scale(1.12)}75%{transform:scale(.94)}to{transform:scale(1)}}@keyframes daily-rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.daily-win-art{object-fit:cover;border-radius:8px;width:140px;height:140px;animation:.6s cubic-bezier(.22,1.2,.36,1) both daily-bounce-in;box-shadow:0 0 0 2px #407ebd}.daily-win-art.is-loss{animation:.3s both daily-rise-in;box-shadow:0 0 0 2px #6b7f96}.daily-win-name{margin-top:10px;font-size:1.3rem;font-weight:700;animation:.3s .45s both daily-rise-in}.daily-win-count{color:#8aa3bd;margin:2px 0 12px}.daily-share.MuiButton-root{color:#fff;text-transform:none;background:#407ebd;border-radius:4px;padding:6px 24px;font-family:Inter,sans-serif;font-weight:600}.daily-share.MuiButton-root:hover{background:#4a8fd0}@keyframes daily-milestone-pop{0%{opacity:0;transform:scale(.7)}60%{opacity:1;transform:scale(1.06)}to{transform:scale(1)}}.daily-streak-milestone{color:#ffd66b;background:#ffb43c1f;border:1px solid #ffb43c73;border-radius:999px;margin:0 0 12px;padding:6px 16px;font-size:.95rem;font-weight:700;animation:.5s cubic-bezier(.22,1.2,.36,1) both daily-milestone-pop}.daily-answer-card{text-align:left;background:#16202b;border:1px solid #2b3a4a;border-radius:8px;width:100%;max-width:340px;margin:0 0 16px;padding:4px 0}.daily-answer-head{letter-spacing:.04em;text-transform:uppercase;color:#8aa3bd;border-bottom:1px solid #2b3a4a;padding:8px 14px;font-size:.72rem;font-weight:700}.daily-answer-row{justify-content:space-between;align-items:baseline;gap:12px;padding:6px 14px;display:flex}.daily-answer-row+.daily-answer-row{border-top:1px solid #1d2935}.daily-answer-label{color:#8aa3bd;flex:none;margin:0;font-size:.78rem}.daily-answer-value{color:#ececec;text-align:right;margin:0;font-size:.82rem;font-weight:600}@media (width<=600px){.daily-grid-head,.daily-grid-row{grid-template-columns:84px repeat(8,minmax(50px,1fr));min-width:484px}.daily-cell{min-height:50px;font-size:.7rem}.daily-cell-champ{gap:5px;font-size:.72rem}.daily-cell-champ img{width:26px;height:26px}.daily-cell-champ span{text-overflow:ellipsis;overflow:hidden}.daily-title{font-size:1.05rem;line-height:1.25}.daily-header-right{gap:6px}.daily-icon-button{width:32px;height:32px}.MuiTab-root.daily-mode-tab{min-width:auto;padding:6px 8px;font-size:.85rem}}@media (prefers-reduced-motion:reduce){.daily-cell-clue,.daily-win-art,.daily-win-art.is-loss,.daily-win-name,.daily-streak-milestone{animation:none}}.riot-text{color:#ececec;margin-bottom:2em;font-family:Inter,sans-serif;font-size:calc(.4em + .4vmin)}.champion-picker .MuiPaper-root{color:#ececec;background-color:#222831;font-family:Inter,sans-serif}.champion-picker-name-row{padding:8px 0 0}.champion-picker-name-input{color:#ececec;box-sizing:border-box;background-color:#2c3a4a;border:1px solid #446280;border-radius:4px;width:100%;padding:8px 10px;font-family:Inter,sans-serif;font-size:1em}.champion-picker-name-input::placeholder{color:#8aa0b6}.champion-picker-toolbar{flex-wrap:wrap;align-items:center;gap:8px;padding:8px 0;display:flex}.champion-picker-search{color:#ececec;background-color:#2c3a4a;border:1px solid #446280;border-radius:4px;flex:180px;min-width:160px;padding:6px 10px;font-family:Inter,sans-serif;font-size:.95em}.champion-picker-search::placeholder{color:#8aa0b6}.champion-picker-role-chips{flex-wrap:wrap;gap:6px;padding:4px 0 8px;display:flex}.champion-picker-role-chip.MuiButton-root{color:#ececec;text-transform:none;background-color:#283b4e;min-width:0;padding:4px 10px;font-size:.8em}.champion-picker-role-chip.MuiButton-root:hover{background-color:#446280}.champion-picker-role-chip.MuiButton-root.is-selected{background-color:#407ebd}.champion-picker-count{color:#b8c5d3;margin-left:auto;font-size:.85em}.champion-picker-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px;padding-top:8px;display:grid}.champion-picker-tile{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#2c3a4a;border:2px solid #0000;border-radius:6px;flex-direction:column;align-items:center;padding:6px 4px;transition:border-color .1s,opacity .1s;display:flex}.champion-picker-tile:hover{border-color:#446280}.champion-picker-tile.is-selected{border-color:#407ebd}.champion-picker-tile:not(.is-selected){opacity:.45}.champion-picker-tile img{pointer-events:none;border-radius:4px;width:56px;height:56px}.champion-picker-tile-name{text-align:center;color:#ececec;word-break:break-word;margin-top:4px;font-size:.72em;line-height:1.1}.champion-picker-actions.MuiDialogActions-root{padding:12px 24px}.champion-picker-action.MuiButton-root{color:#fff;text-transform:none;background-color:#283b4e}.champion-picker-action.MuiButton-root:hover{background-color:#446280}.champion-picker-action.MuiButton-root.is-primary{background-color:#407ebd}.champion-picker-action.MuiButton-root.is-primary:hover{background-color:#4f93d4}.champion-picker-action.MuiButton-root:disabled{color:#ffffff4d;background-color:#283b4e}.pool-dialog .MuiPaper-root{color:#ececec;background-color:#222831;font-family:Inter,sans-serif}.pool-dialog .MuiDialogTitle-root{color:#ececec}.pool-dialog-text.MuiDialogContentText-root{color:#b8c5d3}.pool-dialog-input{color:#ececec;box-sizing:border-box;background-color:#2c3a4a;border:1px solid #446280;border-radius:4px;width:100%;padding:8px 10px;font-family:Inter,sans-serif;font-size:1em}.pool-dialog-input::placeholder{color:#8aa0b6}.pool-dialog-actions.MuiDialogActions-root{padding:12px 24px}.pool-dialog-action.MuiButton-root{color:#fff;text-transform:none;background-color:#283b4e}.pool-dialog-action.MuiButton-root:hover{background-color:#446280}.pool-dialog-action.MuiButton-root.is-primary{background-color:#407ebd}.pool-dialog-action.MuiButton-root.is-primary:hover{background-color:#4f93d4}.pool-dialog-action.MuiButton-root.is-danger{background-color:#b74040}.pool-dialog-action.MuiButton-root.is-danger:hover{background-color:#d35454}.pool-dialog-action.MuiButton-root:disabled{color:#ffffff4d;background-color:#283b4e}.pool-dialog-text.import-pool-warning{color:#e08c8c;margin-top:12px;font-size:.9em}.share-pool-url-row{margin-top:12px}.share-pool-url-input{word-break:break-all;font-size:.85em}.roll-history{color:#ececec;align-items:center;font-family:Inter,sans-serif;display:flex}.roll-history-label{text-transform:uppercase;letter-spacing:.06em;color:#8aa3bd;font-size:.75rem}.roll-history-header{align-items:center;gap:2px;display:flex}.roll-history-vertical .roll-history-header{flex-direction:column;gap:0}.roll-history-avoid-switch.MuiSwitch-root{padding:4px}.roll-history-list{gap:4px;display:flex}.roll-history-icon{object-fit:cover;border:1px solid #283b4e;border-radius:4px;width:36px;height:36px;display:block}.MuiButton-root.roll-history-clear{color:#8aa3bd;text-transform:none;min-width:0;padding:2px 6px;font-family:Inter,sans-serif;font-size:.7rem}.MuiButton-root.roll-history-clear:hover{color:#ececec;background-color:#0000}.roll-history-vertical{flex-direction:column;gap:8px;padding-top:8px}.roll-history-vertical .roll-history-list{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;overflow-y:auto}.roll-history-vertical .roll-history-list::-webkit-scrollbar{display:none}.roll-history-horizontal{flex-flow:wrap;justify-content:center;gap:8px;width:100%;padding:8px 0}.roll-history-horizontal .roll-history-list{flex-direction:row;max-width:100%;overflow-x:auto}@media (width<=600px){.roll-history-icon{width:32px;height:32px}}.roll-stats-panel{color:#ececec;padding:8px 4px;font-family:Inter,sans-serif}.roll-stats-empty{color:#b8c5d3;text-align:center;padding:32px 0;font-size:.95em}.roll-stats-summary{align-items:baseline;gap:8px;margin-bottom:16px;display:flex}.roll-stats-total{color:#ececec;font-size:2.2em;font-weight:600;line-height:1}.roll-stats-total-label{color:#8aa3bd;font-size:.9em}.roll-stats-unique{color:#8aa3bd;margin-left:4px;font-size:.9em}.roll-stats-cards{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-bottom:16px;display:grid}.roll-stats-card{text-align:center;background-color:#2c3a4a;border-radius:6px;flex-direction:column;justify-content:center;min-width:0;padding:10px 8px;display:flex}.roll-stats-card-value{color:#ececec;font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:600;line-height:1.1}.roll-stats-card-label{color:#8aa3bd;text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:.7rem}.roll-stats-card-sub{color:#8aa3bd;margin-top:2px;font-size:.7rem}.roll-stats-heatmap-section{margin-top:18px}.roll-stats-disclaimer{color:#8aa3bd;text-align:center;border-top:1px solid #2c3a4a;margin:18px 0 0;padding-top:12px;font-size:.75rem;line-height:1.4}.roll-stats-heatmap{width:100%;height:auto;display:block}.roll-stats-heatmap rect{transform-origin:50%;transform-box:fill-box;transition:filter .12s ease-out,transform .12s ease-out}.roll-stats-heatmap rect:hover{filter:brightness(1.4);cursor:default}.roll-stats-breakdowns{grid-template-columns:1fr;gap:14px;display:grid}@media (width>=720px){.roll-stats-breakdowns{grid-template-columns:1fr 1fr;column-gap:24px}.roll-stats-breakdowns .roll-stats-section{margin-top:14px}}.roll-stats-section{margin-top:14px}.roll-stats-heading{text-transform:uppercase;letter-spacing:.06em;color:#8aa3bd;margin:0 0 6px;font-size:.78rem;font-weight:600}.roll-stats-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.roll-stats-row{grid-template-columns:28px 80px 1fr 36px;align-items:center;gap:12px;display:grid}.roll-stats-list:not(.roll-stats-list--big) .roll-stats-bar-track{border-radius:6px;height:12px}.roll-stats-mode-icon{background-color:#2c3a4a;background-position:50%;background-repeat:no-repeat;background-size:70% 70%;border-radius:6px;width:28px;height:28px}.roll-stats-list--big{gap:10px}.roll-stats-list--big .roll-stats-row{grid-template-columns:44px 1fr 1fr 40px;gap:12px;padding:2px 0}.roll-stats-list--big .roll-stats-row-name,.roll-stats-list--big .roll-stats-row-count{font-size:.95em}.roll-stats-list--big .roll-stats-bar-track{border-radius:6px;height:14px}.roll-stats-icon{object-fit:cover;border:1px solid #283b4e;border-radius:6px;width:44px;height:44px}.roll-stats-donut-block{flex-direction:column;align-items:center;gap:14px;padding:6px 0;display:flex}.roll-stats-donut{flex-shrink:0;display:block}.roll-stats-donut-slice{cursor:pointer;transition:opacity .15s ease-out}.roll-stats-donut-value{fill:#ececec;font-family:Inter,sans-serif;font-size:1.6rem;font-weight:600}.roll-stats-donut-tag{text-transform:uppercase;letter-spacing:.05em;font-family:Inter,sans-serif;font-size:.78rem;font-weight:600}.roll-stats-donut-pct{fill:#8aa3bd;font-variant-numeric:tabular-nums;font-family:Inter,sans-serif;font-size:.78rem}.roll-stats-legend{flex-direction:column;gap:2px;width:100%;max-width:220px;margin:0;padding:0;list-style:none;display:flex}.roll-stats-legend-item{color:#ececec;cursor:pointer;border-radius:4px;grid-template-columns:max-content 1fr max-content;align-items:center;column-gap:12px;padding:4px 8px;font-size:.92em;transition:background-color .15s ease-out;display:grid}.roll-stats-legend-item:hover,.roll-stats-legend-item.is-hovered{background-color:#2c3a4a}.roll-stats-legend-dot{border-radius:3px;width:12px;height:12px;display:inline-block}.roll-stats-legend-label{color:#ececec}.roll-stats-legend-count{color:#8aa3bd;font-variant-numeric:tabular-nums;text-align:right}.roll-stats-row-name{color:#ececec;text-overflow:ellipsis;white-space:nowrap;font-size:.9em;overflow:hidden}.roll-stats-row-count{color:#b8c5d3;text-align:right;font-variant-numeric:tabular-nums;font-size:.85em}.roll-stats-bar-track{background-color:#2c3a4a;border-radius:4px;height:8px;overflow:hidden}.roll-stats-bar-fill{background-color:#407ebd;border-radius:4px;height:100%;transition:width .2s ease-out}.roll-stats-coverage-row{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.roll-stats-coverage-label{color:#8aa3bd;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:600}.roll-stats-coverage-value{color:#ececec;font-variant-numeric:tabular-nums;font-size:.85em}#responsive-canvas{aspect-ratio:1;touch-action:manipulation;width:85%;max-width:700px;height:auto;margin-top:4px}@media (width<=600px){#responsive-canvas{width:100%}}div[disabled]{pointer-events:none;opacity:.5;cursor:not-allowed}h4{color:#ececec;font-family:Inter,sans-serif}.spinner{position:absolute}.wrapper{flex:auto;justify-content:center;align-items:center;min-width:0;display:flex}.canvas-row{--history-slot-width:56px;align-items:center;gap:8px;width:100%;display:flex}.canvas-row-history{flex:0 0 var(--history-slot-width);width:var(--history-slot-width);justify-content:center;align-items:center;display:flex}.canvas-row-history-mobile{display:none}@media (width<=899px){.canvas-row-history{display:none}.canvas-row-history-mobile{justify-content:center;display:flex}}.MuiSlider-root.slider{width:65%}@media (width<=600px){.MuiSlider-root.slider{width:75%}}.sliderLabel{color:#ececec;margin-right:10px;font-family:Inter,sans-serif}.MuiSlider-rail,.MuiSlider-track,.MuiSlider-thumb{color:#446280}.MuiButton-root.position-button{background-color:#283b4e;background-position:50%;background-repeat:no-repeat;background-size:50% 50%;border-color:#222831;width:3.2em;height:3.2em}.MuiButton-root.position-button:not(.is-selected):hover{background-color:#446280;border-color:#446280}.MuiButton-root.position-button.is-selected{background-color:#407ebd;border-color:#407ebd}.role-row{align-items:stretch;gap:8px;display:inline-flex}.MuiButton-root.custom-pool-button{color:#ececec;text-transform:none;box-sizing:border-box;background-color:#283b4e;border:1px solid #222831;border-radius:4px;justify-content:center;align-items:center;margin:0;padding:0 14px;font-family:Inter,sans-serif;font-size:.8125rem;line-height:1;display:inline-flex}.MuiButton-root.custom-pool-button:hover{background-color:#446280}.MuiButton-root.custom-pool-button.is-selected{color:#fff;background-color:#407ebd}.MuiButton-root.edit-pool-button{color:#ececec;text-transform:none;background-color:#283b4e;border-radius:4px;margin-top:8px;padding:4px 14px;font-family:Inter,sans-serif}.MuiButton-root.edit-pool-button:hover{background-color:#446280}.MuiButton-root.custom-pool-button:disabled{color:#ececec}.MuiButton-root.custom-pool-button.is-selected:disabled{color:#fff}.MuiButton-root.edit-pool-button:disabled{color:#ececec}.MuiInputBase-root.pool-select{color:#ececec;background-color:#283b4e;border-radius:4px;min-width:140px;font-family:Inter,sans-serif;font-size:.85rem}.MuiInputBase-root.pool-select .MuiSelect-select{padding:6px 28px 6px 10px}.MuiInputBase-root.pool-select .MuiOutlinedInput-notchedOutline{border-color:#446280}.MuiInputBase-root.pool-select:hover .MuiOutlinedInput-notchedOutline{border-color:#5c7895}.MuiInputBase-root.pool-select.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#407ebd}.MuiInputBase-root.pool-select .MuiSelect-icon{color:#ececec}.MuiButton-root.pool-action-button{color:#ececec;text-transform:none;background-color:#283b4e;border-radius:4px;padding:4px 12px;font-family:Inter,sans-serif}.MuiButton-root.pool-action-button:hover{background-color:#446280}.MuiButton-root.pool-action-button.is-danger{background-color:#4a2c2c}.MuiButton-root.pool-action-button.is-danger:hover{background-color:#6b3c3c}.MuiButton-root.pool-action-button:disabled{color:#ececec73}@media (width<=600px){.MuiButton-root.custom-pool-button{padding:0 10px;font-size:.75rem}}.MuiTabs-root.spinner-tabs{border-bottom:1px solid #2c3a4a;min-height:36px}.MuiTabs-root.spinner-tabs .MuiTabs-indicator{background-color:#407ebd;height:2px}.MuiTab-root.spinner-tab{color:#8aa3bd;text-transform:none;min-width:96px;min-height:36px;padding:6px 18px;font-family:Inter,sans-serif;font-size:.95rem}.MuiTab-root.spinner-tab.Mui-selected,.MuiTab-root.spinner-tab:hover{color:#ececec}.MuiButton-root.action-button{color:#fff;background-color:#283b4e;border-radius:4px;min-width:124px;min-height:62px;margin:6px 3px;font-family:Inter;font-size:2em}.MuiButton-root.action-button:hover{background-color:#446280}.MuiButton-root.action-button:disabled{color:#00000042;background-color:#283b4e}.MuiButton-root.action-button,.MuiButton-root.position-button,.MuiButton-root.custom-pool-button,.MuiButton-root.edit-pool-button,.MuiButton-root.pool-action-button{transition:background-color .12s,filter 80ms}.MuiButton-root.action-button:active,.MuiButton-root.position-button:active,.MuiButton-root.custom-pool-button:active,.MuiButton-root.edit-pool-button:active,.MuiButton-root.pool-action-button:active{filter:brightness(.85)}@media (width<=600px){.MuiButton-root.position-button{width:2.6em;height:2.6em}.MuiButton-root.action-button{min-width:100px;min-height:56px;font-size:1.5em}}.icon-top{max-width:100%;height:auto;margin-top:-45px;margin-bottom:-54px}@media (width<=600px){.icon-top{margin-top:-6vw;margin-bottom:-8vw}}.subtitle{color:#ececec;margin-top:6px;margin-bottom:-.1em;font-family:Inter,sans-serif;font-size:calc(1.1em + .8vmin)}.App{text-align:center;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.secondary-color{background-color:#283b4e}.border{border:1px solid #385169}.footer-links{flex-wrap:wrap;justify-content:center;gap:8px 20px;margin-block:1em;margin-inline:0;padding:0;list-style:none;display:flex}.footer-links-item{vertical-align:middle}.cookie-banner{z-index:999;color:#fff;width:100%;padding:8px 12px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));box-sizing:border-box;background:#283b4e;flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex;position:fixed;bottom:0;left:0}.cookie-banner-content{flex:220px;margin:8px}@media (width<=600px){.cookie-banner{padding:6px 8px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));justify-content:center}.cookie-banner-content{text-align:center;flex:100%;margin:4px 4px 6px;font-size:13px}}.cookie-banner-button,.cookie-banner-decline-button{color:#fff;cursor:pointer;border:0;border-radius:4px;min-height:44px;margin:6px;padding:10px 18px;font-size:14px}.cookie-banner-button{background:#407ebd}.cookie-banner-decline-button{background:#446280}.view-nav{gap:6px;margin:8px 0 16px;display:inline-flex}.view-nav-item{appearance:none;color:#ececec;cursor:pointer;background:#283b4e;border:1px solid #222831;border-radius:4px;min-height:40px;padding:8px 22px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;transition:background-color .12s,filter 80ms}.view-nav-item:hover{background:#446280}.view-nav-item:active{filter:brightness(.85)}.view-nav-item.is-active{color:#fff;background:#407ebd;border-color:#407ebd}