/* Derived from the installed PWRO carousel. Regenerate with build_pass_carousel.py. */
#site-pass-game{--pwro-font-body:"Plex Portal", "IBM Plex Sans", Arial, sans-serif;--pwro-font-title:Bitter, Georgia, "Times New Roman", serif;--pwro-font-size-caption:11px;--pwro-font-size-small:12px;--pwro-font-size-body:13px;--pwro-font-size-section:16px;--pwro-font-size-dialog:18px;--pwro-font-size-window:20px;--pwro-font-size-display:26px;--pwro-line-body:1.5;--pwro-line-heading:1.25;--pwro-weight-heading:600;--pwro-radius-small:3px;--pwro-radius-control:5px;--pwro-radius-panel:8px;--pwro-space-xs:4px;--pwro-space-sm:8px;--pwro-space-md:12px;--pwro-space-lg:16px;--pwro-space-xl:20px;--pwro-control-height:32px;--pwro-border-width:1px;--pwro-progress-start:#5BB5D2;--pwro-progress-end:#238AB8;--pwro-success:#3B7657;--pwro-warning:#8A5C20;--pwro-danger:#B12D41;--pwro-shadow-window:0 8px 28px color-mix(in srgb,var(--pwro-title) 15%,transparent);--pwro-shadow-popover:0 4px 14px color-mix(in srgb,var(--pwro-title) 10%,transparent);--pwro-window:#F7F5EF;--pwro-field:#FCFBF8;--pwro-header:#F0EDE5;--pwro-secondary:#E8E4DC;--pwro-border:#D7D2C8;--pwro-divider:#E5E1D9;--pwro-primary:#2D78B7;--pwro-selected:#DDECF7;--pwro-title:#244A68;--pwro-text:#40576A;--pwro-muted:#71808C;--pwro-on-primary:#FFFFFF;--pwro-focus:#A89C88;--window:var(--pwro-window);--field:var(--pwro-field);--header:var(--pwro-header);--secondary:var(--pwro-secondary);--border:var(--pwro-border);--divider:var(--pwro-divider);--primary:var(--pwro-primary);--selected:var(--pwro-selected);--title:var(--pwro-title);--text:var(--pwro-text);--muted:var(--pwro-muted);--success:var(--pwro-success);--gold-ink:#805c2d;--gold-light:#f9eccd;--track-label:124px;--reward-slot:66px;--reward-art:38px;--pwro-button-focus:color-mix(in srgb,var(--pwro-focus) 24%,transparent);max-width:780px;margin:0 auto 26px;padding:16px;position:relative;isolation:isolate;border:1px solid var(--border);border-radius:8px;background:var(--window);font:13px/1.5 var(--pwro-font-body);color:var(--text)}
#site-pass-game::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url("/midia/passe/carrossel-watermark-d0d172b0579e.png") right bottom/cover no-repeat;opacity:.38;mix-blend-mode:multiply}
#site-pass-game *{box-sizing:border-box}#site-pass-game>.pass-game-icon-definitions{position:absolute;overflow:hidden;width:0;height:0;pointer-events:none}#site-pass-game h2{font:600 16px/1.3 var(--pwro-font-title)!important;margin:0;color:var(--title)}
#site-pass-game button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;font:500 13px/1.25 var(--pwro-font-body);letter-spacing:normal;color:inherit;min-height:0;min-width:0;padding:0;border:0;background:none;box-shadow:none;text-shadow:none}
#site-pass-game button:disabled{cursor:default;opacity:.55;box-shadow:none!important;color:var(--pwro-muted)!important}#site-pass-game .ui-icon{display:block;width:20px;height:20px;flex:none;object-fit:contain;image-rendering:auto}
#site-pass-game .track-navigation .icon-button{width:28px;height:28px;min-width:28px;min-height:28px;padding:0;border:1px solid var(--border);border-radius:5px;background:var(--field);color:var(--title)}
#site-pass-game .track-navigation .icon-button>.ui-icon{width:17px;height:17px}
#site-pass-game .section-heading { display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;min-height:28px }
#site-pass-game .section-heading h2 { display:flex;align-items:center;gap:8px;min-width:0 }
#site-pass-game .section-heading h2>.ui-icon { width:26px;height:26px }
#site-pass-game .reward-section { min-width:0 }
#site-pass-game .reward-section>.section-heading { margin-bottom:6px }
#site-pass-game .track-navigation { display:flex;align-items:center;gap:6px;flex:none }
:is(#site-pass-game,#site-pass-game) .track-navigation .icon-button { --pwro-button-icon-size:28px }
#site-pass-game .track-navigation .ui-icon { width:16px;height:16px }
#site-pass-game .track-navigation>span { min-width:60px;font-size:11px;text-align:center;white-space:nowrap;color:var(--muted);font-variant-numeric:tabular-nums }
:is(#site-pass-game,#site-pass-game) .my-progress { min-height:28px;padding:3px 8px;font-size:11px;border:1px solid var(--border);border-radius:var(--pwro-radius-control);background:var(--field) }
#site-pass-game .reward-scroll { min-width:0;overflow:visible }
:is(#site-pass-rewards,#site-pass-rewards) { --reward-gap:4px;width:100%;table-layout:fixed;border-spacing:var(--reward-gap) 0;padding-block:var(--reward-gap);margin:0;font-size:12px }
:is(#site-pass-rewards,#site-pass-rewards) th,:is(#site-pass-rewards,#site-pass-rewards) td { padding:0 0 var(--reward-gap);border:0;vertical-align:middle }
/* PWRO-PASS-TRACK-SPACING: one explicit gap between each row, including row groups. */
:is(#site-pass-rewards,#site-pass-rewards) tbody tr:last-child>th,:is(#site-pass-rewards,#site-pass-rewards) tbody tr:last-child>td { padding-bottom:0 }
:is(#site-pass-rewards,#site-pass-rewards) th:first-child { width:var(--track-label) }
:is(#site-pass-rewards,#site-pass-rewards) thead th:first-child { text-align:left;font-size:11px;font-weight:400;color:var(--muted);padding-left:8px }
:is(#site-pass-rewards,#site-pass-rewards) thead .level-cell { display:flex;width:100%;height:28px;min-height:28px;padding:2px 4px;border:1px solid var(--border);border-radius:var(--pwro-radius-control);background:var(--field);color:var(--title);font-size:12px }
:is(#site-pass-rewards,#site-pass-rewards) thead [aria-pressed=true] { background:var(--primary);border-color:var(--primary);color:var(--pwro-on-primary) }
:is(#site-pass-rewards,#site-pass-rewards) thead [aria-current=step] { text-decoration:none }
:is(#site-pass-rewards,#site-pass-rewards) thead .level-cell { gap:var(--pwro-space-xs,4px) }
:is(#site-pass-rewards,#site-pass-rewards) thead .level-cell>span { white-space:nowrap }
:is(#site-pass-rewards,#site-pass-rewards) thead .level-lock { width:12px;height:14px;flex:none }
/* Selected levels form one decorated column across both tracks. All details
   are drawn in CSS so they stay sharp at every slot size and do not add height. */
:is(#site-pass-rewards,#site-pass-rewards) {
 --selection-gold:#c59b57;--selection-gold-light:#fff0c7;
 --selection-blue:var(--primary);
 --selection-divider:color-mix(in srgb,var(--primary) 22%,var(--border));
}
/* PWRO-PASS-SELECTION-FRAME: one frame spans the heading and both tracks.
   Its geometry uses the same slot and gap variables as the table. */
:is(#site-pass-rewards,#site-pass-rewards) thead th:has(>.level-cell[aria-pressed=true]) { position:relative }
:is(#site-pass-rewards,#site-pass-rewards) thead th:has(>.level-cell[aria-pressed=true])::before {
 content:"";position:absolute;inset:0 0 auto;box-sizing:border-box;
 /* The header cell includes its gap; add both slots and the remaining gap. */
 height:calc(100% + var(--reward-slot) + var(--reward-slot) + var(--reward-gap));
 border:1px solid var(--selection-blue);border-radius:var(--pwro-radius-control);
 background:var(--selected);z-index:0;pointer-events:none;
}
:is(#site-pass-game,#site-pass-game) :is(#site-pass-rewards,#site-pass-rewards) thead .level-cell[aria-pressed=true] {
 position:relative;isolation:isolate;padding-inline:18px;
 border-color:transparent;
 border-radius:var(--pwro-radius-control) var(--pwro-radius-control) 0 0;
 background:repeating-linear-gradient(135deg,transparent 0 12px,#ffffff09 12px 13px,transparent 13px 24px),
  radial-gradient(ellipse at 50% 0,#ffffff3b,transparent 75%),
  linear-gradient(180deg,color-mix(in srgb,var(--primary) 85%,#123f6b),#1c527e);
 background-clip:padding-box;
 color:#fffaf0;font-weight:700;letter-spacing:.2px;text-shadow:0 1px 1px #183d64;
 box-shadow:inset 0 1px 0 #ffffff70,inset 0 -2px 0 #133e6340;
}
:is(#site-pass-game,#site-pass-game) :is(#site-pass-rewards,#site-pass-rewards) thead .level-cell[aria-pressed=true]::before,
:is(#site-pass-game,#site-pass-game) :is(#site-pass-rewards,#site-pass-rewards) thead .level-cell[aria-pressed=true]::after {
 content:"";position:absolute;top:50%;width:6px;height:6px;
 transform:translateY(-50%) rotate(45deg);border:1px solid var(--selection-gold);
 background:linear-gradient(135deg,#fffdf3,var(--selection-gold-light) 50%,#d3ac6d);
 box-shadow:0 0 0 1px #173e5c55;pointer-events:none;
}
:is(#site-pass-game,#site-pass-game) :is(#site-pass-rewards,#site-pass-rewards) thead .level-cell[aria-pressed=true]::before { left:8px }
:is(#site-pass-game,#site-pass-game) :is(#site-pass-rewards,#site-pass-rewards) thead .level-cell[aria-pressed=true]::after { right:8px }
@media(max-width:600px) {
 :is(#site-pass-game,#site-pass-game) :is(#site-pass-rewards,#site-pass-rewards) thead .level-cell[aria-pressed=true] { padding-inline:4px }
 :is(#site-pass-game,#site-pass-game) :is(#site-pass-rewards,#site-pass-rewards) thead .level-cell[aria-pressed=true]::before,
 :is(#site-pass-game,#site-pass-game) :is(#site-pass-rewards,#site-pass-rewards) thead .level-cell[aria-pressed=true]::after { display:none }
}
:is(#site-pass-rewards,#site-pass-rewards) .track-label { display:flex;align-items:center;gap:8px;height:var(--reward-slot);padding:8px;border:1px solid var(--border);border-radius:var(--pwro-radius-control);background:var(--selected);text-align:left;font-weight:400;color:var(--title) }
:is(#site-pass-rewards,#site-pass-rewards) .track-label.premium { background:var(--gold-light);color:var(--gold-ink) }
:is(#site-pass-rewards,#site-pass-rewards) .track-label>.ui-icon { width:34px;height:36px;object-fit:contain;flex:none }
#site-pass-game .track-label strong { display:block;font-family:var(--pwro-font-title);font-size:14px }
#site-pass-game .track-label small { display:block;font-size:10px;margin-top:3px;color:var(--muted) }
:is(#site-pass-rewards,#site-pass-rewards) .reward-cell { position:relative;width:100%;height:var(--reward-slot);min-height:var(--reward-slot);display:flex;align-items:center;justify-content:center;padding:3px 20px 16px;border:1px solid var(--border);border-radius:var(--pwro-radius-control);background:var(--field);box-shadow:none }
:is(#site-pass-rewards,#site-pass-rewards) .reward-cell.premium { background:color-mix(in srgb,var(--gold-light) 55%,var(--field)) }
/* The column frame supplies the outside edge. Each item adds only a
   horizontal divider; there are no separate rails or inset outlines. */
:is(#site-pass-game,#site-pass-game) :is(#site-pass-rewards,#site-pass-rewards) .reward-cell[aria-pressed=true] {
 z-index:1;border-color:transparent;border-top-color:var(--selection-divider);border-radius:0;
 background:radial-gradient(ellipse at 50% 38%,var(--field) 18%,transparent 85%),
  linear-gradient(145deg,var(--selected),var(--field) 48%,color-mix(in srgb,var(--selected) 70%,var(--field)));
 background-clip:padding-box;box-shadow:none;
}
:is(#site-pass-game,#site-pass-game) :is(#site-pass-rewards,#site-pass-rewards) .reward-cell.premium[aria-pressed=true] {
 background:radial-gradient(ellipse at 50% 38%,var(--field) 18%,transparent 85%),
  linear-gradient(145deg,color-mix(in srgb,var(--gold-light) 50%,var(--selected)),var(--field) 48%,var(--selected));
 background-clip:padding-box;
}
:is(#site-pass-game,#site-pass-game) :is(#site-pass-rewards,#site-pass-rewards) tbody tr:last-child .reward-cell[aria-pressed=true] {
 border-radius:0 0 var(--pwro-radius-control) var(--pwro-radius-control);
}
:is(#site-pass-game,#site-pass-game) :is(#site-pass-rewards,#site-pass-rewards) .level-cell[aria-pressed=false]:hover {
 border-color:var(--selection-blue);background:color-mix(in srgb,var(--selected) 35%,var(--field));
}
:is(#site-pass-game,#site-pass-game) :is(#site-pass-rewards,#site-pass-rewards) .level-cell:focus-visible { outline:2px solid var(--pwro-focus);outline-offset:1px }
:is(#site-pass-rewards,#site-pass-rewards) .item-art { display:flex;align-items:center;justify-content:center;width:var(--reward-art);height:var(--reward-art);flex:none }
:is(#site-pass-rewards,#site-pass-rewards) .item-art img { width:var(--reward-art);height:var(--reward-art);object-fit:contain;image-rendering:pixelated }
#site-pass-game .reward-count { position:absolute;bottom:3px;left:50%;transform:translateX(-50%);font-size:11px;line-height:14px;font-weight:600;color:var(--title);white-space:nowrap }
/* PWRO-PASS-REWARD-STATES: equal-size circles distinguish available and claimed rewards. */
/* PWRO-PASS-REWARD-CHEST: readable artwork, shared size for ready and claimed. */
#site-pass-game .reward-status { position:absolute;top:5px;right:5px;display:flex;align-items:center;justify-content:center;width:20px;height:20px }
#site-pass-game .reward-status>.ui-icon { width:20px;height:20px }
#site-pass-game .reward-status.claimed { color:var(--success) }
#site-pass-game .reward-status.ready { color:var(--title) }
#site-pass-game .no-reward { color:var(--muted);font-size:20px }
#recompensas .pass-level-list{max-width:780px;margin-inline:auto}
#site-pass-game .pass-game-range-table{font-family:var(--pwro-font-body);min-width:100%;width:max(100%,2140px)}
#site-pass-game.is-paged .pass-game-range-table{width:100%;min-width:0}
#site-pass-game .reward-scroll{overflow-x:auto;padding:0}
#site-pass-game.is-paged .reward-scroll{overflow:visible}
#site-pass-game .pass-game-selection{font:12px/1.7 var(--pwro-font-body);color:var(--title);margin:12px 4px 0;min-height:21px}
#site-pass-game .pass-game-database{font:11px/1.7 var(--pwro-font-body);display:inline-block;margin:5px 4px 0;color:var(--primary)}
#site-pass-game button:is(:focus,:focus-visible){outline:none!important;outline-offset:0!important}
#site-pass-game button:focus-visible{box-shadow:inset 0 0 0 2px var(--pwro-button-focus)!important}
#site-pass-game .icon-button:hover:not(:disabled){background:var(--header)}
#site-pass-game .cell-button:hover:not(:disabled)::after{border-color:var(--pwro-border)!important}
#site-pass-game .item-art img.pass-reward-illustration{image-rendering:auto;mix-blend-mode:normal}
#site-pass-game .pass-game-disclaimer{font:11px/1.7 var(--pwro-font-body);color:var(--muted);margin:10px 4px 0}
@media(max-width:600px){#site-pass-game{padding:12px 8px}#site-pass-game .section-heading{flex-wrap:wrap}#site-pass-game .track-navigation{margin-left:auto}#site-pass-game .track-navigation>span{min-width:54px;font-size:10px}}
@media(max-width:410px){#site-pass-game{--track-label:90px;--reward-art:32px}#site-pass-game .track-label{gap:4px;padding:4px}#site-pass-game .track-label>.ui-icon{width:24px;height:28px}#site-pass-game .track-label strong{font-size:11px}#site-pass-game .track-label small{font-size:9px}#site-pass-game .reward-cell{padding-inline:13px}#site-pass-game .reward-count{font-size:10px}}

/* Same inventory rendering as the installed game reward slots. */
#site-pass-game .item-art img.inventory{width:32px!important;height:32px!important;image-rendering:pixelated;mix-blend-mode:normal}