:root{color-scheme:dark;--gold:#ffbc46;--cyan:#4ce8f2;--green:#24f38d;--red:#ff4d65;--yellow:#ffd338;--ink:#fff9f2;--font-display:"Rajdhani",sans-serif;--font-heading:"Outfit",sans-serif;--font-body:"Inter",sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#090812;color:var(--ink)}body{font-family:var(--font-body);overflow:hidden}body.home-v2{padding-top:28px}body.home-v2>.flaro-network-bar{position:fixed;inset:0 0 auto;z-index:1100}.home-v2 .app-container{height:calc(100svh - 28px)}a{color:inherit}.skip-link{position:fixed;z-index:2000;top:-70px;left:12px;padding:10px 16px;background:#fff;color:#111;border-radius:8px}.skip-link:focus{top:10px}.home-scene{position:fixed;inset:0;z-index:0;background:linear-gradient(180deg,#15112a26 0%,transparent 48%,#09081338 72%,#080710e8 100%),url('../img/flarocity-reference-scene.webp') center center/cover no-repeat}.home-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0e0b1b3b,transparent 24%,transparent 76%,#0e0b1b32)}#firefly-canvas{position:fixed;inset:0;z-index:1;pointer-events:none}.app-container{position:relative;z-index:2;height:100svh;min-height:620px;display:grid;grid-template-rows:64px minmax(0,1fr) 76px}.has-flaro-network-bar .app-container{height:calc(100svh - 28px)}
.navbar{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(20px,3vw,52px);padding:0 clamp(20px,5.4vw,96px);background:linear-gradient(90deg,#24163eea,#4a2769dd 58%,#2d1848ed);border-bottom:1px solid #c747ee80;box-shadow:0 6px 30px #05030aa8,0 1px 10px #d85cff52;backdrop-filter:blur(14px)}.nav-brand{display:flex;align-items:center;gap:9px;text-decoration:none;font:900 clamp(17px,1.5vw,25px)/1 var(--font-heading);letter-spacing:-.035em;text-shadow:0 0 14px #fff4dc50}.nav-brand img{width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 0 10px #ff9f3b99)}.nav-brand strong{color:#ffd16d}.nav-links{display:flex;align-items:center;justify-content:center;gap:clamp(7px,1.1vw,18px);padding:0;margin:0;list-style:none;white-space:nowrap}.nav-links a,.account-nav a{font:700 clamp(11px,.94vw,16px)/1 var(--font-heading);text-decoration:none}.nav-links a{padding:22px 0}.nav-links a.active,.nav-links a:hover,.nav-links a:focus-visible{color:#ffd372;text-shadow:0 0 14px #ffba568f}.sep{color:#dfd2e6b8;font-size:18px;font-weight:300}.account-nav{display:flex;align-items:center;justify-content:flex-end;gap:13px;min-width:270px;white-space:nowrap}.account-nav a:hover,.account-nav a:focus-visible{color:#7ef5f6;text-shadow:0 0 12px #51eef4}.account-link span{font-size:10px;margin-right:5px}
.hero{min-height:0;display:grid;grid-template-rows:auto minmax(110px,1fr) auto auto;justify-items:center;align-items:center;gap:12px;padding:22px 20px 10px}.neon-frame{--accent:var(--gold);--glow:#ff8a25;position:relative;border:1px solid color-mix(in srgb,var(--accent) 70%,white 22%);box-shadow:inset 0 1px #ffffff38,inset 0 0 28px color-mix(in srgb,var(--accent) 15%,transparent),0 12px 30px #05030bb0,0 0 13px color-mix(in srgb,var(--accent) 68%,transparent),0 0 34px color-mix(in srgb,var(--glow) 36%,transparent)}.neon-frame::before{content:"";position:absolute;inset:-2px;z-index:2;padding:2px;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--orbit),transparent 0 72deg,color-mix(in srgb,var(--glow) 50%,transparent) 102deg,var(--accent) 140deg,#fff 166deg,var(--accent) 178deg,transparent 184deg 254deg,color-mix(in srgb,var(--glow) 45%,transparent) 286deg,var(--accent) 324deg,#fff 347deg,var(--accent) 356deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:neon-orbit 5.6s linear infinite}@property --orbit{syntax:'<angle>';inherits:false;initial-value:0deg}@keyframes neon-orbit{to{--orbit:360deg}}
.brand-panel{width:min(690px,80vw);padding:8px 25px 11px;text-align:center;border-radius:22px;background-image:linear-gradient(90deg,#160c1bb5,#190d1e80 50%,#160c1bb5),url('../img/hero-title-backplate-v1.webp');background-position:center;background-size:cover}.brand-panel h1{margin:0;font:700 clamp(48px,5.2vw,78px)/.94 var(--font-display);letter-spacing:.025em;text-shadow:0 4px 6px #0c0714,0 0 24px #ffad3e4a}.brand-panel .flame{display:inline-flex;width:.67em;height:.98em;margin:0 .03em;filter:drop-shadow(0 0 10px #ff851f);transform:translateY(.08em)}.brand-panel .flame img{width:100%;height:100%;object-fit:contain}.brand-panel p{margin:6px 0 0;font-size:clamp(13px,1.25vw,18px);text-shadow:0 2px 5px #08040d}.scenic-space{min-height:0}
.server-connect{--accent:var(--cyan);--glow:#00d4ff;width:min(760px,82vw);min-height:64px;display:grid;grid-template-columns:auto 1px minmax(180px,1fr) auto;align-items:center;gap:22px;padding:7px 13px 7px 22px;border-radius:40px;background:linear-gradient(100deg,#102635ed,#101627ed 55%,#35201ee8)}.server-state{display:flex;align-items:center;gap:13px;min-width:165px;font:800 clamp(17px,1.7vw,25px)/1 var(--font-heading)}.server-state i{width:24px;height:24px;border-radius:50%}.server-state[data-state=online]{color:#d5ffe8}.server-state[data-state=online] i{background:var(--green);box-shadow:0 0 10px #fff,0 0 24px var(--green)}.server-state[data-state=maintenance]{color:#fff2ad}.server-state[data-state=maintenance] i{background:var(--yellow);box-shadow:0 0 10px #fff,0 0 24px var(--yellow)}.server-state[data-state=offline]{color:#ffd6db}.server-state[data-state=offline] i{background:var(--red);box-shadow:0 0 10px #fff,0 0 24px var(--red)}.connect-divider{width:1px;height:34px;background:#58eaf2}.server-address{text-align:center}.server-address strong{display:block;font:700 clamp(16px,1.45vw,22px)/1.15 var(--font-heading)}.server-address small{display:block;margin-top:3px;color:#cbd9df;font-size:10px}.copy-ip{min-height:43px;min-width:160px;padding:9px 20px;border:2px solid #ffc646;border-radius:28px;background:linear-gradient(110deg,#68421b,#2d211d);box-shadow:inset 0 1px #fff5,0 0 15px #ffc13b,0 0 30px #ff8c2847;color:#fff8e8;font:800 14px/1 var(--font-heading);cursor:pointer}.copy-ip:hover,.copy-ip:focus-visible{filter:brightness(1.18);transform:translateY(-1px)}
.action-cards{width:min(930px,90vw);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.action-card{min-height:124px;display:grid;grid-template-columns:86px 1fr;align-items:center;gap:8px;padding:16px 20px;overflow:hidden;border-radius:22px;background-image:linear-gradient(90deg,#24101796,#120c1bce 72%),url('../img/action-cards/discord-community-v2.webp');background-position:center;background-size:cover;text-decoration:none;isolation:isolate;transition:transform .2s ease,filter .2s ease,background-size .45s ease}.action-card.store{--accent:var(--cyan);--glow:#00bde9;background-image:linear-gradient(90deg,#071b278f,#07101ed4 72%),url('../img/action-cards/store-market-v2.webp')}.action-card.vote{--accent:var(--green);--glow:#00cf79;background-image:linear-gradient(90deg,#071d1490,#071712d8 72%),url('../img/action-cards/vote-rewards-v2.webp')}.action-card:hover,.action-card:focus-visible{transform:translateY(-5px) scale(1.012);filter:brightness(1.15);background-size:108%}.action-card>span{position:relative;z-index:1}.card-icon{width:68px;height:68px;display:grid;place-items:center;border:2px solid var(--accent);border-radius:19px;background:#130f1dcc;box-shadow:inset 0 0 18px color-mix(in srgb,var(--accent) 22%,transparent),0 0 17px color-mix(in srgb,var(--accent) 48%,transparent)}.card-icon svg{width:47px;height:47px;overflow:visible;fill:var(--accent);filter:drop-shadow(0 0 7px color-mix(in srgb,var(--accent) 80%,transparent))}.vote .card-icon svg{fill:none;stroke:var(--accent);stroke-width:3.1;stroke-linecap:round;stroke-linejoin:round}.card-icon text{fill:#17313c;font:bold 18px sans-serif}.action-card>span:last-child{text-align:left}.action-card strong{display:block;font:800 clamp(20px,1.7vw,27px)/1 var(--font-heading);text-shadow:0 2px 8px #000}.action-card small{display:block;margin-top:5px;color:#fff;font-size:clamp(11px,.9vw,14px);line-height:1.25;text-shadow:0 2px 5px #000,0 0 8px #000}
.home-footer{display:grid;place-content:center;text-align:center;gap:5px;padding:5px 16px 7px;background:linear-gradient(180deg,transparent,#080710bb)}.home-footer nav{display:flex;align-items:center;justify-content:center;gap:20px}.home-footer nav i{height:20px;width:1px;background:#ded3e6}.home-footer a{font:600 12px/1 var(--font-heading);text-decoration:none}.home-footer a:hover,.home-footer a:focus-visible{color:#ffd06b}.home-footer p{margin:0;color:#bfb6c7;font-size:10px}.home-footer small{font-size:10px;color:#d8cedd}.copy-toast{position:fixed;z-index:1500;left:50%;bottom:18px;translate:-50% 16px;padding:10px 18px;border:1px solid #66f3e9;border-radius:999px;background:#0c1b23f2;box-shadow:0 0 22px #45f0df55;opacity:0;pointer-events:none;transition:.22s}.copy-toast.show{opacity:1;translate:-50% 0}
@media(max-height:760px) and (min-width:851px){.app-container{min-height:560px;grid-template-rows:58px minmax(0,1fr) 62px}.hero{grid-template-rows:auto minmax(70px,1fr) auto auto;gap:8px;padding-top:10px}.brand-panel{padding:5px 20px 7px}.brand-panel h1{font-size:52px}.brand-panel p{font-size:13px}.server-connect{min-height:52px}.action-card{min-height:98px;padding:10px 16px}.card-icon{width:57px;height:57px}.action-card{grid-template-columns:66px 1fr}.action-card strong{font-size:20px}.action-card small{font-size:11px}}
@media(max-width:1180px){.navbar{gap:15px;padding-inline:20px}.nav-brand span{display:none}.nav-links{gap:9px}.nav-links a,.account-nav a{font-size:11px}.account-nav{min-width:185px}.account-nav .sep,.logout-link{display:none}.action-cards{gap:16px}}
@media(max-width:850px){body{overflow:auto}.has-flaro-network-bar .app-container,.app-container{height:auto;min-height:calc(100svh - 28px);grid-template-rows:auto auto auto}.navbar{min-height:110px;grid-template-columns:auto 1fr;padding:8px 12px;align-content:center}.nav-brand img{width:44px;height:44px}.navbar nav{grid-column:1/-1;grid-row:2}.nav-links{flex-wrap:wrap}.nav-links .sep{display:none}.nav-links a{display:flex;align-items:center;min-height:38px;padding:5px}.account-nav{justify-self:end;min-width:0}.hero{min-height:850px;grid-template-rows:auto minmax(260px,1fr) auto auto;padding:18px 12px 14px}.brand-panel{width:min(620px,94vw)}.server-connect{width:min(620px,94vw)}.action-cards{width:min(620px,94vw);grid-template-columns:1fr}.action-card{min-height:100px}.home-footer{min-height:110px}.home-footer nav{flex-wrap:wrap;gap:10px 16px}.home-footer nav i{height:14px}}
@media(max-width:560px){.navbar{min-height:132px}.account-nav a{font-size:10px}.hero{min-height:890px;grid-template-rows:auto minmax(220px,1fr) auto auto}.brand-panel{padding:8px 10px}.brand-panel h1{font-size:42px}.brand-panel p{font-size:11px}.server-connect{grid-template-columns:1fr auto;gap:8px 10px;padding:10px 12px;border-radius:24px}.server-state{min-width:0;font-size:15px}.server-state i{width:15px;height:15px}.connect-divider{display:none}.server-address{grid-column:1/2;text-align:left}.server-address strong{font-size:14px}.copy-ip{grid-column:2;grid-row:1/3;min-width:105px;min-height:48px;padding:8px 10px}.action-card{grid-template-columns:64px 1fr;padding:12px 14px}.card-icon{width:54px;height:54px}.card-icon svg{width:37px;height:37px}.home-footer{padding-block:12px}.home-footer p,.home-footer small{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
html,body{overflow-x:hidden}