:root { --ink:#050607; --panel:#0d1014; --line:rgba(255,255,255,.1); --text:#f4f5f7; --muted:#858c96; --green:#d9ff72; --green-bright:#efffa9; --gold:#f0d486; --display:"Arial Black","Microsoft YaHei",sans-serif; --body:"Microsoft YaHei","Noto Sans SC",sans-serif; --shell:min(1320px,calc(100vw - 64px)); }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--ink); color:var(--text); font-family:var(--body); font-size:14px; line-height:1.65; overflow-x:hidden; -webkit-font-smoothing:antialiased; } a { color:inherit; text-decoration:none; } button,input { font:inherit; color:inherit; } button { cursor:pointer; } img { display:block; max-width:100%; } .svg-sprite { position:absolute; width:0; height:0; overflow:hidden; } .shell { width:var(--shell); margin-inline:auto; } .giveaway-noise { position:fixed; inset:0; z-index:999; opacity:.025; pointer-events:none; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
.giveaway-header { position:absolute; z-index:80; inset:0 0 auto; border-bottom:1px solid var(--line); background:linear-gradient(180deg,rgba(4,5,6,.96),rgba(4,5,6,.7)); backdrop-filter:blur(22px); }.giveaway-nav { min-height:82px; display:flex; align-items:center; gap:22px; }.giveaway-brand { flex:none; }.giveaway-brand img { width:176px; }.giveaway-links { display:flex; align-items:center; gap:21px; margin-inline:auto; }.giveaway-links a { color:rgba(240,242,245,.63); font-size:11px; font-weight:700; white-space:nowrap; }.giveaway-links a:hover,.giveaway-links a.active { color:var(--green-bright); }.giveaway-actions { display:flex; align-items:center; gap:7px; }.giveaway-social { width:32px; height:32px; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; color:#c4c8ce; }.giveaway-social svg { width:14px; height:14px; }.giveaway-social:hover { color:var(--green); border-color:rgba(217,255,114,.4); }.giveaway-launch { min-height:36px; padding:0 11px; display:flex; align-items:center; gap:7px; border:1px solid rgba(217,255,114,.22); border-radius:9px; color:var(--green-bright); font-size:9px; font-weight:800; }.giveaway-launch svg { width:13px; height:13px; }.giveaway-menu { display:none; width:38px; height:38px; padding:10px; border:1px solid var(--line); border-radius:50%; background:transparent; }.giveaway-menu span { display:block; width:100%; height:1.5px; margin:4px 0; background:#fff; }
.giveaway-hero { position:relative; min-height:720px; padding:150px 0 80px; overflow:hidden; background:radial-gradient(circle at 78% 28%,rgba(80,115,255,.15),transparent 34%),radial-gradient(circle at 8% 82%,rgba(217,255,114,.06),transparent 30%),linear-gradient(145deg,#07080a,#0b0d12 60%,#050607); }.giveaway-grid-bg { position:absolute; inset:0; opacity:.12; background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px); background-size:70px 70px; mask-image:radial-gradient(circle at 50% 42%,#000,transparent 76%); }.giveaway-glow { position:absolute; border-radius:50%; filter:blur(100px); }.glow-a { width:520px; height:420px; left:-220px; top:220px; background:rgba(89,132,255,.08); }.glow-b { width:460px; height:360px; right:-160px; top:100px; background:rgba(217,255,114,.045); }.giveaway-hero-layout { position:relative; z-index:2; display:grid; grid-template-columns:1.15fr .85fr; gap:60px; align-items:center; }
.giveaway-badge { display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border:1px solid rgba(217,255,114,.18); border-radius:99px; background:rgba(217,255,114,.04); font-family:var(--display); font-size:7px; }.giveaway-badge i { width:5px; height:5px; border-radius:50%; background:var(--green); box-shadow:0 0 10px var(--green); }.giveaway-badge em { padding-left:8px; border-left:1px solid var(--line); color:#686f79; font-style:normal; }.eyebrow { display:inline-flex; align-items:center; gap:7px; margin-top:22px; color:var(--green); font-family:var(--display); font-size:8px; letter-spacing:.14em; }.eyebrow::before { content:""; width:5px; height:5px; border-radius:50%; background:var(--green); box-shadow:0 0 10px var(--green); }.giveaway-copy h1 { margin:15px 0 20px; font-size:clamp(52px,6.5vw,92px); line-height:1.02; letter-spacing:-.065em; }.giveaway-copy h1 span { color:var(--green-bright); }.giveaway-copy > p { max-width:640px; margin:0; color:#89909a; font-size:12px; line-height:1.9; }.giveaway-highlight { display:block; max-width:650px; margin-top:20px; color:#d8dce1; font-size:14px; line-height:1.7; }.giveaway-actions-row { display:flex; gap:9px; margin-top:28px; }.giveaway-primary,.giveaway-secondary { min-height:48px; padding:0 18px; display:inline-flex; align-items:center; justify-content:center; gap:9px; border-radius:10px; font-size:10px; font-weight:900; }.giveaway-primary { background:#f2f3f5; color:#08090b; }.giveaway-primary:hover { background:var(--green-bright); }.giveaway-secondary { border:1px solid var(--line); color:#bfc4ca; }.giveaway-primary svg { width:15px; height:15px; }
.giveaway-ticket { position:relative; padding:22px; border:1px solid rgba(217,255,114,.18); border-radius:22px; background:linear-gradient(150deg,rgba(21,25,31,.98),rgba(6,8,10,.99)); box-shadow:0 35px 100px rgba(0,0,0,.5); }.ticket-head { display:flex; align-items:center; gap:9px; padding-bottom:14px; border-bottom:1px solid var(--line); color:#717881; font-family:var(--display); font-size:7px; }.ticket-head i { width:5px; height:5px; border-radius:50%; background:var(--green); box-shadow:0 0 10px var(--green); }.ticket-head b { margin-left:auto; color:var(--green); }.ticket-pool { padding:26px 0 22px; text-align:center; }.ticket-pool small { display:block; color:#656c75; font-family:var(--display); font-size:7px; letter-spacing:.16em; }.ticket-pool strong { display:block; margin:8px 0 4px; color:var(--green-bright); font-family:var(--display); font-size:clamp(44px,5vw,68px); font-weight:400; letter-spacing:-.05em; }.ticket-pool span { color:#777e87; font-size:8px; }.ticket-divider { height:1px; background:repeating-linear-gradient(90deg,rgba(255,255,255,.15) 0 6px,transparent 6px 12px); }.ticket-meta { display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:15px 0; }.ticket-meta div { padding:11px; border:1px solid var(--line); border-radius:9px; background:rgba(255,255,255,.02); }.ticket-meta span { display:block; color:#666d76; font-size:7px; }.ticket-meta strong { display:block; margin-top:4px; color:#f0f2f4; font-size:15px; }.ticket-countdown { display:flex; align-items:center; justify-content:center; gap:8px; margin:4px 0 16px; }.ticket-countdown div { text-align:center; }.ticket-countdown b { display:block; color:#f4f5f7; font-family:var(--display); font-size:25px; font-weight:400; }.ticket-countdown span { color:#666d76; font-size:6px; }.ticket-countdown i { color:#555c65; font-style:normal; }.ticket-link { min-height:42px; display:flex; align-items:center; justify-content:center; gap:7px; border:1px solid rgba(217,255,114,.17); border-radius:9px; color:var(--green); font-size:9px; font-weight:800; }.ticket-link svg { width:13px; height:13px; }

.giveaway-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; position:relative; z-index:5; margin-top:-26px; }.giveaway-stat { padding:19px; border:1px solid var(--line); border-radius:12px; background:rgba(10,12,16,.96); backdrop-filter:blur(14px); }.giveaway-stat strong { display:block; color:var(--green-bright); font-family:var(--display); font-size:24px; font-weight:400; }.giveaway-stat span { display:block; margin-top:5px; color:#6c737c; font-size:8px; }
.section { position:relative; padding:100px 0; }.giveaway-section { background:#07090c; }.section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:35px; margin-bottom:35px; }.section-head h2 { margin:12px 0 0; font-size:clamp(40px,4.8vw,65px); line-height:1.05; letter-spacing:-.06em; }.section-head h2 span { color:var(--green-bright); }.section-head > p { max-width:420px; margin:0 0 7px; color:#7d848d; font-size:11px; line-height:1.8; }
.giveaway-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }.giveaway-step { min-height:235px; padding:23px; border:1px solid var(--line); border-radius:15px; background:linear-gradient(150deg,#11151a,#080a0d); }.giveaway-step > span { color:rgba(217,255,114,.3); font-family:var(--display); font-size:28px; }.giveaway-step h3 { margin:30px 0 9px; font-size:15px; }.giveaway-step p { margin:0; color:#7b828b; font-size:9px; line-height:1.75; }
.prizes-section { background:radial-gradient(circle at 76% 20%,rgba(75,112,255,.08),transparent 30%),#0a0c10; }.prize-table-wrap { overflow:hidden; border:1px solid var(--line); border-radius:15px; background:#0c0f13; }.prize-table { width:100%; border-collapse:collapse; }.prize-table th { padding:14px 18px; color:#676e77; font-size:8px; letter-spacing:.1em; text-align:left; border-bottom:1px solid var(--line); }.prize-table td { padding:17px 18px; border-bottom:1px solid rgba(255,255,255,.06); font-size:11px; }.prize-table tr:last-child td { border-bottom:0; }.prize-table td:nth-child(2) { color:#e8eaed; font-weight:700; }.prize-table td:nth-child(3) { color:var(--green); }
.rules-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:60px; align-items:center; }.rules-copy h2,.register-copy h2 { margin:14px 0 18px; font-size:clamp(40px,4.5vw,62px); line-height:1.05; letter-spacing:-.06em; }.rules-copy h2 span,.register-copy h2 span { color:var(--green-bright); }.rules-copy > p { color:#838a93; font-size:11px; line-height:1.85; }.rules-copy ul,.safety-card ul { display:grid; gap:10px; margin:20px 0 0; padding:0; list-style:none; }.rules-copy li,.safety-card li { position:relative; padding-left:20px; color:#9aa0a8; font-size:10px; line-height:1.7; }.rules-copy li::before { content:"✓"; position:absolute; left:0; color:var(--green); }.safety-card li::before { content:"!"; position:absolute; left:0; color:var(--gold); }.safety-card { padding:28px; border:1px solid rgba(240,212,134,.2); border-radius:17px; background:linear-gradient(150deg,rgba(240,212,134,.06),rgba(8,10,13,.98)); }.safety-icon { width:38px; height:38px; display:grid; place-items:center; border:1px solid rgba(240,212,134,.25); border-radius:50%; color:var(--gold); font-family:var(--display); font-size:17px; }.safety-card h3 { margin:17px 0 6px; font-size:19px; }
.tasks-section { background:#0a0c10; }.task-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:9px; }.task-card { min-height:185px; padding:20px; display:flex; flex-direction:column; border:1px solid var(--line); border-radius:14px; background:linear-gradient(150deg,#11151a,#080a0d); }.task-top { display:flex; align-items:center; justify-content:space-between; gap:10px; }.task-top > span { color:var(--green); font-family:var(--display); font-size:7px; }.task-check { display:flex; align-items:center; gap:7px; color:#777e87; font-size:8px; }.task-check input { accent-color:var(--green); }.task-card h3 { margin:25px 0 8px; font-size:15px; }.task-card p { margin:0 0 18px; color:#788089; font-size:9px; }.task-link { margin-top:auto; display:inline-flex; align-items:center; gap:7px; color:var(--green); font-size:9px; font-weight:800; }.task-link svg { width:13px; height:13px; }
.register-section { background:radial-gradient(circle at 25% 50%,rgba(80,115,255,.08),transparent 32%),#07090c; }.register-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; align-items:center; }.register-copy > p { color:#838a93; font-size:11px; line-height:1.8; }.register-copy ul { display:grid; gap:8px; margin:20px 0 0; padding:0; list-style:none; }.register-copy li { position:relative; padding-left:18px; color:#7f8690; font-size:9px; }.register-copy li::before { content:"·"; position:absolute; left:3px; color:var(--green); }.giveaway-form { padding:24px; border:1px solid rgba(217,255,114,.17); border-radius:19px; background:linear-gradient(150deg,#11151a,#080a0d); }.form-head { display:flex; align-items:center; gap:9px; padding-bottom:14px; margin-bottom:18px; border-bottom:1px solid var(--line); color:#68707a; font-family:var(--display); font-size:7px; letter-spacing:.14em; }.form-head i { width:5px; height:5px; border-radius:50%; background:var(--green); box-shadow:0 0 10px var(--green); }.form-head b { margin-left:auto; color:var(--green); }.giveaway-form label { display:block; margin-top:12px; margin-bottom:6px; color:#8d949d; font-size:8px; }.giveaway-form input { width:100%; min-height:42px; padding:0 11px; border:1px solid var(--line); border-radius:8px; outline:0; background:#07090c; color:#f0f2f4; font-size:10px; }.giveaway-form input:focus { border-color:rgba(217,255,114,.42); }.form-two { display:grid; grid-template-columns:1fr 1fr; gap:9px; }.giveaway-consent { display:flex!important; align-items:flex-start; gap:7px; color:#6e757e!important; font-size:7px!important; line-height:1.6; }.giveaway-consent input { width:auto!important; min-height:auto!important; margin-top:2px; accent-color:var(--green); }.giveaway-submit { width:100%; min-height:47px; margin-top:15px; display:flex; align-items:center; justify-content:center; gap:9px; border:0; border-radius:9px; background:#f2f3f5; color:#08090b; font-size:10px; font-weight:900; }.giveaway-submit:hover { background:var(--green-bright); }.giveaway-submit svg { width:14px; height:14px; }.giveaway-success { margin:10px 0 0; color:var(--green); font-size:8px; line-height:1.6; }
.giveaway-footer { padding:38px 0; background:#030405; border-top:1px solid var(--line); }.giveaway-footer .shell { display:flex; align-items:center; gap:28px; }.giveaway-footer .giveaway-brand img { width:160px; }.giveaway-footer .shell > div { display:flex; gap:16px; }.giveaway-footer a { color:#777e87; font-size:8px; }.giveaway-footer a:hover { color:var(--green); }.giveaway-footer p { flex:1; margin:0; color:#555c64; font-size:7px; line-height:1.65; }.giveaway-toast { position:fixed; z-index:1000; left:50%; bottom:24px; transform:translate(-50%,20px); display:flex; align-items:center; gap:8px; padding:10px 15px; border:1px solid rgba(217,255,114,.18); border-radius:99px; background:#121519; opacity:0; visibility:hidden; transition:.25s; font-size:9px; }.giveaway-toast.show { opacity:1; visibility:visible; transform:translate(-50%,0); }.giveaway-toast svg { width:14px; height:14px; color:var(--gold); }
@media (max-width:980px){ .giveaway-links{gap:13px}.giveaway-social{display:none}.giveaway-hero-layout{grid-template-columns:1fr;gap:35px}.giveaway-ticket{width:min(100%,620px)}.giveaway-steps{grid-template-columns:1fr 1fr}.rules-grid,.register-layout{grid-template-columns:1fr;gap:35px}.section-head{flex-direction:column;align-items:flex-start;gap:15px}.section-head>p{max-width:none}.giveaway-stats{grid-template-columns:1fr 1fr}.task-grid{grid-template-columns:1fr 1fr} }
@media (max-width:680px){ :root{--shell:calc(100vw - 30px)}.giveaway-nav{min-height:68px;gap:8px}.giveaway-brand img{width:145px}.giveaway-actions{margin-left:auto}.giveaway-launch span{display:none}.giveaway-launch{width:38px;padding:0}.giveaway-menu{display:block}.giveaway-links{position:absolute;top:68px;left:15px;right:15px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:10px;border:1px solid var(--line);border-radius:14px;background:rgba(8,10,13,.98);box-shadow:0 20px 50px rgba(0,0,0,.45)}.giveaway-links.mobile-open{display:flex}.giveaway-links a{padding:12px;border-bottom:1px solid rgba(255,255,255,.07)}.giveaway-links a:last-child{border-bottom:0}.giveaway-hero{padding:107px 0 60px}.giveaway-copy h1{font-size:clamp(43px,13vw,58px)}.giveaway-copy>p{font-size:11px}.giveaway-actions-row{flex-direction:column}.giveaway-actions-row>*{width:100%}.giveaway-ticket{padding:17px}.giveaway-stats{margin-top:-16px}.giveaway-steps,.task-grid{grid-template-columns:1fr}.section{padding:72px 0}.section-head h2,.rules-copy h2,.register-copy h2{font-size:clamp(36px,10.5vw,49px)}.form-two{grid-template-columns:1fr}.giveaway-footer .shell{align-items:flex-start;flex-direction:column;gap:16px}.giveaway-footer p{flex:none}.giveaway-footer .shell>div{flex-wrap:wrap} }
@media (max-width:430px){ .giveaway-stats{grid-template-columns:1fr 1fr}.ticket-pool strong{font-size:45px}.ticket-countdown b{font-size:21px}.giveaway-form{padding:18px} }

/* v10.9 giveaway, poster studio and Trojan Knights */
.giveaway-brand img { display:block; max-width:100%; height:auto; object-fit:contain; }
.hero-chain-note { max-width:660px; margin-top:22px; padding:11px 13px; display:flex; align-items:flex-start; gap:9px; border:1px solid rgba(255,255,255,.08); border-radius:10px; background:rgba(255,255,255,.025); color:#858c96; font-size:9px; line-height:1.7; }
.hero-chain-note svg { width:15px; height:15px; flex:none; margin-top:2px; color:var(--green); }
.giveaway-steps { grid-template-columns:repeat(4,1fr); }
.giveaway-step { position:relative; overflow:hidden; }
.giveaway-step::after { content:""; position:absolute; right:-35px; bottom:-45px; width:120px; height:120px; border:1px solid rgba(217,255,114,.07); border-radius:50%; }

.knight-section { position:relative; overflow:hidden; background:radial-gradient(circle at 75% 18%,rgba(75,116,255,.11),transparent 31%),radial-gradient(circle at 10% 80%,rgba(217,255,114,.055),transparent 28%),#06080b; }
.knight-aura { position:absolute; left:-180px; top:20px; width:650px; height:650px; border-radius:50%; background:rgba(89,143,255,.08); filter:blur(110px); pointer-events:none; }
.knight-head { position:relative; z-index:2; }
.knight-layout { position:relative; z-index:2; display:grid; grid-template-columns:1.16fr .84fr; gap:12px; align-items:stretch; }
.knight-console,.knight-tier-panel { border:1px solid rgba(255,255,255,.1); background:linear-gradient(150deg,rgba(18,23,30,.97),rgba(6,8,10,.99)); box-shadow:0 32px 100px rgba(0,0,0,.34); }
.knight-console { padding:24px; border-radius:20px; }
.console-top { padding-bottom:16px; display:flex; align-items:center; justify-content:space-between; gap:16px; border-bottom:1px solid var(--line); color:#747c86; font-family:var(--display); font-size:7px; letter-spacing:.13em; }
.console-top div { display:flex; align-items:center; gap:8px; }
.console-top i { width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 12px var(--green); }
.console-top em { color:var(--green); font-style:normal; }
.knight-wallet { margin-top:18px; padding:14px; display:flex; align-items:center; justify-content:space-between; gap:15px; border:1px solid rgba(255,255,255,.09); border-radius:12px; background:rgba(255,255,255,.025); }
.knight-wallet > span { min-width:0; display:flex; align-items:center; gap:10px; color:#dde1e5; }
.knight-wallet > span svg { width:19px; height:19px; color:var(--green); }
.knight-wallet > span b { overflow:hidden; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.knight-wallet button { min-height:37px; padding:0 13px; display:flex; align-items:center; gap:8px; border:0; border-radius:8px; background:#f2f3f5; color:#08090b; font-size:8px; font-weight:900; }
.knight-wallet button svg { width:13px; height:13px; }
.wallet-choice-list { margin-top:9px; padding:9px; display:grid; gap:6px; border:1px solid var(--line); border-radius:12px; background:#080b0f; }
.wallet-choice-list[hidden] { display:none; }
.wallet-choice-list > button { width:100%; min-height:50px; padding:7px 10px; display:grid; grid-template-columns:34px 1fr auto 16px; align-items:center; gap:9px; border:1px solid rgba(255,255,255,.07); border-radius:9px; background:#0d1116; color:#e7e9ec; text-align:left; }
.wallet-choice-list > button:hover { border-color:rgba(217,255,114,.28); background:#11171b; }
.wallet-choice-list > button > span { width:32px; height:32px; display:grid; place-items:center; overflow:hidden; border-radius:8px; background:#171c22; color:var(--green); font-size:8px; font-weight:900; }
.wallet-choice-list > button > span img { width:28px; height:28px; object-fit:contain; }
.wallet-choice-list strong { font-size:10px; }
.wallet-choice-list small { color:#69717b; font-size:7px; }
.wallet-choice-list svg { width:13px; height:13px; color:#68707a; }
.wallet-choice-empty { padding:14px; color:#858c96; text-align:center; }
.wallet-choice-empty strong,.wallet-choice-empty span { display:block; }
.wallet-choice-empty strong { color:#dfe2e6; font-size:10px; }
.wallet-choice-empty span { margin-top:5px; font-size:8px; line-height:1.6; }
.knight-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin-top:9px; }
.knight-metrics div { min-width:0; padding:14px; border:1px solid rgba(255,255,255,.08); border-radius:10px; background:rgba(255,255,255,.02); }
.knight-metrics span { display:block; color:#6d747d; font-size:7px; }
.knight-metrics strong { display:block; overflow:hidden; margin-top:7px; color:#f1f3f5; font-family:var(--display); font-size:15px; text-overflow:ellipsis; white-space:nowrap; }
.knight-metrics div:nth-child(2) strong,.knight-metrics div:nth-child(3) strong { color:var(--green-bright); }
.invite-box { margin-top:10px; padding:14px; border:1px solid rgba(217,255,114,.17); border-radius:11px; background:rgba(217,255,114,.035); }
.invite-box[hidden] { display:none; }
.invite-box label { display:block; margin-bottom:7px; color:#90979f; font-size:8px; }
.invite-box > div { display:flex; gap:6px; }
.invite-box input { flex:1; min-width:0; min-height:40px; padding:0 10px; border:1px solid rgba(255,255,255,.1); border-radius:8px; outline:0; background:#07090c; color:#dfe2e6; font-family:Consolas,monospace; font-size:8px; }
.invite-box button { width:40px; height:40px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.12); border-radius:8px; background:#11161a; color:var(--green); }
.invite-box button svg { width:15px; height:15px; }
.invite-box small { display:block; margin-top:8px; color:#717983; font-size:8px; line-height:1.6; }
.knight-empty { margin:13px 0 0; color:#737b84; font-size:8px; line-height:1.7; }
.knight-empty[hidden] { display:none; }
.payout-note { margin-top:13px; padding-top:13px; display:flex; align-items:flex-start; gap:8px; border-top:1px solid rgba(255,255,255,.07); color:#737b84; font-size:7px; line-height:1.65; }
.payout-note svg { width:14px; height:14px; flex:none; color:var(--gold); }
.knight-tier-panel { padding:20px; display:flex; flex-direction:column; border-radius:20px; }
.tier-panel-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-bottom:14px; border-bottom:1px solid var(--line); }
.tier-panel-head span { color:#737b84; font-family:var(--display); font-size:7px; letter-spacing:.13em; }
.tier-panel-head strong { color:var(--green); font-size:11px; }
.knight-tiers { display:grid; gap:7px; margin-top:12px; }
.knight-tier { min-height:64px; padding:10px 12px; display:grid; grid-template-columns:26px 1fr auto; align-items:center; gap:10px; border:1px solid rgba(255,255,255,.07); border-radius:10px; background:rgba(255,255,255,.018); opacity:.72; transition:.2s; }
.knight-tier.unlocked { border-color:rgba(217,255,114,.22); background:rgba(217,255,114,.045); opacity:1; }
.knight-tier > span { color:#5f6770; font-family:var(--display); font-size:9px; }
.knight-tier.unlocked > span { color:var(--green); }
.knight-tier div strong,.knight-tier div small { display:block; }
.knight-tier div strong { color:#dfe2e6; font-size:10px; }
.knight-tier div small { margin-top:4px; color:#69717a; font-size:7px; }
.knight-tier b { color:var(--green-bright); font-family:var(--display); font-size:12px; font-weight:400; }
.tier-foot { margin-top:auto; padding-top:15px; border-top:1px solid var(--line); }
.tier-foot span,.tier-foot small { display:block; }
.tier-foot span { color:#e1e4e7; font-size:9px; }
.tier-foot small { margin-top:4px; color:#666e77; font-size:7px; }

.tasks-section .task-grid { grid-template-columns:repeat(3,1fr); }
.task-card { min-height:210px; }
.task-top i { color:var(--green); font-family:var(--display); font-size:6px; font-style:normal; letter-spacing:.06em; }
.task-state { margin-top:auto; padding-top:16px; display:flex; align-items:center; gap:7px; color:#707780; font-size:8px; }
.task-state span { width:7px; height:7px; border:1px solid #59616b; border-radius:50%; }
.task-state.complete { color:var(--green); }
.task-state.complete span { border-color:var(--green); background:var(--green); box-shadow:0 0 10px rgba(217,255,114,.45); }
.task-evidence { display:grid; grid-template-columns:1fr 1fr .82fr; gap:9px; margin-top:9px; }
.evidence-card { padding:18px; border:1px solid var(--line); border-radius:14px; background:linear-gradient(150deg,#11151a,#080a0d); }
.evidence-head { display:flex; align-items:flex-start; gap:11px; margin-bottom:13px; }
.evidence-head > span { color:rgba(217,255,114,.46); font-family:var(--display); font-size:16px; line-height:1; }
.evidence-head strong,.evidence-head small { display:block; }
.evidence-head strong { color:#e2e5e8; font-size:11px; }
.evidence-head small { margin-top:4px; color:#737b84; font-size:7px; line-height:1.5; }
.evidence-card input,.evidence-card textarea { width:100%; padding:11px; border:1px solid rgba(255,255,255,.1); border-radius:8px; outline:0; background:#07090c; color:#e8ebee; font-size:9px; line-height:1.65; }
.evidence-card input { min-height:42px; }
.evidence-card textarea { min-height:112px; resize:vertical; }
.evidence-card input:focus,.evidence-card textarea:focus { border-color:rgba(217,255,114,.4); }
.poster-button,.check-invite-button { width:100%; min-height:39px; margin-top:8px; border:1px solid rgba(217,255,114,.22); border-radius:8px; background:rgba(217,255,114,.06); color:var(--green-bright); font-size:8px; font-weight:850; }
.poster-button:hover,.check-invite-button:hover { background:var(--green); color:#08090b; }
.poster-button:disabled,.check-invite-button:disabled { opacity:.6; cursor:wait; }
.poster-tip { display:block; margin-top:7px; color:#656d76; font-size:7px; line-height:1.5; }
.tier-result { margin-top:9px; padding:8px 10px; border:1px solid rgba(255,255,255,.07); border-radius:7px; color:#8f969f; font-size:8px; }
.invite-status { min-height:111px; padding:17px; display:flex; align-items:center; justify-content:center; gap:8px; border:1px solid rgba(255,255,255,.08); border-radius:9px; background:#07090c; color:#777f88; text-align:center; font-size:8px; line-height:1.65; }
.invite-status i { width:7px; height:7px; flex:none; border-radius:50%; background:#59616a; }
.invite-status.complete { border-color:rgba(217,255,114,.2); color:#b8d694; background:rgba(217,255,114,.035); }
.invite-status.complete i { background:var(--green); box-shadow:0 0 12px var(--green); }
.form-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin-top:14px; }
.form-summary div { padding:9px; border:1px solid var(--line); border-radius:8px; background:rgba(255,255,255,.018); }
.form-summary span,.form-summary strong { display:block; }
.form-summary span { color:#6f7780; font-size:7px; }
.form-summary strong { margin-top:4px; overflow:hidden; color:#dadddf; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
.form-progress { margin-top:21px; padding:14px; border:1px solid rgba(255,255,255,.08); border-radius:11px; background:rgba(255,255,255,.02); }
.form-progress > span { color:#848b94; font-size:8px; }
.form-progress > div { display:flex; gap:5px; margin:9px 0; }
.form-progress i { height:4px; flex:1; border-radius:99px; background:#20252c; }
.form-progress i.complete { background:var(--green); box-shadow:0 0 10px rgba(217,255,114,.22); }
.form-progress strong { color:var(--green); font-family:var(--display); font-size:12px; font-weight:400; }
.poster-stage { position:fixed; left:-10000px; top:-10000px; width:240px; height:240px; overflow:hidden; pointer-events:none; opacity:0; }
.giveaway-footer .shell > div { flex-wrap:wrap; }

@media (max-width:980px) {
  .giveaway-hero-layout { grid-template-columns:1fr; }
  .giveaway-ticket { width:min(100%,620px); }
  .knight-layout,.task-evidence { grid-template-columns:1fr; }
  .tasks-section .task-grid { grid-template-columns:1fr 1fr; }
  .giveaway-steps { grid-template-columns:1fr 1fr; }
  .knight-tier-panel { min-height:0; }
  .tier-foot { margin-top:15px; }
}
@media (max-width:680px) {
  .giveaway-brand img { width:138px; }
  .giveaway-social { display:none; }
  .giveaway-hero { padding-top:108px; }
  .giveaway-copy h1 { font-size:clamp(40px,12.6vw,56px); }
  .giveaway-actions-row { flex-direction:column; }
  .giveaway-actions-row > * { width:100%; }
  .hero-chain-note { font-size:8px; }
  .giveaway-ticket { padding:17px; }
  .giveaway-stats { grid-template-columns:1fr 1fr; }
  .giveaway-step { min-height:210px; }
  .knight-section .section-head h2 { font-size:clamp(34px,10vw,46px); }
  .knight-console,.knight-tier-panel { padding:15px; border-radius:16px; }
  .knight-wallet { align-items:flex-start; flex-direction:column; }
  .knight-wallet button { width:100%; justify-content:center; }
  .knight-metrics { grid-template-columns:1fr 1fr; }
  .knight-metrics div:nth-child(3) { grid-column:1/-1; }
  .knight-tier { min-height:60px; }
  .tasks-section .task-grid { grid-template-columns:1fr; }
  .evidence-card { padding:14px; }
  .form-summary { grid-template-columns:1fr 1fr 1fr; }
  .form-summary div { padding:7px; }
  .giveaway-footer .shell { flex-direction:column; align-items:flex-start; }
}
@media (max-width:430px) {
  .knight-metrics { grid-template-columns:1fr; }
  .knight-metrics div:nth-child(3) { grid-column:auto; }
  .knight-wallet > span { width:100%; }
  .form-summary { grid-template-columns:1fr; }
}

/* v11 community programs overview */
.activity-overview-section {
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 12%,rgba(83,121,255,.13),transparent 30%),
    radial-gradient(circle at 8% 82%,rgba(217,255,114,.055),transparent 27%),
    linear-gradient(180deg,#080a0d,#06080b);
}
.activity-overview-section::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.12;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(circle at 50% 48%,#000,transparent 82%);
}
.activity-overview-section .shell { position:relative; z-index:2; }
.activity-overview-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.activity-overview-card {
  position:relative;
  min-height:330px;
  padding:24px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.1);
  border-radius:20px;
  background:linear-gradient(150deg,rgba(20,24,31,.97),rgba(7,9,12,.99));
  box-shadow:0 24px 70px rgba(0,0,0,.28);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.activity-overview-card::after {
  content:"";
  position:absolute;
  right:-80px;
  top:-90px;
  width:250px;
  height:250px;
  border-radius:50%;
  background:rgba(89,143,255,.07);
  border:1px solid rgba(255,255,255,.05);
  pointer-events:none;
}
.activity-overview-card:hover {
  transform:translateY(-5px);
  border-color:rgba(217,255,114,.24);
  box-shadow:0 32px 90px rgba(0,0,0,.36);
}
.activity-card-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  color:#5e6670;
  font-family:var(--display);
  font-size:8px;
  letter-spacing:.12em;
}
.activity-card-top em {
  padding:4px 8px;
  border:1px solid rgba(217,255,114,.15);
  border-radius:999px;
  color:var(--green);
  font-size:6px;
  font-style:normal;
}
.activity-overview-card > strong {
  display:block;
  margin-top:32px;
  color:var(--green-bright);
  font-family:var(--display);
  font-size:clamp(39px,4vw,58px);
  font-weight:400;
  line-height:1;
  letter-spacing:-.045em;
}
.activity-overview-card h3 {
  margin:18px 0 9px;
  color:#f1f3f5;
  font-size:18px;
  letter-spacing:-.03em;
}
.activity-overview-card p {
  margin:0;
  color:#7e858f;
  font-size:9px;
  line-height:1.75;
}
.activity-overview-card > a {
  width:100%;
  min-height:42px;
  margin-top:auto;
  padding:0 13px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:9px;
  color:#dfe2e6;
  font-size:8px;
  font-weight:800;
  transition:.2s;
}
.activity-overview-card > a:hover {
  border-color:rgba(217,255,114,.3);
  background:rgba(217,255,114,.055);
  color:var(--green-bright);
}
.activity-overview-card > a svg { width:13px; height:13px; }
.activity-overview-card[data-activity="presale-bonus"] {
  border-color:rgba(217,255,114,.2);
  background:linear-gradient(150deg,rgba(217,255,114,.09),rgba(8,11,10,.99));
}
.activity-overview-card[data-activity="presale-bonus"] > strong { color:#fff; }

@media (max-width:980px) {
  .activity-overview-grid { grid-template-columns:1fr; }
  .activity-overview-card { min-height:280px; }
}
@media (max-width:680px) {
  .activity-overview-card { min-height:270px; padding:19px; }
  .activity-overview-card > strong { margin-top:25px; font-size:46px; }
}