/* A fiók-, csomag-, admin- és megosztó oldalak közös stílusa (HUD, mint a főoldal). */
:root{--bg:#05070a;--p:#0a0f12;--p2:#0f171a;--ln:#183029;--ln2:#245042;--acc:#1edca0;--hot:#ff5d5d;--gold:#facc15;--tx:#dcebe5;--mu:#7f9a92;--c:14px;
--d:"Chakra Petch","Segoe UI",system-ui,sans-serif;--b:"Geist","Segoe UI",system-ui,sans-serif;--m:"Geist Mono",ui-monospace,Consolas,monospace}
*{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none!important}
body{background:var(--bg);color:var(--tx);font:16px/1.6 var(--b);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column;
  background-image:linear-gradient(rgba(30,220,160,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(30,220,160,.035) 1px,transparent 1px);background-size:48px 48px}
a{color:var(--acc);text-decoration:none}a:hover{text-decoration:underline}
b,strong{color:#fff;font-weight:600}
.w{max-width:1100px;width:100%;margin:0 auto;padding:0 24px}
main{flex:1;padding:48px 24px 60px}
.top{position:sticky;top:0;z-index:30;background:rgba(5,7,10,.94);border-bottom:1px solid var(--ln)}
.bar{height:62px;display:flex;align-items:center;gap:10px}
.logo{display:flex;align-items:center;gap:10px;font:700 20px var(--d);letter-spacing:.06em;margin-right:18px;text-transform:uppercase;color:var(--tx)}
.logo:hover{text-decoration:none}.logo svg{width:22px;height:22px}.logo i{font-style:normal;color:var(--acc)}
nav{display:flex;gap:2px}nav a{padding:8px 12px;color:var(--mu);font:500 13px var(--m);text-transform:uppercase;letter-spacing:.06em;border-bottom:2px solid transparent}
nav a:hover{color:var(--tx);border-bottom-color:var(--acc);text-decoration:none}
.sp{flex:1}.who{font:500 13px var(--m);color:var(--mu)}
/* nyelvváltó (HU / EN) a fejlécben */
.lang{padding:6px 9px;color:var(--mu);font:600 12.5px var(--m);letter-spacing:.06em;border:1px solid var(--ln2);margin-right:8px}
.lang:hover{color:var(--acc);border-color:var(--acc);text-decoration:none}
.cut{position:relative;border:1px solid var(--ln);background:var(--p);clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,0 100%)}
.cut::after{content:"";position:absolute;top:-1px;right:-1px;width:var(--c);height:var(--c);pointer-events:none;
  background:linear-gradient(to top right,transparent calc(50% - 1px),var(--ln) calc(50% - 1px),var(--ln) calc(50% + 1px),transparent calc(50% + 1px))}
.btn{--c:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--acc);color:#03140d;font:600 14px var(--m);text-transform:uppercase;letter-spacing:.06em;padding:11px 20px;
  clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,0 100%);border:0;cursor:pointer;transition:background .15s}
.btn:hover{background:#5df0c0;text-decoration:none}
.btn.sm{padding:7px 13px;font-size:12px}
.btn.ghost{background:transparent;color:var(--tx);box-shadow:inset 0 0 0 1px var(--ln2)}.btn.ghost:hover{box-shadow:inset 0 0 0 1px var(--acc);color:var(--acc)}
.btn.bad{background:transparent;color:var(--hot);box-shadow:inset 0 0 0 1px rgba(255,93,93,.5)}.btn.bad:hover{background:rgba(255,93,93,.12)}
.eyebrow{font:500 13px var(--m);color:var(--acc);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}
.eyebrow::before{content:"// "}
h1{font:700 clamp(30px,5vw,46px)/1.05 var(--d);text-transform:uppercase;margin-bottom:12px}
h2{font:700 22px var(--d);text-transform:uppercase;margin-bottom:12px}
.sub{color:var(--mu);max-width:640px;margin-bottom:30px}
.panel{padding:26px 28px;margin-bottom:14px}
.narrow{max-width:460px;margin:0 auto}
label{display:block;font:500 12px var(--m);color:var(--mu);text-transform:uppercase;letter-spacing:.06em;margin:14px 0 6px}
input,select,textarea{width:100%;background:#060b0d;border:1px solid var(--ln2);color:var(--tx);font:15px var(--b);padding:11px 12px;outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--acc)}
textarea{resize:vertical;min-height:70px}
.hint{font-size:13px;color:var(--mu);margin-top:5px}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.msg{border:1px solid var(--ln2);background:rgba(30,220,160,.08);padding:12px 16px;margin-bottom:16px;font-size:15px}
.msg.err{border-color:rgba(255,93,93,.5);background:rgba(255,93,93,.08);color:#ffc9c9}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.plan{padding:26px 26px 28px;display:flex;flex-direction:column;gap:8px}
.plan.on{border-color:var(--acc)}
.plan .n{font:700 24px var(--d);text-transform:uppercase}
.plan .big{font:600 44px var(--m);color:var(--acc);line-height:1}
.plan .u{color:var(--mu);font-size:14px}
.plan ul{list-style:none;margin:10px 0 14px;display:grid;gap:5px;font-size:15px;color:#b7cec6}
.plan li::before{content:"> ";color:var(--acc);font-family:var(--m)}
.tag{display:inline-block;font:600 11px var(--m);text-transform:uppercase;padding:1px 7px;background:var(--acc);color:#03140d}
.tag.gold{background:var(--gold)}.tag.off{background:#28343a;color:var(--mu)}.tag.bad{background:var(--hot);color:#fff}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:18px}
.stats>div{padding:16px 18px}.stats small{display:block;font:500 11px var(--m);color:var(--mu);text-transform:uppercase;letter-spacing:.08em}
.stats b{display:block;font:600 26px var(--m);color:var(--acc)}
table{width:100%;border-collapse:collapse;font-size:14px}
th{font:500 11px var(--m);color:var(--mu);text-transform:uppercase;letter-spacing:.06em;text-align:left;padding:8px 10px;border-bottom:1px solid var(--ln2)}
td{padding:9px 10px;border-bottom:1px solid var(--ln);vertical-align:middle}
td.num{font-family:var(--m);text-align:right}th.num{text-align:right}
.tbl{overflow-x:auto}
.mono{font-family:var(--m)}
.bar10{display:inline-block;width:110px;height:8px;background:#0c1716;vertical-align:middle;margin-right:8px}.bar10 i{display:block;height:100%;background:var(--acc)}
.player{background:#000;width:100%;max-height:72vh;display:block}
/* admin panel: felhasználónként egy kártya */
main.wide{max-width:1400px}
.users{display:grid;gap:12px}
.user{padding:18px 20px;display:grid;grid-template-columns:minmax(230px,1.2fr) minmax(320px,2fr) minmax(200px,1fr);gap:14px 24px;align-items:start}
.user .who2 b{font-size:17px}.user .who2 div{font-size:13.5px;color:var(--mu);margin-top:2px;word-break:break-all}
.ust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.ust div{background:#060b0d;border:1px solid var(--ln);padding:8px 10px}
.ust small{display:block;font:500 10.5px var(--m);color:var(--mu);text-transform:uppercase;letter-spacing:.06em}
.ust b{font:600 17px var(--m);color:var(--tx)}
.uplan .tag{font-size:12px;padding:2px 9px}.uplan div{font:400 13px var(--m);color:var(--mu);margin-top:6px}
.uact{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;border-top:1px solid var(--ln);padding-top:12px}
.uact form{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.uact select,.uact input{width:auto;padding:6px 8px;font-size:14px}
.uact .lbl2{font:500 11px var(--m);color:var(--mu);text-transform:uppercase;letter-spacing:.06em}
.uact .sp2{flex:1}
@media(max-width:980px){.user{grid-template-columns:1fr}.ust{grid-template-columns:repeat(2,minmax(0,1fr))}}
footer{border-top:1px solid var(--ln);padding:26px 0;color:var(--mu);font:400 13px var(--m)}
footer .w{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
@media(max-width:760px){nav{display:none}.who{display:none}}

/* saját linkoldal (u.php) */
.prof{display:flex;gap:20px;align-items:center;margin-bottom:26px;flex-wrap:wrap}
.prof .av{--c:14px;width:84px;height:84px;display:flex;align-items:center;justify-content:center;font:700 38px var(--d);color:#03140d;background:var(--acc)}
.prof h1{margin:0}.prof .bio{color:var(--mu);max-width:640px;margin-top:6px;white-space:pre-line}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 18px}
.chips a{font:600 12px var(--m);text-transform:uppercase;padding:5px 11px;box-shadow:inset 0 0 0 1px var(--ln2);color:var(--tx)}
.chips a.on,.chips a:hover{background:var(--acc);color:#03140d;box-shadow:none;text-decoration:none}
.clips{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.clip{--c:14px;display:block;color:var(--tx);padding:0}
.clip:hover{text-decoration:none;border-color:var(--acc)}
.clip .th{aspect-ratio:16/9;background:#000 center/cover no-repeat;position:relative}
.clip .th b{position:absolute;left:0;bottom:0;background:var(--acc);color:#03140d;font:600 11px var(--m);text-transform:uppercase;padding:2px 7px}
.clip .th i{position:absolute;right:0;top:0;background:var(--gold);color:#1a1300;font:600 11px var(--m);font-style:normal;text-transform:uppercase;padding:2px 7px}
.clip .in{padding:10px 12px 12px}.clip .in div{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.clip .in span{font:12px var(--m);color:var(--mu)}