@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap";:root{color-scheme:dark;--bg-primary: #0a0a0a;--bg-secondary: #151515;--surface: #1e1e1e;--surface-alt: #242424;--surface-hover: #2a2a2a;--border: #333333;--text-primary: #ffffff;--text-secondary: #bdbdbd;--text-muted: #7a7a7a;--accent-green: #00e676;--accent-blue: #00b0ff;--accent-red: #ff3d57;--accent-gold: #ffc400;--space-1: .25rem;--space-2: .5rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2rem;--space-6: 3rem;--radius-sm: .5rem;--radius-md: .5rem;--radius-lg: .5rem;--shadow-glow: 0 0 20px rgba(0, 230, 118, .12);--font-body: "Inter", system-ui, sans-serif;--font-heading: "Space Grotesk", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html{min-height:100%;background:radial-gradient(circle at top left,rgba(0,176,255,.08),transparent 32%),radial-gradient(circle at top right,rgba(0,230,118,.1),transparent 28%),linear-gradient(180deg,#111,#090909)}body{margin:0;min-height:100vh;font-family:var(--font-body);color:var(--text-primary);background:transparent}button,input,select,textarea{font:inherit}a{color:inherit}img{max-width:100%;display:block}#app{min-height:100vh}.app-shell{width:min(1120px,calc(100vw - 2rem));margin:0 auto;padding:2rem 0 3rem;position:relative;isolation:isolate}.app-shell--participant:before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(180deg,#0c141294,#0c1412b8),url(/assets/background_image.png?v=20260523) center top / cover no-repeat;filter:saturate(1.15) brightness(1.18)}.app-shell--participant:after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,#04080814,#04080859)}.topbar{display:flex;justify-content:space-between;gap:1.5rem;align-items:flex-start;margin-bottom:1.5rem}.eyebrow,.panel__label{margin:0 0 .35rem;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--text-muted)}h1,h2,h3{font-family:var(--font-heading);letter-spacing:0;margin:0}h1{font-size:clamp(2rem,3vw,3.75rem);line-height:.95}.lede{margin:.75rem 0 0;max-width:52rem;color:var(--text-secondary);line-height:1.6}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--accent-green);font-family:var(--font-heading);font-weight:700;box-shadow:var(--shadow-glow);overflow:hidden}.brand-mark--logo{width:4rem;height:4rem;padding:.25rem;border-radius:1rem}.brand-mark--logo img{width:100%;height:100%;object-fit:contain}.page-grid{display:grid;gap:1rem;grid-template-columns:repeat(12,minmax(0,1fr))}.participant-nav{grid-column:span 12;display:flex;flex-wrap:wrap;gap:.5rem}.panel,.swatch,.match-card,.ranking-card,.form-card{border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#1e1e1efa,#141414fa);box-shadow:0 14px 30px #00000040;border-radius:var(--radius-md)}.panel{padding:1rem}.panel{grid-column:span 12}.panel__header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.panel__text{margin:.35rem 0 0;color:var(--text-secondary)}.rules-payment-card{border-color:#ffc40047;background:linear-gradient(180deg,#352908eb,#181206fa),radial-gradient(circle at top right,rgba(255,196,0,.12),transparent 28%)}.rules-payment-card .panel__label{color:#ffe299eb}.rules-payment-card__deadline{color:var(--accent-gold)}.rules-prize-card{border-color:#00b0ff42;background:linear-gradient(180deg,#081e2eeb,#08101afa),radial-gradient(circle at top right,rgba(0,176,255,.12),transparent 26%)}.rules-prize-card .panel__label{color:#ade1ffeb}.rules-prize-divider{height:1px;margin:1rem 0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent)}.rules-prize-scenario{padding:.9rem 0;border-top:1px solid rgba(255,255,255,.08)}.rules-prize-scenario:first-of-type{border-top:0;padding-top:0}.rules-prize-scenario__header{display:grid;gap:.35rem}.rules-prize-scenario__title{margin:0;color:var(--accent-gold);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.rules-prize-scenario__body{margin:0;color:#ffffffe6}.hero{grid-column:span 12;padding:1.25rem;border-radius:var(--radius-lg);background:linear-gradient(145deg,#1e1e1ef5,#0c0c0cfa),radial-gradient(circle at top right,rgba(255,196,0,.12),transparent 24%),radial-gradient(circle at bottom left,rgba(0,176,255,.12),transparent 28%);border:1px solid rgba(255,255,255,.08)}.hero--participant{overflow:hidden}.home-overview-frame{border:1px solid rgba(255,255,255,.12);background:#080c0b94;border-radius:var(--radius-md);padding:1rem}.hero-grid{display:grid;gap:1rem;grid-template-columns:repeat(12,minmax(0,1fr));margin-top:1rem}.hero-grid>*{grid-column:span 12}.hero-status{display:grid;gap:1rem}.home-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;width:100%;align-items:stretch}.home-overview-grid>.panel{grid-column:auto!important}.home-overview-card{display:grid;gap:.75rem;height:100%}.home-overview-card__title{font-size:1.35rem;line-height:1.15}.two-up{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.swatch-grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.swatch{padding:.9rem}.swatch__box{height:3rem;border-radius:var(--radius-sm);margin-bottom:.75rem;border:1px solid rgba(255,255,255,.08)}.section-title{grid-column:span 12;display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-top:.5rem}.section-title p{margin:0;color:var(--text-muted)}.page-footer{margin-top:1.5rem;color:var(--text-muted);font-size:.9rem}.toast-root,#toast-root{position:fixed;inset:auto 1rem 1rem auto;z-index:60;pointer-events:none}.toast{min-width:14rem;max-width:min(24rem,calc(100vw - 2rem));padding:.85rem 1rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1);background:#0f1214f2;box-shadow:0 14px 28px #00000059}.toast__message{display:block;color:var(--text-primary);font-weight:700}.toast--success{border-color:#00e67659}.toast--danger{border-color:#ff3d5759}.toast--warning{border-color:#ffc40059}.panel-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}@media(min-width:900px){.panel--span-6{grid-column:span 6}.panel--span-4{grid-column:span 4}.panel--span-8{grid-column:span 8}.panel--span-7{grid-column:span 7}.panel--span-5{grid-column:span 5}.hero-grid>.hero-copy{grid-column:span 7}.hero-grid>.hero-status{grid-column:span 5}}@media(max-width:899px){.app-shell{width:min(1120px,calc(100vw - 1rem));padding-top:1rem}.home-overview-grid{grid-template-columns:1fr}}.btn,.chip{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid transparent;border-radius:999px;padding:.75rem 1rem;font-weight:700;cursor:pointer;text-decoration:none;transition:transform .16s ease,background-color .16s ease,border-color .16s ease}.btn:hover,.chip:hover{transform:translateY(-1px)}.btn--primary{background:var(--accent-green);color:#000}.btn--secondary{background:#00b0ff24;border-color:#00b0ff52;color:var(--text-primary)}.btn--danger{background:#ff3d5724;border-color:#ff3d574d;color:var(--text-primary)}.btn--inline{padding:.55rem .85rem}.chip{background:#ffffff0d;border-color:#ffffff14;color:var(--text-primary);font-size:.85rem;padding:.5rem .8rem}.chip--accent{background:#00e67629;border-color:#00e67652}.chip--danger{background:#ff3d5729;border-color:#ff3d575c;color:#ffb3bf}.chip--muted{color:var(--text-secondary)}.field{display:grid;gap:.4rem;color:var(--text-secondary)}.field__label{display:inline-flex;align-items:center;gap:.25rem;color:var(--text-primary);font-weight:600}.field__hint{color:var(--text-muted);font-size:.9rem;line-height:1.4}.field__error{margin:0;color:var(--accent-red);font-size:.9rem}.field input,.field select{appearance:none;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text-primary);color-scheme:dark;padding:.8rem .9rem}.field input[readonly]{cursor:default;color:var(--text-secondary)}.field input:focus,.field select:focus{outline:2px solid rgba(0,230,118,.45);outline-offset:1px}.field select option{background:#101722;color:var(--text-primary)}.field--error input,.field--error select,.field--error .avatar-option{border-color:#ff3d5780}.form-grid{display:grid;gap:.75rem}.auth-form{display:grid;gap:1rem}.auth-form input[disabled],.auth-form button[disabled]{cursor:not-allowed;opacity:.7}.avatar-fieldset{border:0;margin:0;padding:0;display:grid;gap:.55rem}.avatar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.avatar-option{position:relative;display:grid;gap:.65rem;align-content:start;padding:.85rem;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1);background:#ffffff08;cursor:pointer;min-height:8.5rem}.avatar-option input{position:absolute;inset:0;opacity:0;pointer-events:none}.avatar-option--selected{border-color:#00e67680;background:#00e67614}.avatar-option__preview{width:3rem;height:3rem;border-radius:.75rem;background-color:color-mix(in srgb,var(--avatar-tone) 30%,rgba(255,255,255,.08));background-image:var(--avatar-sheet);background-size:500% 400%;background-position:calc(var(--avatar-col) * 25%) calc(var(--avatar-row) * 33.333%);border:1px solid color-mix(in srgb,var(--avatar-tone) 50%,rgba(255,255,255,.18));background-repeat:no-repeat}.avatar-option__content{display:grid;gap:.2rem}.avatar-option__content strong{color:var(--text-primary)}.avatar-option__content span{color:var(--text-muted);font-size:.88rem;line-height:1.35}.avatar-option:focus-within{outline:2px solid rgba(0,230,118,.45);outline-offset:1px}.form-actions{display:grid;gap:.6rem}.form-note{margin:0;color:var(--text-muted);font-size:.9rem;line-height:1.45}.chip-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.prediction-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.prediction-entry-row{display:grid;gap:.65rem;align-items:end;margin-top:.85rem;width:100%;overflow:visible}.prediction-entry-row--participant{grid-template-columns:minmax(0,2.1fr) minmax(3.75rem,.5fr) 1.75rem minmax(3.75rem,.5fr) minmax(0,2.1fr)}.prediction-entry-row--admin{grid-template-columns:minmax(0,2.25fr) minmax(4rem,.48fr) 1.75rem minmax(4rem,.48fr) minmax(0,2.25fr)}.match-result-grid{display:grid;gap:.65rem;align-items:end;margin-top:.85rem;width:100%;grid-template-columns:minmax(0,2.35fr) minmax(4.5rem,.5fr) 1.7rem minmax(4.5rem,.5fr) minmax(0,2.35fr)}.prediction-entry-team,.prediction-entry-score{min-width:0}.prediction-entry-score input{width:100%;min-width:0;text-align:center;font-size:1.15rem;font-weight:800}.prediction-entry-team input{width:100%;min-width:0}.prediction-entry-vs{display:inline-flex;align-items:center;justify-content:center;align-self:end;min-height:2.8rem;font-weight:900;color:var(--text-muted);letter-spacing:0}.prediction-entry-row .field__label{white-space:nowrap}.prediction-list{display:grid;gap:.75rem}.extra-prediction-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(8rem,.5fr);gap:.75rem;margin-top:1rem}.extra-prediction-stack{display:grid;gap:1rem}.extra-prediction-block{display:grid;gap:.75rem;padding-top:.25rem}.extra-prediction-group{display:grid;gap:.75rem}.profile-summary{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.9rem;align-items:center;margin-bottom:1rem}.profile-summary__avatar{width:4rem;height:4rem;display:inline-flex;align-items:center;justify-content:center;border-radius:1rem;background:color-mix(in srgb,var(--avatar-tone) 28%,rgba(255,255,255,.08));background-image:var(--avatar-sheet);background-size:500% 400%;background-position:calc(var(--avatar-col) * 25%) calc(var(--avatar-row) * 33.333%);border:1px solid color-mix(in srgb,var(--avatar-tone) 50%,rgba(255,255,255,.18));background-repeat:no-repeat;color:#fff;font-family:var(--font-heading);font-size:1.4rem;font-weight:800}.profile-summary__body{display:grid;gap:.2rem;min-width:0}.profile-summary__body strong{color:var(--text-primary)}.profile-summary__body span{color:var(--text-secondary);overflow-wrap:anywhere}.inline-list{margin:1rem 0 0;padding-left:1.2rem;color:var(--text-secondary);display:grid;gap:.35rem}.participant-badge{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.9rem;align-items:center}.participant-badge__avatar{width:4rem;height:4rem;border-radius:1rem;background-color:color-mix(in srgb,var(--avatar-tone) 28%,rgba(255,255,255,.08));background-image:var(--avatar-sheet);background-size:500% 400%;background-position:calc(var(--avatar-col) * 25%) calc(var(--avatar-row) * 33.333%);border:1px solid color-mix(in srgb,var(--avatar-tone) 50%,rgba(255,255,255,.18));background-repeat:no-repeat}.participant-badge__body{display:grid;gap:.2rem;min-width:0}.participant-badge__body strong{color:var(--text-primary)}.participant-badge__body span{color:var(--text-secondary);overflow-wrap:anywhere}.participant-badge__city{font-size:.85rem;color:#ffffffa8!important;line-height:1.15}.participant-badge--compact{gap:.75rem}.participant-badge--compact .participant-badge__avatar{width:3rem;height:3rem;border-radius:.85rem}@media(max-width:640px){.prediction-entry-row--participant,.prediction-entry-row--admin{grid-template-columns:minmax(0,1.45fr) minmax(3.25rem,.55fr) 1.2rem minmax(3.25rem,.55fr) minmax(0,1.45fr);gap:.4rem}.match-result-grid{grid-template-columns:minmax(0,1.35fr) minmax(3.25rem,.5fr) 1rem minmax(3.25rem,.5fr) minmax(0,1.35fr);gap:.35rem}.prediction-entry-row .field__label{font-size:.65rem;white-space:normal}.prediction-entry-team input,.prediction-entry-score input{padding-inline:.35rem}.prediction-entry-score input{font-size:.92rem}.prediction-entry-team input{font-size:.82rem}.prediction-entry-vs{justify-content:center;min-height:2.55rem;font-size:.8rem}.extra-prediction-grid{grid-template-columns:1fr}}.ranking-table{width:100%;border-collapse:collapse;overflow:hidden}.ranking-table-wrap{width:100%;overflow-x:auto}.ranking-table th,.ranking-table td{padding:.85rem .75rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.08)}.ranking-table th{color:var(--text-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}.ranking-table tbody tr:hover{background:#ffffff06}.ranking-table__row--current{background:#00e67614}.ranking-table__rank{width:4rem;color:var(--accent-gold);font-family:var(--font-heading)}.ranking-table__participant{min-width:0}.ranking-table__points{font-weight:700}.scoreboard{display:grid;gap:.75rem}.scoreboard__item{display:flex;justify-content:space-between;gap:1rem;padding:.85rem .9rem;border-radius:var(--radius-sm);background:#ffffff0a}.scoreboard__label{color:var(--text-secondary)}.revealed-group-list{display:grid;gap:1rem}.revealed-group{display:grid;gap:.75rem}.revealed-group h3{font-size:1rem}.revealed-prediction-list{display:grid;gap:.55rem}.revealed-prediction-row{display:grid;grid-template-columns:minmax(12rem,1fr) 5.5rem minmax(12rem,1fr) 8.5rem 7rem;gap:.75rem;align-items:center;padding:.75rem;border-radius:var(--radius-sm);background:#ffffff0a}.revealed-prediction-row strong{color:var(--accent-gold);white-space:nowrap;text-align:center}.revealed-prediction-row .chip{width:100%;min-width:0;white-space:nowrap}.group-standings-card{display:grid;gap:.85rem;margin-top:1rem;padding:.95rem;border:1px dashed rgba(255,255,255,.18);border-radius:var(--radius-sm);background:#ffffff06}.group-standings-table-wrap{width:100%;overflow-x:auto}.group-standings-table{width:100%;border-collapse:collapse;min-width:32rem}.group-standings-table th,.group-standings-table td{padding:.7rem .75rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.08)}.group-standings-table th{color:var(--text-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.group-standings-table tbody tr:nth-child(odd){background:#00b0ff14}.group-classification-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(11rem,.55fr);gap:.75rem;padding-top:.25rem}.group-classification-summary div{display:grid;gap:.25rem;min-width:0}.group-classification-summary strong{color:var(--text-primary);font-size:.82rem;text-transform:uppercase}.group-classification-summary span{color:var(--text-secondary);overflow-wrap:anywhere}@media(max-width:760px){.revealed-prediction-row{grid-template-columns:minmax(9rem,1fr) 4.5rem minmax(9rem,1fr) 7.75rem 6.5rem;overflow-x:auto}.group-classification-summary{grid-template-columns:1fr}}.status-message{display:grid;gap:.35rem}.status-message--neutral{color:var(--text-secondary)}.status-message--success{color:var(--accent-green)}.status-message--warning{color:var(--accent-gold)}.status-message--danger{color:var(--accent-red)}.status-message__title{margin:0 0 .2rem;font-weight:800}.status-message__body{margin:0;color:var(--text-secondary)}.empty-state{text-align:left;display:grid;gap:.35rem}.empty-state h2{margin-bottom:.25rem}.empty-state p{margin:.25rem 0 0;color:var(--text-secondary)}.empty-state__action{margin-top:1rem}.admin-summary-grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1rem}.admin-summary-card{padding:.9rem}.admin-summary-card__value{display:block;margin-top:.35rem;font-size:1.8rem;line-height:1}.field--checkbox{position:relative;display:grid;gap:.35rem;padding:.9rem;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1);background:#ffffff08;cursor:pointer}.field--checkbox .field__checkbox-control{display:inline-flex;align-items:center;gap:.6rem;font-weight:700}.field--checkbox input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.field__checkbox-box{width:1.35rem;height:1.35rem;flex:0 0 1.35rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.35rem;border:2px solid rgba(255,255,255,.28);background:#ffffff0f;box-shadow:inset 0 0 0 1px #0000002e;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.field--checkbox input[type=checkbox]:checked+.field__checkbox-box{background:var(--accent-green);border-color:var(--accent-green);color:#00150a}.field--checkbox input[type=checkbox]:checked+.field__checkbox-box:after{content:"X";font-size:.9rem;font-weight:900;line-height:1}.field--checkbox input[type=checkbox]:focus-visible+.field__checkbox-box{outline:2px solid rgba(0,230,118,.45);outline-offset:2px}.field--checkbox:has(input[type=checkbox]:checked){border-color:#00e6766b;background:#00e67614}.field--checkbox .field__checkbox-text{color:var(--text-primary)}.match-editor-grid{display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.75rem}.match-editor-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.85rem}.match-editor-row{display:grid;gap:.75rem;grid-template-columns:minmax(0,2.2fr) minmax(4.25rem,.65fr) minmax(2rem,.35fr) minmax(4.25rem,.65fr) minmax(0,2.2fr);align-items:end;margin-top:.85rem}.match-gabarito-card{width:100%}.match-result-grid{grid-template-columns:minmax(0,2.35fr) minmax(4.5rem,.5fr) 1.7rem minmax(4.5rem,.5fr) minmax(0,2.35fr)}.field select,.field select option{background-color:var(--surface);color:var(--text-primary)}.match-filters{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:.25rem}@media(max-width:900px){.match-editor-grid,.match-editor-grid--compact,.match-filters{grid-template-columns:1fr}}