/* A weboldal külön lapjai (adatvédelem, feltételek, státusz): ugyanaz a görgetősáv és kijelölés-tiltás, mint a főoldalon (index.html).
   A jobb klikk ablaka: assets/about.js. */
::selection{background:#fff;color:#0b0b0b;}
/* görgetősáv: a kézzel rajzolt felülethez illő (sötét csúszka fehér kontúrral, krétacsíkozással; szaggatott vékony sín) */
::-webkit-scrollbar{width:14px;height:14px;}
::-webkit-scrollbar-track{background:transparent;margin:14px;}
::-webkit-scrollbar-track:vertical{background:repeating-linear-gradient(180deg,rgba(255,255,255,.22) 0 6px,transparent 6px 12px) center/2px 100% no-repeat;}
::-webkit-scrollbar-track:horizontal{background:repeating-linear-gradient(90deg,rgba(255,255,255,.22) 0 6px,transparent 6px 12px) center/100% 2px no-repeat;}
::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:9px 12px 8px 11px/11px 8px 12px 9px;
     background:repeating-linear-gradient(-45deg,rgba(255,255,255,.28) 0 2px,transparent 2px 6px) padding-box,#0b0b0b padding-box;
     box-shadow:inset 0 0 0 2px rgba(255,255,255,.8);}
::-webkit-scrollbar-thumb:hover{background:repeating-linear-gradient(-45deg,rgba(255,255,255,.5) 0 2px,transparent 2px 6px) padding-box,#0b0b0b padding-box;
     box-shadow:inset 0 0 0 2px #fff;}
::-webkit-scrollbar-thumb:active{background:#fff padding-box;box-shadow:inset 0 0 0 2px #fff;}
::-webkit-scrollbar-corner,::-webkit-scrollbar-button{display:none;background:transparent;}
@supports (-moz-appearance:none){ *{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.75) transparent;} }   /* Firefox: csak színezhető */
/* nincs szövegkijelölés, a képek nem húzhatók (a másolás és a helyi menü tiltása: about.js) */
html,body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;}
img{-webkit-user-drag:none;}
/* felső sáv görgetés után (assets/subbar.js): teljes szélességű, rögzített, mint a főoldalé (index.html .nav) */
.top.bar{position:fixed;left:0;right:0;top:0;z-index:50;margin:0;height:66px;box-sizing:border-box;padding:0 var(--pr,16px) 0 var(--pl,16px);flex-wrap:nowrap;
  background:rgba(11,11,11,.88);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:2px dashed rgba(255,255,255,.18);animation:barIn .32s cubic-bezier(.2,1.3,.4,1);}
@keyframes barIn{from{transform:translateY(-100%);}to{transform:none;}}
.top.bar .home{font-family:'Patrick Hand','Comic Sans MS',system-ui,sans-serif;font-size:26px;letter-spacing:.02em;white-space:nowrap;transform:rotate(-3deg);color:#fff;
  -webkit-text-stroke:5px #0b0b0b;paint-order:stroke fill;filter:drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 2px 0 #fff) drop-shadow(0 -2px 0 #fff);}
.bartitle{display:none;}
.top.bar .bartitle{display:block;flex:1;min-width:0;margin:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;
  font-family:'Patrick Hand','Comic Sans MS',system-ui,sans-serif;font-size:20px;color:#9a9a9a;}
@media (max-width:560px){ .top.bar .bartitle{display:none;} .top.bar .home{font-size:22px;} }
@media (prefers-reduced-motion:reduce){ .top.bar{animation:none;} }
/* akadálymentesség: billentyűzetes fókusz mindenhol jól látható (sárga szaggatott keret), és az "ugrás a tartalomhoz" link (az első Tab-ra) */
:where(a,button,input,select,textarea,summary,[tabindex]:not([tabindex="-1"])):focus-visible{outline:2.5px dashed #ffd84d!important;outline-offset:4px!important;}
.skip{position:fixed;left:16px;top:-80px;z-index:300;padding:10px 18px 12px;font:20px/1 'Patrick Hand','Comic Sans MS',system-ui,sans-serif;color:#0b0b0b;background:#ffd84d;
  border-radius:12px 16px 10px 14px;text-decoration:none;box-shadow:4px 5px 0 rgba(255,255,255,.2);transition:top .15s;}
.skip:focus{top:12px;}
.foot{display:block;}
