:root{--bg: #faf9f7;--surface: #ffffff;--surface-2: #f3f0ea;--border: #eae6df;--border-strong: #d8d1c5;--text: #1a1916;--text-secondary: #5c5850;--text-muted: #857f74;--accent: #c4704b;--accent-hover: #ae5d39;--accent-tint: #faf0ea;--sage: #2e7d52;--sage-tint: #eaf4ee;--whatsapp: #1da851;--whatsapp-hover: #178d44;--gold-tint: #fcf6e6;--gold-border: #e5cf94;--silver-tint: #f4f5f7;--silver-border: #d5d9e0;--bronze-tint: #fbf1ea;--bronze-border: #e2c0a8;--font-serif: "Newsreader", Georgia, serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--shadow-sm: 0 1px 3px rgba(26, 25, 22, .05);--shadow-md: 0 8px 24px rgba(26, 25, 22, .07);--shadow-lg: 0 16px 38px rgba(26, 25, 22, .1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background-color:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none}#root{min-height:100vh;min-height:100dvh}button,input{font-family:inherit}.mono-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.app-shell{max-width:1280px;margin:0 auto;padding:1.25rem 1rem calc(6.5rem + env(safe-area-inset-bottom,0px))}@media(min-width:960px){.app-shell{padding:2rem 2rem 3.5rem}}.masthead{display:flex;flex-direction:column;gap:1rem;padding-bottom:1.25rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border)}@media(min-width:860px){.masthead{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:1.5rem}}.masthead-brand{display:flex;flex-direction:column;gap:.35rem}.eyebrow-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.eyebrow-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .65rem;border-radius:999px;background:var(--accent-tint);color:var(--accent);border:1px solid rgba(196,112,75,.25);font-size:.8rem;font-weight:600}.sage-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .65rem;border-radius:999px;background:var(--sage-tint);color:var(--sage);border:1px solid rgba(46,125,82,.22);font-size:.78rem;font-weight:600}.masthead-title{margin:0;font-family:var(--font-serif);font-size:clamp(1.85rem,4vw,2.75rem);font-weight:600;line-height:1.12;letter-spacing:-.02em;color:var(--text)}.masthead-subtitle{margin:0;color:var(--text-secondary);font-size:.95rem;max-width:64ch}.segmented-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem;padding:.3rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);width:100%}@media(min-width:860px){.segmented-tabs{width:auto;min-width:470px}}.segmented-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:transparent;color:var(--text-secondary);padding:.6rem .65rem;border-radius:var(--radius-sm);font-size:.84rem;font-weight:600;line-height:1.2;cursor:pointer;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease;text-align:center}.segmented-tab:hover{color:var(--text)}.segmented-tab.is-active{background:var(--surface);color:var(--text);border-color:var(--border);box-shadow:var(--shadow-sm)}.roster-workspace{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:start}@media(min-width:1040px){.roster-workspace{grid-template-columns:minmax(0,1.42fr) minmax(370px,.95fr);gap:1.75rem}}.fighter-sheet-column{order:-1}@media(min-width:1040px){.fighter-sheet-column{order:2;position:sticky;top:1.25rem}}.section-heading-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:1rem}.section-title{margin:0;font-family:var(--font-serif);font-size:1.5rem;font-weight:600;letter-spacing:-.015em;color:var(--text)}.section-meta{font-size:.85rem;color:var(--text-secondary)}.fighter-sheet{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-xl);padding:1.35rem;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:1rem}.sheet-header{display:flex;align-items:center;gap:1rem}.avatar-medallion{position:relative;flex-shrink:0;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border:2.5px solid var(--char-color, var(--accent));box-shadow:inset 0 0 0 3px var(--surface);font-size:1.65rem;overflow:hidden}.avatar-medallion.is-lg{width:72px;height:72px;font-size:2.15rem;border-width:3px}.avatar-medallion.is-sm{width:40px;height:40px;font-size:1.2rem;border-width:2px}.avatar-medallion img{width:100%;height:100%;object-fit:cover}.avatar-initials{font-family:var(--font-serif);font-weight:700;color:var(--text)}.sheet-identity{min-width:0;flex:1}.sheet-name{margin:0 0 .25rem;font-family:var(--font-serif);font-size:1.65rem;font-weight:600;line-height:1.15}.epithet-pill{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-secondary);font-size:.78rem;font-weight:600;line-height:1.25}.sheet-bio{margin:0;font-size:.92rem;color:var(--text-secondary)}.trait-callout{padding:.7rem .85rem;border-radius:var(--radius-md);background:var(--accent-tint);border-left:3px solid var(--accent);font-size:.88rem;color:var(--text)}.trait-label{font-weight:700;color:var(--accent)}.kit-detail-grid{display:grid;grid-template-columns:1fr;gap:.65rem}@media(min-width:560px)and (max-width:1039px){.kit-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.kit-card{padding:.75rem .85rem;border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border)}.kit-card-kicker{display:block;font-size:.74rem;font-weight:600;color:var(--text-secondary);margin-bottom:.15rem}.kit-card-name{display:flex;align-items:center;gap:.35rem;font-weight:700;font-size:.92rem;color:var(--text)}.kit-card-desc{margin:.25rem 0 0;font-size:.82rem;color:var(--text-secondary)}.quotes-list{display:flex;flex-direction:column;gap:.45rem}.quotes-kicker{font-size:.78rem;font-weight:600;color:var(--text-secondary)}.quote-box{margin:0;padding:.6rem .75rem;border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--border);font-family:var(--font-serif);font-style:italic;font-size:.92rem;color:var(--text);line-height:1.4}.nickname-field{display:flex;flex-direction:column;gap:.35rem;padding-top:.35rem;border-top:1px solid var(--border)}.nickname-label{font-size:.82rem;font-weight:600;color:var(--text-secondary)}.nickname-input{width:100%;padding:.7rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg);color:var(--text);font-size:.95rem;transition:border-color .15s ease,box-shadow .15s ease}.nickname-input:focus{outline:none;border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px #c4704b29}.btn-play-giant{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border:none;border-radius:var(--radius-md);background:var(--accent);color:#fff;padding:.95rem 1.25rem;font-size:1.05rem;font-weight:700;cursor:pointer;box-shadow:0 6px 18px #c4704b47;transition:background-color .16s ease,transform .12s ease,box-shadow .16s ease}.btn-play-giant:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-play-giant:active{transform:translateY(0)}.roster-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:620px){.roster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.roster-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;width:100%;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:1.05rem;display:flex;flex-direction:column;gap:.8rem;cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .16s ease,box-shadow .16s ease,transform .14s ease}.roster-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.roster-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px #c4704b2e,var(--shadow-md);background:linear-gradient(180deg,#fffdfb 0%,var(--surface) 100%)}.roster-card-top{display:flex;align-items:center;gap:.8rem}.roster-card-heading{min-width:0;flex:1}.roster-card-name-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.22rem}.roster-card-name{margin:0;font-family:var(--font-serif);font-size:1.22rem;font-weight:600;color:var(--text)}.selected-dot{font-size:.74rem;font-weight:700;color:var(--accent);background:var(--accent-tint);padding:.12rem .5rem;border-radius:999px}.stats-bars{display:flex;flex-direction:column;gap:.36rem}.stat-row{display:grid;grid-template-columns:78px minmax(0,1fr) 36px;align-items:center;gap:.5rem;font-size:.76rem}.stat-label{color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-track{height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden}.stat-fill{height:100%;border-radius:999px;background:var(--char-color, var(--accent));transition:width .25s ease}.stat-value{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.73rem;font-weight:600;color:var(--text)}.preview-pills{display:flex;flex-wrap:wrap;gap:.4rem}.preview-pill{display:inline-flex;align-items:center;gap:.3rem;max-width:100%;padding:.24rem .55rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;background:var(--surface-2);border:1px solid var(--border);color:var(--text)}.preview-pill.is-ulti{background:var(--accent-tint);border-color:#c4704b42;color:#8f4829}.preview-pill-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-sticky-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom,0px));background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-strong);box-shadow:0 -8px 24px #1a191614}@media(min-width:1040px){.mobile-sticky-bar{display:none}}.mobile-sticky-info{display:flex;align-items:center;gap:.6rem;min-width:0;flex:1}.mobile-sticky-text{min-width:0}.mobile-sticky-name{font-weight:700;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-sticky-sub{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-sticky-cta{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:var(--radius-sm);background:var(--accent);color:#fff;padding:.7rem 1rem;font-size:.9rem;font-weight:700;white-space:nowrap;cursor:pointer}.panel-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.35rem;box-shadow:var(--shadow-sm)}.leaderboard-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.25rem}.btn-secondary{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);padding:.55rem .95rem;font-size:.86rem;font-weight:600;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.btn-secondary:hover{background:var(--surface-2)}.podium-grid{display:grid;grid-template-columns:1fr;gap:.9rem;margin-bottom:1.5rem}@media(min-width:780px){.podium-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.podium-card{border-radius:var(--radius-lg);padding:1.05rem;border:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;gap:.65rem}.podium-card.rank-1{background:var(--gold-tint);border-color:var(--gold-border)}.podium-card.rank-2{background:var(--silver-tint);border-color:var(--silver-border)}.podium-card.rank-3{background:var(--bronze-tint);border-color:var(--bronze-border)}.podium-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.podium-medal{font-size:1.35rem;font-weight:700;display:inline-flex;align-items:center;gap:.35rem}.podium-score{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:700;color:var(--text)}.podium-player{display:flex;align-items:center;gap:.65rem}.podium-player-name{font-weight:700;font-size:1rem;color:var(--text)}.podium-char-meta{font-size:.8rem;color:var(--text-secondary)}.leaderboard-table-list{display:flex;flex-direction:column;gap:.75rem}.leaderboard-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:.95rem 1rem;display:flex;flex-direction:column;gap:.65rem}.leaderboard-row-main{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:.75rem}.rank-cell{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:700;font-size:.95rem;color:var(--text-secondary)}.runner-cell{display:flex;align-items:center;gap:.65rem;min-width:0}.runner-text{min-width:0}.runner-name{font-weight:700;font-size:.95rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.runner-sub{font-size:.8rem;color:var(--text-secondary)}.metrics-cell{text-align:right}.metric-score{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:700;font-size:1.05rem;color:var(--text)}.metric-time{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.78rem;color:var(--text-secondary)}.ai-roast-callout{border-left:3px solid #c4704b;background:#faf0ea;border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:.75rem .95rem;color:var(--text)}.ai-roast-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.76rem;font-weight:700;color:var(--accent);margin-bottom:.25rem}.ai-roast-text{margin:0;font-family:var(--font-serif);font-style:italic;font-size:.98rem;line-height:1.45;color:var(--text)}.results-wrapper{max-width:680px;margin:1rem auto 2rem}.gameover-card{background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:1.2rem}.gameover-header{display:flex;align-items:center;gap:1rem}.gameover-title{margin:.15rem 0 0;font-family:var(--font-serif);font-size:clamp(1.6rem,3.5vw,2.1rem);font-weight:600;line-height:1.15}.results-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media(min-width:560px){.results-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.result-stat-box{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem}.result-stat-label{display:block;font-size:.76rem;color:var(--text-secondary);margin-bottom:.2rem}.result-stat-val{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:700;color:var(--text)}.btn-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;width:100%;text-decoration:none;border:none;border-radius:var(--radius-md);background:#1da851;color:#fff;padding:.9rem 1.2rem;font-size:.98rem;font-weight:700;cursor:pointer;box-shadow:0 6px 16px #1da8513d;transition:background-color .15s ease,transform .12s ease}.btn-whatsapp:hover{background:var(--whatsapp-hover);transform:translateY(-1px)}.results-actions{display:grid;grid-template-columns:1fr;gap:.65rem}@media(min-width:520px){.results-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}.lore-stack{display:flex;flex-direction:column;gap:1.5rem}.apk-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:820px){.apk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.apk-card{background:linear-gradient(180deg,#fffaf6 0%,var(--surface) 100%);border:1.5px solid rgba(196,112,75,.35);border-radius:var(--radius-xl);padding:1.35rem;display:flex;flex-direction:column;justify-content:space-between;gap:1rem}.btn-apk{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;background:var(--accent);color:#fff;border-radius:var(--radius-md);padding:.85rem 1.15rem;font-weight:700;font-size:.96rem;transition:background-color .15s ease}.btn-apk:hover{background:var(--accent-hover)}.pwa-steps{margin:0;padding-left:1.2rem;color:var(--text-secondary);font-size:.9rem;display:flex;flex-direction:column;gap:.45rem}.powerups-grid{display:grid;grid-template-columns:1fr;gap:.85rem}@media(min-width:640px){.powerups-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:980px){.powerups-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.powerup-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:.9rem 1rem;display:flex;align-items:flex-start;gap:.75rem}.powerup-emoji{font-size:1.5rem;line-height:1;flex-shrink:0}.jokes-grid{display:grid;grid-template-columns:1fr;gap:.75rem}@media(min-width:720px){.jokes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.joke-item{padding:.85rem 1rem;border-radius:var(--radius-md);background:var(--bg);border:1px solid var(--border)}.empty-state{text-align:center;padding:2.2rem 1rem;color:var(--text-secondary)}.arena-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:100;background:#141311;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}