*{box-sizing:border-box}
:root{--bg:#070a11;--text:#f7f9ff;--muted:#9aa6bd;--line:rgba(255,255,255,0.085);--accent:#71e7ff;--accent-2:#8b7cff;--success:#66f0a8;--danger:#ff718d;--vote:#ffd77a;--vote-soft:#ffedae;--shadow:0 28px 70px rgba(0,0,0,0.36);--radius:22px}
html{scroll-behavior:smooth;scroll-padding-top:110px;background:var(--bg)}
body{margin:0;color:var(--text);background:var(--bg);font-family:Inter,"Noto Sans JP",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.7;overflow-x:hidden}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{color:inherit}
button,a{-webkit-tap-highlight-color:transparent}

.site-header{width:min(1180px,calc(100% - 34px));margin:20px auto 0;min-height:68px;padding:0 18px 0 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid rgba(255,255,255,0.1);border-radius:18px;background:rgba(8,12,21,0.88);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:sticky;top:14px;z-index:100;box-shadow:0 15px 45px rgba(0,0,0,0.25)}
.brand{display:flex;align-items:center;gap:11px;flex-shrink:0;font-weight:900;font-size:14px;letter-spacing:0.04em}
.brand-mark{width:40px;height:40px;flex:0 0 40px;overflow:hidden;border-radius:11px;border:1px solid rgba(113,231,255,0.16);background:rgba(255,255,255,0.04);box-shadow:0 0 22px rgba(113,231,255,0.1)}
.brand-mark img{width:100%;height:100%;display:block;object-fit:cover}

.nav{display:flex;align-items:center;justify-content:flex-end;gap:15px}
.nav a{color:#cbd3e3;font-size:12px;white-space:nowrap;transition:color 0.2s ease,background 0.2s ease}
.nav a:hover{color:#fff}
.nav a.nav-current{color:var(--accent)!important;font-weight:800}

.menu-btn{display:none;width:42px;height:42px;padding:9px;border:0;border-radius:10px;background:transparent;cursor:pointer}
.menu-btn span{display:block;width:21px;height:2px;margin:4px auto;border-radius:999px;background:#fff}

.hero{width:100%;min-height:calc(100vh - 100px);margin:-88px 0 0;padding:168px max(17px,calc((100vw - 1180px) / 2)) 100px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 25% 15%,rgba(113,231,255,0.12),transparent 32%),radial-gradient(circle at 78% 30%,rgba(139,124,255,0.12),transparent 34%),linear-gradient(180deg,#080c15 0%,#090d17 60%,#0a0f19 100%)}
.hero-center{width:100%;max-width:1180px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}
.eyebrow{color:var(--accent);font-size:11px;font-weight:900;letter-spacing:0.19em}
.hero h1{margin:18px 0 22px;font-size:clamp(38px,5vw,64px);letter-spacing:-0.055em;line-height:1.08;white-space:nowrap}
.hero h1 span{color:transparent;background:linear-gradient(90deg,var(--accent),#a99cff);-webkit-background-clip:text;background-clip:text}
.hero-lead{width:100%;max-width:1100px;margin:0 auto;color:var(--muted);font-size:16px;line-height:1.9;text-align:center}
.hero-lead-line{display:block;white-space:nowrap}

.hero-actions,.cta-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-actions{justify-content:center;margin-top:30px}

.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;border:1px solid transparent;border-radius:12px;font-size:14px;font-weight:800;transition:transform 0.2s ease,border-color 0.2s ease,background 0.2s ease,box-shadow 0.2s ease}
.btn:hover{transform:translateY(-2px)}
.btn-primary{color:#061017;background:linear-gradient(135deg,var(--accent),#b8f7ff);box-shadow:0 12px 30px rgba(113,231,255,0.13)}
.btn-ghost{border-color:var(--line);background:rgba(255,255,255,0.025)}
.btn-discord{border-color:rgba(139,156,255,0.28);color:#dfe4ff;background:rgba(139,156,255,0.09)}

.server-address-card{width:min(520px,100%);margin-top:34px;padding:14px 14px 14px 17px;display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;border:1px solid rgba(113,231,255,0.14);border-radius:15px;background:rgba(255,255,255,0.035)}
.small-label,.stat-label{display:block;margin-bottom:2px;color:#75829a;font-size:10px;font-weight:900;letter-spacing:0.16em}
.server-address-card strong{font-size:17px}

.copy-btn,.code-row button,.support-code-row button{padding:8px 12px;border:1px solid rgba(113,231,255,0.2);border-radius:9px;background:rgba(113,231,255,0.08);color:var(--accent);cursor:pointer;white-space:nowrap;transition:background 0.2s ease,border-color 0.2s ease}
.copy-btn:hover,.code-row button:hover,.support-code-row button:hover{border-color:rgba(113,231,255,0.32);background:rgba(113,231,255,0.14)}

.hero-status{width:min(620px,100%);margin-top:70px}
.status-card{width:100%;padding:24px;border:1px solid rgba(255,255,255,0.09);border-radius:22px;background:linear-gradient(180deg,rgba(21,29,49,0.9),rgba(11,17,29,0.94));box-shadow:var(--shadow);text-align:left}
.status-top{display:flex;justify-content:center;align-items:center;gap:10px;color:#dfe7f8;font-size:15px;letter-spacing:0.04em}
.status-dot{width:10px;height:10px;border-radius:50%;background:#8791a4;box-shadow:0 0 15px currentColor}
.status-dot.online{background:var(--success);color:var(--success)}
.status-dot.offline{background:var(--danger);color:var(--danger)}
.status-main{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.status-main>div{padding:16px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,0.025)}
.status-main strong{font-size:20px}
.status-note{margin:15px 0 0;color:var(--muted);text-align:center;font-size:12px}

.section{width:100%;margin:0;padding:105px max(17px,calc((100vw - 1180px) / 2));position:relative;border-top:1px solid rgba(255,255,255,0.035)}
.section-inner{width:100%;max-width:1180px;margin:0 auto}
.section-head{width:100%;max-width:760px;margin:0 0 42px;text-align:left}
.rules-header{max-width:850px}
.section-head h2,.cta h2{margin:12px 0 14px;font-size:clamp(34px,4vw,54px);line-height:1.1;letter-spacing:-0.04em}
.section-head p,.cta p{margin:0;color:var(--muted)}

#about{background:radial-gradient(circle at 90% 20%,rgba(82,152,255,0.07),transparent 32%),linear-gradient(180deg,#0b111d,#0d1422)}
#join{background:radial-gradient(circle at 12% 50%,rgba(113,231,255,0.045),transparent 30%),linear-gradient(180deg,#090e17,#080c14)}
#rules{background:radial-gradient(circle at 85% 10%,rgba(139,124,255,0.075),transparent 30%),linear-gradient(180deg,#0c101d,#101320)}
#vote{background:radial-gradient(circle at 80% 20%,rgba(255,207,104,0.09),transparent 33%),radial-gradient(circle at 15% 80%,rgba(113,231,255,0.035),transparent 30%),linear-gradient(180deg,#101116,#11131b)}
#news{background:radial-gradient(circle at 15% 40%,rgba(74,163,255,0.065),transparent 32%),linear-gradient(180deg,#09121d,#0a101a)}
#staff{background:radial-gradient(circle at 75% 40%,rgba(113,231,255,0.055),transparent 32%),linear-gradient(180deg,#0a101a,#090d16)}

.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.feature-card{min-height:180px;padding:28px;border:1px solid rgba(255,255,255,0.085);border-radius:var(--radius);background:linear-gradient(180deg,rgba(25,34,56,0.74),rgba(13,19,33,0.82));box-shadow:0 15px 35px rgba(0,0,0,0.08);transition:transform 0.2s ease,border-color 0.2s ease,background 0.2s ease}
.feature-card:hover{transform:translateY(-3px);border-color:rgba(113,231,255,0.18);background:linear-gradient(180deg,rgba(29,40,65,0.82),rgba(15,22,38,0.88))}
.feature-card h3{margin:8px 0 12px;font-size:23px}
.feature-card p{margin:0;color:var(--muted);font-size:14px}

.join-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.join-card{padding:28px;border:1px solid rgba(255,255,255,0.085);border-radius:var(--radius);background:linear-gradient(180deg,rgba(25,34,56,0.74),rgba(13,19,33,0.82));box-shadow:0 15px 35px rgba(0,0,0,0.08)}

.badge,.news-tag{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid rgba(113,231,255,0.22);border-radius:999px;color:var(--accent);background:rgba(113,231,255,0.06);font-size:9px;font-weight:900;letter-spacing:0.12em}
.join-card h3{margin:18px 0 14px;font-size:26px}
.join-card ol{margin:0 0 25px;padding-left:20px;color:var(--muted)}

.connection-stack{display:grid;gap:15px}
.connection-group{display:grid;gap:7px}
.connection-label{color:#72819c;font-size:10px;font-weight:900;letter-spacing:0.14em}
.code-row{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 9px 9px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,0.2)}
.code-row code{color:#fff;font-size:15px;font-weight:800;overflow-wrap:anywhere}

.notice-box{margin-top:16px;padding:19px 22px;border-left:3px solid var(--accent);border-radius:0 12px 12px 0;background:rgba(113,231,255,0.045)}
.notice-box p{margin:4px 0 0;color:var(--muted);font-size:13px}

.bedrock-friend-join{margin-top:25px;padding-top:5px}
.join-or{display:flex;align-items:center;gap:13px;margin:4px 0 20px;color:#77849a;font-size:11px;letter-spacing:0.08em}
.join-or span{height:1px;flex:1;background:rgba(255,255,255,0.08)}
.join-or strong{flex-shrink:0;font-size:11px}

.friend-join-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:17px}
.friend-join-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border:1px solid rgba(139,156,255,0.16);border-radius:11px;background:rgba(139,156,255,0.06);font-size:17px}
.friend-join-head strong{display:block;font-size:15px}
.friend-join-head p{margin:2px 0 0;color:var(--muted);font-size:12px}
.friend-code-row{border-color:rgba(139,156,255,0.15);background:rgba(139,156,255,0.04)}
.friend-code-row code{color:#dfe4ff;font-size:17px}
.friend-join-note{margin:11px 2px 0;color:#7f8ba0;font-size:12px;line-height:1.65}
.friend-join-note strong{color:#dfe4ff}

.rules-updated{display:inline-flex;margin-top:18px;padding:6px 11px;border:1px solid var(--line);border-radius:999px;color:#7d8ba5;background:rgba(255,255,255,0.02);font-size:11px;font-weight:700}
.rules-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.rule-card{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start;padding:22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(23,28,48,0.74),rgba(14,18,31,0.82));transition:transform 0.2s ease,border-color 0.2s ease,background 0.2s ease,box-shadow 0.2s ease}
.rule-card:hover{transform:translateY(-2px);border-color:rgba(113,231,255,0.25);background:linear-gradient(180deg,rgba(30,40,66,0.88),rgba(17,24,40,0.88));box-shadow:0 15px 32px rgba(0,0,0,0.13)}
.rule-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(113,231,255,0.12);border-radius:12px;background:rgba(113,231,255,0.05);font-size:18px;transition:background 0.2s ease,border-color 0.2s ease}
.rule-card:hover .rule-icon{border-color:rgba(113,231,255,0.22);background:rgba(113,231,255,0.09)}
.rule-card h3{margin:3px 0 12px;font-size:17px;line-height:1.35}
.rule-card ul{margin:0;padding-left:19px;color:var(--muted);font-size:13px}
.rule-card li+li{margin-top:8px}

.rules-important{margin-top:18px;padding:24px 26px;border:1px solid rgba(255,113,141,0.11);border-left:4px solid var(--danger);border-radius:0 16px 16px 0;background:rgba(255,113,141,0.04)}
.rules-important strong{display:block;margin-bottom:5px;color:#ffd5dd}
.rules-important p{margin:0;color:var(--muted);font-size:13px}

.rules-finish{margin-top:14px;padding:22px 25px;display:flex;align-items:center;gap:16px;border:1px solid rgba(102,240,168,0.16);border-radius:16px;background:rgba(102,240,168,0.045)}
.rules-finish>span{font-size:24px}
.rules-finish strong,.rules-finish small{display:block}
.rules-finish strong{color:#dcffed}
.rules-finish small{margin-top:2px;color:var(--muted)}

.vote-head{max-width:820px}
.vote-eyebrow{color:var(--vote)}
.vote-main-card{padding:34px;border:1px solid rgba(255,215,122,0.18);border-radius:25px;background:radial-gradient(circle at 90% 0%,rgba(255,215,122,0.08),transparent 35%),linear-gradient(135deg,rgba(30,30,37,0.92),rgba(16,18,26,0.95));box-shadow:0 24px 60px rgba(0,0,0,0.16)}
.vote-main-top{display:flex;align-items:center;gap:20px}
.vote-big-icon{width:68px;height:68px;flex:0 0 68px;display:grid;place-items:center;border:1px solid rgba(255,215,122,0.2);border-radius:19px;background:rgba(255,215,122,0.07);font-size:30px}
.vote-daily{display:inline-flex;align-items:center;min-height:27px;padding:5px 10px;border:1px solid rgba(255,215,122,0.25);border-radius:999px;color:var(--vote-soft);background:rgba(255,215,122,0.07);font-size:11px;font-weight:900;letter-spacing:0.06em}
.vote-main-top h3{margin:9px 0 2px;font-size:clamp(23px,3vw,31px)}
.vote-main-top p{margin:0;color:var(--muted);font-size:13px}

.vote-reward{margin-top:25px;padding:19px 21px;display:flex;align-items:center;gap:14px;border:1px solid rgba(102,240,168,0.14);border-radius:15px;background:rgba(102,240,168,0.035)}
.vote-reward>span{font-size:25px}
.vote-reward strong{display:block;color:#dfffee;font-size:16px}
.vote-reward p{margin:2px 0 0;color:var(--muted);font-size:13px}

.vote-links{margin-top:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.vote-link{min-height:130px;padding:22px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border:1px solid rgba(255,255,255,0.09);border-radius:17px;background:rgba(255,255,255,0.025);transition:transform 0.2s ease,border-color 0.2s ease,background 0.2s ease}
.vote-link:hover{transform:translateY(-3px);border-color:rgba(255,215,122,0.27);background:rgba(255,215,122,0.045)}
.vote-site-label{margin-bottom:7px;color:#9b9075;font-size:9px;font-weight:900;letter-spacing:0.16em}
.vote-link strong{color:#fff6de;font-size:18px}
.vote-open{margin-top:6px;color:var(--vote);font-size:12px;font-weight:700}
.vote-note{margin:16px 2px 0;color:#737a89;font-size:11px}

.split-head{max-width:none;display:flex;justify-content:space-between;align-items:flex-end}
.muted{color:#68758d;font-size:12px}

.news-list{border-top:1px solid var(--line)}
.news-item{display:grid;grid-template-columns:110px 70px 1fr;gap:18px;align-items:start;padding:25px 0;border-bottom:1px solid var(--line)}
.news-item time{margin-top:4px;color:#7f8aa0;font-size:12px}
.news-tag{justify-content:center}
.news-item h3{margin:0 0 4px;font-size:17px}
.news-item p{margin:0;color:var(--muted);font-size:13px}

.staff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.staff-card{min-height:138px;padding:26px;display:flex;align-items:center;gap:22px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(25,34,56,0.74),rgba(13,19,33,0.82));transition:transform 0.2s ease,border-color 0.2s ease,background 0.2s ease}
.staff-card:hover{transform:translateY(-2px);border-color:rgba(113,231,255,0.18);background:linear-gradient(180deg,rgba(29,39,64,0.85),rgba(15,21,35,0.9))}
.avatar{width:82px;height:82px;flex:0 0 82px;overflow:hidden;border:1px solid rgba(255,255,255,0.08);border-radius:20px;background:rgba(255,255,255,0.04)}
.avatar img{width:100%;height:100%;display:block;object-fit:cover}
.staff-info{min-width:0}

.staff-role{min-height:30px;display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border:1px solid rgba(113,231,255,0.25);border-radius:999px;color:var(--accent);background:rgba(113,231,255,0.07);font-size:12px;line-height:1;font-weight:900;letter-spacing:0.06em;white-space:nowrap}
.owner-role{color:#83edff;border-color:rgba(113,231,255,0.32);background:rgba(113,231,255,0.1)}
.builder-role{color:#c0b6ff;border-color:rgba(169,156,255,0.32);background:rgba(169,156,255,0.1)}
.operator-role{color:#8ff5bd;border-color:rgba(102,240,168,0.28);background:rgba(102,240,168,0.08)}
.camera-role{color:#ffd48b;border-color:rgba(255,199,113,0.28);background:rgba(255,199,113,0.08)}

.staff-card h3{margin:10px 0 1px;font-size:20px;line-height:1.25}
.staff-card p{margin:0;color:var(--muted);font-size:13px}

.support-page-body{background:#0b0d16}

.support-page-hero{width:100%;margin-top:-88px;padding:180px max(17px,calc((100vw - 1180px) / 2)) 105px;background:radial-gradient(circle at 80% 20%,rgba(139,124,255,0.18),transparent 33%),radial-gradient(circle at 20% 70%,rgba(255,207,113,0.08),transparent 30%),linear-gradient(180deg,#0b0d18,#121323)}
.support-page-hero-inner{width:100%;max-width:1180px;margin:0 auto}
.support-back{display:inline-flex;margin-bottom:40px;color:var(--muted);font-size:13px;font-weight:700;transition:color 0.2s ease}
.support-back:hover{color:var(--accent)}
.support-page-hero h1{max-width:800px;margin:15px 0 18px;font-size:clamp(44px,6vw,76px);line-height:1;letter-spacing:-0.055em}
.support-page-hero>div>p{max-width:720px;margin:0;color:var(--muted);font-size:17px}

.support-hero-notice{width:min(500px,100%);margin-top:35px;padding:17px 20px;display:flex;align-items:center;gap:14px;border:1px solid rgba(255,211,133,0.18);border-radius:15px;background:rgba(255,211,133,0.045)}
.support-hero-notice>span{font-size:22px}
.support-hero-notice strong,.support-hero-notice small{display:block}
.support-hero-notice small{margin-top:2px;color:var(--muted)}

.support-main{width:100%;padding:105px max(17px,calc((100vw - 1180px) / 2)) 120px;background:radial-gradient(circle at 90% 25%,rgba(139,124,255,0.07),transparent 30%),linear-gradient(180deg,#10111d,#0b0e17)}

.support-section-head{max-width:800px;margin-bottom:35px}
.support-section-head h2{margin:10px 0 12px;font-size:clamp(32px,4vw,48px);line-height:1.1;letter-spacing:-0.04em}
.support-section-head p{margin:0;color:var(--muted)}

.support-purpose-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:18px}
.support-purpose{padding:26px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(25,29,50,0.8),rgba(14,18,31,0.88))}
.support-purpose>span{display:block;margin-bottom:20px;font-size:25px}
.support-purpose h3{margin:0 0 8px;font-size:18px}
.support-purpose p{margin:0;color:var(--muted);font-size:13px}

.support-block{margin-top:16px;padding:30px;border:1px solid rgba(139,124,255,0.18);border-radius:24px;background:linear-gradient(135deg,rgba(31,32,57,0.85),rgba(15,18,31,0.9))}
.support-block-title{display:flex;align-items:center;gap:15px}
.support-block-title>span{font-size:28px}
.support-block-title h3{margin:2px 0 0;font-size:25px}
.support-description{margin:20px 0 23px;color:var(--muted)}

.rank-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rank-card{min-height:88px;display:flex;align-items:center;gap:14px;padding:17px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,0.025);transition:transform 0.2s ease,border-color 0.2s ease,background 0.2s ease}
.rank-card:hover{transform:translateY(-2px);border-color:rgba(139,124,255,0.3);background:rgba(139,124,255,0.06)}
.rank-icon{font-size:22px}
.rank-card strong,.rank-card small{display:block}
.rank-card strong{font-size:17px}
.rank-card small{margin-top:2px;color:var(--muted)}
.rank-titan{border-color:rgba(255,212,139,0.2);background:rgba(255,212,139,0.035)}

.custom-rank{margin-top:14px;padding:20px;display:flex;align-items:center;gap:16px;border:1px solid rgba(255,212,139,0.22);border-radius:16px;background:linear-gradient(135deg,rgba(255,212,139,0.07),rgba(139,124,255,0.06))}
.custom-rank>span{font-size:26px}
.custom-rank strong{font-size:18px}
.custom-rank p{margin:2px 0 0;color:var(--muted)}

.support-info-list{margin-top:20px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}
.support-info-list p{margin:7px 0}
.support-info-list strong{color:var(--text)}

.anonymous-card{margin-top:16px;padding:25px 28px;display:flex;gap:18px;border:1px solid rgba(113,231,255,0.15);border-radius:18px;background:rgba(113,231,255,0.035)}
.anonymous-icon{font-size:25px}
.anonymous-card h3{margin:0 0 8px}
.anonymous-card p{margin:5px 0;color:var(--muted);font-size:13px}
.anonymous-card strong{color:var(--text)}

.payment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.payment-card{padding:28px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(24,30,50,0.88),rgba(13,17,30,0.92))}
.payment-type{display:inline-flex;padding:5px 9px;border:1px solid rgba(113,231,255,0.2);border-radius:999px;color:var(--accent);background:rgba(113,231,255,0.05);font-size:10px;font-weight:900;letter-spacing:0.12em}
.payment-card h3{margin:17px 0 10px;font-size:23px}
.payment-card p{color:var(--muted);font-size:13px}

.support-code-row{min-height:64px;margin-top:22px;padding:10px 10px 10px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,0.2)}
.support-code-row strong{display:block;margin-top:2px;font-size:18px}

.support-discord{margin-top:16px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid rgba(139,156,255,0.16);border-radius:16px;background:rgba(139,156,255,0.045)}
.support-discord p{margin:3px 0 0;color:var(--muted);font-size:13px}

.support-warning{margin-top:16px;padding:24px;display:flex;gap:17px;border:1px solid rgba(102,240,168,0.18);border-radius:18px;background:rgba(102,240,168,0.04)}
.support-warning>span{font-size:26px}
.support-warning strong{color:#dcffed;font-size:17px}
.support-warning p{margin:4px 0;color:var(--muted);font-size:13px}
.support-warning small{display:block;margin-top:10px;color:#82908c}

.support-bottom-actions{margin-top:40px;display:flex;gap:12px;flex-wrap:wrap}

.cta{width:min(1180px,calc(100% - 34px));margin:70px auto 90px;padding:48px;display:flex;justify-content:space-between;align-items:center;gap:30px;border:1px solid rgba(113,231,255,0.13);border-radius:28px;background:radial-gradient(circle at 90% 50%,rgba(113,231,255,0.09),transparent 28%),linear-gradient(135deg,#111827,#0a0f18)}

.footer{width:min(1180px,calc(100% - 34px));margin:0 auto;padding:34px 0 44px;display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}
.footer strong{color:#fff;font-size:13px}
.footer p{margin:4px 0 0}
.footer-right{display:flex;flex-direction:column;text-align:right}
.footer-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px}
.footer-links a{color:var(--accent);font-size:12px;font-weight:700}

.fixed-top-link{position:fixed;right:24px;bottom:24px;z-index:90;min-height:46px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(113,231,255,0.28);border-radius:14px;color:#eafcff;background:rgba(9,16,27,0.92);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 14px 38px rgba(0,0,0,0.32);font-size:12px;font-weight:800;white-space:nowrap;transition:transform 0.2s ease,border-color 0.2s ease,background 0.2s ease,box-shadow 0.2s ease}
.fixed-top-link:hover{transform:translateY(-2px);border-color:rgba(113,231,255,0.5);background:rgba(18,33,49,0.96);box-shadow:0 18px 45px rgba(0,0,0,0.38),0 0 24px rgba(113,231,255,0.08)}

.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);z-index:1000;opacity:0;pointer-events:none;padding:10px 15px;border:1px solid var(--line);border-radius:12px;background:rgba(13,18,31,0.96);box-shadow:var(--shadow);font-size:12px;transition:0.2s ease}
.toast.show{opacity:1;transform:translate(-50%,0)}

.news-scroll-wrap{width:100%;max-width:100%;overflow:hidden}
.news-scroll{display:flex;gap:14px}
.news-scroll-vertical{display:grid;grid-template-columns:1fr;gap:12px;max-height:520px;overflow-y:auto;padding-right:8px;scrollbar-width:thin;scrollbar-color:rgba(113,231,255,0.28) transparent}
.news-scroll-vertical::-webkit-scrollbar{width:7px}
.news-scroll-vertical::-webkit-scrollbar-track{background:transparent}
.news-scroll-vertical::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(113,231,255,0.24)}

.news-scroll-card{padding:22px 24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(22,31,50,0.78),rgba(12,18,30,0.86));transition:transform 0.2s ease,border-color 0.2s ease,background 0.2s ease}
.news-scroll-card:hover{transform:translateY(-2px);border-color:rgba(113,231,255,0.18);background:linear-gradient(180deg,rgba(28,39,62,0.86),rgba(15,22,36,0.9))}
.news-scroll-meta{display:flex;align-items:center;gap:10px;margin-bottom:9px}
.news-scroll-meta time{color:#7f8aa0;font-size:11px}
.news-scroll-card h3{margin:0 0 5px;font-size:17px}
.news-scroll-card p{margin:0;color:var(--muted);font-size:13px}

.links-page-hero{width:100%;margin-top:-88px;padding:180px max(17px,calc((100vw - 1180px) / 2)) 105px;background:radial-gradient(circle at 82% 18%,rgba(113,231,255,0.14),transparent 34%),radial-gradient(circle at 18% 72%,rgba(139,124,255,0.12),transparent 30%),linear-gradient(180deg,#0b0e18,#111728)}
.links-page-hero h1{max-width:800px;margin:15px 0 18px;font-size:clamp(44px,6vw,76px);line-height:1;letter-spacing:-0.055em}
.links-page-hero>div>p{max-width:720px;margin:0;color:var(--muted);font-size:17px}

.links-hero-notice{width:min(560px,100%);margin-top:35px;padding:17px 20px;display:flex;align-items:center;gap:14px;border:1px solid rgba(113,231,255,0.18);border-radius:15px;background:rgba(113,231,255,0.045)}
.links-hero-notice>span{font-size:22px}
.links-hero-notice strong,.links-hero-notice small{display:block}
.links-hero-notice small{margin-top:2px;color:var(--muted)}

.links-main{width:100%;padding:105px max(17px,calc((100vw - 1180px) / 2)) 120px;background:radial-gradient(circle at 88% 20%,rgba(113,231,255,0.06),transparent 30%),linear-gradient(180deg,#0f1420,#0a0e17)}
.links-main .support-section-head:not(:first-child),.support-main .support-section-head:not(:first-child){margin-top:80px}

.official-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.official-link-card{min-height:220px;padding:28px;display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(23,31,50,0.84),rgba(13,18,30,0.9));transition:transform 0.2s ease,border-color 0.2s ease,background 0.2s ease,box-shadow 0.2s ease}
.official-link-card:hover{transform:translateY(-3px);box-shadow:0 20px 45px rgba(0,0,0,0.18)}
.official-link-icon{width:48px;height:48px;display:grid;place-items:center;margin-bottom:20px;border:1px solid rgba(255,255,255,0.1);border-radius:14px;background:rgba(255,255,255,0.04);font-size:22px}
.official-link-label{display:inline-flex;align-items:center;min-height:25px;padding:4px 9px;margin-bottom:7px;border:1px solid rgba(255,255,255,0.1);border-radius:999px;color:#a7b2c7;background:rgba(255,255,255,0.03);font-size:9px;font-weight:900;letter-spacing:0.14em}
.official-link-card strong{font-size:23px;line-height:1.3}
.official-link-card p{margin:10px 0 0;color:var(--muted);font-size:13px}
.official-link-open{margin-top:auto;padding-top:22px;font-size:12px;font-weight:800}

.official-link-discord{border-color:rgba(139,156,255,0.24);background:linear-gradient(180deg,rgba(35,42,76,0.72),rgba(15,20,37,0.9))}
.official-link-discord .official-link-icon,.official-link-discord .official-link-label{border-color:rgba(139,156,255,0.28);color:#cfd5ff;background:rgba(139,156,255,0.09)}
.official-link-discord .official-link-open{color:#aeb9ff}
.official-link-discord:hover{border-color:rgba(139,156,255,0.42);background:linear-gradient(180deg,rgba(43,51,92,0.82),rgba(18,24,44,0.94))}

.official-link-youtube{border-color:rgba(255,113,141,0.22);background:linear-gradient(180deg,rgba(70,29,42,0.58),rgba(29,16,24,0.9))}
.official-link-youtube .official-link-icon,.official-link-youtube .official-link-label{border-color:rgba(255,113,141,0.28);color:#ffc1ce;background:rgba(255,113,141,0.09)}
.official-link-youtube .official-link-open{color:#ff9bb0}
.official-link-youtube:hover{border-color:rgba(255,113,141,0.4);background:linear-gradient(180deg,rgba(86,34,50,0.7),rgba(35,18,28,0.94))}

.official-link-twitch{border-color:rgba(169,112,255,0.24);background:linear-gradient(180deg,rgba(57,35,83,0.64),rgba(24,17,37,0.91))}
.official-link-twitch .official-link-icon,.official-link-twitch .official-link-label{border-color:rgba(169,112,255,0.3);color:#d8bdff;background:rgba(169,112,255,0.1)}
.official-link-twitch .official-link-open{color:#c89cff}
.official-link-twitch:hover{border-color:rgba(169,112,255,0.42);background:linear-gradient(180deg,rgba(70,42,102,0.76),rgba(29,20,45,0.95))}

.official-link-x{border-color:rgba(244,247,255,0.18);background:linear-gradient(180deg,rgba(37,41,49,0.7),rgba(17,20,26,0.92))}
.official-link-x .official-link-icon,.official-link-x .official-link-label{border-color:rgba(244,247,255,0.22);color:#f4f7ff;background:rgba(244,247,255,0.07)}
.official-link-x .official-link-open{color:#f4f7ff}
.official-link-x:hover{border-color:rgba(244,247,255,0.34);background:linear-gradient(180deg,rgba(46,51,61,0.82),rgba(20,24,31,0.95))}

.official-link-map{border-color:rgba(101,240,180,0.22);background:linear-gradient(180deg,rgba(23,63,49,0.58),rgba(13,29,24,0.9))}
.official-link-map .official-link-icon,.official-link-map .official-link-label{border-color:rgba(101,240,180,0.28);color:#b8f9d8;background:rgba(101,240,180,0.09)}
.official-link-map .official-link-open{color:#83f3be}
.official-link-map:hover{border-color:rgba(101,240,180,0.4);background:linear-gradient(180deg,rgba(28,78,60,0.7),rgba(15,36,29,0.94))}

.official-link-vote{border-color:rgba(255,215,122,0.22);background:linear-gradient(180deg,rgba(70,59,31,0.56),rgba(29,25,16,0.9))}
.official-link-vote .official-link-icon,.official-link-vote .official-link-label{border-color:rgba(255,215,122,0.3);color:#ffedb7;background:rgba(255,215,122,0.09)}
.official-link-vote .official-link-open{color:var(--vote)}
.official-link-vote:hover{border-color:rgba(255,215,122,0.4);background:linear-gradient(180deg,rgba(85,71,37,0.7),rgba(35,29,18,0.94))}

.official-link-staff{border-color:rgba(113,231,255,0.22);background:linear-gradient(180deg,rgba(26,57,70,0.58),rgba(14,27,34,0.9))}
.official-link-staff .official-link-icon,.official-link-staff .official-link-label{border-color:rgba(113,231,255,0.28);color:#bdf5ff;background:rgba(113,231,255,0.09)}
.official-link-staff .official-link-open{color:var(--accent)}
.official-link-staff:hover{border-color:rgba(113,231,255,0.4);background:linear-gradient(180deg,rgba(31,70,86,0.7),rgba(16,33,41,0.94))}

.official-link-support{border-color:rgba(139,124,255,0.22);background:linear-gradient(180deg,rgba(47,42,78,0.6),rgba(21,19,36,0.9))}
.official-link-support .official-link-icon,.official-link-support .official-link-label{border-color:rgba(139,124,255,0.3);color:#cfc7ff;background:rgba(139,124,255,0.09)}
.official-link-support .official-link-open{color:#aa9eff}
.official-link-support:hover{border-color:rgba(139,124,255,0.42);background:linear-gradient(180deg,rgba(58,51,96,0.72),rgba(25,22,44,0.95))}

@media (max-width:1180px){
  .menu-btn{display:block}
  .nav{position:fixed;left:24px;right:24px;top:98px;display:none;flex-direction:column;align-items:stretch;gap:4px;max-height:calc(100vh - 125px);padding:17px;overflow-y:auto;border:1px solid var(--line);border-radius:17px;background:rgba(9,13,22,0.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow)}
  .nav.show{display:flex}
  .nav a{width:100%;padding:10px 12px;border-radius:10px;font-size:14px}
  .nav a:hover{background:rgba(255,255,255,0.04)}
  .section{padding:95px 32px}
  .hero{padding-left:32px;padding-right:32px}
  .support-page-hero{padding-left:32px;padding-right:32px}
  .support-main{padding-left:32px;padding-right:32px}
  .links-page-hero,.links-main{padding-left:32px;padding-right:32px}
}

@media (max-width:1024px){
  .hero h1{font-size:clamp(38px,5.8vw,58px)}
  .hero-lead{max-width:900px;font-size:15px}
  .feature-card{min-height:165px;padding:25px}
  .join-card{padding:25px}
  .rule-card{padding:20px}
  .vote-main-card{padding:30px}
  .staff-card{padding:23px;gap:18px}
  .avatar{width:74px;height:74px;flex:0 0 74px}
  .support-purpose{padding:22px}
  .support-block{padding:27px}
}

@media (max-width:900px){
  .site-header{width:calc(100% - 34px)}
  .nav{left:17px;right:17px}
  .feature-grid,.join-grid,.rules-grid,.staff-grid,.payment-grid,.vote-links{grid-template-columns:repeat(2,minmax(0,1fr))}
  .support-purpose-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rank-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .official-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cta{flex-direction:column;align-items:flex-start}
  .news-item{grid-template-columns:95px 65px 1fr;gap:14px}
}

@media (max-width:760px){
  .section{padding:82px 22px}
  .hero{padding-left:22px;padding-right:22px}
  .support-page-hero,.support-main{padding-left:22px;padding-right:22px}
  .links-page-hero,.links-main{padding-left:22px;padding-right:22px}
  .feature-grid,.join-grid,.rules-grid,.staff-grid,.payment-grid{grid-template-columns:1fr}
  .vote-links{grid-template-columns:repeat(2,minmax(0,1fr))}
  .support-purpose-grid{grid-template-columns:1fr}
  .rank-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .official-link-grid{grid-template-columns:1fr}
  .news-item{grid-template-columns:1fr;gap:7px}
  .news-tag{width:fit-content}
  .staff-card{min-height:120px}
}

@media (max-width:620px){
  .site-header{margin-top:12px;min-height:62px}
  .brand{font-size:13px}
  .brand-mark{width:36px;height:36px;flex:0 0 36px}

  .hero{min-height:auto;margin-top:-80px;padding:165px 17px 80px}
  .hero h1{font-size:clamp(24px,6.7vw,38px)}
  .hero-lead{max-width:520px;font-size:14px;line-height:1.8}
  .hero-lead-line{white-space:normal}
  .hero-lead-line+.hero-lead-line{margin-top:3px}

  .hero-actions{width:100%}
  .hero-actions .btn{flex:1 1 calc(50% - 6px)}
  .hero-actions .btn:first-child{flex-basis:100%}

  .server-address-card{width:100%}
  .hero-status{margin-top:55px}
  .status-main{grid-template-columns:1fr}

  .section{padding:76px 17px}
  .section-head{max-width:100%;margin-bottom:34px}
  .section-head h2,.cta h2{font-size:clamp(31px,9vw,36px)}

  .join-card{padding:22px}
  .friend-join-head{align-items:center}

  .rule-card{grid-template-columns:38px 1fr;padding:18px}
  .rule-icon{width:38px;height:38px;font-size:16px}

  .split-head{align-items:flex-start}
  .muted{display:none}

  .vote-main-card{padding:22px}
  .vote-main-top{align-items:flex-start;gap:14px}
  .vote-big-icon{width:54px;height:54px;flex:0 0 54px;border-radius:15px;font-size:24px}
  .vote-links{grid-template-columns:1fr}
  .vote-link{min-height:110px;padding:19px}

  .rank-grid{grid-template-columns:1fr}

  .support-page-hero{margin-top:-80px;padding:165px 17px 80px}
  .support-page-hero h1{font-size:clamp(40px,12vw,58px)}
  .support-page-hero>div>p{font-size:15px}
  .support-main{padding:80px 17px}

  .support-block{padding:21px}
  .support-discord{flex-direction:column;align-items:stretch}
  .support-discord .btn{width:100%}

  .anonymous-card,.support-warning{align-items:flex-start}

  .staff-card{padding:20px;gap:17px}
  .avatar{width:68px;height:68px;flex:0 0 68px;border-radius:17px}
  .staff-role{min-height:28px;padding:6px 10px;font-size:11px}
  .staff-card h3{font-size:18px}

  .cta{width:calc(100% - 34px);margin:50px auto 70px;padding:30px 24px}

  .footer{flex-direction:column;gap:20px;padding-bottom:95px}
  .footer-right{text-align:left}

  .fixed-top-link{right:17px;bottom:17px;min-height:44px;padding:0 14px;border-radius:13px;font-size:11px}

  .links-page-hero{margin-top:-80px;padding:165px 17px 80px}
  .links-page-hero h1{font-size:clamp(40px,12vw,58px)}
  .links-page-hero>div>p{font-size:15px}
  .links-main{padding:80px 17px}

  .official-link-card{min-height:190px;padding:22px}

  .news-scroll-vertical{max-height:460px}
  .news-scroll-card{padding:18px 19px}
}

@media (orientation:landscape) and (min-width:621px) and (max-width:950px) and (max-height:650px){
  .site-header{min-height:58px;margin-top:10px;top:10px}
  .brand-mark{width:34px;height:34px;flex:0 0 34px}
  .nav{top:78px;max-height:calc(100vh - 95px)}

  .hero{min-height:auto;margin-top:-78px;padding:130px 28px 65px}
  .hero h1{margin:12px 0 14px;font-size:clamp(30px,5vw,42px)}
  .hero-lead{font-size:13px;line-height:1.65}
  .hero-lead-line{white-space:normal}
  .hero-actions{margin-top:20px}

  .btn{min-height:43px;padding:0 17px;font-size:13px}

  .server-address-card{margin-top:22px;padding:11px 12px 11px 15px}
  .hero-status{margin-top:34px}
  .status-card{padding:18px}
  .status-main{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:15px}

  .section{padding:65px 28px}

  .feature-grid,.join-grid,.staff-grid,.vote-links,.payment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rules-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .support-purpose-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rank-grid{grid-template-columns:repeat(3,minmax(0,1fr))}

  .vote-main-card{padding:25px}
  .vote-main-top{align-items:center}

  .support-page-hero{min-height:auto;margin-top:-78px;padding:135px 28px 65px}
  .support-page-hero h1{font-size:clamp(38px,7vw,54px)}
  .support-main{padding:70px 28px}

  .fixed-top-link{right:18px;bottom:18px}
}

@media (max-width:430px){
  .hero h1{font-size:clamp(20px,6vw,26px);letter-spacing:-0.045em}

  .hero-actions{flex-direction:column}
  .hero-actions .btn{width:100%;flex:none}

  .server-address-card{gap:10px}
  .server-address-card strong{font-size:14px}

  .code-row code{font-size:14px}
  .friend-code-row{align-items:center}

  .vote-main-top{flex-direction:column;align-items:flex-start}
  .vote-reward{align-items:flex-start}

  .support-code-row{flex-direction:column;align-items:stretch}
  .support-code-row button{width:100%}

  .support-bottom-actions{flex-direction:column}
  .support-bottom-actions .btn{width:100%}

  .anonymous-card,.support-warning{padding:20px}

  .official-link-card{min-height:175px;padding:20px}
  .official-link-icon{width:44px;height:44px;margin-bottom:16px}
  .official-link-card strong{font-size:21px}

  .fixed-top-link{right:14px;bottom:14px;min-height:42px;padding:0 13px;font-size:10px}
}

@media (max-width:370px){
  .section{padding-left:14px;padding-right:14px}
  .hero{padding-left:14px;padding-right:14px}

  .site-header{width:calc(100% - 24px);padding:0 12px}
  .brand{gap:8px;font-size:12px}

  .join-card,.feature-card,.staff-card{padding:18px}
  .rule-card{padding:16px}

  .fixed-top-link{right:12px;bottom:12px}
}

@media (orientation:landscape) and (min-width:951px) and (max-width:1180px){
  .section{padding:90px 36px}
  .hero{padding-left:36px;padding-right:36px}

  .feature-grid,.join-grid,.rules-grid,.staff-grid,.payment-grid,.vote-links{grid-template-columns:repeat(2,minmax(0,1fr))}
  .support-purpose-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rank-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (hover:none){
  .feature-card:hover,.rule-card:hover,.staff-card:hover,.rank-card:hover,.vote-link:hover,.btn:hover,.news-scroll-card:hover,.official-link-card:hover,.fixed-top-link:hover{transform:none}
}

@supports (padding-left:env(safe-area-inset-left)){
  .fixed-top-link{
    right:max(24px,env(safe-area-inset-right));
    bottom:max(24px,env(safe-area-inset-bottom));
  }

  @media (max-width:620px){
    .fixed-top-link{
      right:max(17px,env(safe-area-inset-right));
      bottom:max(17px,env(safe-area-inset-bottom));
    }
  }

  @media (max-width:430px){
    .fixed-top-link{
      right:max(14px,env(safe-area-inset-right));
      bottom:max(14px,env(safe-area-inset-bottom));
    }
  }

  @media (orientation:landscape) and (max-width:950px){
    .hero,.section,.support-page-hero,.support-main,.links-page-hero,.links-main{
      padding-left:max(28px,env(safe-area-inset-left));
      padding-right:max(28px,env(safe-area-inset-right));
    }
  }
}