:root{color-scheme:dark;--bg:#080b12;--panel:#111722;--line:#263145;--text:#f4f7fb;--muted:#94a3b8;--accent:#7c5cff;--accent2:#20c997}
*{box-sizing:border-box}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 20% 0,#1b2440 0,transparent 36%),radial-gradient(circle at 90% 20%,#182a31 0,transparent 30%),var(--bg);font-family:Inter,ui-sans-serif,system-ui,sans-serif}.app-nav{background:rgba(8,11,18,.82);border-bottom:1px solid var(--line);backdrop-filter:blur(16px);position:sticky;top:0;z-index:100}.brand{display:flex;align-items:center;gap:.7rem;font-weight:800;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,var(--accent),#3f8cff);box-shadow:0 8px 24px #6c55ff55}.user-chip,.expert-chip{display:inline-flex;align-items:center;padding:.45rem .75rem;border:1px solid var(--line);border-radius:999px;background:#ffffff09;font-size:.9rem}.language-select{width:auto;min-width:105px;background-color:#111722;color:#fff;border-color:var(--line)}.card{background:linear-gradient(145deg,#131a27,#0d121b)!important;border:1px solid var(--line)!important;box-shadow:0 18px 50px #0005}.btn{border-radius:10px}.btn-primary{background:linear-gradient(135deg,var(--accent),#4d8eff);border:0;box-shadow:0 8px 22px #765cff35}.text-secondary{color:var(--muted)!important}.hero-shell{display:grid;grid-template-columns:1.05fr .95fr;min-height:590px;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,#121928dd,#0b1019dd);box-shadow:0 30px 90px #0008}.hero-copy{padding:clamp(2rem,6vw,5rem);display:flex;flex-direction:column;justify-content:center}.eyebrow{color:#a996ff;font-weight:800;letter-spacing:.16em;font-size:.76rem;margin-bottom:1rem}.hero-copy h1{font-size:clamp(2.6rem,6vw,5.4rem);line-height:.95;letter-spacing:-.065em;margin-bottom:1.4rem}.hero-copy p{font-size:clamp(1rem,2vw,1.25rem);color:var(--muted);max-width:620px}.hero-features{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem;color:#b8c4d6;font-size:.9rem}.hero-art{min-height:420px;background:#080b12;position:relative}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101725 0,transparent 25%)}.hero-art img{width:100%;height:100%;object-fit:cover;display:block}.game-wrap{display:grid;grid-template-columns:1fr 360px;gap:16px;align-items:start}.side-card{border-radius:18px;overflow:hidden}.chat-box{height:260px;overflow:auto;background:#05080eb3;border:1px solid var(--line);border-radius:14px;padding:10px}.chat-msg{padding:8px 10px;border-radius:12px;margin:6px 0;background:#ffffff0a;border:1px solid #ffffff12}.chat-meta{font-size:12px;opacity:.75;margin-bottom:4px}.admin-tabs .nav-link{border-radius:12px}.clock-badge{font-variant-numeric:tabular-nums}.app-footer{text-align:center;color:#64748b;font-size:.8rem;padding:2.5rem 0 1rem}@media(max-width:992px){.hero-shell{grid-template-columns:1fr}.hero-art{min-height:320px}.game-wrap{grid-template-columns:1fr}}@media(max-width:576px){.hero-shell{border-radius:18px}.hero-copy{padding:2rem 1.25rem}.hero-art{min-height:250px}}