/* ════════════════════════════════════════════════════════════════════
   games/lyo/game-open.css — οι κανόνες του games/lyo/game.css που ζητούν
   :has() με επιλογέα ΓΝΩΡΙΣΜΑΤΟΣ μέσα στην παρένθεση ([id$=…], [style*=…]).

   ΓΙΑΤΙ ΧΩΡΙΣΤΑ. ΜΕΤΡΗΜΕΝΟ (Chromium, 412×915, CPU ×4, αρχική): όσο ένας
   τέτοιος κανόνας είναι ενεργός, ΚΑΘΕ αλλαγή inline style οπουδήποτε στη
   σελίδα (κάθε καρέ των κινήσεων GSAP της αρχικής, οι εορταστικές εκδόσεις)
   ξαναϋπολογίζει το ύφος ~1.900 στοιχείων αντί για λίγα: ~100.000 στοιχεία
   και ~3,5 s «Style & Layout» στα πρώτα 6 s, έναντι ~18.000 / ~0,7 s χωρίς
   αυτούς. Ένας οποιοσδήποτε από τους τρεις αρκεί· το πρόθεμα (body.… ) δεν
   βοηθά — μόνο να μην είναι ενεργοί.

   ΠΟΤΕ ΕΙΝΑΙ ΕΝΕΡΓΟΙ. Αφορούν μόνο ανοιχτά παιχνίδια (.game-overlay, οθόνες
   επιπέδων/ρυθμίσεων). Το <link> του index.html έχει media="not all" και το
   js/cursors.js το γυρίζει σε "all" όσο το body έχει .syn-game-open (και
   πίσω όταν κλείσει). Το κείμενο των κανόνων δεν άλλαξε.
   ════════════════════════════════════════════════════════════════════ */

/* …ΑΛΛΑ ΟΧΙ στις οθόνες ρυθμίσεων. Ο κανόνας από πάνω γράφτηκε για τον
   επιλογέα επιπέδων (που κυλά μόνος του), όμως πιάνει κάθε .lyo-screen: μια
   ψηλή κάρτα ρυθμίσεων κοβόταν χωρίς καμία κύλιση. ΜΕΤΡΗΜΕΝΟ: στα
   αφωνόληκτα, ακόμη και στα 1280×800, το «Έναρξη Κουίζ →» έπεφτε στα
   812–858px — κάτω από το κάδρο, απρόσιτο· στα 1366×650 το ίδιο σε αόριστο
   β΄, ρήματα -μι, λύω. Εδώ το πλαίσιο ξανακυλά, ώστε να δουλεύει η κολλητή
   .lsett-go-bar (τέλος αρχείου).
   Στοχευμένα ρυθμίσεις + προσαρμοσμένο: οι οθόνες παιχνιδιού/τέλους μένουν
   όπως ήταν (π.χ. η οθόνη τέλους, που κυλά μέσα στην κάρτα της, δεν αποκτά
   δεύτερη μπάρα κύλισης στο πλαίσιο). */
.game-overlay .overlay-frame:has(> .lyo-screen[id$="-screen-settings"].active),
.game-overlay .overlay-frame:has(> #lyo-screen-custom.active) { overflow-y: auto; }

/* Ανενεργό (δεν έχει διαλεχτεί τρόπος): το κουμπί φαίνεται, αλλά λέει ΤΙ
   λείπει — αλλιώς ένα αχνό κουμπί που δεν απαντά μοιάζει χαλασμένο. Το
   μαρκάρισμα είναι το inline style που ήδη γράφουν gramSetMode / lyoSelMode /
   parSelMode (με ή χωρίς κενό, ανάλογα αν το έγραψε HTML ή JS). */
.lsett-go-bar:has(> .lbtn[style*="pointer-events:none"], > .lbtn[style*="pointer-events: none"])::before{
  content:"Διάλεξε πρώτα τρόπο παιχνιδιού ↑";
  display:block; margin:0 0 7px; text-align:center;
  font-family:'Noto Serif',serif; font-style:italic; font-size:.76rem; color:var(--gg-dim);
}

/* Πολλαπλοί επιλογείς (ουσιαστικά, επίθετα, αντωνυμίες, λατ. …): το
   «✓ Διάλεξε επίπεδο →» ήδη κάθεται σε κολλητό div με inline style (στα
   game.js κάθε παιχνιδιού). Εδώ μόνο δύο πινελιές: z-index ώστε να περνά
   πάνω από τις γραμμές που ανασηκώνονται στο hover, και 12px ανάσα κάτω —
   ΜΕΤΡΗΜΕΝΟ στα 390×844 το κουμπί ακουμπούσε στα 4px από την άκρη. Το
   !important νικά το inline padding:12px 0 4px. */
.lcard.lscreen-levels > div:has(> [id$="-start-btn"]){ z-index:6; padding-bottom:12px !important; }