:root{color-scheme:dark;--bg:#050a12;--card:#0d1725;--line:rgba(148,163,184,.16);--text:#f8fafc;--muted:#94a3b8;--cyan:#4de1ff;--violet:#a78bfa}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px;background:radial-gradient(circle at 50% -10%,rgba(77,225,255,.13),transparent 36rem),radial-gradient(circle at 80% 25%,rgba(167,139,250,.08),transparent 28rem),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;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:40px 40px;mask-image:linear-gradient(to bottom,#000,transparent 70%)}
main{position:relative;width:min(1180px,calc(100% - 32px));margin:auto}
.farewell{min-height:78vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:70px 0 50px}
.eyebrow{margin:0 0 14px;color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:.25em;text-transform:uppercase}
h1,h2{margin:0;letter-spacing:-.04em}
h1{max-width:900px;font-size:clamp(48px,8vw,104px);line-height:.95;background:linear-gradient(110deg,#fff 25%,#bff5ff 58%,#cabffd);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{max-width:650px;margin:30px auto 0;color:#cbd5e1;font-size:clamp(17px,2vw,21px);line-height:1.7}
.line{width:1px;height:86px;margin-top:52px;background:linear-gradient(var(--cyan),transparent)}
.hall{padding:40px 0 100px}
.section-title{text-align:center;margin-bottom:34px}
h2{font-size:clamp(34px,5vw,58px)}
.updated{margin:13px 0 0;color:var(--muted);font-size:14px}
.champions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:900px;margin:0 auto 44px;align-items:end}
.champion{position:relative;min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 18px;border:1px solid var(--line);border-radius:22px;text-align:center;background:linear-gradient(145deg,rgba(17,29,46,.98),rgba(8,16,28,.98));box-shadow:0 24px 70px rgba(0,0,0,.25)}
.champion:first-child{order:2;min-height:230px;border-color:rgba(250,204,21,.42);background:radial-gradient(circle at 50% 0,rgba(250,204,21,.18),transparent 55%),var(--card)}
.champion:nth-child(2){order:1;border-color:rgba(226,232,240,.3)}
.champion:nth-child(3){order:3;border-color:rgba(251,146,60,.35)}
.champion-place{font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.champion:first-child .champion-place{color:#fde047}.champion:nth-child(2) .champion-place{color:#e2e8f0}.champion:nth-child(3) .champion-place{color:#fdba74}
.champion-name{max-width:100%;margin-top:16px;overflow:hidden;text-overflow:ellipsis;font-size:clamp(20px,3vw,30px);font-weight:900}
.champion-score{margin-top:9px;color:var(--cyan);font-size:14px}.champion-detail{margin-top:5px;color:var(--muted);font-size:12px}
.carousel{position:relative;width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;padding:8px 0 30px;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.boards{display:flex;width:max-content;gap:18px;will-change:transform}
.board{width:min(520px,calc(100vw - 34px));flex:none;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(17,29,46,.94),rgba(8,16,28,.94));box-shadow:0 20px 60px rgba(0,0,0,.2)}
.board-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line)}
.board-head h3{margin:0;font-size:20px;background:linear-gradient(90deg,var(--cyan),#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:900}
.board-head span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.players{list-style:none;margin:0;padding:7px 0}
.player{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:11px 22px;border-bottom:1px solid rgba(148,163,184,.08)}
.player:last-child{border-bottom:0}
.rank{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(148,163,184,.1);color:var(--muted);font-weight:800;font-size:13px}
.player:nth-child(1) .rank{background:rgba(250,204,21,.15);color:#fde047}
.player:nth-child(2) .rank{background:rgba(203,213,225,.13);color:#e2e8f0}
.player:nth-child(3) .rank{background:rgba(251,146,60,.14);color:#fdba74}
.player:nth-child(1){background:linear-gradient(90deg,rgba(250,204,21,.10),transparent)}
.player:nth-child(2){background:linear-gradient(90deg,rgba(226,232,240,.07),transparent)}
.player:nth-child(3){background:linear-gradient(90deg,rgba(251,146,60,.08),transparent)}
.player:nth-child(1) .name,.player:nth-child(1) .value{color:#fde047}.player:nth-child(2) .name,.player:nth-child(2) .value{color:#e2e8f0}.player:nth-child(3) .name,.player:nth-child(3) .value{color:#fdba74}
.name{min-width:0;overflow:hidden;text-overflow:ellipsis;font-weight:700}
.value{text-align:right;color:#cbd5e1;font-variant-numeric:tabular-nums;font-size:14px}
.loading,.empty{grid-column:1/-1;padding:60px 20px;text-align:center;border:1px solid var(--line);border-radius:20px;color:var(--muted);background:rgba(13,23,37,.72)}
footer{position:relative;padding:30px;text-align:center;border-top:1px solid var(--line);color:#64748b;font-size:13px;letter-spacing:.16em;text-transform:uppercase}
.support-section{position:relative;isolation:isolate;display:grid;grid-template-columns:1.5fr .7fr;align-items:center;gap:48px;overflow:hidden;margin:0 0 80px;padding:48px;border:1px solid rgba(77,225,255,.22);border-radius:28px;background:linear-gradient(135deg,rgba(12,29,45,.96),rgba(21,15,43,.94));box-shadow:0 28px 90px rgba(0,0,0,.25)}.support-glow{position:absolute;z-index:-1;width:360px;height:360px;right:-100px;top:-180px;border-radius:50%;background:rgba(77,225,255,.15);filter:blur(60px)}.support-copy .eyebrow{text-align:left}.support-copy h2{font-size:clamp(36px,5vw,62px)}.support-copy>p:last-child{max-width:680px;margin:22px 0 0;color:#cbd5e1;font-size:17px;line-height:1.7}.support-action{display:flex;flex-direction:column;align-items:flex-start;padding:28px;border:1px solid var(--line);border-radius:20px;background:rgba(4,10,19,.55)}.support-action span,.support-action small{color:var(--muted)}.support-action strong{margin:6px 0 3px;font-size:42px;letter-spacing:-.04em}.support-action button{width:100%;margin-top:22px;border:0;border-radius:12px;padding:14px 18px;background:linear-gradient(100deg,var(--cyan),#8b5cf6);color:#06101b;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 12px 35px rgba(77,225,255,.16)}
.comments-section{padding:30px 0 110px}.comments-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}.comments-head .eyebrow{text-align:left}.comments-head h2{font-size:clamp(32px,4vw,52px)}
.comment-button,.dialog-form button{border:1px solid rgba(77,225,255,.35);border-radius:12px;background:linear-gradient(135deg,rgba(77,225,255,.18),rgba(167,139,250,.18));color:#fff;padding:13px 19px;font:inherit;font-weight:800;cursor:pointer}.comment-button:hover,.dialog-form button:hover{border-color:var(--cyan)}
.comments-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.comment{padding:20px;border:1px solid var(--line);border-radius:16px;background:rgba(13,23,37,.78)}.comment-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.comment-author{color:var(--cyan);font-weight:850}.comment-time{color:var(--muted);font-size:12px}.comment-text{margin:0;color:#dbe5f0;line-height:1.6;overflow-wrap:anywhere}
.comment-dialog{width:min(500px,calc(100% - 24px));border:1px solid rgba(77,225,255,.25);border-radius:22px;background:#0a1421;color:var(--text);padding:30px;box-shadow:0 35px 100px #000}.comment-dialog::backdrop{background:rgba(2,6,12,.82);backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:14px;top:12px;border:0;background:transparent;color:var(--muted);font-size:30px;cursor:pointer}.dialog-copy{color:var(--muted);line-height:1.6}.dialog-form{display:grid;gap:15px;margin-top:24px}.dialog-form label{display:grid;gap:7px;color:#cbd5e1;font-size:13px;font-weight:700}.dialog-form input,.dialog-form textarea{width:100%;border:1px solid var(--line);border-radius:11px;background:#07101b;color:#fff;padding:12px 13px;font:inherit;outline:none;resize:vertical}.dialog-form input:focus,.dialog-form textarea:focus{border-color:var(--cyan)}.counter{text-align:right;color:var(--muted);font-size:12px}.dialog-error{min-height:20px;margin:14px 0 0;color:#fda4af;font-size:13px}
.support-dialog{width:min(1000px,calc(100% - 24px));max-height:90vh;overflow:auto;border:1px solid rgba(77,225,255,.25);border-radius:22px;background:#f6f7f9;color:#172033;padding:32px;box-shadow:0 35px 100px #000}.support-dialog::backdrop{background:rgba(2,6,12,.84);backdrop-filter:blur(7px)}.support-dialog .eyebrow{color:#6555d9}.support-dialog .dialog-copy{color:#64748b}.support-dialog .dialog-form{max-width:520px}.support-dialog .dialog-form label{color:#334155}.support-dialog .dialog-form input{background:#fff;color:#172033;border-color:#dbe1e8}.support-dialog .dialog-error{color:#be123c}.payment-heading{margin-bottom:24px}.payment-heading h2{font-size:34px}.payment-heading span{display:block;margin-top:7px;color:#94a3b8;font-size:13px;text-transform:uppercase;font-weight:800}.payment-ways{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.payment-way{display:flex;align-items:center;gap:14px;min-height:82px;padding:15px;border:1px solid #e8ebef;border-radius:7px;background:#fff;color:#172033;cursor:pointer;text-align:left;transition:.18s transform,.18s box-shadow}.payment-way:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(15,23,42,.1)}.payment-way img{width:50px;height:42px;object-fit:contain}.payment-way strong{display:block;font-size:16px}.payment-way small{display:block;margin-top:4px;color:#b1b5bb;text-transform:uppercase;font-weight:700}.payment-loading{grid-column:1/-1;padding:60px;text-align:center;color:#64748b}.checkout-back{border:0;background:none;color:#6555d9;font-weight:800;cursor:pointer;padding:0}.checkout-card{max-width:560px;margin:20px auto 0;padding:26px;border-radius:16px;background:#fff;box-shadow:0 16px 45px rgba(15,23,42,.08)}.checkout-card h2{font-size:30px}.checkout-types{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.checkout-type{border:1px solid #dbe1e8;border-radius:9px;background:#fff;padding:9px 12px;cursor:pointer}.checkout-type.active{border-color:#6555d9;background:#f0eeff;color:#4c3fc0}.checkout-link{display:block;margin-top:20px;border-radius:11px;padding:13px;background:#6555d9;color:#fff;text-align:center;text-decoration:none;font-weight:850}.checkout-fields{display:grid;gap:12px}.checkout-fields label{display:grid;gap:6px;color:#475569;font-size:13px}.checkout-fields input{border:1px solid #dbe1e8;border-radius:9px;padding:11px;font:inherit}
.support-dialog .dialog-form input,.checkout-fields input{min-height:50px;border:1px solid #cbd5e1;border-radius:12px;background:#eef1f5;color:#172033;padding:0 15px;font:inherit;outline:none;box-shadow:none;transition:border-color .15s,background-color .15s}.support-dialog .dialog-form input::placeholder,.checkout-fields input::placeholder{color:#8792a2}.support-dialog .dialog-form input:hover,.checkout-fields input:hover{border-color:#94a3b8;background:#e9edf2}.support-dialog .dialog-form input:focus,.checkout-fields input:focus{border-color:#6555d9;background:#fff;box-shadow:none}.support-dialog .dialog-form input:invalid:not(:placeholder-shown),.checkout-fields input:invalid:not(:placeholder-shown){border-color:#d97706}
.support-dialog .dialog-form button{min-height:50px;border:1px solid #4f2fce;border-radius:12px;background:#5b36dc;color:#fff;font-weight:850;box-shadow:none;transition:background-color .15s,border-color .15s}.support-dialog .dialog-form button:hover{border-color:#3f24af;background:#4b2bc3}.support-dialog .dialog-form button:focus-visible{outline:3px solid rgba(91,54,220,.24);outline-offset:2px}.support-dialog .dialog-form button:disabled{border-color:#cbd5e1;background:#e2e8f0;color:#64748b;cursor:not-allowed}
.support-section{grid-template-columns:1fr;justify-items:center;text-align:center}.support-copy{max-width:820px}.support-copy .eyebrow{text-align:center}.support-copy>p:last-child{margin-left:auto;margin-right:auto}.support-action{align-items:center;width:min(100%,620px)}.support-action>strong{margin-bottom:18px;font-size:48px}.fundraising-numbers{display:flex;justify-content:space-between;width:100%;margin-bottom:10px;font-size:14px}.fundraising-numbers b{color:#fff}.fundraising-numbers small{color:#94a3b8}.fundraising-track{width:100%;height:14px;overflow:hidden;margin-bottom:14px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#050a14}.fundraising-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),#8b5cf6);transition:width .7s ease}
.support-order-fields{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:12px}.support-order-total{margin:0;padding:12px 14px;border-radius:10px;background:#e9e7fb;color:#475569;font-size:14px}.support-order-total strong{color:#4f2fce}.checkout-total{margin:14px 0 18px;color:#64748b}.checkout-total strong{color:#4f2fce}@media(max-width:560px){.support-order-fields{grid-template-columns:1fr}}
.supporters{width:min(100%,820px);margin-top:2px}.supporters-title{margin:0 0 14px;color:#7ddff7;font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.supporters-viewport{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.supporters-track{display:flex;justify-content:center;gap:12px;width:max-content;min-width:100%}.supporters-track.is-moving{justify-content:flex-start;animation:supporters-scroll 28s linear infinite}.supporter{display:flex;align-items:center;justify-content:space-between;gap:30px;min-width:260px;padding:13px 18px;border:1px solid rgba(125,223,247,.2);border-radius:13px;background:rgba(4,10,19,.62)}.supporter strong{color:#fff}.supporter span{color:#8ee8fb;font-weight:900}.supporter-placeholder{color:#64748b}@keyframes supporters-scroll{to{transform:translateX(calc(-50% - 6px))}}@media(prefers-reduced-motion:reduce){.supporters-track.is-moving{animation:none}}
.comments-list{grid-template-columns:1fr}
@media(max-width:760px){main{width:min(100% - 20px,1180px)}.farewell{min-height:70vh}.support-section{grid-template-columns:1fr;margin-bottom:60px;padding:28px 20px;gap:28px}.champions{grid-template-columns:1fr;max-width:520px}.champion,.champion:first-child{order:initial;min-height:150px}.player{padding:11px 16px}.board-head{padding:18px 16px}.value{max-width:130px}.line{height:60px}.comments-head{align-items:flex-start;flex-direction:column}.comments-list{grid-template-columns:1fr}.comment-button{width:100%}.comment-dialog{padding:25px 20px}.support-dialog{padding:26px 14px}.payment-ways{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-way{padding:11px;gap:8px}.payment-way img{width:38px}.payment-way strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){.boards{transform:none!important}.carousel{overflow-x:auto;mask-image:none}}