common.css

:root{--bg:#0d111d;--panel:#202738;--text:#f7f8fc;--muted:#aeb5c8;--cyan:#33d5f4;--orange:#ff9b40;--green:#48db9b;--pink:#f56cc8;--purple:#a879ff;--good:#52df91;--bad:#ff6f86}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -20%,#26314b 0,#0d111d 55%);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5}.hub-body{min-height:100vh;padding:52px 22px}.hub{max-width:1100px;margin:auto}.hero{text-align:center;max-width:760px;margin:0 auto 42px}.eyebrow{display:inline-block;padding:5px 15px;border-radius:20px;background:#9b67c5;color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em}.hero h1{margin:16px 0 15px;font-size:clamp(42px,7vw,72px);line-height:1.05;background:linear-gradient(90deg,#ffae4f,#ff638f);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{margin:0;color:#d6d9e4;font-size:18px}.mission-bar{display:flex;align-items:center;gap:25px;padding:18px 24px;margin-bottom:34px;border:1px solid #3b465c;border-radius:18px;background:rgba(35,44,60,.82);box-shadow:0 15px 45px #0003}.mission-item{display:flex;align-items:center;gap:14px;flex:1}.mission-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:12px;background:#45404c;font-size:23px}.mission-item small{display:block;color:#b8bdcb;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.08em}.mission-item strong{display:block;color:#fff;font-size:16px}.random-button{white-space:nowrap;text-decoration:none;color:#171b25;background:linear-gradient(100deg,#ffac40,#ff6e65);padding:13px 20px;border-radius:12px;font-weight:800}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.game-card{position:relative;display:flex;flex-direction:column;min-height:285px;padding:25px;border:1px solid #465064;border-top:5px solid var(--accent);border-radius:18px;background:linear-gradient(150deg,#293244,#1b2231);box-shadow:0 14px 30px #0004;color:var(--text);text-decoration:none;transition:transform .2s,box-shadow .2s}.game-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0007}.cyan{--accent:var(--cyan)}.orange{--accent:var(--orange)}.green{--accent:var(--green)}.pink{--accent:var(--pink)}.purple{--accent:var(--purple)}.card-top{display:flex;align-items:center;justify-content:space-between}.game-icon{font-size:38px}.tag{padding:6px 12px;border:1px solid #788092;border-radius:18px;color:var(--accent);font-size:12px;font-weight:800;text-transform:uppercase}.game-card h2{margin:22px 0 10px;font-size:24px}.game-card p{margin:0;color:var(--muted);font-size:15px}.card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:22px;border-top:1px solid #3e4758;color:var(--muted);font-size:13px}.card-foot b{color:var(--accent);font-size:15px}.correct{color:var(--good)}.wrong{color:var(--bad)}button{font:inherit}@media(max-width:800px){.game-grid{grid-template-columns:repeat(2,1fr)}.mission-bar{flex-wrap:wrap}.random-button{width:100%;text-align:center}}@media(max-width:540px){.hub-body{padding:30px 15px}.game-grid{grid-template-columns:1fr}.hero p{font-size:16px}.mission-bar{padding:16px}.mission-item{flex-basis:100%}}