:root{--red:#ef233c;--bg:#060608;--panel:#0b0d11;--line:rgba(255,255,255,.08);--muted:#7b828c}
*{box-sizing:border-box}html{background:var(--bg);color:#f6f7f9;font-family:Inter,Arial,sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 82% 4%,rgba(239,35,60,.13),transparent 30%),#060608}.grid-bg{position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:54px 54px}.topbar{position:relative;z-index:2;max-width:1180px;margin:22px auto 0;padding:14px 18px;border:1px solid var(--line);border-radius:16px;background:rgba(7,8,11,.92);display:flex;align-items:center;gap:22px}.brand{display:flex;gap:7px;text-decoration:none;font-weight:900;letter-spacing:.05em}.brand b{color:#fff}.brand strong{color:var(--red)}nav{display:flex;gap:18px;margin-left:auto}nav a{color:#8c929d;text-decoration:none;font-size:12px;font-weight:700}nav a.active,nav a:hover{color:#fff}main{position:relative;z-index:1;max-width:1180px;margin:auto;padding:22px 0 70px}.game-switch{display:flex;width:max-content;padding:4px;border:1px solid var(--line);background:#090b0f;border-radius:11px}.game-switch button{min-width:105px;border:0;padding:9px 18px;border-radius:8px;color:#777e89;background:transparent;font-size:11px;font-weight:900;cursor:pointer}.game-switch button.active{background:linear-gradient(180deg,#f12a43,#b80b22);color:#fff}.hero{margin-top:12px;padding:38px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(120deg,rgba(255,255,255,.018),rgba(239,35,60,.045));display:grid;grid-template-columns:1.4fr .6fr;align-items:center}.eyebrow{color:#ff6273;font-size:9px;font-weight:900;letter-spacing:.15em}.hero h1{font-family:Orbitron,sans-serif;font-size:43px;line-height:1.05;margin:13px 0}.hero h1 span{color:var(--red)}.hero p{max-width:700px;color:#949ba6;font-size:13px;line-height:1.7}.hero-card{justify-self:end;width:100%;max-width:280px;padding:22px;border:1px solid rgba(239,35,60,.25);border-radius:14px;background:#090b0f}.hero-card small{display:block;color:#666e78;font-size:8px}.hero-card strong{display:block;margin:8px 0;color:#fff;font-size:19px}.hero-card span{color:#ff5f70;font-size:10px;font-weight:800}.notice,.toolbar{margin-top:12px;border:1px solid var(--line);border-radius:12px;background:#090b0f}.notice{display:flex;gap:10px;padding:13px;color:#8d949e;font-size:10px;line-height:1.5}.notice b{color:#ff5f70}.notice code{color:#fff}.toolbar{display:flex;align-items:end;gap:12px;padding:12px}.toolbar label{flex:1}.toolbar span,.custom label{display:block;color:#656d77;font-size:7px;font-weight:900;letter-spacing:.11em;margin-bottom:5px}.toolbar input,.custom input,.custom select{width:100%;height:40px;border:1px solid var(--line);border-radius:8px;background:#05070a;color:#fff;padding:0 10px}.copy-selected,.use-btn{height:40px;border:0;border-radius:8px;background:linear-gradient(180deg,#f22c45,#c20c26);color:#fff;font-size:9px;font-weight:900;padding:0 18px;cursor:pointer}.copy-selected:disabled{opacity:.4;cursor:not-allowed}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.card{border:1px solid var(--line);border-radius:14px;background:#090b0f;overflow:hidden}.card-top{display:flex;align-items:center;justify-content:space-between;padding:14px}.card-top small{color:#666e78;font-size:8px}.card-top h2{margin:3px 0 0;font-size:18px}.preview{height:155px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at center,rgba(255,255,255,.05),transparent 50%),#05070a;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.preview.large{height:180px;border:1px solid var(--line);border-radius:12px}.cross{position:relative;width:120px;height:120px}.cross i{position:absolute;display:block;background:var(--c)}.cross .l,.cross .r{height:var(--th);width:var(--len);top:50%;transform:translateY(-50%)}.cross .l{right:calc(50% + var(--gapPx))}.cross .r{left:calc(50% + var(--gapPx))}.cross .t,.cross .b{width:var(--th);height:var(--len);left:50%;transform:translateX(-50%)}.cross .t{bottom:calc(50% + var(--gapPx))}.cross .b{top:calc(50% + var(--gapPx))}.cross .d{width:var(--th);height:var(--th);left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%}.meta{padding:12px}.meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}.meta-grid div{border:1px solid var(--line);border-radius:7px;padding:7px}.meta-grid small{display:block;color:#5e6670;font-size:7px}.meta-grid b{font-size:10px}.use-btn{width:100%}.custom{margin-top:14px;padding:20px;border:1px solid var(--line);border-radius:15px;background:#090b0f}.custom h2{margin:4px 0;font-family:Orbitron;font-size:24px}.custom p{color:#7c838e;font-size:10px}.custom-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.toast{position:fixed;right:20px;bottom:20px;z-index:10;padding:12px 15px;border:1px solid rgba(81,226,121,.35);border-radius:9px;background:#0b130e;color:#a1efb5;font-size:10px;opacity:0;transform:translateY(10px);transition:.2s}.toast.show{opacity:1;transform:none}
@media(max-width:900px){main{padding:12px}.topbar{margin:10px}.topbar nav{display:none}.hero{grid-template-columns:1fr}.hero-card{justify-self:start;margin-top:15px}.cards{grid-template-columns:repeat(2,1fr)}.custom-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.hero{padding:25px}.hero h1{font-size:29px}.cards{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.custom-grid{grid-template-columns:1fr 1fr}}