/* =====================================================================
   cyber.css - design hlavni stranky (Cyber Arcade) pro samostatne PHP stranky.
   Nacita se POSLEDNI (pred </head>), prebiji vlastni styly stranek.
   ===================================================================== */
@font-face{font-family:"Rajdhani";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/rajdhani-latin-ext-500-normal.woff2") format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Rajdhani";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/rajdhani-latin-500-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Rajdhani";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/rajdhani-latin-ext-600-normal.woff2") format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Rajdhani";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/rajdhani-latin-600-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Rajdhani";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/rajdhani-latin-ext-700-normal.woff2") format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Rajdhani";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/rajdhani-latin-700-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

html:root:not([data-design="2"]){
  --bg:#020605; --card:rgba(5,18,10,.80); --ink:#e8fff0; --text:#e8fff0; --muted:#8fc9a2; --line:rgba(48,230,100,.28); --line2:rgba(60,255,115,.5);
  --accent:#3dff72; --accent2:#22c653; --accent-soft:rgba(61,255,114,.14);
  --panel:rgba(5,18,10,.80); --panel2:rgba(8,28,15,.88);
  --glow:0 0 14px rgba(61,255,114,.28); --shadow:0 0 18px rgba(61,255,114,.12);
  --font:"Rajdhani","Exo 2","Segoe UI",system-ui,sans-serif;
  caret-color:transparent;
}
html:root:not([data-design="2"]) input,html:root:not([data-design="2"]) textarea,html:root:not([data-design="2"]) select{caret-color:auto}
html:root:not([data-design="2"]) body{font-family:var(--font);font-size:15.5px;font-weight:500;letter-spacing:.015em;color:var(--ink)}
html:root:not([data-design="2"]) button,html:root:not([data-design="2"]) input,html:root:not([data-design="2"]) select,html:root:not([data-design="2"]) textarea{font-family:var(--font)}
html:root:not([data-design="2"]) a{-webkit-user-drag:none}
html:root:not([data-design="2"]) button,html:root:not([data-design="2"]) .pill,html:root:not([data-design="2"]) .menu-item,html:root:not([data-design="2"]) .brand,html:root:not([data-design="2"]) h1,html:root:not([data-design="2"]) h2{-webkit-user-select:none;user-select:none}
html:root:not([data-design="2"]) button:focus,html:root:not([data-design="2"]) a:focus{outline:none}
html:root:not([data-design="2"]) button:focus-visible,html:root:not([data-design="2"]) a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* ---- hlavicka ---- */
html:root:not([data-design="2"]) .header{background:linear-gradient(180deg,rgba(2,8,5,.92),rgba(2,8,5,.72));border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}
html:root:not([data-design="2"]) .header-row{padding:10px 18px}
html:root:not([data-design="2"]) .brand{padding:6px 14px;border:1px solid var(--line2);border-radius:12px;background:var(--panel);box-shadow:var(--glow),inset 0 0 12px rgba(61,255,114,.08);font-size:20px;font-weight:700;letter-spacing:.04em;color:var(--ink)}
html:root:not([data-design="2"]) .brand .dot{background:transparent;color:var(--accent);box-shadow:none;width:30px;height:30px;font-size:18px}
html:root:not([data-design="2"]) .pill,html:root:not([data-design="2"]) .header-actions a.pill,html:root:not([data-design="2"]) .header-actions button.pill{border-radius:10px;border:1px solid var(--line2);background:var(--panel);box-shadow:var(--glow);color:var(--ink);text-transform:uppercase;letter-spacing:.07em;font-weight:700;font-size:13px;padding:9px 16px}
html:root:not([data-design="2"]) .pill:hover{border-color:var(--accent);color:var(--accent);background:var(--panel2)}
html:root:not([data-design="2"]) .pill.dark{background:var(--accent);color:#04140a!important;border-color:var(--accent);box-shadow:var(--glow)}
html:root:not([data-design="2"]) .dropdown-menu{background:var(--modal,#04100a);border:1px solid var(--line2);border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.6),var(--glow);padding:8px}
html:root:not([data-design="2"]) .menu-item{text-transform:uppercase;letter-spacing:.06em;font-weight:600;font-size:13.5px;color:var(--ink)!important;border-radius:8px}
html:root:not([data-design="2"]) .menu-item:hover{background:rgba(61,255,114,.12);color:var(--accent)!important}
html:root:not([data-design="2"]) .menu-item.danger{color:#ff8e7c!important}
html:root:not([data-design="2"]) .menu-sep{background:var(--line)}

/* ---- obsah ---- */
html:root:not([data-design="2"]) h1{font-size:30px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);text-shadow:0 0 14px rgba(61,255,114,.45)}
html:root:not([data-design="2"]) h2{font-size:18px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);text-shadow:0 0 10px rgba(61,255,114,.35)}
html:root:not([data-design="2"]) h3,html:root:not([data-design="2"]) h4{font-weight:700;letter-spacing:.05em;color:var(--ink)}
html:root:not([data-design="2"]) p,html:root:not([data-design="2"]) li,html:root:not([data-design="2"]) td,html:root:not([data-design="2"]) th,html:root:not([data-design="2"]) summary,html:root:not([data-design="2"]) .sub,html:root:not([data-design="2"]) .intro,html:root:not([data-design="2"]) .hint{color:var(--muted)}
html:root:not([data-design="2"]) strong,html:root:not([data-design="2"]) b{color:var(--ink)}
html:root:not([data-design="2"]) a{color:var(--accent)}
html:root:not([data-design="2"]) .card,html:root:not([data-design="2"]) .box,html:root:not([data-design="2"]) .panel,html:root:not([data-design="2"]) .item,html:root:not([data-design="2"]) .sec-card,html:root:not([data-design="2"]) details{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:inset 0 0 24px rgba(61,255,114,.05),var(--shadow);backdrop-filter:blur(3px)}
html:root:not([data-design="2"]) input,html:root:not([data-design="2"]) textarea,html:root:not([data-design="2"]) select{background:rgba(3,12,7,.85)!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:10px}
html:root:not([data-design="2"]) input:focus,html:root:not([data-design="2"]) textarea:focus,html:root:not([data-design="2"]) select:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px rgba(61,255,114,.18),var(--glow)!important;outline:none}
html:root:not([data-design="2"]) label{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:12px;font-weight:700}
html:root:not([data-design="2"]) table,html:root:not([data-design="2"]) th,html:root:not([data-design="2"]) td{border-color:var(--line)!important}
html:root:not([data-design="2"]) th{text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:var(--accent)}
html:root:not([data-design="2"]) code,html:root:not([data-design="2"]) pre,html:root:not([data-design="2"]) kbd{background:rgba(3,12,7,.9)!important;color:#bff5d0!important;border:1px solid var(--line)!important}

/* ---- tlacitka ---- */
html:root:not([data-design="2"]) .submit,html:root:not([data-design="2"]) .dlbtn,html:root:not([data-design="2"]) button.primary,html:root:not([data-design="2"]) a.b:not(.s),html:root:not([data-design="2"]) button:not(.s):not(.d):not(.pill):not(.menu-item):not(.iconbtn):not([class*="toggle"]):not(.share-panel-actions button){background:var(--accent)!important;color:#04140a!important;border:1px solid var(--accent)!important;border-radius:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;box-shadow:var(--glow)}
html:root:not([data-design="2"]) .submit:hover,html:root:not([data-design="2"]) .dlbtn:hover,html:root:not([data-design="2"]) button.primary:hover,html:root:not([data-design="2"]) a.b:not(.s):hover{filter:brightness(1.1)}
html:root:not([data-design="2"]) button.s,html:root:not([data-design="2"]) a.b.s{background:var(--panel)!important;color:var(--ink)!important;border:1px solid var(--line2)!important;border-radius:10px;text-transform:uppercase;letter-spacing:.06em;box-shadow:var(--glow)}
html:root:not([data-design="2"]) button.d{background:none!important;color:#ff8e7c!important;border:0!important;box-shadow:none}
html:root:not([data-design="2"]) .msg.ok,html:root:not([data-design="2"]) .ok{background:rgba(61,255,114,.10);border:1px solid var(--line2);color:var(--accent);border-radius:10px}
html:root:not([data-design="2"]) .msg.err,html:root:not([data-design="2"]) .err{background:rgba(255,90,70,.10);border:1px solid rgba(255,120,100,.45);color:#ff9a8a;border-radius:10px}
html:root:not([data-design="2"]) .tag{background:rgba(61,255,114,.12);border:1px solid var(--line);color:var(--ink);border-radius:6px}
html:root:not([data-design="2"]) .tag.g{color:var(--accent)}

/* ---- odkaz Zpet / posuvniky ---- */
html:root:not([data-design="2"]) ::-webkit-scrollbar{width:10px;height:10px}
html:root:not([data-design="2"]) ::-webkit-scrollbar-thumb{background:rgba(61,255,114,.28);border-radius:6px}
html:root:not([data-design="2"]) ::-webkit-scrollbar-track{background:rgba(2,8,5,.6)}

html:root:not([data-design="2"]) p a,html:root:not([data-design="2"]) li a,html:root:not([data-design="2"]) .intro a,html:root:not([data-design="2"]) .hint a{color:var(--accent)!important}
html:root:not([data-design="2"]) p,html:root:not([data-design="2"]) .intro,html:root:not([data-design="2"]) .sub{text-shadow:0 1px 6px rgba(0,0,0,.85)}
html:root:not([data-design="2"]) .card p,html:root:not([data-design="2"]) .card li{text-shadow:none}