/* Stick Kombact v0.81.13 - PASS stagionale, Page Template Fase 4 */
/* La riga azioni Home usa tre colonne simmetriche: Stats a sinistra, GIOCA al centro, PASS a destra. */
.home-buttons{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:stretch;
  width:100%;
  gap:12px;
  margin-bottom:5px;
  box-sizing:border-box;
}
.home-buttons #stats-screen-btn{justify-self:start}
.home-buttons #start-btn{justify-self:center}
#seasonal-pass-btn{
  position:relative;
  z-index:18;
  justify-self:end;
  align-self:stretch;
  width:auto;
  min-width:142px;
  max-width:170px;
  min-height:0;
  padding:4px 11px 5px;
  border:1px solid rgba(255,215,85,.86);
  border-radius:13px;
  background:linear-gradient(135deg,#4c160f,#8a251a 52%,#2b0b09);
  color:#fff3c5;
  box-shadow:0 6px 18px #0007,0 0 12px #ffbd3b38;
  cursor:pointer;
  text-transform:uppercase;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:1px;
  line-height:1.05;
}
#seasonal-pass-btn:not(:disabled):hover{transform:translateY(-1px);filter:brightness(1.08)}
#seasonal-pass-btn:disabled{cursor:not-allowed;filter:grayscale(.45);opacity:.72}
.seasonal-pass-button-small{display:block;font-size:9px;font-weight:800;letter-spacing:.45px;opacity:.78;white-space:nowrap}
.seasonal-pass-button-label{display:block;max-width:100%;font-size:11px;font-weight:1000;letter-spacing:.35px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* v0.81.13 - PASS migrato al Page Shell condiviso (Fase 4).
 * Geometria di shell/header/tabs/body gestita esclusivamente da page-shell.css.
 * Gli hook pass-tabs / pass-tab / pass-content e l'ID #pass-wallet
 * restano nel markup per runtime, tutorial e tema della feature. */
#seasonal-pass-screen{
  display:none;
  z-index:79;
  color:#fff;
  --sk-page-accent:#ffd869;
  --sk-page-tab-accent:#e0a446;
  --sk-page-tab-active-bg:rgba(140,37,26,.72);
  --sk-page-tab-active-shadow:rgba(224,164,70,.13);
  background:
    radial-gradient(circle at 50% 0%,rgba(184,54,35,.22),transparent 36%),
    radial-gradient(circle at 88% 88%,rgba(255,216,105,.07),transparent 34%),
    rgba(8,9,15,.99);
  font-family:inherit;
}
#seasonal-pass-screen.open{display:flex}
#seasonal-pass-screen .sk-page-tabs{background:rgba(16,11,11,.72)}
.pass-content{scrollbar-gutter:stable}
.pass-pane[hidden]{display:none!important}
.pass-level button:focus-visible{outline:2px solid #67e8f9;outline-offset:2px}

.pass-summary{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.pass-chip{background:#ffffff10;border:1px solid #ffffff20;border-radius:10px;padding:8px 11px;font-size:11px}.pass-level-track{display:flex;gap:10px;overflow-x:auto;padding:8px 3px 16px;scroll-snap-type:x proximity}.pass-level{min-width:150px;max-width:150px;min-height:205px;background:linear-gradient(#291716,#151010);border:1px solid #ffffff26;border-radius:14px;padding:11px;display:flex;flex-direction:column;gap:7px;scroll-snap-align:start;position:relative}.pass-level.unlocked{border-color:#ffd869;box-shadow:0 0 14px #ffd8692e}.pass-level.next{border-color:#ff765d}.pass-level-number{font-size:18px;font-weight:1000;color:#ffd869}.pass-reward-icon{font-size:31px;line-height:1}.pass-reward-name{font-size:11px;min-height:30px;font-weight:800}.pass-cost{margin-top:auto;font-weight:900;font-size:11px}.pass-level button{border:0;border-radius:9px;background:#d5462e;color:#fff;padding:8px;font-weight:900}.pass-level button:disabled{background:#333;color:#888}.pass-elite-reward{font-size:9px;background:#0d0d0d;border:1px dashed #ffffff32;border-radius:7px;padding:5px;color:#999}.pass-elite-banner{margin-top:12px;padding:11px;border-radius:12px;border:1px dashed #ffd86955;background:#16110e;color:#aaa;text-align:center;font-weight:900}
.pass-mission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:9px}.pass-mission{border:1px solid #ffffff20;border-radius:12px;background:#191212;padding:11px}.pass-mission.complete{border-color:#63d37d;background:#102417}.pass-mission-title{font-size:11px;font-weight:850;min-height:30px}.pass-mission-meta{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#bbb;margin-top:6px}.pass-mission-bar{height:7px;border-radius:5px;background:#0008;overflow:hidden;margin-top:7px}.pass-mission-bar>span{display:block;height:100%;background:linear-gradient(90deg,#c33d2a,#ffd869)}.pass-error{padding:18px;border:1px solid #f66;border-radius:12px;background:#6115;color:#ffdada}.pass-loading{text-align:center;padding:40px;color:#ffd869;font-weight:900}

/* onboarding contestuale PASS */
#seasonal-pass-btn .seasonal-pass-tutorial-badge{position:absolute;top:-8px;right:-7px;min-width:36px;height:20px;padding:0 7px;border:1px solid rgba(88,230,255,.8);border-radius:999px;background:#082837;color:#8ef2ff;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:1000;letter-spacing:.25px;box-shadow:0 0 10px rgba(54,224,255,.35);pointer-events:none}
#seasonal-pass-btn .seasonal-pass-tutorial-badge[hidden]{display:none!important}
.pass-progress-overview{margin:0 0 12px;padding:10px 12px;border:1px solid rgba(255,216,105,.32);border-radius:12px;background:rgba(255,216,105,.07)}
.pass-progress-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px;font-size:11px;color:#eee}
.pass-progress-heading strong{color:#ffd869;font-size:12px}.pass-progress-heading span{font-weight:900;color:#fff3c5;white-space:nowrap}
.pass-progress-bar{height:9px;border-radius:999px;background:#0009;overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.pass-progress-bar>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d5462e,#ffd869)}

@media(max-width:740px){
  .home-buttons{gap:6px;margin:0}
  #seasonal-pass-btn{min-width:118px;max-width:138px;min-height:0;padding:3px 8px 4px;border-radius:11px}
  .seasonal-pass-button-small{font-size:8px;letter-spacing:.25px}
  .seasonal-pass-button-label{font-size:10px;letter-spacing:.15px}
  .pass-level{min-width:132px;max-width:132px;min-height:190px}
  .pass-mission-grid{grid-template-columns:1fr}
  .pass-progress-overview{padding:8px 9px}
  .pass-progress-heading{font-size:10px}.pass-progress-heading strong{font-size:10px}
}

@media(max-height:430px) and (orientation:landscape){
  .home-buttons{gap:5px}
  #seasonal-pass-btn{min-height:0;min-width:112px;max-width:132px;padding:2px 7px 3px}
  .seasonal-pass-button-small{font-size:8px}
  .seasonal-pass-button-label{font-size:9px}
}

@media(prefers-reduced-motion:reduce){#seasonal-pass-btn:not(:disabled):hover{transform:none}}

/* v0.91.2 - Soglia Extra Regno dei Funghi */
.pass-extra-tier{margin:18px auto 8px;max-width:720px;padding:16px 18px;border:1px solid rgba(108,219,130,.65);border-radius:18px;background:linear-gradient(135deg,rgba(20,70,39,.92),rgba(51,94,58,.82));text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.22)}
.pass-extra-tier .pass-reward-icon{font-size:42px;margin:6px 0}.pass-extra-tier button{min-width:190px;margin-top:10px}.pass-extra-meta{margin-top:9px;font-size:.86rem;opacity:.86}

/* v0.91.5 - navigazione PASS da controller: focus visibile anche sulle card. */
.pass-level:focus-visible,.pass-extra-tier:focus-visible{outline:3px solid #67e8f9;outline-offset:3px;box-shadow:0 0 0 2px rgba(10,18,24,.85),0 0 18px rgba(103,232,249,.38)}