@import url("game-spadajace-retro-v12.css?v=20260901-r3150-1303");

/* Retro Puzzle 10 w 1, wspólny shell konsoli i menu gier. */
.pz-spadajace-page .pz-spadajace-head h1{letter-spacing:-.045em}

.rp10-side-current{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:10px;
  padding:9px 10px;
  border:1px solid rgba(255,90,0,.15);
  border-radius:12px;
  background:#fff8f3;
}
.rp10-side-current span{
  color:#6b7280;
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.rp10-side-current b{
  min-width:0;
  color:#111827;
  font-size:11px;
  line-height:1.25;
  text-align:right;
  overflow-wrap:anywhere;
}

.rp10-work1-note{
  padding:10px 11px;
  border:1px solid rgba(17,39,19,.10);
  border-radius:12px;
  background:rgba(17,39,19,.035);
}

/* Menu 10 w 1 siedzi wewnątrz zielonego LCD. */
.rp10-menu{
  position:absolute;
  inset:0;
  z-index:360;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:clamp(4px,1.1vh,10px);
  padding:6% 6.5%;
  background:var(--lcd-green);
  color:var(--lcd-ink);
  font-family:"Courier New",ui-monospace,monospace;
  font-weight:900;
  text-align:center;
  letter-spacing:.035em;
  user-select:none;
  pointer-events:none;
}
.rp10-menu[hidden]{display:none!important}
.rp10-menu__brand{
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:7px;
  width:100%;
  padding-bottom:3%;
  border-bottom:2px solid rgba(17,39,19,.52);
}
.rp10-menu__brand b{
  font-size:clamp(10px,1.45vw,20px);
  line-height:1;
}
.rp10-menu__brand span{
  padding:2px 5px;
  border:1px solid rgba(17,39,19,.55);
  border-radius:2px;
  font-size:clamp(7px,.8vw,11px);
  line-height:1;
}
.rp10-menu__game{
  display:grid;
  justify-items:center;
  gap:3px;
  width:100%;
}
.rp10-menu__game>span{
  font-size:clamp(7px,.8vw,11px);
  letter-spacing:.09em;
}
.rp10-menu__game>b{
  max-width:100%;
  font-size:clamp(14px,2vw,28px);
  line-height:1.02;
  text-wrap:balance;
}
.rp10-menu__game>small{
  display:block;
  max-width:92%;
  min-height:2.6em;
  font-size:clamp(6px,.72vw,10px);
  line-height:1.28;
  font-weight:700;
  letter-spacing:0;
}
.rp10-menu__status{
  padding:3px 7px;
  border:1px solid rgba(17,39,19,.58);
  background:rgba(17,39,19,.08);
  font-size:clamp(6px,.72vw,10px);
  line-height:1;
}
.rp10-menu__status.is-coming{
  opacity:.58;
  border-style:dashed;
}
.rp10-menu__score{
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:7px;
}
.rp10-menu__score span{font-size:clamp(6px,.66vw,9px)}
.rp10-menu__score b{font-size:clamp(11px,1.4vw,19px);font-variant-numeric:tabular-nums}
.rp10-menu__neighbors{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  width:100%;
  color:rgba(17,39,19,.72);
  font-size:clamp(5px,.58vw,8px);
  line-height:1.2;
}
.rp10-menu__neighbors span:first-child{text-align:left}
.rp10-menu__neighbors span:last-child{text-align:right}
.rp10-menu__help{
  width:100%;
  padding-top:3%;
  border-top:1px dashed rgba(17,39,19,.42);
  font-size:clamp(6px,.7vw,10px);
  line-height:1.3;
}

/* Gdy menu jest aktywne, elementy GRA 01 nie przebijają spod niego. */
.pz-console-screen.is-retro-menu .pz-lcd-hud,
.pz-console-screen.is-retro-menu .pz-lane-grid,
.pz-console-screen.is-retro-menu .pz-screen-overlay,
.pz-console-screen.is-retro-menu .pz-screen-status-flash,
.pz-console-screen.is-retro-menu .pz-retro-slot,
.pz-console-screen.is-retro-menu .pz-retro-piece{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* W menu dolne trzy guziki są aktywne jak w klasycznej konsoli 10 w 1. */
.pz-console-screen.is-retro-menu{cursor:default}

/* Więcej statystyk bez rozjeżdżania karty. */
.pz-spadajace-stats{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.pz-spadajace-stat{min-width:0}
.pz-spadajace-stat b{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
}

html[data-theme="dark"] .rp10-side-current{
  border-color:rgba(255,122,49,.18);
  background:rgba(255,90,0,.07);
}
html[data-theme="dark"] .rp10-side-current span{color:#9ca3af}
html[data-theme="dark"] .rp10-side-current b{color:#f3f4f6}
html[data-theme="dark"] .rp10-work1-note{
  border-color:rgba(255,255,255,.08);
  background:rgba(255,255,255,.025);
}

@media(max-width:720px){
  .rp10-menu{gap:5px;padding:5.5% 6%}
  .rp10-menu__game>small{max-width:98%}
  .rp10-side-current{margin-top:8px}
}


/* R3230 MOBILE + COMPACT LCD */

/* ======================================================
   MINIATURY KONSOL
   zawsze idealnie wyśrodkowane
   ====================================================== */

.pz-console-picker-panel .pz-console-chooser{
  align-items:stretch!important;
  justify-items:stretch!important;
}

.pz-console-picker-panel .pz-console-choice,
.pz-console-picker-panel .pz-console-choice:nth-child(n){
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}

.pz-console-picker-panel .pz-console-choice img{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  height:78px!important;
  margin:0 auto!important;
  object-fit:contain!important;
  object-position:50% 50%!important;
}


/* ======================================================
   MENU LCD
   tylko najważniejsze informacje
   ====================================================== */

.rp10-menu{
  justify-content:center!important;
  gap:clamp(7px,1.5vh,14px)!important;
  padding:9% 7%!important;
}

.rp10-menu__brand{
  padding-bottom:5%!important;
}

.rp10-menu__brand b{
  font-size:clamp(11px,1.55vw,20px)!important;
}

.rp10-menu__game{
  gap:7px!important;
}

.rp10-menu__game>span{
  font-size:clamp(8px,.9vw,12px)!important;
}

.rp10-menu__game>b{
  font-size:clamp(15px,2.1vw,28px)!important;
  line-height:1.05!important;
}

/* Za dużo tekstu na małym LCD */
.rp10-menu__game>small,
.rp10-menu__status,
.rp10-menu__neighbors{
  display:none!important;
}

.rp10-menu__score{
  margin-top:2px!important;
}

.rp10-menu__score span{
  font-size:clamp(6px,.7vw,9px)!important;
}

.rp10-menu__score b{
  font-size:clamp(12px,1.45vw,19px)!important;
}

.rp10-menu__help{
  margin-top:3px!important;
  padding-top:5%!important;
  font-size:clamp(7px,.75vw,10px)!important;
  line-height:1.35!important;
}


/* ======================================================
   TELEFON
   ====================================================== */

@media(max-width:720px){

  /* Na telefonie NIE chowamy już miniaturek */
  .pz-console-picker-panel .pz-console-chooser{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:5px!important;
    width:100%!important;
  }

  .pz-console-picker-panel .pz-console-choice,
  .pz-console-picker-panel .pz-console-choice:nth-child(n){
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:70px!important;
    padding:4px!important;
    grid-column:auto!important;
  }

  .pz-console-picker-panel .pz-console-choice img{
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    height:58px!important;
    margin:auto!important;
    object-fit:contain!important;
    object-position:center!important;
  }

  /* Pod miniaturami zostaje czytelna informacja o swipe */
  .pz-console-picker-panel .pz-console-mobile-swipe{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    margin:9px 0 0!important;
    padding:9px 8px!important;
  }

  .pz-console-mobile-swipe small{
    font-size:9px!important;
    line-height:1.35!important;
  }


  /* ====================================================
     TRYB GRY NA TELEFONIE
     po wystartowaniu zostaje tylko konsola
     ==================================================== */

  html.is-game-focus,
  body.is-game-focus{
    width:100%!important;
    height:100dvh!important;
    max-height:100dvh!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
    touch-action:none!important;
  }

  body.is-game-focus [data-shell-top],
  body.is-game-focus [data-shell-footer],
  body.is-game-focus .pz-after-game{
    display:none!important;
  }

  body.is-game-focus .pz-spadajace-shell{
    width:100%!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }

  body.is-game-focus .pz-console-wrap{
    touch-action:none!important;
    overscroll-behavior:none!important;
  }


  /* trochę mniej tekstu także w menu LCD telefonu */
  .rp10-menu{
    gap:6px!important;
    padding:8% 7%!important;
  }

  .rp10-menu__brand{
    padding-bottom:4%!important;
  }

  .rp10-menu__game>b{
    font-size:clamp(14px,5vw,23px)!important;
  }

  .rp10-menu__help{
    padding-top:4%!important;
  }
}


/* R3240 HUD FIX + COLLAPSIBLE RULES */

.rp10-rules-intro{
  margin:0!important;
  line-height:1.6;
}

.rp10-rules-details{
  margin-top:14px;
}

.rp10-rules-details summary{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:42px;
  padding:9px 14px;
  box-sizing:border-box;

  border:1px solid rgba(255,90,0,.24);
  border-radius:12px;

  background:#fff7f1;
  color:#a9430a;

  font-weight:800;
  font-size:13px;
  line-height:1.2;

  cursor:pointer;
  list-style:none;
  user-select:none;
}

.rp10-rules-details summary::-webkit-details-marker{
  display:none;
}

.rp10-rules-details summary::after{
  content:"↓";
  margin-left:8px;
  font-size:14px;
  transition:transform .18s ease;
}

.rp10-rules-details[open] summary::after{
  transform:rotate(180deg);
}

.rp10-rules-less{
  display:none;
}

.rp10-rules-details[open] .rp10-rules-more{
  display:none;
}

.rp10-rules-details[open] .rp10-rules-less{
  display:inline;
}

.rp10-rules-content{
  padding-top:10px;
}

.rp10-rules-content p{
  margin:10px 0!important;
}

.rp10-readmore{
  display:flex!important;
  align-items:center;
  justify-content:center;
  width:100%;
  box-sizing:border-box;
  margin-top:15px!important;
  padding:11px 14px!important;
  text-align:center;
}

html[data-theme="dark"] .rp10-rules-details summary{
  background:rgba(255,90,0,.10);
  border-color:rgba(255,122,49,.32);
  color:#ffd0b4;
}

@media(max-width:720px){

  .rp10-rules-intro{
    font-size:13px;
    line-height:1.55;
  }

  .rp10-rules-details summary{
    min-height:40px;
    font-size:12px;
  }

  .rp10-rules-content{
    font-size:12px;
    line-height:1.55;
  }
}

/* retro menu game logos */
.rp10-menu__logo{display:flex;align-items:center;justify-content:center;min-height:76px;padding:1px 0 3px}.rp10-menu__logo img{width:min(76%,190px);max-height:78px;object-fit:contain;display:block;filter:drop-shadow(0 3px 0 rgba(0,0,0,.06))}@media(max-width:680px){.rp10-menu__logo{min-height:58px}.rp10-menu__logo img{width:min(84%,150px);max-height:56px}}

/* R4910: logo gry zajmuje prawie cały ekran LCD i jest jaśniejsze, bardziej czytelne. */
.pz-spadajace-page .site-game-theme-switch{display:none!important}
.pz-spadajace-page .rp10-menu{
  display:grid;
  grid-template-rows:minmax(0,1fr) auto;
  align-content:stretch;
  justify-items:center;
  gap:10px;
  width:100%;
  height:100%;
  padding:6% 5.5% 7%;
}
.pz-spadajace-page .rp10-menu__brand,
.pz-spadajace-page .rp10-menu__game,
.pz-spadajace-page .rp10-menu__status,
.pz-spadajace-page .rp10-menu__score,
.pz-spadajace-page .rp10-menu__neighbors{display:none!important}
.pz-spadajace-page .rp10-menu__logo{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:0;
  height:100%;
  padding:0;
  margin:0;
}
.pz-spadajace-page .rp10-menu__logo img{
  display:block;
  width:100%!important;
  max-width:100%!important;
  max-height:82%!important;
  object-fit:contain;
  filter:grayscale(1) brightness(.78) contrast(1.55);
  opacity:.96;
  image-rendering:-webkit-optimize-contrast;
}
.pz-spadajace-page .rp10-menu__help{
  width:100%;
  margin-top:auto;
  padding-top:10px;
  border-top:1px solid rgba(17,39,19,.42);
  font-size:clamp(10px,1.18vw,17px);
  line-height:1.2;
  font-weight:900;
  letter-spacing:.08em;
  text-align:center;
  white-space:normal;
}
@media (max-width:680px){
  .pz-spadajace-page .rp10-menu{
    padding:7% 5.5% 8%;
    gap:8px;
  }
  .pz-spadajace-page .rp10-menu__logo img{
    max-height:80%!important;
  }
  .pz-spadajace-page .rp10-menu__help{
    font-size:clamp(8px,2vw,12px);
    padding-top:8px;
  }
}


/* R5200: ozdobny pasek nad konsolą - bez ingerencji w ekran LCD. */


/* R20260928 - komunikat blokady zmiany konsoli nad wyborem obudowy. */
.pz-console-lock-notice{
  box-sizing:border-box;
  width:100%;
  margin:0 0 10px;
  padding:10px 12px;
  border:1px solid rgba(255,90,0,.34);
  border-radius:11px;
  background:rgba(255,90,0,.09);
  color:#4a2a18;
  font-size:12px;
  font-weight:800;
  line-height:1.42;
  text-align:left;
  box-shadow:0 5px 14px rgba(17,24,39,.06);
}
.pz-console-lock-notice[hidden]{display:none!important}
.pz-console-lock-notice.is-visible{animation:rp10ConsoleNoticeIn .18s ease-out both}
@keyframes rp10ConsoleNoticeIn{
  from{opacity:0;transform:translateY(-4px)}
  to{opacity:1;transform:translateY(0)}
}
html[data-theme="dark"] .pz-console-lock-notice{
  border-color:rgba(255,135,68,.42);
  background:rgba(255,90,0,.14);
  color:#ffe9dc;
  box-shadow:none;
}
@media(max-width:720px){
  .pz-console-lock-notice{margin-bottom:8px;padding:9px 10px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  .pz-console-lock-notice.is-visible{animation:none}
}