@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Unbounded:wght@500;600;700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#f8f5ef;background:#111016;font-synthesis:none;--bg: #111016;--surface: #1b1921;--surface-2: #24212b;--surface-3: #2d2935;--text: #f8f5ef;--muted: #aaa4b3;--border: #393441;--accent: #e7b76a;--accent-2: #f1d39a;--danger: #ef7777;--shadow: 0 16px 40px rgba(0, 0, 0, .25)}:root[data-theme=light]{--bg: #f4f1ea;--surface: #fffdf9;--surface-2: #eee9df;--surface-3: #e5dfd3;--text: #1a1820;--muted: #6d6873;--border: #d6cfc3;--accent: #a86e19;--accent-2: #714a12;--danger: #b83e3e;--shadow: 0 16px 40px rgba(49, 39, 23, .1)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;min-height:100vh;background-color:var(--bg)}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.42}.app-shell{min-height:100dvh}.navbar{position:sticky;top:0;z-index:20;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.brand{text-align:center;font:700 13px/1 Unbounded,sans-serif;letter-spacing:.06em}.brand span{color:var(--accent)}.nav-actions{display:flex;gap:2px}.icon-button{border:0;background:transparent;color:var(--text);width:40px;height:40px;display:inline-grid;place-items:center;border-radius:12px;cursor:pointer}.icon-button:hover{background:var(--surface-2)}.screen{width:min(720px,100%);margin:0 auto;padding:30px 16px 110px}.step-header{margin-bottom:24px}.eyebrow{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.14em;margin-bottom:8px}h1{font:600 clamp(28px,8vw,42px)/1.06 "Unbounded",sans-serif;margin:0 0 10px;letter-spacing:-.03em}.step-header p{margin:0;color:var(--muted);line-height:1.5;max-width:600px}.set-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.set-card{position:relative;text-align:left;border:1px solid var(--border);padding:0;overflow:hidden;background:var(--surface);border-radius:16px;color:var(--text);cursor:pointer;transition:transform .15s,opacity .15s,border-color .15s}.set-card:not(.selected){opacity:.48}.set-card.selected{border-color:var(--accent)}.set-card:active{transform:scale(.985)}.set-image{aspect-ratio:1.42 / 1;position:relative;overflow:hidden;background:var(--surface-3)}.set-image img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.image-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font:600 22px Unbounded;color:var(--muted);padding:15px;text-align:center}.check{position:absolute;top:8px;right:8px;z-index:2;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#20170b;box-shadow:0 3px 10px #00000040}.set-name{font-weight:700;padding:11px 11px 2px;font-size:14px}.set-year{color:var(--muted);padding:0 11px 12px;font-size:12px}.sticky-action{position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(688px,calc(100% - 32px));z-index:10;display:flex;align-items:center;gap:12px;padding:10px;background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sticky-action .button{flex:1}.selection-summary{font-size:12px;color:var(--muted);padding-left:6px}.button{min-height:48px;border:0;border-radius:13px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;cursor:pointer;background:var(--accent);color:#20170b}.button.secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.button.ghost{background:transparent;color:var(--text)}.button.danger{background:var(--danger);color:#fff}.panel{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--border);padding:14px 16px;border-radius:14px;margin-bottom:18px}.field-label{font-weight:700}.counter{display:flex;align-items:center;gap:4px;background:var(--surface-2);border-radius:12px;padding:2px}.counter strong{min-width:34px;text-align:center}.players-list{display:grid;gap:8px;margin-bottom:12px}.player-row{display:grid;grid-template-columns:34px 1fr 36px;align-items:center;gap:8px}.player-number{width:34px;height:44px;display:grid;place-items:center;color:var(--muted);font-weight:700}.player-row input{width:100%;height:48px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:0 14px;outline:none}.player-row input:focus{border-color:var(--accent)}.remove-player{border:0;background:transparent;color:var(--muted);font-size:24px;cursor:pointer}.character-capacity{margin:20px 0 0;padding:12px 14px;border-radius:12px;background:var(--surface-2);color:var(--muted);font-size:13px;display:flex;justify-content:space-between;gap:10px}.character-capacity.error{color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 40%,transparent)}.draw-rounds{display:grid;gap:20px}.round-block{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden}.round-title{padding:12px 14px;background:var(--surface-2);font-weight:700}.draw-table{overflow:hidden}.draw-header,.draw-row{display:grid;grid-template-columns:1fr 1.6fr 44px;gap:8px;align-items:center;padding:10px 12px}.character-cell{display:flex;align-items:center;gap:10px;min-width:0}.character-info{display:flex;flex-direction:column;line-height:1.25}.character-info strong{font-weight:700;font-size:14px}.character-info small{color:var(--muted);font-size:12px}.set-cell{color:var(--muted);font-weight:600}.character-cell{display:flex;align-items:center;gap:8px;min-width:0;font-weight:600}.character-cell img{width:36px;height:36px;border-radius:50%;object-fit:cover}.refresh-button{width:56px;height:56px;border:0;border-radius:10px;background:var(--surface-2);color:var(--text);display:grid;place-items:center;cursor:pointer}.refresh-button:not(:disabled):active{transform:rotate(90deg)}.round-progress{margin-bottom:18px;color:var(--muted);font-size:12px}.progress{margin-top:8px;height:5px;border-radius:99px;overflow:hidden;background:var(--surface-2)}.progress i{display:block;height:100%;background:var(--accent)}.results-table{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden}.results-header,.results-row{display:grid;grid-template-columns:1fr 1.15fr 90px;gap:10px;align-items:center;padding:12px}.results-header{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.results-row{border-top:1px solid var(--border);min-height:60px}.results-row select{width:100%;height:42px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:0 8px}.winner-card{display:flex;gap:14px;align-items:center;padding:18px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 25%,var(--surface)),var(--surface));border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border));margin-bottom:16px}.winner-card>svg{color:var(--accent);flex:0 0 auto}.winner-card div{display:grid;gap:3px}.winner-card small{color:var(--accent);font-weight:800;letter-spacing:.12em;font-size:10px}.winner-card strong{font:600 22px Unbounded}.winner-card span{color:var(--muted);font-size:12px}.leaderboard{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--surface)}.leaderboard-header,.leaderboard-row{display:grid;grid-template-columns:52px 1fr 55px 65px;gap:8px;padding:12px 14px;align-items:center}.leaderboard-header{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.leaderboard-row{border-top:1px solid var(--border)}.leaderboard-row span:nth-child(n+3),.leaderboard-row strong{text-align:right}.action-stack{display:grid;gap:10px;margin-top:18px}.stats-view{display:grid;gap:18px}.segmented{display:grid;grid-template-columns:1fr 1fr;padding:4px;background:var(--surface-2);border-radius:13px}.segmented button{min-height:42px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-weight:700;cursor:pointer}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:0 2px 8px #0000001f}.stats-list{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden}.stat-row{display:grid;grid-template-columns:32px 1fr auto;gap:8px;padding:13px 14px;align-items:center;border-bottom:1px solid var(--border)}.stat-row:last-child{border-bottom:0}.stat-row>strong{color:var(--muted)}.stat-row b{font-size:12px;color:var(--accent)}.stat-row small{grid-column:2 / 4;color:var(--muted)}.empty-state{padding:40px 20px;display:grid;place-items:center;text-align:center;color:var(--muted)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:flex-end}.drawer{position:relative;width:min(560px,100%);height:100%;overflow-y:auto;background:var(--bg);padding:28px 16px 40px;box-shadow:-20px 0 50px #00000040}.close-button{position:absolute;top:14px;right:14px;width:40px;height:40px;border:0;border-radius:12px;background:var(--surface-2);color:var(--text);display:grid;place-items:center;cursor:pointer}.drawer .step-header{padding-right:45px}@media(min-width:700px){.screen{padding-top:44px}.set-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:430px){.set-grid{gap:9px}.set-name{font-size:12px}.draw-header,.draw-row{grid-template-columns:.6fr 1.4fr auto}.results-header,.results-row{grid-template-columns:.7fr 1.3fr 82px}.character-capacity{display:grid}}.settings-menu{position:absolute;top:38px;right:6px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:6px 0;display:flex;flex-direction:column;min-width:200px;box-shadow:var(--shadow);z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.settings-menu .menu-item{width:100%;padding:12px 16px;background:transparent;border:0;color:var(--text);display:flex;align-items:center;gap:10px;font-weight:600;cursor:pointer;text-align:left;font-size:14px}.settings-menu .menu-item:hover{background:var(--surface-2)}.settings-button{border-radius:12px}.winner-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.winner-tile{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;border-radius:16px;background:var(--surface);border:2px solid var(--border);transition:.15s}.winner-tile img{width:64px;height:64px}.winner-tile.selected{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.winner-tile strong{font-size:1.1rem;color:var(--text)}.winner-tile span{opacity:.75;color:var(--muted)}.winner-tile{position:relative}.placement-badge{position:absolute;top:10px;left:10px;width:44px;height:24px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;background:var(--accent);color:#fff}.villain-row{grid-template-columns:1fr}.villain-row .character-cell{display:flex;align-items:flex-start;gap:14px}.villain-row img{width:38px;height:38px;flex-shrink:0}.villain-row .character-info{display:flex;flex-direction:column}.villain-row small{margin-top:2px;color:var(--muted);line-height:1.4;white-space:normal}.villain-set{border:1px solid var(--border);border-radius:18px;overflow:hidden;background:var(--panel);margin-bottom:18px}.villain-set-header{width:100%;border:0;background:var(--surface-3);color:inherit;display:flex;justify-content:space-between;align-items:center;padding:18px 22px;cursor:pointer}.villain-set-header strong{display:block;font-size:1.35rem}.villain-set-header small{opacity:.65}.villain-table{padding:10px 18px}.analytics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin-bottom:1.25rem}.analytics-card{min-width:0;padding:.9rem;border:1px solid var(--border);border-radius:14px;background:var(--panel);display:flex;flex-direction:column;gap:.25rem}.analytics-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--surface);margin-bottom:.3rem}.analytics-card small,.stats-section-header small{font-size:.65rem;letter-spacing:.08em;font-weight:700;opacity:.55}.analytics-card strong{font-size:.85rem;line-height:1.15;overflow-wrap:anywhere}.analytics-card span{font-size:.7rem;opacity:.6}.stats-section{margin-top:1.5rem}.stats-island{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1rem}.stats-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.7rem}.stats-section-header h3{margin:.15rem 0 0;font-size:1rem}.character-stat-row{width:100%;border:1px solid transparent;background:transparent;color:inherit;text-align:left;cursor:pointer;border-bottom:1px solid var(--border)}.character-stat-row.selected{border-color:var(--accent);background:var(--surface)}.character-stat-row.selected-first{border-radius:1rem 1rem 0 0}.character-stat-row.selected-last{border-radius:0 0 1rem 1rem;border-bottom:1px solid var(--accent)}.character-stat-row:hover{background:var(--surface)}.character-cell{display:flex;align-items:center;min-width:0}.character-cell img{width:42px;height:42px;border-radius:50%;object-fit:cover;flex-shrink:0;margin-right:.65rem}.character-cell>span{min-width:0;display:flex;flex-direction:column;gap:.15rem}.character-cell small{opacity:.55;font-size:.68rem}.stat-metric{display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap}.stat-metric b{font-size:.85rem}.stat-metric small{opacity:.55;font-size:.65rem}.matchup-list{display:flex;flex-direction:column;gap:.45rem}.matchup-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem .9rem;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.matchup-row>span:first-child{display:flex;flex-direction:column;gap:.2rem;min-width:0}.matchup-row small{font-size:.68rem;opacity:.55}.matchup-result{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.matchup-result strong{font-size:1rem}.all-rounder-list{display:flex;flex-direction:column;gap:.45rem}.all-rounder-row{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:.7rem;padding:.8rem .9rem;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.all-rounder-row>span{display:flex;flex-direction:column;gap:.15rem}.all-rounder-row small{font-size:.68rem;opacity:.55}.all-rounder-row b{font-size:1rem}.analytics-empty{padding:1.25rem;border:1px dashed var(--border);border-radius:12px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;opacity:.65}.analytics-empty p{margin:0;font-size:.8rem;max-width:280px}@media(max-width:600px){.analytics-grid{grid-template-columns:1fr}.analytics-card{display:grid;grid-template-columns:auto 1fr;column-gap:.7rem;align-items:center}.analytics-icon{grid-row:span 2;margin:0}.analytics-card small{align-self:end}.analytics-card strong{align-self:start}.analytics-card span{grid-column:2}.character-stat-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:.5rem}.character-stat-row .stat-metric:last-child{display:none}.character-cell img{width:36px;height:36px}}.space-between{display:flex;justify-content:space-between;align-items:center}.flex{display:flex}.column{flex-direction:column}.row{flex-direction:row}.fixture-button{width:56px;height:56px;border:0;border-radius:10px;background:var(--surface-2);color:var(--text);display:grid;place-items:center;cursor:pointer}.no-scroll{overflow:hidden}.objective-text{font-size:14px;line-height:1.45;color:var(--muted)}.objective-text p{margin:0 0 .55rem}.objective-text p:last-child{margin-bottom:0}.objective-steps{list-style:none;padding:0;margin:.4rem 0 .7rem;counter-reset:step}.objective-steps li{position:relative;padding:.35rem .5rem .35rem 1.9rem;margin-bottom:.3rem;border-radius:7px;font-size:12px;line-height:1.4}.objective-steps li:before{counter-increment:step;content:" ";position:absolute;left:.9rem;top:.6rem;width:.5rem;height:.5rem;background:var(--accent);color:#20170b;font-size:.7rem;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center}.win-condition{margin:.5rem 0;padding:.55rem .7rem;background:color-mix(in srgb,var(--accent) 14%,transparent);border-left:3px solid var(--accent);border-radius:0 7px 7px 0;font-size:12.5px;line-height:1.45;color:var(--text)}