:root{--bg:#08111d;--panel:#111f31;--text:#f6f7fb;--muted:#aab8ca;--gold:#d9b46f;--line:rgba(255,255,255,.13);--green:#4ade80;--red:#fb7185}
*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:radial-gradient(circle at top left,rgba(217,180,111,.20),transparent 30%),linear-gradient(135deg,#03070c,#08111d 60%,#111b2b);color:var(--text)}.wrap{max-width:1280px;margin:auto;padding:16px}.hero,.card{background:rgba(17,31,49,.86);border:1px solid var(--line);border-radius:28px;box-shadow:0 24px 70px rgba(0,0,0,.35);backdrop-filter:blur(16px)}.hero{padding:26px;margin-bottom:14px}.badge{display:inline-flex;color:var(--gold);border:1px solid rgba(217,180,111,.4);border-radius:999px;padding:7px 12px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}h1{font-size:clamp(38px,7vw,80px);line-height:.9;margin:18px 0 10px;letter-spacing:-.05em}h2{font-size:clamp(25px,4vw,36px)}p{color:var(--muted);line-height:1.55}.nav{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-top:18px}.navbtn,button{min-height:50px;border:0;border-radius:16px;padding:13px 15px;font-weight:900;font-size:15px;background:rgba(255,255,255,.08);color:var(--text);border:1px solid var(--line);white-space:normal}.navbtn.on,.primary{background:linear-gradient(135deg,var(--gold),#f2d492);color:#111827}.danger{color:#ffd5dc;border-color:rgba(251,113,133,.55)}.page{display:none}.page.show{display:block}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.card{padding:18px;margin-bottom:14px}.filters{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}select,input{width:100%;min-height:50px;border-radius:16px;border:1px solid var(--line);background:#091422;color:var(--text);padding:12px;font-size:16px}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:12px}.stat{background:rgba(255,255,255,.07);border:1px solid var(--line);border-radius:16px;padding:12px}.stat b{display:block;font-size:21px;margin-top:4px}.progress{height:10px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden;margin:14px 0}.progress div{height:100%;background:linear-gradient(90deg,var(--gold),#60a5fa)}.chips,.tags,#meta{display:flex;gap:8px;flex-wrap:wrap}.chips span,.tags span,#meta span{border:1px solid var(--line);border-radius:999px;padding:7px 10px;background:rgba(255,255,255,.07);font-size:13px}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}label{display:block;font-weight:800;margin:12px 0 7px}.result{margin-top:14px;padding:16px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.06)}.result.ok{border-color:rgba(74,222,128,.5);background:rgba(74,222,128,.1)}.result.bad{border-color:rgba(251,113,133,.5);background:rgba(251,113,133,.1)}.line{display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.line:last-child{border:0}.line small{display:block;color:var(--muted);margin-top:3px}.yes{color:var(--green);font-size:24px}.no{color:var(--red);font-size:24px}.history{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:10px 0;color:var(--muted)}.gold{color:#f2d492}.list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.small{margin:0}.sol{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.sol span{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:12px;padding:9px;color:var(--muted)}.sol b{display:block;color:var(--text)}.cheat{display:grid;grid-template-columns:1.4fr repeat(6,1fr);gap:8px;margin-bottom:8px}.cheat span,.cheat b{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:12px;padding:10px;min-width:0;overflow-wrap:anywhere}.cheat b{color:var(--gold)}.footer{text-align:center;color:var(--muted);font-size:13px;margin:20px}
@media(max-width:900px){.nav{grid-template-columns:1fr 1fr}.grid,.list{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.sol{grid-template-columns:1fr 1fr}.cheat{grid-template-columns:1fr}.actions{grid-template-columns:1fr}}
@media(max-width:560px){.wrap{padding:10px}.hero,.card{border-radius:22px;padding:15px}h1{font-size:44px}.nav,.filters,.stats,.sol{grid-template-columns:1fr}button,.navbtn,select,input{font-size:16px;width:100%}.line{grid-template-columns:1fr}.history{display:block}.history strong{display:block;margin-top:6px}}
@media print{body{background:white;color:#111}.hero,.nav,#trainer,#knowledge,#library,#exam,.footer{display:none!important}.card{box-shadow:none;border:1px solid #ddd;background:white;color:#111}.cheat span,.cheat b{border:1px solid #ddd;color:#111;background:white}p{color:#222}}

.cheatCard{border:1px solid rgba(217,180,111,.35);border-radius:22px;padding:16px;background:rgba(217,180,111,.06)}
.cheatCompact{border-top:1px solid var(--line);padding:12px 0}
.cheatCompact:first-of-type{border-top:0}
.cheatCompact h4{margin:0 0 8px;color:var(--gold);font-size:18px}
.miniGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.miniGrid span{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:12px;padding:9px;min-width:0;overflow-wrap:anywhere;color:var(--muted)}
.miniGrid b{display:block;color:var(--text);margin-bottom:3px}
@media(max-width:700px){.miniGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.miniGrid{grid-template-columns:1fr}}
@media print{#cheats{display:block!important}.cheatCard{border:1px solid #ccc;background:white}.miniGrid span{border:1px solid #ddd;background:white;color:#111}.miniGrid b,.cheatCompact h4{color:#111}}